task#13641,在调度app的对账初，加一个“查看结算单”按钮

src/views/workOrder/accounting.vue

@@ -39,22 +39,26 @@
       <span class="titleLeft">结算类型：</span>
       <span class="content" >{{ orderInfo.settleType?.label }}</span>
     </div>
-    <div class="item" >
+    <div class="item">
+      <span class="titleLeft">结算方式：</span>
+      <span class="content" >{{orderInfo.taskSettleType?.label }}</span>
+      <span  class="driverPoiBtn" 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>包含公里数:15</span>-->
-<!--        <span>超出单价:6</span>-->
-         </div>
-    </div>
+        <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>
     </div>
     <div class="item">
-      <span class="leftTitle fontColor">工单照片:</span><span class="rightContent">
+      <span class="leftTitle fontColor">工单照片:</span>
+      <span class="rightContent">
            <span  class="driverPoiBtn" @click="checkPhoto">查看照片</span>
-          </span>
+      </span>
     </div>
   </div>
   <div class="supplierData common" v-show="!auditFormShow">
@@ -210,7 +214,8 @@
           <div class="title" style="margin-bottom: 8px"> 备注:{{orderInfo.supplierRemark}}</div>
           <div class="title" style="margin-bottom: 8px"> 本次补充说明:</div>
           <div  style="display: flex;margin-bottom: 5px">
-            <img v-for="(item,index) in supplierPhotoList"  :key="index" class="supplierImg" :src="item.url" @click="delSupplierPhoto(item)">
+<!--          @click="delSupplierPhoto(item)  -->
+            <img v-for="(item,index) in supplierPhotoList"  :key="index" class="supplierImg" :src="item.url" @click="viewHandle(item)">
           </div>
           <div  style="display: flex"  >
             <van-uploader
@@ -226,7 +231,6 @@
     </table>
   </div>
   <van-dialog v-model="show" title="确定删除此照片吗" show-cancel-button @confirm="handleConfirm"></van-dialog>
-<!--  <two-common-btn v-show="auditFormShow"  class="btn" title1="提交" title2="确定审核" @submitClick1="save" @submitClick="save" />-->
   <div class="btn" v-show="auditFormShow">
     <button v-if="orderInfo.checkCount < 3" :class="{'submit' : true,'loading' : loading}"  @click="noMultipleClicks(save)">提交</button>
     <button v-if="accountStatus == 2 || accountStatus == 3" :class="{'submit' : true,'loading1' : loading1}" @click="noMultipleClicks(confirmAudit)" >确定审核</button>
@@ -243,7 +247,6 @@ import {
   selectRecordPictureList, deleteImage
 } from "@/api/mine"
 import { ImagePreview } from "vant";
-// import TwoCommonBtn from "@/components/twoBtnCommon.vue"
 export default {
   name: "accountingView",
   mixins:[myMixins],
@@ -383,12 +386,19 @@ export default {
     },
   },
   methods:{
+    viewSettlementDoc(){//查看结算单
+      this.$router.push({
+        name:"settlementDetail",
+        params:{
+          id: this.id,                  // 参数对象的属性
+          postfix:this.postfix,
+          index:this.activeIndex,
+          queryTime: this.time || this.queryTime
+        }
+      })
+    },
     checkPhoto(){
       let isAllowImage = 1
-      console.log("this.orderInfo.userOrderId",this.orderInfo.userOrderId)
-      console.log("this.orderInfo.orderCode",this.orderInfo.orderCode)
-      console.log("this.orderInfo.taskOrderId",this.orderInfo.taskOrderId)
-      console.log("isAllowImage",isAllowImage)
       let data = {
         "action": "orderPhoto",
         "params": {
@@ -420,8 +430,10 @@ export default {
      handleFileRead(file) {
       console.log("file",file)
      },
+    viewHandle(i){
+      console.log("ii",i)
+    },
     goback(){
-      // console.log("aaaaa",this.queryTime)
       this.$router.push({
         name:"workOrderReconciliation",
         params:{
@@ -449,8 +461,7 @@ export default {
           this.form.supplierBasePrice = dilemmaBasePrice
           this.form.supplierExtraPrice = 0
           this.form.supplierSettleAmount = dilemmaBasePrice - (parseFloat(this.form.supplierCustomerAmount) || 0)
-          // console.log("困境案件费用总计",this.form.supplierSettleAmount)
-        }else{
+         }else{
           let data = await accountRecordCompute( {
             ...this.form,
             settleType:this.orderInfo.settleType?.code
@@ -458,12 +469,10 @@ export default {
           this.form.supplierBasePrice = data.data.basePrice
           this.form.supplierExtraPrice = data.data.extraPrice
           this.form.supplierSettleAmount = data.data.totalPrice
-          // console.log("计算",this.form.supplierSettleAmount)
         }
       // }
       if(this.form.cutInsuranceAmount == 1 && this.form.policyState === 0){
         this.form.supplierSettleAmount = parseFloat(parseFloat(this.form.supplierSettleAmount) - parseFloat(this.form.policyAmount || 0)).toFixed(2)
-        // console.log("有责任险",this.form.supplierSettleAmount)
       }
     },
     async pictureList(){
@@ -785,16 +794,17 @@ export default {
   .rightContent{
     width: calc(100% - 90px);
     @include fontWeightSize(bold,12px);
-    .driverPoiBtn{
-      display: inline-block;
-      padding: 3px 8px;
-      @include bgFontColor(#FFFFFF,#354D93);
-      opacity: .7;
-      border-radius: 3px;
-      text-align: center;
-      //margin-left: 6px;
-      cursor: pointer;
-    }
+
+  }
+  .driverPoiBtn{
+    display: inline-block;
+    padding: 3px 8px;
+    @include bgFontColor(#FFFFFF,#354D93);
+    opacity: .7;
+    border-radius: 3px;
+    text-align: center;
+    //margin-left: 6px;
+    cursor: pointer;
   }
 }
 img{