工单报备，工单详情

src/views/index/supplySettlement.vue

@@ -10,9 +10,9 @@
           <div>CA段公里数</div>
         </div>
         <div class="rightInputMeters">
-          <div><input type="number"/>公里</div>
-          <div><input type="number"/>公里</div>
-          <div><input type="number"/>公里</div>
+          <div><input type="number" v-model="form.reportMileageAb"/>公里</div>
+          <div><input type="number" v-model="form.reportMileageBc"/>公里</div>
+          <div><input type="number" v-model="form.reportMileageCa"/>公里</div>
         </div>
       </div>
     </div>
@@ -21,14 +21,14 @@
       <div class="line"></div>
       <div class="metersWrap">
         <div class="leftKiloMeters">
-          <div>AB段公里数</div>
-          <div>BC段公里数</div>
-          <div>CA段公里数</div>
+          <div>过路桥费ab</div>
+          <div>过路桥费bc</div>
+          <div>过路桥费ca</div>
         </div>
         <div class="rightInputMeters">
-          <div><input type="number"/>公里</div>
-          <div><input type="number"/>公里</div>
-          <div><input type="number"/>公里</div>
+          <div><input type="number" v-model="form.bridgeAmountAb"/>元</div>
+          <div><input type="number" v-model="form.bridgeAmountBc"/>元</div>
+          <div><input type="number" v-model="form.bridgeAmountCa"/>元</div>
         </div>
       </div>
     </div>
@@ -43,10 +43,10 @@
           <div class="blueColor">已收取客户金额</div>
         </div>
         <div class="rightInputMeters" style="opacity: 1">
-          <div class="alignRight"><input type="number"/>个</div>
-          <div  class="alignRight"><input type="number"/>元</div>
-          <div class="alignRight"><input type="number"/>元</div>
-          <div class="blueColor"><input type="number"/>元</div>
+          <div class="alignRight"><input type="number" v-model="form.tyreNumber"/>个</div>
+          <div  class="alignRight"><input type="number" v-model="form.waitAmount"/>元</div>
+          <div class="alignRight"><input type="number" v-model="form.dilemmaFee"/>元</div>
+          <div class="blueColor"><input type="number" v-model="form.customerAmount"/>元</div>
         </div>
       </div>
     </div>
@@ -56,14 +56,55 @@
 
 <script>
 import CommonBtn  from "@/components/commonBtn.vue"
+import  {updateOrderSettlement} from  "@/api/order"
 export default {
   name: "supplySettlement",
   data(){
-    return{}
+    return{
+      taskOrderId:'',
+      userOrderId:'',
+      orderCode:'',
+      form:{
+        reportMileageAb:'',
+        reportMileageBc:'',
+        reportMileageCa:'',
+        bridgeAmountAb:'',
+        bridgeAmountBc:'',
+        bridgeAmountCa:'',
+        tyreNumber:'',
+        waitAmount:'',
+        dilemmaFee:'',
+        customerAmount:'',
+      }
+    }
+  },
+  mounted() {
+    const urlParams = new URLSearchParams(window.location.search);
+    this.taskOrderId = urlParams.get('taskOrderId');
+    this.userOrderId = urlParams.get('userOrderId');
+    this.orderCode = urlParams.get('orderCode')
   },
   methods:{
     submit() {
       console.log("提交")
+      this.updatSettlement()
+    },
+    async updatSettlement(){
+      let result =await updateOrderSettlement({
+        ...this.form,
+        userOrderId:this.userOrderId,
+        orderCode:this.orderCode,
+        taskOrderId:this.taskOrderId
+      })
+      if(result.code !== 200){
+        this.$toast(result.msg)
+      }else{
+        this.$toast(result.msg)
+        setTimeout(()=>{
+          window.android.sendMessage("goBack");
+        },2000)
+      }
+      console.log("result",result)
     }
   },
   components:{