打包详情入仓影像优化

src/views/ecw/order/components/PackHistoryDetail.vue

@@ -151,8 +151,8 @@
       <el-button type="primary" @click="closeDialog">{{$t('关闭窗口')}}</el-button>
 
     </el-dialog>
-    <el-dialog :title="$t('入仓影像')" :visible.sync="mvShow" :before-close="closeMv" :close-on-click-modal="false" width="600px">
-      <div style="display:flex;flex-wrap:wrap">
+    <el-dialog :title="$t('入仓影像')" :visible.sync="mvShow" :before-close="closeMv" :close-on-click-modal="false">
+<!--      <div style="display:flex;flex-wrap:wrap">
         <div v-for="(item, index) in pictureUrls" :index="index" :key="index" style="width:80px;height:80px">
             <img v-if="item.type === 'image'" :src="item.url" mode="scaleToFill" style="height: 100%" @tap="previewImage(item.url)" />
             <video v-else-if="item.type === 'video'" :id="`video_${index}`" style="width: 100%;height: 100%" :src="item.url" @play="playVideo(index)" @tap="playVideo(index)" @fullscreenchange="fullscreenchange"></video>
@@ -160,7 +160,8 @@
       </div>
       <div v-if="pictureUrls.length==0">
         <span>{{$t('暂无影像')}}</span>
-      </div>
+      </div> -->
+      <image-and-video-upload readonly :fileSize="50" :isShowTip="true" :value="pictureUrls" ></image-and-video-upload>
     </el-dialog>
     <el-dialog :title="$t('箱明细')" :visible.sync="boxShow" :before-close="closeBox" :close-on-click-modal="false" width="800px">
        <el-form>
@@ -180,10 +181,11 @@ import { DICT_TYPE } from '@/utils/dict'
 import { parseTime } from '@/utils/ruoyi'
 import WarehouseAreaSelect from "@/components/WarehouseAreaSelect"
 import {getProductAttrList} from '@/api/ecw/productAttr'
+import ImageAndVideoUpload from '@/components/ImageAndVideoUpload'
 import WarehouseRecordDetailItem from "@/views/ecw/order/warehousing/components/WarehouseRecordDetailItem.vue";
 export default {
   components: {
-    WarehouseAreaSelect,WarehouseRecordDetailItem
+    WarehouseAreaSelect,WarehouseRecordDetailItem,ImageAndVideoUpload
   },
     filters: {parseTime},
     props:{
@@ -289,12 +291,7 @@ export default {
         seeMv(list){
           this.mvShow=true
           if(list){
-            this.pictureUrls = list.map(e => {
-              return {
-                url: e,
-                type: this.isImageFile(e) ? 'image' : 'video',
-              }
-            })
+            this.pictureUrls = list
           }else{
             this.pictureUrls = []
           }