用户退款详情

src/views/order/refund-detail.vue

@@ -230,7 +230,10 @@ export default {
   },
   computed: {
     orderID: function() {
-      return window.location.href.split('/').reverse()[0] * 1
+      return this.$route.query.orderID
+    },
+    refundId: function() {
+      return this.$route.params.id
     }
   },
   created() {
@@ -239,7 +242,7 @@ export default {
   methods: {
     fetchData() {
       this.listLoading = true
-      getRefundDetail({ orderID: this.orderID }).then(response => {
+      getRefundDetail({ id: this.refundId, orderID: this.orderID }).then(response => {
         this.order = response.data.order
         this.bpClauses = response.data.bpClauses
         this.refundList = response.data.cmReturnedPurchaseList

src/views/order/refund.vue

@@ -92,7 +92,7 @@
       </el-table-column>
       <el-table-column label="操作" align="center" class-name="small-padding fixed-width">
         <template slot-scope="{row}">
-          <router-link :to="'/order/refund/detail/' + row.orderID "><el-button type="primary" size="small">查看详情</el-button></router-link>
+          <router-link :to="'/order/refund/detail/' + row.id + '?orderID=' + row.orderID "><el-button type="primary" size="small">查看详情</el-button></router-link>
         </template>
       </el-table-column>
     </el-table>