jiangping
2024-12-17 0798091933fade5d2ee24891d7441b4e848a4d25
h5/pages/staff/task/vDangetAppr.vue
@@ -42,8 +42,8 @@
            <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" :controls="false"></video>
                  <image v-if="item.type == 0" @click="priviewImage(item.fileurlFull)" :src="item.fileurlFull" mode="widthFix"></image>
                  <video v-if="item.type == 1" @click="videoClick(item, i)" :src="item.fileurlFull" :controls="false"></video>
               </view>
            </view>
         </view>
@@ -51,8 +51,8 @@
            <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" :controls="false"></video>
                  <image v-if="item.type == 0" @click="priviewImage(item.fileurlFull)" :src="item.fileurlFull" mode="widthFix"></image>
                  <video v-if="item.type == 1" @click="videoClick(item, i)" :src="item.fileurlFull" :controls="false"></video>
               </view>
            </view>
         </view>
@@ -133,8 +133,8 @@
               <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('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" :controls="false"></video>
                  <image v-if="item.type == 0" @click="priviewImage(item.fileurlFull)" :src="item.fileurlFull" mode="widthFix"></image>
                  <video v-if="item.type == 1" @click="videoClick(item, i)" :src="item.fileurlFull" :controls="false"></video>
               </view>
            </view>
            <view class="label">退回说明</view>
@@ -263,9 +263,9 @@
         @cancel="isShowHandleDate = false" mode="datetime"></u-datetime-picker>
      <!--  -->
      <view v-if="videoPlay" class="video_app">
<!--       <view v-show="videoPlay" class="video_app">
         <video controls id="myvideo" :src="videoUrl" @fullscreenchange="screenChange"></video>
      </view>
      </view> -->
   </view>
</template>
@@ -363,20 +363,19 @@
         },
         videoClick(item, i) {
            this.videoContext = uni.createVideoContext("myvideo", this); // this这个是实例对象 必传
            console.log(item)
            this.videoUrl = item.fileurlFull;
            console.log(item)
            this.videoPlay = true;
            this.videoUrl = item.fileurlFull;
            this.videoContext.requestFullScreen();
            this.$nextTick(() => {
               this.videoContext.requestFullScreen({
                  direction: 90
               });
               this.videoContext.play();
            })
            
         },
         handleOpen() {
            this.isShowHandle = true;
            const submitFileList = this.info.submitFileList || []
            const submitFileList = this.info.submitFileList || []
            this.dealBeforeFileList  = [...submitFileList]
            this.submitFileList = [...submitFileList];
            this.$set(this.handleParam, 'dealTime', dayjs().format('YYYY-MM-DD HH:mm:ss'));
         },
@@ -804,7 +803,7 @@
      .flow_wrap {
         padding: 30rpx 0 90rpx;
         .list {
            .item {
               display: flex;
@@ -826,7 +825,7 @@
                  height: 80rpx;
                  position: relative;
                  margin-right: 20rpx;
                  .img {
                     width: 80rpx;
                     height: 80rpx;
@@ -839,7 +838,8 @@
                     border-radius: 50%;
                     position: absolute;
                     right: 0;
                     bottom: 0;
                     bottom: 0;
                     z-index: 999;
                  }
               }
@@ -1130,7 +1130,8 @@
      .main_footer {
         position: fixed;
         bottom: 0;
         width: 100%;
         width: 100%;
         z-index: 9999;
         left: 0;
         padding: 30rpx 10rpx 60rpx;
         display: flex;
@@ -1373,8 +1374,14 @@
   }
   .video_app{
      position: absolute;
      left: 3000rpx;
      top: 3000rpx;
      left: 0;
      top: 0;
      width: 100vw;
      height: 100vh;
      video{
         width: 100%;
         height: 100%;
      }
   }
   .Transfer_footer {
      display: flex;