优化

src/views/system/retreat/retreat/index.vue

@@ -119,7 +119,14 @@
                 border
                 :show-header="false"
                 :data="[item]">
-                <el-table-column prop="title" label="商品图/商品名称" align="center"></el-table-column>
+                <el-table-column label="商品图/商品名称" align="center">
+                  <template slot-scope="scope">
+                    <div class="img-title-table">
+                      <img v-if="scope.row.thumb" style="width:60px;height:60px;" :src="scope.row.thumb"/>
+                      <div class="ml10">{{ scope.row.title }}</div>
+                    </div>
+                  </template>
+                </el-table-column>
                 <el-table-column label="退换货类型" align="center" width="120">
                   <template slot-scope="scope">
                     <span v-if="scope.row.refund_type == 1">仅退款</span>
@@ -561,6 +568,16 @@
     height: 0;
   }
 
+  .img-title-table {
+    display: flex;
+    justify-content: center;
+    align-items: center;
+  }
+
+  .ml10 {
+    margin-left: 10px;
+  }
+
   .pagination-con {
     text-align: center;
     margin-top: 15px;