司机管理模块，开票通知模块

src/views/workOrder/accounting.vue

@@ -1,44 +1,55 @@
 <template>
 <div class="wrap">
+  <div class="navBar">
+    <van-nav-bar
+        title="司机管理"
+        left-arrow
+        left-arrow-color="#FFFFFF"
+        :border="false"
+        :fixed="true"
+        :safe-area-inset-top="true"
+        @click-left="h5GoBack"
+    />
+  </div>
   <div class="baseInfo common">
     <div class="title">基本信息:</div>
     <div class="line"></div>
     <div class="item">
-      <span class="title">工单编号：</span>
-      <span class="content" id="copyText">ZD230626124283</span>
+      <span class="titleLeft">工单编号：</span>
+      <span class="content" id="copyText">{{ orderInfo.orderCode }}</span>
       <img @click="copyText" src="@/assets/copy.png" />
     </div>
     <div class="item">
-      <span class="title">车牌号：&nbsp;&nbsp;&nbsp;&nbsp;</span>
-      <span class="content">湘H-DD899</span>
+      <span class="titleLeft">车牌号：&nbsp;&nbsp;&nbsp;&nbsp;</span>
+      <span class="content">{{orderInfo.plateNumber}}</span>
     </div>
     <div class="item">
-      <span class="title">服务类型：</span>
-      <span class="content" >搭电</span>
+      <span class="titleLeft">服务类型：</span>
+      <span class="content" >{{ orderInfo.serviceName }}</span>
     </div>
     <div class="item">
-      <span class="title">工单状态：</span>
-      <span class="content" >未完成</span>
+      <span class="titleLeft">工单状态：</span>
+      <span class="content" >{{ orderInfo.taskSuccessStatus?.label }}</span>
     </div>
     <div class="item">
-      <span class="title">结算比例：</span>
-      <span class="content" >按服务不成功结算</span>
+      <span class="titleLeft">结算比例：</span>
+      <span class="content" >{{ orderInfo.supplierSettleRatio?.label }}</span>
     </div>
     <div class="item">
-      <span class="title">结算类型：</span>
-      <span class="content" >系统一口价</span>
+      <span class="titleLeft">结算类型：</span>
+      <span class="content" >{{ orderInfo.settleType?.label }}</span>
     </div>
     <div class="item" >
-      <span class="title">结算方式：</span>
+      <span class="titleLeft">结算方式：</span>
       <div class="content" style="width: calc(100% - 84px);display: flex;justify-content: space-between;line-height: 27px" >
-        <span>起步价:135</span>
-        <span>包含公里数:15</span>
-        <span>超出单价:6</span>
+        <span>{{orderInfo.taskSettleType?.label}}</span>
+<!--        <span>包含公里数:15</span>-->
+<!--        <span>超出单价:6</span>-->
          </div>
     </div>
     <div class="item">
-      <span class="title">扣除责任险费：</span>
-      <span class="content">0</span>
+      <span class="titleLeft">扣除责任险费：</span>
+      <span class="content">{{orderInfo.policyAmount}} {{orderInfo.cutInsuranceAmount}}</span>
     </div>
 
   </div>
@@ -55,10 +66,10 @@
         <div>备注说明:</div>
       </div>
       <div class="inputContent">
-        <div class="halfOpcity"><input type="number"/>公里</div>
-        <div class="halfOpcity"><input type="number"/>元</div>
-        <div class="halfOpcity"><input type="number"/>元</div>
+        <div class="halfOpcity"><input type="number" />公里</div>
         <div class="halfOpcity"><input type="number"/>元</div>
+        <div class="halfOpcity"><input type="number" v-model="form.supplierTyreAmount"/>元</div>
+        <div class="halfOpcity"><input type="number" v-model="form.supplierCustomerAmount"/>元</div>
         <div class="btnComputed">计算</div>
       </div>
     </div>
@@ -70,11 +81,44 @@
 
 <script>
 import {myMixins} from '@/utils/myMixins'
+import {getAccountRecordDetail} from "@/api/mine"
 import TwoCommonBtn from "@/components/twoBtnCommon.vue"
+import order from "../../store/modules/order";
 export default {
   name: "accountingView",
+  computed: {
+    order() {
+      return order
+    }
+  },
   mixins:[myMixins],
+  data(){
+    return{
+      id:'',
+      postfix:'',
+      orderInfo:{},
+      form:{
+        supplierCustomerAmount:'',
+        supplierTyreAmount:'',
+      }
+    }
+  },
+  async mounted() {
+    this.id=this.$route.params?.id;
+    this.postfix=this.$route.params?.postfix;
+    await this.getDetail()
+  },
   methods:{
+    async getDetail(){
+      let res= await getAccountRecordDetail({
+        id:this.id,
+        postfix:this.postfix
+      })
+      if(res.code === 200){
+        this.orderInfo=res.data
+      }
+      // console.log("res",res)
+    },
     cancelBtn(){
       console.log("取消")
     },
@@ -90,11 +134,15 @@ export default {
 
 <style scoped lang="scss">
 @import "@/styles/mixin.scss";
+@import "@/styles/common.scss";
 .wrap{
   width: 100%;
   height: 100%;
   background-color: #F4F5F7;
 }
+.navBar{
+  margin-bottom: 46px;
+}
 .title{
   @include fontWeightSize(bold,14px);
   color: #323643;
@@ -110,8 +158,10 @@ export default {
 .item{
   display: flex;
   align-items: center;
-  @include fontWeightSize(400,12px);
-  .title{
+  font-size: 12px !important;
+  font-weight: 400 !important;
+  //@include fontWeightSize(400,12px) !important;
+  .titleLeft{
     opacity: .5;
     line-height: 27px;
   }
@@ -128,6 +178,7 @@ img{
 }
 .baseInfo{
   @include wh(100%,276px);
+
 }
 .supplierData{
   @include wh(100%,438px);