ll

liukangdong

2024-12-10 a8c03746e6bd8ac1d46dc48c1b10bceff543664f

 h5/pages/staff/task/vDangetAppr.vue

@@ -9,10 +9,14 @@
            class="status_img"></image>

         <view>{{ info.content }}</view>

         <view class="file_list">

            <view class="img_wrap" v-for="item in info.submitFileList" :key="item.id">

            <view class="img_wrap" v-for="item,i in info.submitFileList" :key="item.id">

               <image v-if="item.type == 0" :src="item.fileurlFull" @click="priviewImage(item.fileurlFull)" mode="widthFix"

                  class="img" />

               <video v-if="item.type == 1" :src="item.fileurlFull" class="video" controls />

               <view v-if="item.type == 1"  @click="videoClick(item, i)" class="video_wrap">
                  <video :id="'id' + i" :show-center-play-btn="false"
                     :src="item.fileurlFull" muted class="video" :controls="false" />
                  <image src="@/static/play.png" class="play" mode=""></image>
               </view>

            </view>

         </view>

         <view class="text_wrap">

@@ -28,31 +32,32 @@
      </view>

      <!--  -->

      <view class="emyty"></view>

      <view v-if="info.status == 1" class="module_list">

      <view v-if="info.status == 1 || info.status == 2" class="module_list">

         <view class="title">处理结果</view>

         <view class="item">

            <view class="label">处理结果</view>

            <view class="value primaryColor">{{ statusMap[info.status] }}</view>

            <view class="value primaryColor" :class="{ red: info.status == 2 }">{{ statusMap[info.status] }}</view>

         </view>

         <view class="item">

            <view class="label">整改前</view>

            <view class="label">{{info.status == '1' ? '整改前' : '视频/图片'}}</view>

            <view class="value">

               <view class="adduser_list_item_ipt1_upload" v-for="(item, i) in info.dealBeforeFileList" :key="i">

                  <image v-if="item.type == 0" :src="item.fileurlFull" mode="widthFix"></image>

                  <video v-if="item.type == 1" :src="item.fileurlFull"></video>

                  <video v-if="item.type == 1" :src="item.fileurlFull" :controls="false"></video>

               </view>

            </view>

         </view>

         <view class="item">

         <view class="item" v-if="info.dealAfterFileList && info.dealAfterFileList.length > 0">

            <view class="label">整改后</view>

            <view class="value">

               <view class="adduser_list_item_ipt1_upload" v-for="(item, i) in info.dealAfterFileList" :key="i">

                  <image v-if="item.type == 0" :src="item.fileurlFull" mode="widthFix"></image>

                  <video v-if="item.type == 1" :src="item.fileurlFull"></video>

                  <video v-if="item.type == 1" :src="item.fileurlFull" :controls="false"></video>

               </view>

            </view>

         </view>

         <view class="item">

            <view class="label">整改说明</view>

            <view class="label">{{info.status == '1' ? '整改说明' : '退回说明'}}</view>

            <view class="value">{{ info.checkInfo }}</view>

         </view>

      </view>

@@ -67,7 +72,7 @@
                     v-if="info.status == 1 || index < flowList.length - 1" />

                  <image src="@/static/staff/liucheng_fail@2x.png" class="status"

                     v-if="info.status == 2 && index == flowList.length - 1" />

                  <image v-if="item.avatar != null && item.avatar != ''" :src="item.avatar" class="img" alt="" />
                  <image v-if="item.avatar != null && item.avatar != ''" :src="item.avatar" class="img" alt="" />

                  <!-- <image v-else src="@/static/default_avatar.png" class="img" mode=""></image> -->

                  <span v-if="item.avatar == null || item.avatar == ''"

                     class="img_name">{{ item.createUserName && item.createUserName.slice(0, 1) }}</span>

@@ -75,7 +80,7 @@
               <view class="content">

                  <view class="head">

                     <view class="event">{{ item.title }}</view>

                     <view class="time">{{ item.createDate }}</view>

                     <view class="time" v-if="item.createDate">{{ item.createDate.slice(0,16) }}</view>

                  </view>

                  <view class="line">

                     <view class="company">

@@ -96,9 +101,11 @@
      </view>

      <view class="emyty"></view>

      <view class="main_footer">

         <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>

         <view v-if="info.status==0&& info.checkUserId == userInfo.memberId" class="btn handle" @click="handleOpen">处理</view>

         <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>

         <view v-if="info.status==0&& info.checkUserId == userInfo.memberId" class="btn handle" @click="handleOpen">处理

         </view>

      </view>



      <!-- 退回 -->

