修改藏馆订单图片可放大

src/views/order/UserChangeOrderView.vue

@@ -226,7 +226,7 @@ export default {
       }).catch((e) => {
         console.log('===报错=', e)
         this.list = []
-        this.total = 0
+        this.total = 0 
         this.listLoading = false
       })
     }

src/views/order/saleOrderList.vue

@@ -62,7 +62,6 @@
             height="60px">
         </template>
       </el-table-column>
-
       <el-table-column align="center" label="藏品名称" min-width="150px" prop="itemName">
         <template slot-scope="scope">
           <Line2Hidden :text="scope.row.itemName" />

src/views/order/saleOrderView.vue

@@ -42,12 +42,30 @@
           <span v-if="scope.row.receiverName" >{{ scope.row.receiverName + ',' + scope.row.receiverPhone + ',' + scope.row.receiverAddress }}</span>
         </template>
       </el-table-column>
+
       <el-table-column align="center" label="藏品图片" prop="homePageImage">
         <template slot-scope="scope">
-          <img v-if="scope.row.homePageImage && scope.row.homePageImage.url" :src="scope.row.homePageImage.url" width="60px" height="60px">
+          <!-- <img v-if="scope.row.homePageImage && scope.row.homePageImage.url" :src="scope.row.homePageImage.url" width="60px" height="60px"> -->
+          <el-image
+              :preview-src-list="[scope.row.homePageImage.url]"
+              :src="scope.row.homePageImage.url"
+              class="table-td-thumb"
+            />
         </template>
       </el-table-column>
 
+      <!-- <el-table-column align="center" label="申请方藏品图片" min-width="120px" prop="homePageImage">
+        <template slot-scope="scope">
+          <div v-if="scope.row.homePageImage && scope.row.homePageImage.length > 0" class="image_preview">
+            <el-image
+              :preview-src-list="[scope.row.homePageImage.url]"
+              :src="scope.row.homePageImage.url"
+              class="table-td-thumb"
+            />
+          </div>
+        </template>
+      </el-table-column> -->
+
       <el-table-column align="center" label="藏品名称" min-width="150px" prop="itemName">
         <template slot-scope="scope">
           <Line2Hidden :text="scope.row.itemName" />
@@ -237,4 +255,9 @@ export default {
   }
 }
 
+.table-td-thumb {
+  width: 60px;
+  height: 60px;
+}
+
 </style>