手动结算订单支持自定义输入金额和充电度数

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

@@ -21,14 +21,16 @@
 
         <el-divider>下面可以输入自定义消费金额和充电度数</el-divider>
 
-        <el-form :model="manualSettlementParam">
-          <el-form-item label="消费金额" label-width="80px">
-            <el-input v-model="manualSettlementParam.chargingAmount" autocomplete="off"></el-input>
-          </el-form-item>
-          <el-form-item label="充电度数" label-width="80px">
-            <el-input v-model="manualSettlementParam.chargingDegree" autocomplete="off"></el-input>
-          </el-form-item>
-        </el-form>
+        <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-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-form-item>
+          </el-form>
+        </div>
         <span slot="footer" class="dialog-footer">
           <el-button @click="dialogVisible = false">取 消</el-button>
           <el-button type="primary" @click="confirmManualSettlement">确 定</el-button>
@@ -217,7 +219,11 @@ export default {
       lastMonitorData: {},
       monitorDataList: [this.lastMonitorData],
       // 手动结算参数
-      manualSettlementParam: {},
+      manualSettlementParam: {
+        orderCode: null,
+        chargingAmount: null,
+        chargingDegree: null,
+      },
     };
   },
   created() {