@@ -119,15 +126,15 @@


            <view class="label">图片/视频</view>

            <view class="upload_wrap">

               <view class="adduser_list_item_ipt1_upload" @click="showUpload = true">

               <view class="adduser_list_item_ipt1_upload" @click="showUploadBe = true">

                  <u-icon name="plus" color="rgb(153, 153, 153)" size="28"></u-icon>

                  <view class="mt6">图片/视频</view>

               </view>

               <view class="adduser_list_item_ipt1_upload" v-for="(item, i) in submitFileList" :key="i">

               <view class="adduser_list_item_ipt1_upload" v-for="(item, i) in dealBeforeFileList" :key="i">

                  <u-icon class="close" size="20" name="close-circle-fill" color="red"

                     @click="fileDel('submitFileList', i)"></u-icon>

                     @click="fileDel('dealBeforeFileList', i)"></u-icon>

                  <image v-if="item.type == 0" :src="item.fileurlFull" mode="widthFix"></image>

                  <video v-if="item.type == 1" :src="item.fileurlFull"></video>

                  <video v-if="item.type == 1" :src="item.fileurlFull" :controls="false"></video>

               </view>

            </view>

            <view class="label">退回说明</view>

@@ -167,7 +174,7 @@
                  <u-icon class="close" size="20" name="close-circle-fill" color="red"

                     @click="fileDel('dealBeforeFileList', i)"></u-icon>

                  <image v-if="item.type == 0" :src="item.fileurlFull" mode="widthFix"></image>

                  <video v-if="item.type == 1" :src="item.fileurlFull"></video>

                  <video v-if="item.type == 1" :src="item.fileurlFull" :controls="false"></video>

               </view>

            </view>

            <view class="label">

@@ -183,7 +190,7 @@
                  <u-icon class="close" size="20" name="close-circle-fill" color="red"

                     @click="fileDel('dealAfterFileList', i)"></u-icon>

                  <image v-if="item.type == 0" :src="item.fileurlFull" mode="widthFix"></image>

                  <video v-if="item.type == 1" :src="item.fileurlFull"></video>

                  <video v-if="item.type == 1" :src="item.fileurlFull" :controls="false"></video>

               </view>

            </view>

            <view class="label">整改说明</view>

@@ -225,8 +232,8 @@
            <view class="member_list">

               <view class="mt24 placeholder6">共{{ memberList.length }}条数据</view>

               <view v-for="item in memberList" :key="item.id" class="line">

                  <image :src="item.faceImgFull ? item.faceImgFull : require('@/static/meeting/common/default_user@2x.png')"

                     class="avatar" mode=""></image>

                  <image v-if="item.faceImgFull" :src="item.faceImgFull" class="avatar"></image>

                  <span v-else class="img_name">{{item.name && item.name.slice(0,1)}}</span>

                  <view class="content">

                     <view class="info">

                        <text class="name">{{ item.name }}</text>

@@ -234,10 +241,9 @@
                     </view>

                     <view class="depart">{{ item.companyName }}</view>

                  </view>

                  <image @click="changeMem(item)" v-if="transferParam.id == item.id"

                     src="@/static/checkbox_sel@2x.png" mode="widthFix" class="checked"></image>

                  <image @click="changeMem(item)" v-else src="@/static/video@2x.png" mode="widthFix"

                     class="checked"></image>

                  <image @click="changeMem(item)" v-if="transferParam.id == item.id" src="@/static/checkbox_sel@2x.png"

                     mode="widthFix" class="checked"></image>

                  <image @click="changeMem(item)" v-else src="@/static/video@2x.png" mode="widthFix" class="checked"></image>

                  <text></text>

               </view>

               <view class="empty"></view>

@@ -249,11 +255,17 @@
         </view>

      </u-popup>

      <!-- 退回时间 -->

      <u-datetime-picker :show="isShowBackDate" @confirm="confirmBackDate" @cancel="isShowBackDate = false"

      <u-datetime-picker :show="isShowBackDate" :minDate="new Date().getTime()" :closeOnClickOverlay="false"

         @confirm="confirmBackDate" @close="isShowBackDate = false" @cancel="isShowBackDate = false"

         mode="datetime"></u-datetime-picker>



      <u-datetime-picker :minDate="new Date().getTime()" :show="isShowHandleDate" @confirm="confirmHandleDate"

         @cancel="isShowHandleDate = false" mode="datetime"></u-datetime-picker>

      <!--  -->



      <view v-if="videoPlay" class="video_app">

         <video controls id="myvideo" :src="videoUrl" @fullscreenchange="screenChange"></video>

      </view>

   </view>

