新增换藏订单图片放大

src/views/order/ChangeOrderView.vue

@@ -45,7 +45,14 @@
       <el-table-column align="center" label="用户藏品ID" min-width="90px" prop="itemId" />
       <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"> -->
+          <div 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">
@@ -58,7 +65,14 @@
       <el-table-column align="center" label="交换藏品ID"  min-width="90px" prop="userExchangeItemId" />
       <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"> -->
+          <div 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>
 

src/views/order/itemOrderList.vue

@@ -31,7 +31,7 @@ export default {
   },
   data() {
     return {
-      activeIndex: '3',
+      activeIndex: '1',
       listLoading: true
     }
   },