ll

liukangdong

2024-12-19 63f68bf25b920d5711032a6e675769855ed3582b

 h5/pages/staff/snapshot.vue

@@ -56,9 +56,14 @@
               </view>

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

                  <u-icon class="close" size="20" name="close-circle-fill" color="red" @click="fileDel(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" :show-center-play-btn="false"></video>

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

                  <!--                   <video v-if="item.type == 1"

                     :src="item.fileurlFull" :controls="false" :show-center-play-btn="false"></video> -->

                  <view v-if="item.type == 1" class="video_wrap">

                     <video :src="item.fileurlFull" :initial-time="0.01" :show-center-play-btn="false" :controls="false"

                        class="video" :enable-progress-gesture="false" muted />

                     <image src="@/static/play.png" class="play" mode=""></image>

                  </view>

               </view>

            </view>

         </view>

@@ -252,7 +257,9 @@
            this.isShowTime = false

         },

         initConfig() {

            deptListPost({queryHiddenDanger: 1}).then(res => {

            deptListPost({

               queryHiddenDanger: 1

            }).then(res => {

               this.deptList = [res.data]

            })

            DangerConfigType({

@@ -423,7 +430,9 @@
            display: flex;

            flex-wrap: wrap;

         }



         textarea{
            width: 100%;
         }

         .adduser_list_item_ipt1_upload {

            margin-top: 24rpx;

            width: 156rpx;

@@ -438,9 +447,11 @@
            align-items: center;

            justify-content: center;

            position: relative;

            &:nth-of-type(4n){
               margin-right: 0;


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

               margin-right: 0;

            }



            .close {

               position: absolute;

               right: -20rpx;

@@ -448,6 +459,23 @@
               z-index: 9999;

            }



            .video_wrap {

               position: relative;

               border: 1px solid;

               width: 156rpx;

               height: 156rpx;

               border-radius: 4rpx;



               .play {

                  width: 60rpx !important;

                  height: 60rpx !important;

                  position: absolute;

                  top: 50%;

                  left: 50%;

                  transform: translate(-50%, -50%);

               }

            }



            image {

               width: 100%;

               height: 100%;