手动结算订单

jsowell-ui/src/api/order/order.js

@@ -51,3 +51,11 @@ export function totalData(query) {
     params: query
   })
 }
+
+export function manualSettlementOrder(data) {
+  return request({
+    url: '/order/manualSettlementOrder',
+    method: 'post',
+    data: data
+  })
+}

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

@@ -1,9 +1,23 @@
 <template>
   <div class="app-container">
-    <el-card class="cardStyle" v-if="orderInfo[0].orderStatus === '5'">
-      <div >
-        手动结算
+    <el-card class="cardStyle" v-if="orderInfo[0].orderStatus === '4'">
+      <div style="margin: 10px">
+        <span style="color: #bf1c1c">该笔订单为异常状态，请检查充电桩状态！</span>
+        <el-button type="primary" icon="el-icon-search" size="mini" @click="dialogVisible = true">手动结算</el-button>
       </div>
+
+      <el-dialog
+        title="提示"
+        :visible.sync="dialogVisible"
+        width="30%"
+        >
+        <span>平台收到充电桩传来的最后一次实时监测数据<br/></span>
+        <span>时间:{{lastMonitorData.dateTime}}, 消费金额:{{lastMonitorData.chargingAmount}}, 充电度数:{{lastMonitorData.chargingDegree}}</span>
+        <span slot="footer" class="dialog-footer">
+          <el-button @click="dialogVisible = false">取 消</el-button>
+          <el-button type="primary" @click="confirmManualSettlement">确 定</el-button>
+        </span>
+      </el-dialog>
     </el-card>
     <!-- 进度条-->
     <el-card class="cardStyle">
@@ -43,12 +57,8 @@
     <el-card class="cardStyle">
       <h3>订单信息</h3>
       <el-table style="width: 100%" :data="orderInfo" border>
-        <el-table-column
-          prop="orderCode"
-          label="订单号"
-          align="center"
-          width="280"
-        ></el-table-column>
+        <el-table-column prop="orderCode" label="订单号" align="center" width="280"/>
+        <el-table-column prop="transactionCode" label="交易流水号" align="center" width="280"/>
         <el-table-column prop="orderStatusDescribe" label="订单状态描述" align="center"/>
         <el-table-column prop="createTime" label="创建时间" align="center"/>
         <el-table-column prop="startTime" label="开始时间" align="center"/>
@@ -169,7 +179,7 @@
   </div>
 </template>
 <script>
-import { getOrder } from "@/api/order/order";
+import { getOrder, manualSettlementOrder } from "@/api/order/order";
 import OrderEcharts from "@/views/order/order/orderEcharts";
 
 export default {
@@ -185,12 +195,26 @@ export default {
       orderDetail:[],
       pileIn: [],
       orderRealTimeInfo: null,
+      dialogVisible: false,
+      lastMonitorData: {},
     };
   },
   created() {
     this.getOrderDetail();
   },
   methods: {
+    clickManualSettlement() {
+      this.dialogVisible = true;
+    },
+    confirmManualSettlement() {
+      var data = {
+        orderCode: this.orderInfo[0].orderCode
+      };
+      console.log("确认手动结算订单", data);
+      manualSettlementOrder(data).then(response => {
+        this.dialogVisible = false;
+      })
+    },
     async getOrderDetail() {
       console.log("主页面传递过来的参数", this.orderList);
       // console.log(this.orderList.orderCode)
@@ -207,6 +231,7 @@ export default {
       console.log("this.pileIn", this.pileIn);
       this.orderRealTimeInfo = [data.orderRealTimeInfo];
       this.orderDetail = [data.billingDetails];
+      this.lastMonitorData = data.lastMonitorData;
     },
   },
 };