修复了售后详情无法点击的问题

litemall-admin/src/views/mall/aftersale.vue

@@ -50,7 +50,62 @@
     <el-tooltip placement="top" content="返回顶部">
       <back-to-top :visibility-height="100" />
     </el-tooltip>
-
+    <!-- 详情对话框 -->
+    <el-dialog :visible.sync="aftersaleDialogVisible" title="售后详情" width="800">
+      <section ref="print">
+        <el-form :data="aftersaleDetail" label-position="left">
+          <el-form-item label="售后id">
+            <el-tag>{{ aftersaleDetail.id }}</el-tag>
+          </el-form-item>
+          <el-form-item label="售后编号">
+            <el-tag>{{ aftersaleDetail.aftersaleSn }}</el-tag>
+          </el-form-item>
+          <el-form-item label="订单号">
+            <el-tag>{{ aftersaleDetail.orderId }}</el-tag>
+          </el-form-item>
+          <el-form-item label="订单金额">
+            <el-tag>{{ aftersaleDetail.amount }}</el-tag>
+          </el-form-item>
+          <el-form-item label="订单状态">
+            <el-tag>{{ aftersaleDetail.status }}</el-tag>
+          </el-form-item>
+          <el-form-item label="订单用户id">
+            <el-tag>{{ aftersaleDetail.userId }}</el-tag>
+          </el-form-item>
+          <el-form-item label="售后类型">
+            <el-tag v-if="aftersaleDetail.type === 0">未收货退款</el-tag>
+            <el-tag v-if="aftersaleDetail.type === 1">不退货退款</el-tag>
+            <el-tag v-if="aftersaleDetail.type === 2">退货退款</el-tag>
+          </el-form-item>
+          <el-form-item label="退款原因">
+            <span>{{ aftersaleDetail.reason }}</span>
+          </el-form-item>
+          <el-form-item label="申请时间">
+            <span>{{ aftersaleDetail.addTime }}</span>
+          </el-form-item>
+          <el-form-item label="更新时间">
+            <span>{{ aftersaleDetail.updateTime }}</span>
+          </el-form-item>
+          <el-form-item label="处理时间">
+            <span>{{ aftersaleDetail.handleTime }}</span>
+          </el-form-item>
+          <el-form-item label="售后图片">
+            <el-table :data="aftersaleDetail.pictures" border fit highlight-current-row>
+              <el-table-column align="center" label="售后图片">
+                <template slot-scope="scope">
+                  <a :href="scope.row" target="_blank">
+                    <img :src="scope.row" width="40">
+                  </a>
+                </template>
+              </el-table-column>
+            </el-table>
+          </el-form-item>
+        </el-form>
+      </section>
+      <span slot="footer" class="dialog-footer">
+        <el-button @click="aftersaleDialogVisible = false">取 消</el-button>
+      </span>
+    </el-dialog>
   </div>
 </template>
 
@@ -91,7 +146,9 @@ export default {
       multipleSelection: [],
       contentDetail: '',
       contentDialogVisible: false,
-      downloadLoading: false
+      downloadLoading: false,
+      aftersaleDialogVisible:false,
+      aftersaleDetail:{}
     }
   },
   created() {
@@ -249,7 +306,12 @@ export default {
         excel.export_json_to_excel2(tHeader, this.list, filterVal, '售后信息')
         this.downloadLoading = false
       })
-    }
+    },
+    handleRead(row) {
+      this.aftersaleDetail = row;
+      console.log(this.aftersaleDetail);
+      this.aftersaleDialogVisible = true
+    },
   }
 }
 </script>