审核数据查看大图，

src/views/workOrder/accounting.vue

@@ -193,18 +193,8 @@
         <td class="col1 alignLeft" style="border-bottom-left-radius: 3px">
           <div class="title col1" style="white-space: nowrap;">审核失败原因</div>
           <div class="reason">{{orderInfo.auditRemark}}</div>
-          <div  v-show="orderInfo.auditPhoto" class="camerImg" >
+          <div  v-show="orderInfo.auditPhoto"  style="display: flex;flex-wrap: wrap">
-            <van-image  v-for="(item,index) in auditPhotoList" :key="index" :src="item.url" @click="previewPhoto(index)" />
+            <van-image class="camerImg" v-for="(item,index) in auditPhotoList" :key="index" :src="item.url" @click="previewPhoto(index)" />
-<!--            <van-uploader-->
-<!--                v-model="auditPhotoList"-->
-<!--                :after-read="handleFileRead"-->
-<!--                multiple-->
-<!--                :preview-size="54"-->
-<!--                accept="image "-->
-<!--                :disabled="true"-->
-<!--                readonly-->
-<!--            />-->
-<!--            <img v-for="(item,index) in auditPhotoList" :key="index" class="camerImg" :src="item.url" >-->
           </div>
         </td>
         <td  class="col2 alignLeft"  style="border-bottom-right-radius: 3px">
@@ -373,9 +363,14 @@ export default {
   },
   methods:{
     previewPhoto(index) {
+      let url=[]
+      this.auditPhotoList.forEach((item)=>{
+        url.push(item.url)
+      })
       ImagePreview({
-        images: this.auditPhotoList,
+        images: url,
         startPosition: index,
+        closeable: true,
       });
     },
      handleFileRead(file) {

src/views/workOrder/aduitCompleteDetail.vue

@@ -56,30 +56,54 @@
   <div class="baseInfo common">
     <div class="title">审核数据:</div>
     <div class="line"></div>
-    <div class="item">
+    <div class="item" v-show="abState">
+      <span class="titleLeft">到事发地距离：</span>
+      <span class="content">{{ orderInfo.settleMileageAb + ' km' }}</span>
+    </div>
+    <div class="item" v-show="bcState">
       <span class="titleLeft">拖车里程：</span>
-      <span class="content">{{ orderInfo.bridgeAmountBc + ' km' }}</span>
+      <span class="content">{{ orderInfo.settleMileageBc + ' km' }}</span>
     </div>
-    <div class="item">
+    <div class="item" v-show="caState">
-      <span class="titleLeft">路桥费：</span>
+      <span class="titleLeft">返程里程：</span>
-      <span class="content">{{orderInfo.bridgeAmount + ' 元' }}</span>
+      <span class="content">{{ orderInfo.settleMileageCa + ' km' }}</span>
     </div>
-    <div class="item">
+    <div class="item" v-show="bridgeAbState">
+      <span class="titleLeft">ab路桥费：</span>
+      <span class="content">{{orderInfo.bridgeAmountAb + ' 元' }}</span>
+    </div>
+    <div class="item" v-show="bridgeBcState">
+      <span class="titleLeft">bc路桥费：</span>
+      <span class="content">{{orderInfo.bridgeAmountBc + ' 元' }}</span>
+    </div>
+    <div class="item" v-show="bridgeCaState">
+      <span class="titleLeft">va路桥费：</span>
+      <span class="content">{{orderInfo.bridgeAmountCa + ' 元' }}</span>
+    </div>
+    <div class="item"  v-show="tyreAmountState">
       <span class="titleLeft">小轮费：</span>
       <span class="content" >{{ orderInfo.tyreAmount  + ' 元'}}</span>
     </div>
-    <div class="item">
+    <div class="item" v-show="dilemmaAmountState && basePriceDisabled">
       <span class="titleLeft">困境费：</span>
       <span class="content" >{{ orderInfo.dilemmaAmount  + ' 元'}}</span>
     </div>
-    <div class="item">
+    <div class="item" v-show="waitAmountState">
       <span class="titleLeft">等候费：</span>
       <span class="content" >{{ orderInfo.waitAmount  + ' 元'}}</span>
     </div>
-    <div class="item">
+    <div class="item" v-show="basementFeeState">
       <span class="titleLeft">地库费：</span>
       <span class="content" >{{ orderInfo.basementFee  + ' 元'}}</span>
     </div>
+    <div class="item">
+      <span class="titleLeft">基本费用：</span>
+      <span class="content" >{{ orderInfo.basePrice   + '元'}}</span>
+    </div>
+    <div class="item">
+      <span class="titleLeft">额外费用总计：</span>
+      <span class="content" >{{ orderInfo.extraPrice   + '元'}}</span>
+    </div>
     <div class="item">
       <span class="titleLeft">收取客户金额：</span>
       <span class="content" >{{ orderInfo.customerAmount   + '元'}}</span>
@@ -96,6 +120,7 @@
 <script>
 import {myMixins} from "@/utils/myMixins"
 import {getAccountRecordDetail} from "@/api/mine"
+// import {leftCopy} from "@/utils/common";
 export default {
   name: "aduitCompleteDetail",
   mixins:[myMixins],
@@ -105,8 +130,36 @@ export default {
       postfix:'',
       orderInfo:{},
       index:"",
+      serviceType:'',
+      settleType:'',
+      taskFlowId: '',
+      appCode:'',
+      abState:false,
+      bcState:false,
+      caState:false,
+      bridgeAbState:false,
+      bridgeBcState:false,
+      bridgeCaState:false,
+      waitAmountState:false,
+      dilemmaAmountState:false,
+      tyreAmountState:false,
+      basementFeeState:false,
+      accountStatus:'',
     }
   },
+  computed:{
+    basePriceDisabled(){
+      return !(this.serviceType == '困境救援' || this.serviceType == '困境-吊车' || this.serviceType == '困境救援-事故' || this.serviceType == '困境救援-故障'
+          || (this.fixedPrice && parseFloat(this.fixedPrice) > 0 && this.fixedPriceType) || this.supplierId == 500921)
+    },
+    //保险实拖案件，剔除人保和太平事故
+    isCPICDrag(){
+      return this.settleType == '实拖' &&  !['PICC10101','PICCSHANGQI','PICC101099','SAIPCC2021',''].includes(this.appCode)
+    },
+    isBasement(){
+      return this.serviceType == '困境救援' || this.serviceType == '困境-吊车' || this.serviceType == '困境救援-事故' || this.serviceType == '困境救援-故障'
+    },
+  },
   async mounted() {
     this.id=this.$route.params?.id;
     this.postfix=this.$route.params?.postfix;
@@ -122,15 +175,75 @@ export default {
         }
       })
     },
