修改售后列表

src/views/store/aftersales/index.vue

@@ -35,8 +35,22 @@
                     @click="refund(scope.row)"
             >确认收货
             </el-button>
+          <el-button
+              type="text"
+              size="small"
+              @click="viewRefundGoods(scope.row)"
+          >查看售后商品
+          </el-button>
         </template>
     </avue-crud>
+
+    <el-dialog title="查看售后商品" @close="refreshChange"
+               append-to-body
+               :visible.sync="viewRefundGoodsBox"
+               width="80%">
+      <avue-crud :data="refundGoodsList" :option="goodsOption" ></avue-crud>
+    </el-dialog>
+
   </basic-container>
 </template>
 
@@ -47,6 +61,38 @@
   export default {
     data() {
       return {
+        viewRefundGoodsBox: false,
+        refundGoodsList: [],
+        goodsOption:{
+          height:300,
+          viewBtn: true,
+          addBtn: false,
+          editBtn: false,
+          delBtn: false,
+          selection: false,
+          menu: false,
+          refreshBtn: false,
+          columnBtn: false,
+          column:[
+            {
+              label:'商品图片',
+              prop:'goodsImage',
+              type: 'img',
+            }, {
+              label:'商品名称',
+              prop:'goodsName'
+            }, {
+              label:'商品规格',
+              prop:'goodsSpec'
+            }, {
+              label:'商品金额',
+              prop:'goodsPrice'
+            }, {
+              label:'退货数量',
+              prop:'goodsNum'
+            }
+          ]
+        },
         form: {},
         query: {},
         loading: true,
@@ -113,6 +159,10 @@
               },
               dataType: "number",
             },
+            {
+              label: "退货物流编号",
+              prop: "logisticsNo",
+            },
           ]
         },
         data: []
@@ -269,7 +319,19 @@
                     loading.close();
                 });
             });
-        }
+        },
+
+      /**
+       * 查看退货商品
+       * @param row
+       */
+      viewRefundGoods(row) {
+        this.viewRefundGoodsBox = true;
+        getDetail(row.id).then(res => {
+          console.log(res)
+          this.refundGoodsList = res.data.data.goodsList;
+        })
+      }
     }
   };
 </script>