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="false" />

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

@@ -257,6 +261,11 @@


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



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

               capacity: 50

            },

            memberList: []

            memberList: [],



            videoPlay: false,

            videoContext: null,
            videoUrl: ''

         };

      },

      onLoad(op) {

@@ -340,6 +353,23 @@
            uni.previewImage({

               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;

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

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

            uni.chooseImage({

               count: 4,

               count: 9,

               success: chooseImageRes => {

                  uni.showLoading({

                     title: '上传中',

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

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

            uni.chooseImage({

               count: 4,

               count: 9,

               success: chooseImageRes => {

                  uni.showLoading({

                     title: '上传中',

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

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

            uni.chooseImage({

               count: 4,

               count: 9,

               success: chooseImageRes => {

                  uni.showLoading({

                     title: '上传中',

@@ -897,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;

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

         justify-content: center;

         position: relative;



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

            margin-right: 0;

         }



         .close {

            position: absolute;

@@ -924,7 +958,7 @@


         video {

            width: 100%;

            max-height: 120rpx;

            max-height: 156rpx;

         }

      }



@@ -999,25 +1033,44 @@
         .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;

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

@@ -1036,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;

@@ -1055,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;

         }



@@ -1169,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;

@@ -1183,6 +1240,10 @@
            justify-content: center;

            position: relative;



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

               margin-right: 0;

            }



            .close {

               position: absolute;

               right: -20rpx;