| | |
| | | </view>
|
| | | </view>
|
| | | </view>
|
| | | <view v-if="info.status == 0 && info.checkUserId == userInfo.memberId" style="height: 90rpx;border: 1px solid red;"></view> |
| | | <view v-if="info.status == 0 && info.checkUserId == userInfo.memberId" style="height: 90rpx;"></view>
|
| | | <view class="emyty"></view>
|
| | | <view class="main_footer" v-if="info.status == 0 && info.checkUserId == userInfo.memberId">
|
| | | <view v-if="info.status == 0 && info.checkUserId == userInfo.memberId" class="btn" @click="handleBack">退回</view>
|
| | | <view v-if="info.status == 0 && info.checkUserId == userInfo.memberId" class="btn transfer" @click="handleTransfer">
|
| | | <view v-if="info.status == 0 && info.checkUserId == userInfo.memberId" class="btn transfer"
|
| | | @click="handleTransfer">
|
| | | 转交</view>
|
| | | <view v-if="info.status == 0 && info.checkUserId == userInfo.memberId" class="btn handle" @click="handleOpen">处理
|
| | | </view>
|
| | |
| | | </u-popup>
|
| | | <!-- 转交 -->
|
| | | <u-popup :show="isShowTransfer" :round="10" safeAreaInsetBottom mode="bottom" @close="isShowTransfer = false">
|
| | | <view class="appr_modal tran_modal">
|
| | | <view class="appr_modal" :style="{height: (windowHeight - 120) + 'px'}">
|
| | | <view class="title">选择员工</view>
|
| | | <view class="search_inp df_ac">
|
| | | <image class="mr12 search" src="@/static/ic_search@2x.png" mode="widthFix"></image>
|
| | | <input v-model="transferModel.queryParam" @focus="showKeyboard = true" @blur="showKeyboard = false" @confirm="getMemList()" type="text" placeholder="搜索人员姓名"
|
| | | placeholder-style="color: #999999;" />
|
| | | <input v-model="transferModel.queryParam" @focus="showKeyboard = true" @blur="showKeyboard = false"
|
| | | @confirm="getMemList()" type="text" placeholder="搜索人员姓名" placeholder-style="color: #999999;" />
|
| | | </view>
|
| | | <view class="mt24 placeholder6">共{{ memberList.length }}条数据</view> |
| | | <view class="member_list">
|
| | | |
| | | <view class="member_list" :style="{height: (windowHeight - 320) + 'px'}">
|
| | | <view v-for="item in memberList" :key="item.id" class="line">
|
| | | <image v-if="item.faceImg" :src="item.faceImg" class="avatar"></image>
|
| | | <span v-else class="img_name">{{ item.realname && item.realname.slice(0, 1) }}</span>
|
| | | <view class="content">
|
| | | <view class="info">
|
| | | <text class="name">{{ item.realname }}</text>
|
| | | <!-- <text class="tag">tag</text> -->
|
| | | </view>
|
| | | <view class="depart">{{ item.companyName }}</view>
|
| | | </view>
|
| | |
| | | </view>
|
| | | <view class="empty"></view>
|
| | | </view>
|
| | | <view v-if="!showKeyboard" class="Transfer_footer">
|
| | | <view class="btn" @click="isShowTransfer = fales">取消</view>
|
| | | <view class="Transfer_footer">
|
| | | <view class="btn" @click="isShowTransfer = false">取消</view>
|
| | | <view class="btn active" @click="enterTransfer">确认转交</view>
|
| | | </view>
|
| | | </view>
|
| | |
| | | onLoad(op) { |
| | | const result = uni.getWindowInfo()
|
| | | this.windowHeight = result.windowHeight
|
| | | console.log('windowHeight', this.windowHeight);
|
| | | uni.setStorageSync('ywinfo', {})
|
| | | this.id = op.id
|
| | | this.getDetail() |
| | | // this.handleTransfer()
|
| | | },
|
| | | mounted() {
|
| | | window.addEventListener('resize', () => {
|
| | | const currentHeight = window.innerHeight; |
| | | this.windowHeight = currentHeight
|
| | | });
|
| | | },
|
| | | methods: {
|
| | | priviewImage(url) {
|
| | |
| | | getMemList() { |
| | | userPagePost({ |
| | | ...this.transferModel, |
| | | querySpecial: 1, type: 2, companyType: 1,workStatus:0 |
| | | querySpecial: 1,
|
| | | type: 2,
|
| | | companyType: 1,
|
| | | workStatus: 0
|
| | | |
| | | }).then(res => {
|
| | | this.memberList = res.data || []
|
| | |
| | | background-color: #fff;
|
| | | padding-bottom: 0;
|
| | | position: relative;
|
| | |
|
| | | .flow_title {
|
| | | font-weight: 600;
|
| | | font-size: 32rpx;
|
| | |
| | | }
|
| | |
|
| | | .flow_wrap {
|
| | | padding: 30rpx 0 30rpx;
|
| | | padding: 30rpx;
|
| | | margin: 0 -30rpx;
|
| | | background-color: #fff;
|
| | |
|
| | | .list {
|
| | | .item {
|
| | | display: flex;
|
| | | margin-bottom: 48rpx;
|
| | | position: relative;
|
| | |
|
| | | .separate {
|
| | | position: absolute;
|
| | | width: 4rpx;
|
| | |
| | | display: flex;
|
| | | margin-bottom: 20rpx;
|
| | | flex-wrap: wrap;
|
| | |
|
| | | .img_wrap {
|
| | | margin-top: 24rpx;
|
| | | width: 156rpx;
|
| | |
| | | }
|
| | | }
|
| | | }
|
| | | .tran_modal{ |
| | | height: 1260rpx; |
| | | }
|
| | | .emyty {
|
| | | width: 750rpx;
|
| | | height: 20rpx;
|
| | |
| | | }
|
| | |
|
| | | .member_list {
|
| | | height: 900rpx;
|
| | | overflow: auto;
|
| | | // border: 1px solid;
|
| | | .line {
|
| | | display: flex;
|
| | | align-items: center;
|