feat: 填写上报内容 添加上传中蒙版

pages/record-content/index.vue

@@ -232,18 +232,21 @@
             <view class="tip">{{ !showActive ? null : '照片至少上传1张/视频20M以下' }}</view>
           </view>
           <view class="photo_list">
-            <view class="photo_item" bindtap="preview" v-for="(item, index) in photoList" :key="item.id" @click="previewVideo(item, index)">
-              <!-- <image mode="aspectFill" class="upload_img" src="{{item}}" /> -->
-              <image mode="aspectFill" v-if="item.type === 'image'" :src="item.url" style="display: block; width: 168rpx; height: 168rpx; border-radius: 16rpx" />
+            <view class="photo_item" bindtap="preview" v-for="(item, index) in photoList" :key="item.id">
+              <view v-if="item.status === 'loading'" class="photo_item--loading"></view>
+              <view v-else @click="previewVideo(item, index)">
+                <!-- <image mode="aspectFill" class="upload_img" src="{{item}}" /> -->
+                <image mode="aspectFill" v-if="item.type === 'image'" :src="item.url" style="display: block; width: 168rpx; height: 168rpx; border-radius: 16rpx" />
 
-              <view v-else class="play-wrapper">
-                <video :id="`myVideo${index}`" class="upload_img" :src="item.url" />
-                <image src="/static/icon/ic_sj_bf@2x.png" mode="aspectFill" class="play-icon" />
-              </view>
-              <!--              <video class="upload_img" v-else :src="item.url" :show-fullscreen-btn="false" :show-play-btn="false" :show-center-play-btn="false" />-->
-              <!--              <image v-if="item.type === 'video'" src="/static/icon/ic_sj_bf@2x.png" mode="aspectFill" class="play-icon" />-->
+                <view v-else class="play-wrapper">
+                  <video :id="`myVideo${index}`" class="upload_img" :src="item.url" />
+                  <image src="/static/icon/ic_sj_bf@2x.png" mode="aspectFill" class="play-icon" />
+                </view>
+                <!--              <video class="upload_img" v-else :src="item.url" :show-fullscreen-btn="false" :show-play-btn="false" :show-center-play-btn="false" />-->
+                <!--              <image v-if="item.type === 'video'" src="/static/icon/ic_sj_bf@2x.png" mode="aspectFill" class="play-icon" />-->
 
-              <image @click.native.stop="cancel(item, index)" mode="aspectFill" class="upload_del" src="/static/icon/ic_zp_del@2x.png" />
+                <image @click.native.stop="cancel(item, index)" mode="aspectFill" class="upload_del" src="/static/icon/ic_zp_del@2x.png" />
+              </view>
             </view>
             <view class="photo_upload" @click="upload">
               <image mode="aspectFill" class="upload_icon" src="/static/icon/upload_icon@2x.png" />