no message

src/components/file-upload/index.vue

@@ -18,7 +18,7 @@
             v-if="checkFileType(item.url) == 'image'"
             ref="img"
             :src="$showImgUrl(item.url)"
-            :preview-src-list="previewImages"
+            :preview-src-list="[item.url]"
             style="width: 120px; height: 120px"
             fit="cover"
           />

src/views/workOrder/workOrderPool/detailModule/OperationDetail/index.vue

@@ -3,9 +3,13 @@
     <zj-page-fill class="neibuview">
       <zj-form-container>
         <zj-form-module title="操作明细">
-          <zj-table :columns="operationDetailColumns" :tableData="logList" :tableAttributes="{
-            border: true
-          }"></zj-table>
+          <zj-table
+            :columns="operationDetailColumns"
+            :tableData="logList"
+            :tableAttributes="{
+              border: true
+            }"
+          ></zj-table>
         </zj-form-module>
       </zj-form-container>
     </zj-page-fill>
@@ -13,13 +17,13 @@
 </template>
 
 <script>
-import { orderBaseLogList } from "@/api/workOrderPool.js"
+import { orderBaseLogList } from '@/api/workOrderPool.js'
 import ImageUpload from '@/components/file-upload'
 export default {
   props: {
     id: {
       type: [String, Number],
-      default: null,
+      default: null
     }
   },
   components: {
@@ -36,8 +40,8 @@ export default {
         this.getOrderBaseLogList()
       },
       deep: true,
-      immediate: true,
-    },
+      immediate: true
+    }
   },
   computed: {
     operationDetailColumns() {
@@ -52,7 +56,7 @@ export default {
         {
           columnAttributes: {
             label: '操作内容',
-            prop: 'content',
+            prop: 'content'
           }
         },
         {
@@ -62,9 +66,15 @@ export default {
             width: 310
           },
           render: (h, { row, column, index }) => {
-            return <div style="padding: 0 10px">
-              <ImageUpload fileList={row.imgSrc ? row.imgSrc.split(",").map(url => ({ url })) : []} limit={100} isEdit={false} />
-            </div>
+            return (
+              <div style="padding: 0 10px">
+                <ImageUpload
+                  fileList={row.imgSrc ? row.imgSrc.split(',').map(url => ({ url })) : []}
+                  limit={100}
+                  isEdit={false}
+                />
+              </div>
+            )
           }
         },
         {
@@ -94,7 +104,7 @@ export default {
           this.logList = res.data
         })
       }
-    },
+    }
   }
 }
 </script>
@@ -104,11 +114,11 @@ export default {
   box-sizing: border-box;
   padding-left: 16px;
 
-  ::v-deep &>.zj-page-fill-scroll {
+  ::v-deep & > .zj-page-fill-scroll {
     box-sizing: border-box;
     padding-right: 16px;
 
-    &>div:nth-child(1) {
+    & > div:nth-child(1) {
       margin-top: 20px;
     }
   }