-    async getDetail() {
+    async getDetail(){
-      let res = await getAccountRecordDetail({
+      this.abState = false
-        id: this.id,
+      this.bcState = false
-        postfix: this.postfix
+      this.caState = false
+      this.bridgeAbState = false
+      this.bridgeBcState = false
+      this.bridgeCaState = false
+      this.waitAmountState = false
+      this.dilemmaAmountState = false
+      this.tyreAmountState = false
+      this.basementFeeState = false
+      this.accountStatus = ''
+      let res= await getAccountRecordDetail({
+        id:this.id,
+        postfix:this.postfix
       })
-      if (res.code === 200) {
+      if(res.code === 200){
-        this.orderInfo = res.data
+        this.orderInfo=res.data
+        this.serviceType=this.orderInfo.serviceName
+        this.taskFlowId=this.orderInfo.taskFlowId
+        this.settleType=this.orderInfo.settleType?.label
+        this.accountStatus = this.orderInfo.accountStatus?.code
+        this.appCode=this.orderInfo.appCode
+      }
+      // if(this.accountStatus == 1 || this.accountStatus == 0){//没有记录，等待审核
+      //   leftCopy(this.form, {...res.data})
+      // }
+      // if(this.accountStatus == 2 || this.accountStatus == 3){//审核失败，再次审核
+      //   leftCopy(this.form, {...res.data})
+      //   this.auditFormShow = true;//是否显示审核数据
+      // }
+      if(this.settleType == '实拖'  && this.basePriceDisabled){
+        this.bcState = true
+
+      }else if(this.settleType == '单程' && this.basePriceDisabled){
+        this.abState = true
+        this.bcState = true
+        if(this.taskFlowId == '1'  && this.basePriceDisabled ){
+          this.bcState = false
+        }
+      }else if(this.settleType == '全程'  && this.basePriceDisabled){
+        this.abState = true
+        this.bcState = true
+        this.caState = true
+      }else if(this.settleType == '全程减半'  && this.basePriceDisabled){
+        this.abState = true
+        this.bcState = true
+        this.caState = true
+      }
+      if(this.orderInfo.refBridgeAmountAB > 0 && !this.isCPICDrag && !this.isBasement) this.bridgeAbState = true
+      if(this.orderInfo.refBridgeAmountBC > 0 && !this.isCPICDrag && !this.isBasement) this.bridgeBcState = true
+      if(this.orderInfo.refBridgeAmountCA > 0 && !this.isCPICDrag && !this.isBasement) this.bridgeCaState = true
+      if(this.orderInfo.refWaitFee > 0) this.waitAmountState = true
+      if(this.orderInfo.refDilemmaFee > 0) this.dilemmaAmountState = true
+      if(this.orderInfo.refTyreNumber > 0 && this.taskFlowId != '1') this.tyreAmountState = true
+      if(this.orderInfo.refBasementFee > 0 && this.taskFlowId != '1' ){
+        this.basementFeeState = true
       }
     },
+
+    // async getDetail() {
+    //   let res = await getAccountRecordDetail({
+    //     id: this.id,
+    //     postfix: this.postfix
+    //   })
+    //   if (res.code === 200) {
+    //     this.orderInfo = res.data
+    //   }
+    // },
   }
 }
 </script>

src/views/workOrder/workOrderReconciliation.vue

@@ -154,7 +154,7 @@ export default {
         params: {
           id: item.id,                  // 参数对象的属性
           postfix:item.postfix,
-          index:this.activeIndex
+          index:this.activeIndex,
         }
       });
     },