feat:添加预览图片功能

src/views/sale/itemList.vue

@@ -36,7 +36,7 @@
       <el-table-column align="center" label="封面图" prop="itemImg">
         <template slot-scope="scope">
           <!--          <img v-if="scope.row.images" :src="scope.row.images.split(';')[0]" width="60px" height="60px" @click="handleShowPreview(scope.row.images)">-->
-          <div class="image_preivew">
+          <div class="image_preview">
             <el-image
               :preview-src-list="scope.row.images.split(';')"
               :src="scope.row.images.split(';')[0]"
@@ -307,7 +307,7 @@ export default {
 .page_consignList {
   padding: 20px;
 
-  .image_preivew {
+  .image_preview {
     width: 60px;
     height: 60px;
     align-content: center;

src/views/sale/saleList.vue

@@ -28,7 +28,13 @@
       <el-table-column align="center" min-width="100px" prop="id" label="商品ID" />
       <el-table-column align="center" label="封面图" prop="itemImg">
         <template slot-scope="scope">
-          <img v-if="scope.row.images" :src="scope.row.images.split(';')[0]" width="60px" height="60px">
+          <div class="image_preview">
+            <el-image
+              :preview-src-list="scope.row.images.split(';')"
+              :src="scope.row.images.split(';')[0]"
+              class="table-td-thumb"
+            />
+          </div>
         </template>
       </el-table-column>
 
@@ -245,6 +251,12 @@ export default {
     flex-direction: row;
     justify-content: space-between;
   }
+  .image_preview {
+    width: 60px;
+    height: 60px;
+    align-content: center;
+    justify-content: center;
+  }
 }
 
 </style>