订单详情页新增重试退款按钮

jsowell-ui/src/views/order/order/orderDetail.vue

@@ -24,10 +24,12 @@
         <div style="display:flex;justify-content:center;">
           <el-form :model="manualSettlementParam">
             <el-form-item label="消费金额:" prop="chargingAmount" label-width="80px">
-              <el-input-number v-model.number="manualSettlementParam.chargingAmount" :precision="2" :controls="false" style="width: 50%"/>
+              <el-input-number v-model.number="manualSettlementParam.chargingAmount" :precision="2" :controls="false"
+                               style="width: 50%"/>
             </el-form-item>
             <el-form-item label="充电度数:" prop="chargingDegree" label-width="80px">
-              <el-input-number v-model.number="manualSettlementParam.chargingDegree" :precision="2" :controls="false" style="width: 50%"/>
+              <el-input-number v-model.number="manualSettlementParam.chargingDegree" :precision="2" :controls="false"
+                               style="width: 50%"/>
             </el-form-item>
           </el-form>
         </div>
@@ -71,6 +73,7 @@
         </el-steps>
       </div>
     </el-card>
+
     <!--  订单信息  -->
     <el-card class="cardStyle">
       <h3>订单信息</h3>
@@ -176,7 +179,17 @@
 
     <!--  退款信息  -->
     <el-card class="cardStyle">
-      <h3>退款信息</h3>
+      <div style="margin: 12px 0">
+        <span>退款信息</span>
+        <el-button icon="el-icon-refresh-right"
+                   style="float: right; padding: 3px 0"
+                   type="text"
+                   @click="retryRefundOrder"
+                   v-if="retryRefundFlag"
+        >
+          重试退款
+        </el-button>
+      </div>
       <el-table style="width: 100%" :data="orderRefundInfoList" border>
         <el-table-column prop="paymentId" label="支付流水号" align="center"/>
         <el-table-column prop="reverseId" label="退款流水号" align="center"/>
@@ -245,7 +258,10 @@ export default {
       orderList: this.$route.params.orderCode,
       orderInfo: [],
       payDetail: [],
+      // 订单退款列表
       orderRefundInfoList: [],
+      // 重试退款按钮
+      retryRefundFlag: false,
       userInfo: [],
       obj: {},
       orderDetail: [],
@@ -294,6 +310,11 @@ export default {
     clickManualSettlement() {
       this.dialogVisible = true;
     },
+
+    // 重试退款方法
+    retryRefundOrder() {
+      console.log("点击重试退款按钮");
+    },
     confirmManualSettlement() {
       if (this.manualSettlementParam.chargingAmount == null) {
         return false;
@@ -309,31 +330,36 @@ export default {
       })
     },
     async getOrderDetail() {
-      console.log("主页面传递过来的参数", this.orderList);
+      // console.log("主页面传递过来的参数", this.orderList);
       // console.log(this.orderList.orderCode)
       const {data} = await getOrder(this.orderList);
-      console.log("getOrder", data);
+      // console.log("getOrder", data);
       this.obj = data;
       this.orderInfo = [data.orderInfo];
-      console.log("this.orderInfo", this.orderDetail);
+      // console.log("this.orderInfo", this.orderDetail);
       this.payDetail = data.payRecordList;
-      console.log("this.payDetail", this.payDetail);
+      // console.log("this.payDetail", this.payDetail);
       this.orderRefundInfoList = data.orderRefundInfoList;
       this.userInfo = [data.memberInfo];
-      console.log("this.userInfo", this.userInfo);
+      // console.log("this.userInfo", this.userInfo);
       this.pileIn = [data.pileInfo];
-      console.log("this.pileIn", this.pileIn);
+      // console.log("this.pileIn", this.pileIn);
       this.orderRealTimeInfo = [data.orderRealTimeInfo];
       this.orderDetail = [data.billingDetails];
       this.tableData = data.chargeDetails;
       this.lastMonitorData = data.lastMonitorData;
+
+      // 是否显示重试退款按钮
+      if (data.orderInfo.orderStatus === '6' && data.payRecordList[0].payMode === '4' && data.orderRefundInfoList.length === 0) {
+        this.retryRefundFlag = true;
+      }
     },
   },
   computed: {
     // 一个计算属性的 getter
     monitorDataList() {
       return [this.lastMonitorData];
-        }
+    },
   }
 };
 </script>
@@ -341,6 +367,7 @@ export default {
 .cardStyle {
   margin-bottom: 10px;
 }
+
 .marginTop {
   margin-top: 10px;
 }