</template>



@@ -272,7 +284,7 @@
         return {

            isShowBack: false,

            param: {},

            info: {},
            info: {},

            userInfo: this.$store.state.userInfo,

            flowList: [],



@@ -324,7 +336,11 @@
               page: 1,

               capacity: 50

            },

            memberList: []

            memberList: [],



            videoPlay: false,

            videoContext: null,
            videoUrl: ''

         };

      },

      onLoad(op) {

@@ -338,15 +354,34 @@
               urls: [url]

            });

         },

         screenChange(e) {

            let fullScreen = e.detail.fullScreen; // 值true为进入全屏，false为退出全屏

            if (!fullScreen) {

               //退出全屏

               this.videoPlay = false; // 隐藏播放盒子

            }

         },

         videoClick(item, i) {

            this.videoContext = uni.createVideoContext("myvideo", this); // this这个是实例对象 必传

            console.log(item)

            this.videoUrl = item.fileurlFull;

            this.videoContext.requestFullScreen({

               direction: 90

            });

            this.videoContext.play();

            this.videoPlay = true;

         },

         handleOpen() {

            this.isShowHandle = true;

            console.log('info', this.info);

            this.dealBeforeFileList = [...this.info.submitFileList];

            const submitFileList = this.info.submitFileList || []

            this.submitFileList = [...submitFileList];

            this.$set(this.handleParam, 'dealTime', dayjs().format('YYYY-MM-DD HH:mm:ss'));

         },

         handleBack() {

            this.isShowBack = true;

            this.submitFileList = [...this.info.submitFileList];

            // const submitFileList = this.info.submitFileList || []

            // this.submitFileList = [...submitFileList];

            this.dealBeforeFileList = []

            this.$set(this.backParam, 'dealTime', dayjs().format('YYYY-MM-DD HH:mm:ss'));

         },

         getDetail() {

@@ -432,10 +467,8 @@
         },

         getMemList() {

            findHiddenAreaMemberList({

               model: {

                  ...this.transferModel,

                  id: this.info.areaId

               },

               ...this.transferModel,

               id: this.info.areaId,

               ...this.pagination

            }).then(res => {

               this.memberList = res.data || [];

@@ -451,12 +484,12 @@
         },

         onSubBack() {

            const {

               submitFileList,

               dealBeforeFileList,

               backParam

            } = this;

            dealHiddenDanger({

               ...backParam,

               dealBeforeFileList: submitFileList,

               dealBeforeFileList,

               status: 2,

               id: this.id

            }).then(res => {

@@ -479,7 +512,7 @@
            this.showUploadBe = false;

            let token = uni.getStorageSync('token') || '';

            uni.chooseImage({

               count: 4,

               count: 9,

               success: chooseImageRes => {

                  uni.showLoading({

                     title: '上传中',

@@ -570,7 +603,7 @@
            this.showUploadAf = false;

            let token = uni.getStorageSync('token') || '';

            uni.chooseImage({

               count: 4,

               count: 9,

               success: chooseImageRes => {

                  uni.showLoading({

                     title: '上传中',

@@ -658,7 +691,7 @@
            this.showUpload = false;

            let token = uni.getStorageSync('token') || '';

            uni.chooseImage({

               count: 4,

               count: 9,

               success: chooseImageRes => {

                  uni.showLoading({

                     title: '上传中',

@@ -745,25 +778,29 @@
      }

   };

</script>

<style>



<style lang="scss">

   page {

      background-color: #f7f7f7;



      ::v-deep .u-popup__content {

         border-top: 1rpx solid #cccccc;

      }

   }

</style>

<style lang="scss">



   .main_app {

      background-color: #fff;

      padding-bottom: 0;



      .flow_title {

         font-weight: 600;

         font-size: 32rpx;

         color: #222222;

         margin-bottom: 24rpx;

      }



      .flow_wrap {

         padding: 30rpx 0;



         .flow_title {

            font-weight: 600;

            font-size: 32rpx;

            color: #222222;

            margin-bottom: 24rpx;

         }



         .list {

            .item {

@@ -830,17 +867,19 @@
                     }

                  }



                  .line{
                     .company{
                        font-size: 26rpx;
                        color: #777777;
                     }
                     .status-green{
                        color: $uni-color-primary;
                     }
                     .status-red{
                        color: red;
                     }
                  .line {

                     .company {

                        font-size: 26rpx;

                        color: #777777;

                     }



                     .status-green {

                        color: $uni-color-primary;

                     }



                     .status-red {

                        color: red;

                     }

                  }



                  .remark {

@@ -888,9 +927,9 @@
      }



      .adduser_list_item_ipt1_upload {

         width: 120rpx;

         height: 120rpx;

         margin-right: 24rpx;

         width: 156rpx;

         height: 156rpx;

         margin-right: 20rpx;

         border: 2rpx solid #e5e5e5;

         background: #f7f7f7;

         color: #666666;

@@ -900,6 +939,10 @@
         align-items: center;

         justify-content: center;

         position: relative;



         &:nth-of-type(4n) {

            margin-right: 0;

         }



         .close {

            position: absolute;

@@ -915,11 +958,18 @@


         video {

            width: 100%;

            max-height: 120rpx;

            max-height: 156rpx;

         }

      }



      .module_list {

         .title {

            font-weight: 600;

            font-size: 32rpx;

            color: #222222;

            padding-top: 28rpx;

         }



         .item {

            padding: 30rpx 0;

            border-bottom: 1rpx solid #e5e5e5;

@@ -983,32 +1033,52 @@
         .file_list {

            display: flex;

            margin-bottom: 20rpx;

            overflow-x: auto;

            flex-wrap: wrap;



            .img_wrap {

               margin-top: 24rpx;

               min-width: 160rpx;

               height: 160rpx;

               width: 156rpx;

               height: 156rpx;

               border: 2rpx solid #e5e5e5;

               background: #f7f7f7;

               color: #666666;

               font-size: 22rpx;

               display: flex;

               display: flex;
               border-radius: 4rpx;

               flex-direction: column;

               align-items: center;

               justify-content: center;

               position: relative;

               margin-right: 16rpx;

               margin-right: 20rpx;

               flex-shrink: 0;

            }



               &:nth-of-type(4n) {

                  margin-right: 0;

               }

            }

            .video_wrap{
               position: relative;
               border: 1px solid;
               width: 156rpx;
               height: 156rpx;
               border-radius: 4rpx;
               .play{
                  width: 60rpx;
                  height: 60rpx;
                  position: absolute;
                  top: 50%;
                  left: 50%;
                  transform: translate(-50%, -50%);
               }
            }

            .img {

               width: 100%;

               max-height: 100%;

            }



            .video {

               height: 160rpx;

               width: 100%;

               max-height: 100%;

            }

         }



@@ -1019,9 +1089,13 @@
            margin-top: 20rpx;



            .line {

               margin-bottom: 12rpx;

               margin-bottom: 18rpx;

               display: flex;

               font-size: 24rpx;



               &:nth-last-child(1) {

                  margin-bottom: 0;

               }



               .label {

                  color: #999999;

@@ -1038,7 +1112,7 @@
            line-height: 60rpx;

            padding: 0 32rpx;

            border-radius: 0rpx 0rpx 0rpx 30rpx;

            background-color: #e9edff;

            background: rgba(39, 155, 170, 0.12);

            color: $uni-color-primary;

         }



@@ -1152,10 +1226,10 @@
         }



         .adduser_list_item_ipt1_upload {

            margin-top: 24rpx;

            width: 120rpx;

            height: 120rpx;

            margin-right: 24rpx;

            margin-top: 20rpx;

            width: 156rpx;

            height: 156rpx;

            margin-right: 20rpx;

            border: 2rpx solid #e5e5e5;

            background: #f7f7f7;

            color: #666666;

@@ -1165,6 +1239,10 @@
            align-items: center;

            justify-content: center;

            position: relative;



            &:nth-of-type(4n) {

               margin-right: 0;

            }



            .close {

               position: absolute;

@@ -1180,7 +1258,7 @@


            video {

               width: 100%;

               max-height: 120rpx;

               height: 100%;

            }

         }

      }

@@ -1223,6 +1301,19 @@
            margin-right: 20rpx;

         }



         .img_name {

            width: 64rpx;

            height: 64rpx;

            line-height: 64rpx;

            text-align: center;

            border-radius: 50%;

            overflow: hidden;

            margin-right: 20rpx;

            background: $uni-color-primary;

            color: #fff;

            border: 1rpx solid $uni-color-primary;

         }



         .content {

            flex: 1;