添加字段

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

@@ -13,7 +13,8 @@
           icon="el-icon-search"
           size="mini"
           @click="dialogVisible = true"
-          >手动结算</el-button
+        >手动结算
+        </el-button
         >
       </div>
 
@@ -113,38 +114,53 @@
       >
         <el-descriptions-item label="订单号">{{
             orderInfo.orderCode
-        }}</el-descriptions-item>
+          }}
+        </el-descriptions-item>
         <el-descriptions-item label="交易流水号">{{
             orderInfo.transactionCode
-        }}</el-descriptions-item>
+          }}
+        </el-descriptions-item>
         <el-descriptions-item label="卡号">{{
             orderInfo.logicCard
-        }}</el-descriptions-item>
+          }}
+        </el-descriptions-item>
         <el-descriptions-item label="订单状态描述">{{
             orderInfo.orderStatusDescribe
-        }}</el-descriptions-item>
+          }}
+        </el-descriptions-item>
         <el-descriptions-item label="充电开始时间">{{
             orderInfo.startTime
-        }}</el-descriptions-item>
+          }}
+        </el-descriptions-item>
         <el-descriptions-item label="充电结束时间">{{
             orderInfo.endTime
-        }}</el-descriptions-item>
+          }}
+        </el-descriptions-item>
         <el-descriptions-item label="订单创建时间">{{
             orderInfo.createTime
-        }}</el-descriptions-item>
+          }}
+        </el-descriptions-item>
+        <el-descriptions-item label="订单结算金额">{{
+            orderInfo.settleAmount
+          }}
+        </el-descriptions-item>
         <el-descriptions-item label="订单结算时间">{{
             orderInfo.settlementTime
-        }}</el-descriptions-item>
+          }}
+        </el-descriptions-item>
 
         <el-descriptions-item label="起始SOC">{{
             orderInfo.startSOC
-        }}</el-descriptions-item>
+          }}
+        </el-descriptions-item>
         <el-descriptions-item label="终止SOC">{{
             orderInfo.endSOC
-        }}</el-descriptions-item>
+          }}
+        </el-descriptions-item>
         <el-descriptions-item label="订单停止原因">{{
             orderInfo.stopReasonMsg
-        }}</el-descriptions-item>
+          }}
+        </el-descriptions-item>
       </el-descriptions>
       <div class="marginTop"></div>
     </el-card>
@@ -204,23 +220,28 @@
       >
         <el-descriptions-item label="时间">{{
             orderRealTimeInfo.time
-        }}</el-descriptions-item>
+          }}
+        </el-descriptions-item>
         <el-descriptions-item label="消费金额">{{
             orderRealTimeInfo.orderAmount === "0.0000"
               ? "0"
               : orderRealTimeInfo.orderAmount
-        }}</el-descriptions-item>
+          }}
+        </el-descriptions-item>
         <el-descriptions-item label="充电度数">{{
             orderRealTimeInfo.chargedDegree === "0.0000"
               ? "0"
               : orderRealTimeInfo.chargedDegree
-        }}</el-descriptions-item>
+          }}
+        </el-descriptions-item>
         <el-descriptions-item label="充电时长">{{
             orderRealTimeInfo.chargingTime
-        }}</el-descriptions-item>
+          }}
+        </el-descriptions-item>
         <el-descriptions-item label="当前soc">{{
             orderRealTimeInfo.soc
-        }}</el-descriptions-item>
+          }}
+        </el-descriptions-item>
       </el-descriptions>
       <div class="marginTop"></div>
     </el-card>
@@ -239,22 +260,28 @@
         >
           <el-descriptions-item label="支付金额">{{
               item.payAmount
-          }}</el-descriptions-item>
+            }}
+          </el-descriptions-item>
           <el-descriptions-item label="支付方式">{{
               item.payModeDesc
-          }}</el-descriptions-item>
+            }}
+          </el-descriptions-item>
           <el-descriptions-item label="支付状态">{{
               item.payStatus === "1" ? "支付完成" : "待支付"
-          }}</el-descriptions-item>
+            }}
+          </el-descriptions-item>
           <el-descriptions-item label="支付时间">{{
               item.payTime
-          }}</el-descriptions-item>
+            }}
+          </el-descriptions-item>
           <el-descriptions-item label="支付流水号">{{
               item.outTradeNo
-          }}</el-descriptions-item>
+            }}
+          </el-descriptions-item>
           <el-descriptions-item label="退款金额">{{
               item.refundAmount
-          }}</el-descriptions-item>
+            }}
+          </el-descriptions-item>
         </el-descriptions>
       </template>
       <div v-else style="text-align: center">暂无数据</div>
@@ -530,6 +557,7 @@ export default {
 .cardStyle {
   margin-bottom: 10px;
 }
+
 .marginTop {
   margin-top: 10px;
 }