task#13641,查看结算单接口更换

src/views/workOrder/accounting.vue

@@ -42,14 +42,8 @@
     <div class="item">
       <span class="titleLeft">结算方式：</span>
       <span class="content" >{{orderInfo.taskSettleType?.label }}</span>
-      <span  class="driverPoiBtn" style="margin-left: 8px" @click="viewSettlementDoc">查看结算单</span>
+      <span  class="driverPoiBtn" v-if="settleDetail.length>0" style="margin-left: 8px" @click="viewSettlementDoc">查看结算单</span>
     </div>
-<!--    <div class="item" >
-      <span class="titleLeft">结算方式：</span>
-      <div class="content" style="width: calc(100% - 84px);display: flex;justify-content: space-between;line-height: 27px" >
-        <span>{{orderInfo.taskSettleType?.label}}</span> <span  class="driverPoiBtn" @click="checkPhoto">查看照片</span>
-      </div>
-    </div>-->
     <div class="item">
       <span class="titleLeft">扣除责任险费：</span>
       <span class="content">{{orderInfo.policyAmount}} {{orderInfo.cutInsuranceAmount}}</span>
@@ -247,6 +241,7 @@ import {
   selectRecordPictureList, deleteImage
 } from "@/api/mine"
 import { ImagePreview } from "vant";
+import {orderReportingList} from "@/api/order";
 export default {
   name: "accountingView",
   mixins:[myMixins],
@@ -359,7 +354,8 @@ export default {
       },
       noClick:true,
       loading: false,
-      loading1: false
+      loading1: false,
+      settleDetail:[],
     }
   },
   async mounted() {
@@ -369,6 +365,7 @@ export default {
     this.queryTime = this.$route.params?.queryTime
     this.$nextTick(async ()=>{
       await this.getDetail()
+      await this.getSettlementDetail()
     })
   },
   computed:{
@@ -393,7 +390,8 @@ export default {
           id: this.id,                  // 参数对象的属性
           postfix:this.postfix,
           index:this.activeIndex,
-          queryTime: this.time || this.queryTime
+          queryTime: this.time || this.queryTime,
+          settleDetailList:this.settleDetail
         }
       })
     },
@@ -426,6 +424,18 @@ export default {
         startPosition: index,
         closeable: true,
       });
+
+    },
+    async getSettlementDetail(){
+      let res = await orderReportingList({
+        queryType:7,
+        userOrderId:this.orderInfo.userOrderId,
+        orderCode: this.orderInfo.orderCode,
+        taskOrderId:this.orderInfo.taskOrderId,
+        searchCostRemark:1
+      })
+      this.settleDetail=res.data
+      console.log("工单列表接口res",this.settleDetail)
     },
      handleFileRead(file) {
       console.log("file",file)

src/views/workOrder/settlementDetail.vue

@@ -11,57 +11,8 @@
         @click-left="goback"
     />
   </div>
-  <div class="baseInfo common">
+  <div class="baseInfo">
-    <div class="title">结算单:</div>
+    <div class="itemWrap"  v-for="(item,index) in settleDetailList" :key="index">{{item.remark}}</div>
-    <div class="line"></div>
-    <div class="item">
-      <span class="titleLeft">起步价：&nbsp;&nbsp;&nbsp;&nbsp;</span>
-      <span class="content">{{orderInfo.startPrice}}</span>
-    </div>
-    <div class="item">
-      <span class="titleLeft">包含公里数：</span>
-      <span class="content" >{{ orderInfo.containMileage }}</span>
-    </div>
-    <div class="item">
-      <span class="titleLeft">每公里单价：</span>
-      <span class="content" >{{ orderInfo.unitPrice }}</span>
-    </div>
-    <div class="item">
-      <span class="titleLeft">基本总费用：</span>
-      <span class="content" >{{ orderInfo.supplierBasePrice }}</span>
-    </div>
-    <div class="item">
-      <span class="titleLeft">路桥费：</span>
-      <span class="content">{{orderInfo.supplierBridgeAmountAb + '+' + orderInfo.supplierBridgeAmountBc + '+' + orderInfo.supplierBridgeAmountCa}} </span>
-    </div>
-    <div class="item">
-      <span class="titleLeft">等候费：</span>
-      <span class="content">{{orderInfo.supplierWaitAmount}} </span>
-    </div>
-    <div class="item">
-      <span class="titleLeft">辅助轮费：</span>
-      <span class="content">{{orderInfo.supplierTyreAmount}} </span>
-    </div>
-    <div class="item">
-      <span class="titleLeft">困境费：</span>
-      <span class="content">{{orderInfo.supplierDilemmaAmount}} </span>
-    </div>
-    <div class="item">
-      <span class="titleLeft">其他费用：</span>
-      <span class="content">{{orderInfo. supplierOtherAmount}} </span>
-    </div>
-    <div class="item">
-      <span class="titleLeft">额外费用总计：</span>
-      <span class="content">{{orderInfo.supplierExtraPrice}} </span>
-    </div>
-    <div class="item">
-      <span class="titleLeft">费用总计：</span>
-      <span class="content">{{orderInfo.supplierSettleAmount}}</span>
-    </div>
-    <div class="item">
-      <span class="titleLeft">公里数：</span>
-      <span class="content">{{orderInfo.supplierSettleMileageAb + '+' + orderInfo.supplierSettleMileageBc + '+' + orderInfo.supplierSettleMileageCa}} </span>
-    </div>
   </div>
 
 </div>
@@ -69,7 +20,7 @@
 
 <script>
 import {myMixins} from "@/utils/myMixins"
-import {getAccountRecordDetail} from "@/api/mine"
+
 export default {
   name: "settlementDetail",
   mixins:[myMixins],
@@ -80,6 +31,7 @@ export default {
       orderInfo:{},
       index:"",
       queryTime:'',//记录工单对账选择的时间
+      settleDetailList:[]
     }
   },
   async mounted() {
@@ -87,7 +39,8 @@ export default {
     this.postfix=this.$route.params?.postfix;
     this.index=this.$route.params?.index;
     this.queryTime = this.$route.params?.queryTime
-    await this.getDetail()
+    this.settleDetailList=this.$route.params?.settleDetailList
+    console.log(" this.settleDetailList", this.settleDetailList)
   },
   methods: {
     goback(){
@@ -101,16 +54,6 @@ export default {
         }
       })
     },
-    async getDetail(){
-      let res= await getAccountRecordDetail({
-        id:this.id,
-        postfix:this.postfix
-      })
-      if(res.code === 200){
-        this.orderInfo=res.data
-        console.log(" this.orderInfo", this.orderInfo)
-      }
-    },
   }
 }
 </script>
@@ -146,16 +89,23 @@ export default {
     line-height: 27px;
   }
 }
+.itemWrap{
+  background-color: #FFFFFF;
+  margin-bottom: 10px;
+  box-sizing: border-box;
+  padding: 15px;
+}
+
 img{
   @include wh(35px,15px);
   margin-left: 21px;
 }
-.common{
+/*.common{
   background-color: #FFFFFF;
   padding: 11px 24px 14px;
   box-sizing: border-box;
   margin-bottom: 10px;
-}
+}*/
 .baseInfo{
   @include wh(100%,100%);