工单详情图片大图预览回显

ruoyi-ui/src/views/system/management/emergency-command/info/index.vue

@@ -658,11 +658,11 @@
                   <el-form-item label="标题" prop="title">
                     {{ form.title || '/' }}
                   </el-form-item>
-                  <el-form-item label="标题" prop="title">
+                  <el-form-item label="上报图" prop="title">
                     <el-image v-for="item in form.pictureUrlList"
                       style="width: 100px; height: 100px"
                       :src="baseUrl+item"
-                      :preview-src-list="form.pictureUrlList">
+                      :preview-src-list="picList">
                     </el-image>
                   </el-form-item>
                   <el-form-item label="描述" prop="description">
@@ -1001,6 +1001,7 @@ export default {
   data() {
     return {
       baseUrl: process.env.VUE_APP_BASE_API,
+      picList:[],
       obj: {},
       isEdit: false,
       handleNameList: null,
@@ -1448,8 +1449,14 @@ export default {
         this.rowId = id
         this.rowStatus = Number(row.status)
         this.obj = row
+        this.picList = []
         getWorkOrderWaringDetail(id).then(response => {
           this.form = response.data;
+          if (response.data.pictureUrlList&&response.data.pictureUrlList.length>0){
+            response.data.pictureUrlList.forEach(item=>{
+              this.picList.push(this.baseUrl+item)
+            })
+          }
           this.opens = true;
           this.title = "详情";
         });