task#，月总图表X轴数据去重

task#，uat,KPI时间：改成默认 24年12月，接口传参也是24-12
task#，uat,KPI时间：改成默认 24年12月
2025-01-09 16:59:14 +08:00 · 2025-01-09 16:39:20 +08:00 · 2025-01-09 16:04:37 +08:00 · 2025-01-09 09:27:50 +08:00 · 2025-01-02 17:17:03 +08:00 · 2025-01-02 14:41:32 +08:00
38 changed files with 16528 additions and 7690 deletions
--- a/README.md
+++ b/README.md
@ -29,3 +29,7 @@ See [Configuration Reference](https://cli.vuejs.org/config/).
 ```
 code = 104, 接口不提示报错
 ```
+### 开发分支
+```
+dev_2025
+```
--- a/package-lock.json
+++ b/package-lock.json
--- a/package.json
+++ b/package.json
@ -18,12 +18,13 @@
    "qs": "^6.11.2",
    "sass": "^1.65.1",
    "sass-loader": "^13.3.2",
-    "vant": "^2.12.54",
+    "vant": "^2.13.2",
    "vue": "^2.6.14",
    "vue-router": "^3.0.7",
    "vuex": "^3.6.2",
    "element-ui": "^2.15.9",
-    "dayjs": "^1.8.14"
+    "dayjs": "^1.8.14",
+    "decimal.js": "^10.4.3"
  },
  "devDependencies": {
    "@babel/core": "^7.12.16",
--- a/public/index.html
+++ b/public/index.html
@ -3,6 +3,7 @@
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+<!--      <meta name="viewport" content="width=device-width, initial-scale=1.0">-->
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, viewport-fit=cover,user-scalable=no">
    <meta name="format-detection" content="telephone=yes"/>
    <link rel="icon" href="<%= BASE_URL %>favicon.ico">
@ -29,16 +30,16 @@
        }
    </script>
    <script src="https://webapi.amap.com/maps?v=1.4.15&key=2560bbf04daef66c810c5e6a97e8c508&plugin=AMap.Polyline"></script>
-
+<!--    <script src="https://unpkg.com/vconsole@latest/dist/vconsole.min.js"></script>-->
    <script>
        // VConsole 默认会挂载到 `window.VConsole` 上
        // let vConsole = new window.VConsole();
        (function (doc, win) {
+            console.log("==window.location.pathname===",window.location.pathname)
            let docEl = doc.documentElement
            let resizeEvt = 'orientationchange' in window ? 'orientationchange' : 'resize'
            recalc = function () {
                var clientWidth = docEl.clientWidth;
-                // console.log("clientWidth",clientWidth)
                if (!clientWidth) return;
                if (clientWidth < 400) {
                    clientWidth = 400;
@ -48,13 +49,20 @@
            if (!doc.addEventListener) return;
            var isMobile = /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent);
            if (isMobile) {// 是移动端不变
-
+                // console.log("是移动端不变")
            }else{
+                if(window.location.pathname=='/h5/supplier/dispatch/kpiIndex'){
+                    // console.log("执行了执行了")
                    win.addEventListener(resizeEvt, recalc, false);
                    doc.addEventListener('DOMContentLoaded', recalc, false);
                }
-            // console.log("isMobile",isMobile)
+                /*else{
+                    console.log("走着了这种饿 ")
+                }*/
+            }
        })(document, window);
+
    </script>
+
  </body>
 </html>
--- a/src/api/kpi.js
+++ b/src/api/kpi.js
@ -27,6 +27,14 @@ export function getDriverStatisticsKpi(data){
    data
  })
 }
+export function querySupplierDriverStatisticsScore(data){
+  return request({
+    url: '/supplier/supplierKPI/querySupplierDriverStatisticsScore',
+    method:'POST',
+    // contentType: 'application/json',
+    data
+  })
+}
 //   各种详情数据
 export function getKpiDetailsData(data){
  return request({
@ -36,6 +44,24 @@ export function getKpiDetailsData(data){
    data
  })
 }
+// 获取近12个月的服务商数据
+export function getRecentSupplierKpi(data){
+  return request({
+    url: '/supplier/supplierKPI/queryRecentSupplierStatisticsKpi',
+    method:'POST',
+    // contentType: 'application/json',
+    data
+  })
+}
+// 司机分数详情
+export function driverScoreDetail(data){
+  return request({
+    url: '/supplier/supplierKPI/querySupplierDriverStatisticsScore',
+    method:'POST',
+    // contentType: 'application/json',
+    data
+  })
+}
 // 关键词搜索服务商名称
 export function getSupplierId(key) {
  return request({
--- a/src/api/mine.js
+++ b/src/api/mine.js
@ -132,7 +132,7 @@ export function deleteImage(data){
    })
 }
 //新增记账图片 form-data
-export function insertRecordPicture(data){
+/*export function insertRecordPicture(data){
    return request({
        url:'/supplierAppV2/dispatchApp/accountRecord/insertRecordPicture',
        method:'POST',
@ -142,27 +142,35 @@ export function insertRecordPicture(data){
        //     'Content-Type': 'multipart/form-data',
        // },
    })
-}
+}*/

 //开票通知列表
 export function notifyInvoiceList(data){
    return request({
-        url:'/supplierAppV2/dispatchApp/accountRecord/notifyInvoiceList',
+        url:'/order/taskInvoiceBatch/selectPageList',
        method:'POST',
-        contentType:'application/json',
        data
    })
 }
+// contentType:'application/json',
 //开票通知详情
 export function notifyInvoiceDetail(data){
    return request({
-        url:'/supplierAppV2/dispatchApp/accountRecord/notifyInvoiceDetail',
+        url:'/order/taskInvoiceBatch/selectById',
        method:'POST',
-        contentType:'application/json',
        data
    })
 }
-// /supplier/supplierTrainingMaterials/pageList 获取培训材料列表
+// 关联案件
+export function getOrderListByInvoice(data) {
+    return request({
+        url:'/order/taskOrderCostHisRecord/selectPageList',
+        method:'POST',
+        data
+    })
+}
+
+//  调度app获取新签列表
 export function pageList(data){
    return request({
        url:'/supplierAppV2/dispatchApp/user/supplierTrainingMaterialsPageList',
@ -171,6 +179,31 @@ export function pageList(data){
        data
    })
 }
+//  司机app获取新签列表
+export function driverTrainList(key){
+    return request({
+        url:'/supplier/supplierTraining/trainingTask',
+        method:'GET',
+        params:key
+    })
+}
+
+//获取普通材料
+export function getNormalList(key) {
+    return request({
+        url: '/supplier/supplierTraining/normalList',
+        method: 'GET',
+        params:key
+    });
+}
+//获取培训材料
+export function getTrainingList(key) {
+    return request({
+        url: '/supplier/supplierTraining/trainingList',
+        method: 'GET',
+        params:key
+    });
+}
 //用户操作权限
 export function userOperationPermissions(){
    return request({
@ -189,6 +222,83 @@ export function uploadImage(data){
    })
 }

+// 发票上传
+export function uploadInvoice(data){
+    return request({
+        url:'/order/taskInvoiceBatch/saveInvoiceImagesAndIdentify',
+        method:'POST',
+        contentType:'multipart/form-data',
+        data
+    })
+}
+
+// 删除发票
+export function deleteInvoice(data) {
+    return request({
+        url:'/order/taskInvoiceBatch/deleteInfo',
+        method:'POST',
+        contentType:'multipart/form-data',
+        data
+    })
+}
+
+// 生成财务批次
+export function createBatch(data) {
+    return request({
+        url:'/order/taskInvoiceBatch/supplierCreateFinanceBatch',
+        method:'POST',
+        contentType:'application/x-www-form-urlencoded',
+        data,
+        testFlag: true
+    })
+}
+
+// 开票信息列表
+export function getFinanceBatchList(data) {
+    return request({
+        url:'/order/taskInvoiceFinanceBatch/selectFinanceBatchPageList',
+        method:'POST',
+        data,
+    })
+}
+
+// 批次对应发票信息列表
+export function financeInvoiceList(data) {
+    return request({
+        url:'/order/taskInvoiceBatch/selectInvoicePageList',
+        method:'POST',
+        data,
+    })
+}
+
+// 查看发票
+export function selectInvoiceDetailInfo(data) {
+    return request({
+        url:'/order/taskInvoiceBatch/selectInvoiceDetailInfo',
+        method:'POST',
+        data,
+    })
+}
+
+// 填写快递
+export function saveBatchCourierNumber(data) {
+    return request({
+        url:'/order/taskInvoiceBatch/supplierSaveBatchCourierNumber',
+        method:'POST',
+        data,
+    })
+}
+
+// 获取服务商发票信息
+export function getBillingInfo(url, data) {
+    return request({
+          url: url,
+          method:'POST',
+          contentType:'multipart/form-data',
+          data
+    })
+}
+
 // ocr 识别
 export function ocrHandler(data){
    return request({
--- a/src/api/order.js
+++ b/src/api/order.js
@ -77,3 +77,21 @@ export function updateOrderSettlement(data){
    data
  })
 }
+// 电瓶数量列表
+export function batteryCountList(){
+  return request({
+    url:'/supplierAppV2/dispatchApp/battery/batteryCountList',
+    method:'POST',
+    contentType:'application/json',
+    // data
+  })
+}
+// 电瓶详情
+export function batteryDetailList (data){
+  return request({
+    url:'/supplierAppV2/dispatchApp/battery/batteryDetailList',
+    method:'POST',
+    contentType:'application/json',
+    data
+  })
+}
--- a/src/assets/icon_upload.png
+++ b/src/assets/icon_upload.png
--- a/src/router/index.js
+++ b/src/router/index.js
@ -2,6 +2,7 @@ import Vue from "vue";
 import VueRouter from "vue-router";
 Vue.use(VueRouter);
 import kpiRouter from './kpi-router'
+import invoiceRouter from "@/router/invoice-router";
 const routes = [
    {
      path: '/',
@ -84,7 +85,23 @@ const routes = [
      name: 'invoicingNotify',
      component: () => import('@/views/index/invoicingNotify.vue'),
      meta: {
-        title: '开票通知'
+        title: '工单批次'
+      }
+    },
+    {
+        path: "/invoiceListInfo",
+        name: 'invoiceListInfo',
+        component: () => import('@/views/index/invoiceListInfo.vue'),
+        meta: {
+            title: '开票信息'
+        }
+    },
+    {
+        path: "/invoiceInfo",
+        name: 'invoiceInfo',
+        component: () => import('@/views/index/invoiceInfo.vue'),
+        meta: {
+            title: '开票信息'
        }
    },
    {
@ -92,7 +109,24 @@ const routes = [
        name: 'invoicingDetail',
        component: () => import('@/views/index/invoicingDetail'),
        meta: {
-            title: '开票通知详情'
+            title: '工单批次详情'
+        }
+    },
+    {
+        path: "/uploadInvoice",
+        name: 'uploadInvoice',
+        component: () => import('@/views/index/uploadInvoice.vue'),
+        meta: {
+            title: '上传发票',
+            cache: true
+        }
+    },
+    {
+        path: "/showInvoice",
+        name: 'showInvoice',
+        component: () => import('@/views/index/showInvoice.vue'),
+        meta: {
+            title: '查看发票'
        }
    },
    {
@ -131,6 +165,14 @@ const routes = [
        path: '/trainDocment',
        name: 'trainDocment',
        component:()=>import('@/views/documentView/trainDocment.vue'),
+        meta: {
+            title:'培训文档',
+        }
+    },
+    {
+        path: '/diverTrainDocment',
+        name: 'diverTrainDocment',
+        component:()=>import('@/views/documentView/diverTrainDocment.vue'),
        meta: {
            title:'培训文档'
        }
@ -180,7 +222,15 @@ const routes = [
        name: 'newTrainingList',
        component:()=>import('@/views/newcomerTraining/newTrainingList.vue'),
        meta: {
-            title:'新人培训'
+            title:'新服务商培训'
+        }
+    },
+    {
+        path: '/driverTrainingList',
+        name: 'driverTrainingList',
+        component:()=>import('@/views/newcomerTraining/driverTrainingList.vue'),
+        meta: {
+            title:'新师傅培训'
        }
    },
    {
@ -199,7 +249,24 @@ const routes = [
            title:'维保申请'
        }
    },
+    {
+        path: '/batteryList',
+        name: 'batteryList',
+        component:()=>import('@/views/battery/batteryList.vue'),
+        meta: {
+            title:'电瓶进销存'
+        }
+    },
+    {
+        path: '/batteryDetail',
+        name: 'batteryDetail',
+        component:()=>import('@/views/battery/batteryDetail.vue'),
+        meta: {
+            title:'电瓶详情'
+        }
+    },
    ...kpiRouter,
+    ...invoiceRouter,
  ]

 const router = new VueRouter({
--- a/src/router/invoice-router.js
+++ b/src/router/invoice-router.js
@ -0,0 +1,11 @@
+const invoiceRouter = [
+    {
+        path: '/invoiceIndex',
+        name: 'invoiceIndex',
+        component: () => import('@/views/invoice/invoiceIndex'),
+        meta:{
+            title: '道路救援',
+        }
+    },
+]
+export default invoiceRouter
--- a/src/styles/docment.scss
+++ b/src/styles/docment.scss
@ -1,8 +1,9 @@
@import "@/styles/mixin.scss";
+
 .wrap{
  @include wh(100%,100%);
  background-color: #F4F5F7;
-  overflow-y: auto;
+
 }
 .navBar{
  margin-bottom: 46px;
@ -13,16 +14,44 @@
    @include wh(17px, 17px);
  }
 }
+.tab_wrap {
+  @include fontWeightSize(bold, 12px);
+  display: flex;
+  justify-content: space-around;
+  padding: 5px 0 5px 0;
+  @include colorOpa(#737373,0.7);
+  div {
+    padding-top: 8px;
+  }
+  .active {
+    color: #3678FF;
+    position: relative;
+  }
+  .active:after {
+    content: '';
+    display: block;
+    @include wh(50px,2px);
+    background: linear-gradient(270deg, #33A3FF 0%, #176AFE 100%);
+    border-radius: 2px;
+    position: absolute;
+    margin-top: 3px;
+    left: 50%;
+    transform: translateX(-50%);
+  }
+}
 .contentWrap{
  @include sizingPadding(0,8px);
+  overflow-y: auto;
  width: 100%;
-  margin-top: 20px;
+  height: calc(100% - 100px);
+  margin-top: 10px;
  .itemWrap{
    margin-bottom: 16px;
-    @include wh(100%, 300px);
+    width: 100%;
+    //@include wh(100%, 300px);
    background: #FFFFFF;
    box-shadow: 0px 2px 10px 0px rgba(216, 216, 216, 0.5);
-    @include sizingPadRadius(6px ,0,3px);
+    @include sizingPadRadius(6px ,0,6px);
    @include flexAround;
    @include fontWeightSize(400, 12px);
    .flexBetween{
@ -31,18 +60,16 @@
    .common{
      margin: 0 15px ;
    }
+    .time{
+      color: rgba(0,0,0,0.7);
+      margin-top: 5px;
+    }
    .imgWrap{
      @include wh(100%,200px);
      position: relative;
+      margin: 6px 0;
      img{
-        @include wh(100%,200px);
-      }
-      .name{
-        position: absolute;
-        left: 30px;
-        bottom: 30px;
-        @include fontWeightSize(bold,14px);
-        color: #FFFFFF;
+        @include wh(100%,100%);
      }
    }
    .left{
--- a/src/styles/driverDocment.scss
+++ b/src/styles/driverDocment.scss
@ -0,0 +1,103 @@
+@import "@/styles/mixin.scss";
+::v-deep .van-nav-bar__content{
+  background-color: #3A3A3A !important;
+}
+.wrap{
+  @include wh(100%,100%);
+  background-color: #F4F5F7;
+
+}
+.navBar{
+  margin-bottom: 46px;
+}
+.search{
+  color: #AAADB3  !important;
+  font-weight: bolder;
+  margin-right: 10px;
+}
+.navLeft{
+  display: flex;
+  flex-direction: column;
+  color: #9C9C9C;
+  font-size: 8px;
+  .icon{
+    font-size: 10px;
+    font-weight: bold;
+    margin-right: 5px;
+    margin-top: 5px;
+  }
+}
+.statisticContainer{
+  box-sizing: border-box;
+  padding: 8px;
+}
+.statisticWrap{
+  @include wh(100%,100px);
+  background: #FFFFFF;
+  box-sizing: border-box;
+  padding: 8px 8px 15px;
+  border-radius: 8px;
+  border: 1px solid #c7c1c1;
+  display: flex;
+  flex-direction: column;
+  justify-content: space-between;
+  .line1{
+    display: flex;
+    justify-content: space-between;
+    span:first-child{
+      font-weight: bolder;
+    }
+    span:last-child{
+      opacity: .7;
+      //font-size: 12px;
+    }
+  }
+  .numWrap{
+    display: flex;
+    justify-content: space-around;
+    div{
+      display: flex;
+      flex-direction: column;
+      align-items: center;
+      font-size: 14px;
+      font-weight: 500;
+      span:first-child{
+        margin-bottom: 3px;
+        font-size: 18px;
+      }
+    }
+  }
+}
+.rightWrap {
+  @include flexCenter;
+  .img2 {
+    @include wh(17px, 17px);
+  }
+}
+.driver_tab_wrap {
+  font-size: 12px;
+  display: flex;
+  justify-content: space-around;
+  padding: 5px 0 5px 0;
+  div {
+    padding-top: 8px;
+  }
+  .active {
+    position: relative;
+  }
+  .active:after {
+    content: '';
+    display: block;
+    @include wh(100px,2px);
+    background-color: #E8A524;
+    border-radius: 2px;
+    position: absolute;
+    margin-top: 3px;
+    left: 50%;
+    transform: translateX(-50%);
+  }
+}
+.empty{
+  margin-top: 14px;
+
+}
--- a/src/utils/http.js
+++ b/src/utils/http.js
@ -16,19 +16,29 @@ localStorage.setItem('token', token);
 service.interceptors.request.use(
    config => {
      let reqUrl=config.url
+        // console.log("reqUrl",reqUrl)
      config.data = config.contentType ? config.data : qs.stringify(config.data)
+      if (config.testFlag) {
+        config.data = qs.stringify(config.data, {arrayFormat: 'indices', allowDots: true})
+      }
        config.headers['Content-Type'] = config.contentType || 'application/x-www-form-urlencoded'
      let token = localStorage.getItem('token');
-       // alert(token);
      // let token='4099761587129c46b03c9316c9e866c9'
      // let token='eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJzdWIiOiJzb25nIiwiYXVkIjpbInN1cHBsaWVyLWFwcCJdLCJuYmYiOjE3MTI0NTQ5NTMsInVzZXJfaW5mbyI6eyJ1c2VySWQiOjU0NjU0LCJwaG9uZSI6IjE3NjMwMDM1NjU4IiwibmFtZSI6InNvbmciLCJzdXBwbGllck5hbWUiOiJDLeS4iua1t-a1i-ivleacjeWKoeWVhiIsInN1cHBsaWVySWQiOjMzMDQxLCJzdXBwbGllclR5cGUiOjIsInVzZXJuYW1lIjoic29uZyIsInVzZXJUeXBlIjoicmVzY3VlQXBwIiwiZGV2aWNlSWQiOiIyMmI0OWNhMjBmOWI4MzMwZDk4NzIxNzNmMzllYTY4YmMiLCJhdXRob3JpdGllcyI6W119LCJzY29wZSI6WyJhbGwiXSwiaXNzIjoiaHR0cHM6Ly9zaW5vYXNzaXN0LmNvbSIsImV4cCI6MTcxMjU0MTM1MywiaWF0IjoxNzEyNDU0OTUzfQ.sPU9_OD_TOWcTwqmlawEGyo4mCPrEaRYw2R02gnvYJw'
-          // console.log("tokentokentoken",token)
-      if (reqUrl.includes("/driverApp")) {
-          config.headers['token'] = `${token}`;
-      } else {
-          console.log("调度app")
+       if(!(reqUrl=='/supplier/supplierTraining/trainingTask' || reqUrl=='/supplier/supplierTraining/normalList' || reqUrl=='/supplier/supplierTraining/trainingList')){
           config.headers['Authorization'] = `${token}`;
+           config.headers['token'] = `${token}`;
       }
+
+    /*  if (reqUrl.includes("/driverApp")) {
+          //  console.log("司机app")
+          config.headers['token'] = `${token}`;
+      } else if(reqUrl.includes("/supplierApp") || reqUrl.includes("/supplierKPI") || reqUrl.includes('/supplier/select') || reqUrl.includes('/order') || reqUrl.includes('/order/taskInvoiceBatch') || reqUrl.includes('/supplier') ){
+          // console.log("调度app，服务商kpi")
+          config.headers['Authorization'] = `${token}`;
+      }else{
+          config.headers['token'] = `${token}`;
+      }*/
      return config
    },
    error => {
@ -48,7 +58,7 @@ service.interceptors.response.use(
      // }
      if ( res.code === 401 || res.code === 400  || res.code == 500) {
          Toast(res.msg || 'Error')
-          return Promise.reject(new Error(res.msg || 'Error'))
+          return Promise.reject(res.msg)
      } else {
          return res
        // if( res.code === 200 ) {
--- a/src/utils/myMixins.js
+++ b/src/utils/myMixins.js
@ -34,20 +34,27 @@ export const myMixins = {
        window.android.sendMessage("goBack");
      }
    },
-    goH5Detail(item){//h5传参到app文档资料，培训文档
+    goH5Detail(item,type){//h5传参到app文档资料，培训文档
+      // console.log("type",type)
      let data = {
        "action": "goTraining",
        "params": {
-          "id": item.id,
+          "id":type == '培训文档' ? Number(1000000+item.id) : item.id,
        }
      };
+
      let u = navigator.userAgent;
      let isiOS = !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/);
      if(isiOS){
+        // console.log("data",data)
        window.webkit.messageHandlers.nativeObject.postMessage(data);
+      }else {
+        if(type == '培训文档'){
+          window.android.sendMessage("articleId=" +'q'+ item.id);
        }else{
          window.android.sendMessage("articleId=" + item.id);
        }
+      }
    },
    h5GoBack(){
      this.$router.back();
--- a/src/views/battery/batteryDetail.vue
+++ b/src/views/battery/batteryDetail.vue
@ -0,0 +1,138 @@
+<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"
+      > </van-nav-bar>
+    </div>
+    <div class="container" v-if="batteryDetailList && batteryDetailList.length>0">
+      <div class="itemWrap" v-for="(item,index) in batteryDetailList" :key="index">
+        <div>
+          <span class="halfOpci">设备号</span>
+          <span class="allOpci">{{ item.productNo }}</span>
+        </div>
+        <div>
+          <span class="halfOpci">品牌</span>
+          <span class="allOpci">{{ item.brand }}</span>
+        </div>
+        <div>
+          <span class="halfOpci">型号</span>
+          <span class="allOpci">{{ item.model }}</span>
+        </div>
+        <div>
+          <span class="halfOpci">售卖人员</span>
+          <span class="allOpci">{{ item.saleName }}</span>
+        </div>
+        <div>
+          <span class="halfOpci">售卖时间</span>
+          <span class="allOpci">{{ item.createTime }}</span>
+        </div>
+      </div></div>
+  </div>
+</template>
+
+<script>
+
+import {myMixins} from "@/utils/myMixins"
+import {batteryDetailList} from  "@/api/order"
+export default {
+  name: "batteryDetail",
+  mixins:[myMixins],
+  data(){
+    return{
+      batteryDetailList:[],
+      isLoading: false,
+      loading: false,
+      brand: '',
+      model:'',
+    }
+  },
+  async mounted() {
+    this.brand = this.$route.params.brand;
+    this.model = this.$route.params.model;
+    await this.getDetailList()
+  },
+  methods:{
+    async getDetailList(){
+      let res = await batteryDetailList({
+        brand:this.brand,
+        model:this.model,
+      })
+      this.batteryDetailList=res.data.reverse();
+    },
+  }
+}
+</script>
+
+<style scoped lang="scss">
+@import '@/styles/mixin.scss';
+@import "@/styles/common.scss";
+
+.wrap {
+  background: #F4F5F7;
+  @include wh(100%, 100%);
+}
+.navBar{
+  margin-bottom: 46px;
+  .rightWrap{
+    @include wh(50px,20px);
+    border-radius: 10px;
+    opacity: 0.7;
+    border: 1px solid #FFFFFF;
+    @include flexTwoCenter;
+    img{
+      @include widHeiMar(9px,8px,4px);
+    }
+    .addTxt{
+      @include fontWeightSize(bolder,11px);
+      @include colorOpa( #FFFFFF,0.7);
+    }
+  }
+}
+.container{
+  @include wh(100%, calc(100% - 56px));
+  overflow-y: auto;
+  @include sizingPadding(13px,13px);
+}
+.itemWrap {
+  @include wh(100%, 104px);
+  @include radiusSizing(6px);
+  @include fontWeightSize(400, 12px);
+  @include flexBetween;
+  background: #FFFFFF;
+  box-shadow: 0px 2px 10px 0px rgba(216, 216, 216, 0.5);
+  margin-bottom: 10px;
+  padding: 11px 13px 9px 15px;
+  position: relative;
+  .halfOpci {
+    display: inline-block;
+    width: 60px;
+    opacity: .5;
+    margin-right: 5px;
+  }
+  .allOpci {
+    opacity: 1;
+  }
+  .statusNo {
+    color: #FF0000;
+  }
+  .statusYes {
+    color: #09B820
+  }
+  .img{
+    width: 20px;
+    height: 20px;
+    position: absolute;
+    right: 10px;
+    top: 35%;
+    cursor: pointer;
+  }
+}
+
+</style>
--- a/src/views/battery/batteryList.vue
+++ b/src/views/battery/batteryList.vue
@ -0,0 +1,171 @@
+<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="goBack"
+      >
+      </van-nav-bar>
+    </div>
+    <van-field class="input" right-icon="search" v-model="keyword" placeholder="请输入品牌或型号"   @input="filterBatteryList"/>
+    <div class="container" v-if="batteryList && batteryList.length>0">
+      <div class="itemWrap" v-for="(item,index) in batteryList" :key="index">
+        <div>
+          <span class="halfOpci">品牌</span>
+          <span class="allOpci">{{ item.brand }}</span>
+        </div>
+        <div>
+          <span class="halfOpci">型号</span>
+          <span class="allOpci">{{ item.model }}</span>
+        </div>
+        <div>
+          <span class="halfOpci">总量</span>
+          <span class="allOpci">{{ item.totalNum }}</span>
+        </div>
+        <div>
+          <span class="halfOpci">库存数量</span>
+          <span class="allOpci">{{ item.stockNum }}</span>
+        </div>
+        <div>
+          <span class="halfOpci">已售数量</span>
+          <span class="allOpci">{{ item.sellNum }}</span>
+        </div>
+        <img @click="goBatteryDetail(item)" class="img" src="@/assets/arrow_rht.png" />
+      </div>
+    </div>
+    <div class="bgEmptyImg" v-show="show" >
+      <img  src="@/assets/empty.png" />
+    </div>
+  </div>
+</template>
+
+<script>
+
+import {myMixins} from "@/utils/myMixins"
+import {batteryCountList} from  "@/api/order"
+export default {
+  name: "batteryList",
+  mixins:[myMixins],
+  data(){
+    return{
+      batteryList:[],
+      isLoading: false,
+      keyword:'',
+    }
+  },
+  computed:{
+    show() {
+      return (this.batteryList.length < 0 || this.batteryList.length == 0); // 判断数组长度是否大于 0
+    },
+  },
+  mounted() {
+    this.getList()
+  },
+  methods:{
+    async filterBatteryList(){
+      await this.getList()
+      this.batteryList = this.batteryList.filter(item =>
+          item.brand.includes(this.keyword) || item.model.includes(this.keyword)
+      );
+    },
+    goBatteryDetail(item){//电瓶详情
+      this.$router.push({
+        name: "batteryDetail",
+        params: {
+          brand: item.brand,
+          model: item.model,
+        }
+      })
+    },
+    async getList(){
+      let res = await batteryCountList()
+      this.batteryList=res.data
+    },
+  }
+}
+</script>
+
+<style scoped lang="scss">
+@import '@/styles/mixin.scss';
+@import "@/styles/common.scss";
+
+.wrap {
+  background: #F4F5F7;
+  @include wh(100%, 100%);
+}
+.navBar{
+  margin-bottom: 46px;
+  .rightWrap{
+    @include wh(50px,20px);
+    border-radius: 10px;
+    opacity: 0.7;
+    border: 1px solid #FFFFFF;
+    @include flexTwoCenter;
+    img{
+      @include widHeiMar(9px,8px,4px);
+    }
+    .addTxt{
+      @include fontWeightSize(bolder,11px);
+      @include colorOpa( #FFFFFF,0.7);
+    }
+  }
+}
+.input{
+  //@include sizingPadding(13px,13px);
+  //margin: 13px 0;
+}
+.container{
+  @include sizingPadding(13px,13px);
+  overflow-y: auto;
+  @include wh(100%, calc(100% - 96px));
+}
+
+.itemWrap {
+  @include wh(100%, 104px);
+  @include radiusSizing(6px);
+  @include fontWeightSize(400, 12px);
+  @include flexBetween;
+  background: #FFFFFF;
+  box-shadow: 0px 2px 10px 0px rgba(216, 216, 216, 0.5);
+  margin-bottom: 10px;
+  padding: 11px 13px 9px 15px;
+  position: relative;
+  //margin-top: 10px;
+  .halfOpci {
+    display: inline-block;
+    width: 60px;
+    opacity: .5;
+    margin-right: 5px;
+  }
+  .allOpci {
+    opacity: 1;
+  }
+  .statusNo {
+    color: #FF0000;
+  }
+  .statusYes {
+    color: #09B820
+  }
+  .img{
+    width: 20px;
+    height: 20px;
+    position: absolute;
+    right: 10px;
+    top: 35%;
+    cursor: pointer;
+  }
+}
+.bgEmptyImg{
+  @include flexTwoCenter;
+  height: 90% ;
+  background-color: #FAFAFA;
+  img{
+    width: 100%;
+  }
+}
+</style>
--- a/src/views/documentView/diverTrainDocment.vue
+++ b/src/views/documentView/diverTrainDocment.vue
@ -0,0 +1,176 @@
+<template>
+<div class="wrap">
+  <div class="navBar">
+    <van-nav-bar
+        :border="false"
+        :fixed="true"
+        :safe-area-inset-top="true"
+    >
+      <template slot="title">
+        <van-field
+            v-model="keyword"
+            placeholder="名称/关键词/简介"
+        >
+        </van-field>
+      </template>
+      <template slot="left">
+        <div class="navLeft" @click="goBack">
+          <van-icon class="icon" name="arrow-left" />
+          <div>返回</div>
+        </div>
+      </template>
+      <template slot="right">
+          <van-icon class="search" name="search" size="20"  @click="getTrainingList"/>
+      </template>
+    </van-nav-bar>
+  </div>
+  <div class="statisticContainer">
+    <div class="statisticWrap">
+      <div class="line1">
+        <span>培训统计</span>
+        <span>更新时间：{{time}}</span>
+      </div>
+      <div class="numWrap">
+        <div>
+          <span>{{ numInfo?.totalNum }}</span>
+          <span>文章总数</span>
+        </div>
+        <div>
+          <span>{{ numInfo?.readNum }}</span><span>已培训数量</span>
+        </div>
+        <div>
+          <span>{{ numInfo?.notReadNum }}</span> <span>未培训数量</span>
+        </div>
+      </div>
+    </div>
+  </div>
+  <div class="driver_tab_wrap">
+    <div v-for="(item, index) in tabArr" :key="index" :class="{'active' : activeIndex == index}"
+         @click="changeTab(index)">
+      {{ item.name }}
+    </div>
+  </div>
+  <div class="contentWrap" v-show="!showEmpty">
+    <van-pull-refresh v-model="isLoading" @refresh="onRefresh"  style="min-height:85vh">
+      <div class="itemWrap" v-for="(item,index) in  pageList" :key="index" @click="goH5Detail(item,'培训文档')">
+        <div class="info flexBetween common">
+          <div class="title">{{ item.name }}<span v-if="item.mustRead===1" class="read">必读</span></div>
+        </div>
+        <div class="imgWrap">
+          <img :src="item.themePicture">
+        </div>
+        <div class="num common">{{ item.synopsis }}</div>
+        <div  class="info flexBetween common" >
+          <div class="time">{{ item.pushTime		 }}</div>
+          <span style="color: red;font-size: 14px;margin-right: 8px" :class="item.alreadyRead===1 ? 'alRead' : ''">{{ item.alreadyRead===1 ? '已处理' :  '未处理' }}</span>
+        </div>
+      </div>
+    </van-pull-refresh>
+</div>
+  <div class="empty" v-show="showEmpty">
+    <img src="@/assets/empty.png" />
+  </div>
+</div>
+</template>
+
+<script>
+import {myMixins} from "@/utils/myMixins"
+import {getTrainingList} from  "@/api/mine"
+import {timeFormat} from "@/utils/common";
+export default {
+  name: "diverTrainDocment",
+  computed: {
+  },
+  mixins:[myMixins],
+  data(){
+    return{
+      tabArr: [{name: '车型技术参数', status: 1}, {name: '中道服务规范', status:2},{name: '中道小课堂', status: 3}],
+      activeIndex: 0,
+      pageList:[],
+      totalList:[],
+      numInfo:'',
+      keyword:'',
+      show:false,
+      showEmpty:false,
+      isLoading:false,
+      driverId:'',
+      time:'',
+    }
+  },
+  mounted() {
+    const urlParams = new URLSearchParams(window.location.search);
+    this.driverId = urlParams.get('driverId');
+    this.time=timeFormat(Date.now())
+    this.keyword=urlParams.get('keyWord') || ''
+    this.getTrainingList();
+    document.addEventListener('visibilitychange', async (  ) => {
+      let state = document.visibilityState
+      if (state == 'hidden') {  // 用户离开了
+      }
+      if (state == 'visible') {
+        this.getTrainingList();
+      }
+    });
+  },
+  methods:{
+    onRefresh() {
+      this.getTrainingList()
+      setTimeout(() => {
+        this.$toast('刷新成功');
+        this.isLoading = false;
+      }, 1000);
+    },
+    async changeTab(index) {
+      this.activeIndex = index
+      await this.getTrainingList()
+    },
+    async getTrainingList(){
+      let res= await getTrainingList({
+        type:1,
+        id:this.driverId,
+        text:this.keyword || '',
+      })
+      this.totalList=[]
+      this.pageList=[]
+      this.numInfo=res.data
+      this.totalList=res.data.list
+      let result=[]
+      if(this.activeIndex === 0){
+        result=this.totalList?.filter(q => q.title === '车型技术参数');
+      }else if(this.activeIndex === 1){
+        result=this.totalList?.filter(q => q.title === '中道服务规范');
+      }else if(this.activeIndex === 2){
+        result=this.totalList?.filter(q => q.title === '中道小课堂');
+      }
+      if(result){
+        this.pageList=result[0].materials
+        this.time=timeFormat(Date.now())
+      }
+      if(this.pageList?.length === 0){
+        this.showEmpty  = true
+      }else {
+        this.showEmpty = false
+      }
+    },
+  }
+}
+</script>
+<style scoped lang="scss">
+@import "@/styles/common.scss";
+@import "@/styles/mixin.scss";
+@import "@/styles/docment.scss";
+@import "@/styles/driverDocment.scss";
+.read{
+  padding: 2px 8px;
+  border-radius: 5px;
+  border: 1px solid red;
+  color: red;
+  font-size: 8px;
+}
+.alRead{
+  color: #cccccc !important;
+}
+.contentWrap{
+  height: calc(100% - 180px) !important;
+}
+</style>
--- a/src/views/documentView/docmentList.vue
+++ b/src/views/documentView/docmentList.vue
@ -1,9 +1,11 @@
 <template>
 <div class="wrap">
+  <template v-if="supplierId">
    <div class="navBar">
      <van-nav-bar
          left-arrow
          left-arrow-color="#FFFFFF"
+          class="supplier"
          :border="false"
          :fixed="true"
          :safe-area-inset-top="true"
@ -11,7 +13,7 @@
      >
        <template slot="title">
          <div v-show="!show">文档资料</div>
-        <van-field v-model="keyword" placeholder="请输入关键词" v-show="show"   @input="getList"/>
+          <van-field v-model="keyword" placeholder="请输入关键词" v-show="show"   @input="getNormalList"/>
        </template>
        <template slot="right">
          <div class="rightWrap" @click="show = !show">
@ -21,8 +23,37 @@
        </template>
      </van-nav-bar>
    </div>
-
- <div class="tab_wrap">
+  </template>
+  <template v-if="driverId">
+    <div class="navBar">
+      <van-nav-bar
+          :border="false"
+          :fixed="true"
+          :safe-area-inset-top="true"
+      >
+        <template slot="title">
+          <van-field
+              v-model="keyword"
+              placeholder="名称/关键词/简介"
+          >
+            <!--          <template #button>
+                        <van-icon class="search" name="search" size="20"  @click="getTrainingList"/>
+                      </template>-->
+          </van-field>
+        </template>
+        <template slot="left">
+          <div class="navLeft" @click="goBack">
+            <van-icon class="icon" name="arrow-left" />
+            <div>返回</div>
+          </div>
+        </template>
+        <template slot="right">
+          <van-icon class="search" name="search" size="20"  @click="getNormalList"/>
+        </template>
+      </van-nav-bar>
+    </div>
+  </template>
+ <div :class="supplierId ? 'tab_wrap' : 'driver_tab_wrap'">
    <div v-for="(item, index) in tabArr" :key="index" :class="{'active' : activeIndex == index}"
         @click="changeTab(index)">
      {{ item.name }}
@ -30,23 +61,15 @@
  </div>
  <div class="contentWrap" v-show="!showEmpty">
    <van-pull-refresh v-model="isLoading" @refresh="onRefresh" style="min-height:85vh">
-      <div class="itemWrap" v-for="(item,index) in  pageList" :key="index" @click="goH5Detail(item)">
+      <div class="itemWrap" v-for="(item,index) in  pageList" :key="index" @click="goH5Detail(item,'文档资料')">
        <div class="info flexBetween common">
-          <div class="title">{{ item.pushUser }}</div>
-          <div class="time">{{ item.pushTime }}</div>
+          <div class="title">{{ item.name }}</div>
        </div>
        <div class="imgWrap">
          <img :src="item.themePicture">
-          <div class="name">{{item.name}}</div>
        </div>
        <div class="num common">{{ item.synopsis }}</div>
-        <div class="doc flexBetween common">
-          <div class="left">{{ item.docType?.label }}</div>
-          <div class="right">
-            <span style="color: red;font-size: 14px;margin-right: 8px">{{ item.listShowButton==null ? '已处理' :  '未处理' }}</span>
-            <span style="opacity: .9;color: #ccc">阅读  {{item.readCount}}</span>
-          </div>
-        </div>
+        <div class="time common">{{ item.pushTime		 }}</div>
      </div>
    </van-pull-refresh>
 </div>
@ -58,30 +81,36 @@

 <script>
 import {myMixins} from "@/utils/myMixins"
-import {pageList} from "@/api/mine";
+import {getNormalList} from "@/api/mine";
 export default {
-  name: "trainDocment",
+  name: "docmentList",
  mixins:[myMixins],
  data(){
    return{
-      tabArr: [{name: '中道制度', status: 1}, {name: '技术参数', status: 2},],
+      tabArr: [{name: '车型技术参数', status: 1}, {name: '中道服务规范', status:2},{name: '中道小课堂', status: 3}, {name: '新手入列', status: 4},],
      activeIndex: 0,
      pageList:[],
-      pageNum:1,
-      pageSize:10,
+      totalList:[],
      keyword:'',
-      trainingType:1,
      isLoading:false,
      show:false,
-      showEmpty:false
+      showEmpty:false,
+      supplierId:'',
+      driverId:'',
    }
  },
  mounted() {
-    this.getList()
+    const urlParams = new URLSearchParams(window.location.search);
+    this.supplierId = urlParams.get('supplierId');
+    this.driverId = urlParams.get('driverId');
+    if(this.driverId){
+      this.keyword=urlParams.get('keyWord') || ''
+    }
+    this.getNormalList()
  },
  methods:{
    onRefresh() {
-      this.getList()
+      this.getNormalList()
      setTimeout(() => {
        this.$toast('刷新成功');
        this.isLoading = false;
@ -89,32 +118,41 @@ export default {
    },
   async changeTab(index) {
    this.activeIndex = index
-    this.pageNum = 1
-    this.pageList = [];
-    if(this.activeIndex === 0){
-      this.trainingType =1
-    }else{
-      this.trainingType=2
-    }
-    await this.getList()
+    await this.getNormalList()
  },
-    async getList(){
-      let res= await pageList({
-        pageNum:this.pageNum,
-        pageSize:this.pageSize,
-        docType:2,
-        trainingType:this.trainingType,
-        keyword:this.keyword || ''
+    async getNormalList(){
+      let res= await getNormalList({
+        type:this.supplierId ? 2 : 1,
+        // type:2,
+        id: this.supplierId ? this.supplierId : this.driverId,
+        // id:this.supplierId,//33041,
+        text:this.keyword || '',
      })
-      this.pageList=res.data;
-      if(res.data.length === 0){
+      this.totalList=[]
+      this.pageList=[]
+      this.totalList=res.data.list
+      let result=[]
+      if(this.activeIndex === 0){
+        result=this.totalList?.filter(q => q.title === '车型技术参数');
+      }else if(this.activeIndex === 1){
+        result=this.totalList?.filter(q => q.title === '中道服务规范');
+      }else if(this.activeIndex === 2){
+        result=this.totalList?.filter(q => q.title === '中道小课堂');
+      }else if(this.activeIndex === 3){
+        result=this.totalList?.filter(q => q.title === '新手入列');
+      }
+      if(result){
+        this.pageList=result[0].materials
+      }
+      if(this.pageList?.length === 0){
        this.showEmpty  = true
      }else {
        this.showEmpty = false
-      }    },
+      }
+    },
    initShow(){
      this.keyword= '',
-      this.getList()
+      this.getNormalList()
    }
 }
 }
@ -124,29 +162,8 @@ export default {
@import "@/styles/common.scss";
@import "@/styles/mixin.scss";
@import "@/styles/docment.scss";
-.tab_wrap {
-  @include fontWeightSize(bolder, 15px);
-  display: flex;
-  justify-content: space-around;
-  padding: 5px 0 5px 0;
-  @include colorOpa(#737373,0.7);
-  div {
-    padding-top: 8px;
-  }
-  .active {
-    color: #3678FF;
-    position: relative;
-  }
-  .active:after {
-    content: '';
-    display: block;
-    @include wh(50px,3px);
-    background: linear-gradient(270deg, #33A3FF 0%, #176AFE 100%);
-    border-radius: 2px;
-    position: absolute;
-    margin-top: 3px;
-    left: 50%;
-    transform: translateX(-50%);
-  }
+@import "@/styles/driverDocment.scss";
+.supplier ::v-deep .van-nav-bar__content{
+  background-color: #2C395F !important;
 }
 </style>
--- a/src/views/documentView/trainDocment.vue
+++ b/src/views/documentView/trainDocment.vue
@ -11,7 +11,7 @@
    >
      <template slot="title">
         <div v-show="!show">培训文档</div>
-         <van-field v-model="keyword" placeholder="请输入关键词" v-show="show"   @input="getList"/>
+         <van-field v-model="keyword" placeholder="请输入关键词" v-show="show"   @input="getTrainingList"/>
      </template>
      <template slot="right">
        <div class="rightWrap" @click="show = !show">
@ -21,25 +21,26 @@
      </template>
    </van-nav-bar>
  </div>
-
+  <div class="tab_wrap">
+    <div v-for="(item, index) in tabArr" :key="index" :class="{'active' : activeIndex == index}"
+         @click="changeTab(index)">
+      {{ item.name }}
+    </div>
+  </div>
  <div class="contentWrap" v-show="!showEmpty">
    <van-pull-refresh v-model="isLoading" @refresh="onRefresh"  style="min-height:85vh">
-      <div class="itemWrap" v-for="(item,index) in  pageList" :key="index" @click="goH5Detail(item)">
+      <div class="itemWrap" v-for="(item,index) in  pageList" :key="index" @click="goH5Detail(item,'培训文档')">
        <div class="info flexBetween common">
-          <div class="title">{{ item.pushUser }}</div>
-          <div class="time">{{ item.pushTime }}</div>
+          <div class="title">{{ item.name }}<span v-if="item.mustRead===1" class="read">必读</span></div>
+<!--          <div class="time">{{ item.pushTime		 }}</div>-->
        </div>
        <div class="imgWrap">
          <img :src="item.themePicture">
-          <div class="name">{{item.name}}</div>
        </div>
        <div class="num common">{{ item.synopsis }}</div>
-        <div class="doc flexBetween common">
-          <div class="left">{{ item.docType?.label }}</div>
-          <div class="right">
-            <span style="color: red;font-size: 14px;margin-right: 8px">{{ item.listShowButton==null ? '已处理' :  '未处理' }}</span>
-            <span style="opacity: .9;color: #ccc">阅读  {{item.readCount}}</span>
-          </div>
+        <div  class="info flexBetween common" >
+          <div class="time">{{ item.pushTime		 }}</div>
+          <span style="color: red;font-size: 14px;margin-right: 8px" :class="item.alreadyRead===1 ? 'alRead' : ''">{{ item.alreadyRead===1 ? '已处理' :  '未处理' }}</span>
        </div>
      </div>
    </van-pull-refresh>
@ -52,7 +53,7 @@

 <script>
 import {myMixins} from "@/utils/myMixins"
-import {pageList} from  "@/api/mine"
+import {getTrainingList} from  "@/api/mine"
 export default {
  name: "trainDocment",
  computed: {
@ -60,35 +61,65 @@ export default {
  mixins:[myMixins],
  data(){
    return{
+      tabArr: [{name: '车型技术参数', status: 1}, {name: '中道服务规范', status:2},{name: '中道小课堂', status: 3}],
+      activeIndex: 0,
      pageNum:1,
      pageSize:10,
      pageList:[],
+      totalList:[],
      keyword:'',
      show:false,
      showEmpty:false,
      isLoading:false,
+      supplierId:'',
    }
  },
  mounted() {
-    this.getList();
+    const urlParams = new URLSearchParams(window.location.search);
+    this.supplierId = urlParams.get('supplierId');
+    this.getTrainingList();
+    document.addEventListener('visibilitychange', async (  ) => {
+      let state = document.visibilityState
+      if (state == 'hidden') {  // 用户离开了
+      }
+      if (state == 'visible') {
+        this.getTrainingList();
+      }
+    });
  },
  methods:{
    onRefresh() {
-      this.getList()
+      this.getTrainingList()
      setTimeout(() => {
        this.$toast('刷新成功');
        this.isLoading = false;
      }, 1000);
    },
-    async getList(){
-      let res= await pageList({
-        pageNum:this.pageNum,
-        pageSize:this.pageSize,
-        docType:1,
-        keyword:this.keyword || ''
+    async changeTab(index) {
+      this.activeIndex = index
+      await this.getTrainingList()
+    },
+    async getTrainingList(){
+      let res= await getTrainingList({
+        type:2,
+        id: this.supplierId,
+        text:this.keyword || '',
      })
-      this.pageList=res.data;
-      if(res.data.length === 0){
+      this.totalList=[]
+      this.pageList=[]
+      this.totalList=res.data.list
+      let result=[]
+      if(this.activeIndex === 0){
+        result=this.totalList?.filter(q => q.title === '车型技术参数');
+      }else if(this.activeIndex === 1){
+        result=this.totalList?.filter(q => q.title === '中道服务规范');
+      }else if(this.activeIndex === 2){
+        result=this.totalList?.filter(q => q.title === '中道小课堂');
+      }
+      if(result){
+        this.pageList=result[0].materials
+      }
+      if(this.pageList?.length === 0){
        this.showEmpty  = true
      }else {
        this.showEmpty = false
@ -96,7 +127,7 @@ export default {
    },
    initShow(){
      this.keyword= '',
-      this.getList()
+      this.getTrainingList()
    }
  }
 }
@ -105,4 +136,14 @@ export default {
@import "@/styles/common.scss";
@import "@/styles/mixin.scss";
@import "@/styles/docment.scss";
+.read{
+  padding: 2px 8px;
+  border-radius: 5px;
+  border: 1px solid red;
+  color: red;
+  font-size: 8px;
+}
+.alRead{
+  color: #cccccc !important;
+}
 </style>
--- a/src/views/index/driverAdd.vue
+++ b/src/views/index/driverAdd.vue
@ -16,13 +16,26 @@
      <img class="startImg" src="@/assets/start.png" />
      <span>身份证正面</span>
    </div>
+<!--    <van-image @click="handlePreview"   @remove="handleRemove" style="width: 54px;height: 54px;" class="camerImg" v-if="identityCardFront" :src="identityCardFront" />-->
+<!--    <el-upload-->
+<!--        v-else-->
+<!--        :action="baseURL + '/order/uploadImage'"-->
+<!--        :headers='authorization'-->
+<!--        accept=".png,.jpg,.jpeg,.zip,.rar,.xlsx,.xsavels,.pdf,.PDF,.doc,.docx"-->
+<!--        :on-success="changeHandle"-->
+<!--        :before-upload="checkImgType"-->
+<!--        class="upload-demo"-->
+<!--        :show-file-list="false"-->
+<!--    >-->
+<!--      <van-icon  slot="default" name="plus" style="font-size: 54px" />-->
+<!--    </el-upload>-->
    <van-uploader
        v-model="identityCardFrontList"
        :after-read="identityCardFrontHandler"
-      :max-size="5 * 1024 * 1024"
-      max-count="1"
+        :max-count="1"
        :preview-size="54"
-      accept="image "
+        :max-size="5 * 1024 * 1024"
+        accept="image/*"
    />
  </div>
  <div class="lineBot"></div>
@ -139,11 +152,15 @@ import {saveDriver, uploadImage, ocrHandler} from "@/api/mine"
 import TwoCommonBtn from "@/components/twoBtnCommon.vue"
 import CellGroup  from "@/components/cellGroup.vue"
 import {formatDate1} from "@/utils/common"
+// import {ImagePreview} from "vant";
+
 export default {
  name: "driverAdd",
  mixins:[myMixins],
  data(){
    return{
+      // baseURL:'',
+      // licenseOcrInfo:'',
      id:'',
      driverName:"",
      driverPhone:"",
@ -169,9 +186,22 @@ export default {
      idCardAuthority:'',
      idCardValidStartTime:'',
      idCardValidEndTime:'',
+      // authorization:{Authorization: 'eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJzdWIiOiJzb25nIiwiYXVkIjpbInN1cHBsaWVyLWFwcCJdLCJuYmYiOjE3MjY4MDk4MTQsInVzZXJfaW5mbyI6eyJ1c2VySWQiOjU0NjU0LCJwaG9uZSI6IjE3NjMwMDM1NjU4IiwibmFtZSI6InNvbmciLCJzdXBwbGllck5hbWUiOiLkuIrmtbfmtYvor5XkvpvlupTllYYiLCJzdXBwbGllcklkIjozMzA0MSwic3VwcGxpZXJUeXBlIjoyLCJ1c2VybmFtZSI6InNvbmciLCJ1c2VyVHlwZSI6InJlc2N1ZUFwcCIsImRldmljZUlkIjoiMTkwZTM1ZjdlMTRhYzdjMDAwNyIsImF1dGhvcml0aWVzIjpbXX0sInNjb3BlIjpbImFsbCJdLCJpc3MiOiJodHRwczovL3Npbm9hc3Npc3QuY29tIiwiZXhwIjoxNzI2ODk2MjE0LCJpYXQiOjE3MjY4MDk4MTR9.5KTAMXZf8ll6HS4Z49YJQ1HiRvHr79Q1goDAGEtsBmY'},
+      // authorization:{Authorization:''},
      }
  },
  mounted() {
+  /*  if (window.location.href.includes('www.sinoassist.com')) {
+      this.baseURL = 'https://api.sinoassist.com'
+    } else if (window.location.href.includes('ccreview.sino-assist.com')) {
+      this.baseURL = 'https://api.sinoassist.com'
+    } else {
+      this.baseURL = 'https://api1.sino-assist.com'
+      // this.baseURL = 'http://localhost:8080'
+
+    }
+    let token=localStorage.getItem('token')
+    this.authorization.Authorization=token;*/
    this.id = this.$route.params?.id;
    this.driverName = this.$route.params?.name;
    this.driverPhone = this.$route.params?.phone;
@ -215,6 +245,41 @@ export default {
    isUse(e){
      this.states=e
    },
+    /* checkImgType(file) {
+      const FileExt = file.name.replace(/.+\./, "");
+      const isLt5M = file.size / 1024 / 1024 < 5;
+      const whiteList = ['png', 'jpeg', 'jpg'];
+      if (whiteList.indexOf(FileExt.toLowerCase()) === -1) {
+        this.$message.error("请上传正确的文件格式:" + whiteList.join('、'))
+        return false
+      }
+      if (!isLt5M) {
+        this.$message.error('上传图片大小不能超过 5MB!');
+        return false
+      }
+    },
+   handleRemove() {
+      this.identityCardFront = ''
+    },
+    handlePreview() {
+      ImagePreview({
+        images: this.identityCardFront,
+        startPosition: 1,
+        closeable: true,
+      });
+    },
+    async changeHandle(response) {
+      if (response.success === true) {
+        this.$toast('上传成功')
+        // this.form.identityCardFront = response.data;
+        // await this.ocrFrontHandler()
+        this.identityCardFront = response.data;
+        console.log("this.identityCardFront",this.identityCardFront)
+        await this.idCardOcrHandler();
+      } else {
+        this.$toast('上传失败')
+      }
+    },*/
    async identityCardFrontHandler(file) {    // 上传身份证正面照片
      const formData = new FormData();
      formData.append("file" , file.file);
--- a/src/views/index/invoiceInfo.vue
+++ b/src/views/index/invoiceInfo.vue
@ -0,0 +1,344 @@
+<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="contentWrap">
+      <div class="content_tab">
+        <div class="tab_title">批次信息</div>
+        <div class="tab_content">
+          <div class="item_wrap">
+            <div class="item_label">财务编号</div>
+            <div class="item_content">
+              <span id="copyText">{{invoiceInfo.financeBatchCode}}</span>
+              <img class="copyIcon" @click="copyHandler(invoiceInfo.financeBatchCode)" src="@/assets/copy.png" />
+            </div>
+          </div>
+          <div class="item_wrap">
+            <div class="item_label">工单数量</div>
+            <div class="item_content">
+              {{invoiceInfo.orderNum}}
+            </div>
+          </div>
+          <div class="item_wrap">
+            <div class="item_label">总金额</div>
+            <div class="item_content">
+              {{invoiceInfo.totalMoney}}
+            </div>
+          </div>
+          <div class="item_wrap">
+            <div class="item_label">扣款</div>
+            <div class="item_content">
+              {{invoiceInfo.cutMoney || ''}}
+            </div>
+          </div>
+          <div class="item_wrap">
+            <div class="item_label">税额扣款</div>
+            <div class="item_content">
+              {{invoiceInfo.taxCutMoney || ''}}
+            </div>
+          </div>
+          <div class="item_wrap">
+            <div class="item_label">开票金额</div>
+            <div class="item_content">
+              {{invoiceInfo.invoiceMoney || ''}}
+            </div>
+          </div>
+          <div class="item_wrap">
+            <div class="item_label">备注</div>
+            <div class="item_content">
+              {{invoiceInfo.remark || ''}}
+            </div>
+          </div>
+          <div class="item_wrap">
+            <div class="item_label">失败原因</div>
+            <div class="item_content">
+              {{invoiceInfo.failRemark || ''}}
+            </div>
+          </div>
+          <div class="item_wrap">
+            <div class="item_label">创建时间</div>
+            <div class="item_content">
+              {{invoiceInfo.createTime}}
+            </div>
+          </div>
+          <div class="item_wrap">
+            <div class="item_label">对账状况</div>
+            <div class="item_content">
+              {{ statusStr(invoiceInfo.status, invoiceInfo.createTime) }}
+            </div>
+          </div>
+        </div>
+      </div>
+      <div class="content_tab mt10">
+        <div class="tab_title">发票信息</div>
+        <div class="itemWrap" v-for="(item,index) in invoiceList" :key="index">
+          <div class="item line1">
+            <div class="title own_title">{{item.accountName}}</div>
+            <div class="checkBtn" @click="goShowInvoice(item)">查看</div>
+          </div>
+          <div class="item">
+            <span class="title">发票号码:</span>
+            <span class="content">{{item.financeBatchCode}}</span>
+          </div>
+          <div class="item">
+            <span class="title">发票金额:</span>
+            <span class="content">￥{{item.invoiceMoney}}元</span>
+          </div>
+          <div class="item">
+            <span class="title">开票日期:</span>
+            <span class="content">{{ item.invoiceDate }}</span>
+          </div>
+        </div>
+      </div>
+
+      <div class="content_tab mt10">
+        <div class="tab_title">快递信息</div>
+        <div class="itemWrap bg_cls pd_cls">
+          <div class="item mb10">
+            <span class="title width_cls">发票类型:</span>
+            <span class="content">
+              <van-radio-group v-model="invoiceType" disabled direction="horizontal">
+                <van-radio :name="1" icon-size="16px">电子发票</van-radio>
+                <van-radio :name="2" icon-size="16px">纸质发票</van-radio>
+              </van-radio-group>
+            </span>
+          </div>
+          <div class="item">
+            <span class="title width_cls">补录快递单号:</span>
+            <span class="content" style="flex: 1">
+              <van-field v-model="courierNumber" label="" />
+            </span>
+          </div>
+        </div>
+      </div>
+
+      <div class="invoice_btn_wrap">
+        <div class="btn" @click="saveHandler">保存</div>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+  import {myMixins} from "@/utils/myMixins"
+  import { financeInvoiceList, selectInvoiceDetailInfo, saveBatchCourierNumber } from  "@/api/mine"
+  import {Dialog} from "vant";
+  export default {
+    name: "invoiceInfo",
+    mixins: [ myMixins ],
+    data() {
+      return {
+        invoiceInfo: {},
+        invoiceList: [],
+        invoiceType: '',
+        courierNumber: '',
+        id: ''
+      }
+    },
+    async mounted() {
+      let showItemInfo = localStorage.getItem('showItemInfo');
+      this.invoiceInfo = showItemInfo ? JSON.parse(showItemInfo) : {};
+      console.log('this.invoiceInfo', this.invoiceInfo)
+      this.invoiceType = this.invoiceInfo.invoiceType
+      this.id = this.$route.query.id;
+      await this.getInvoiceHandler()
+    },
+    methods: {
+      async saveHandler() {
+        await saveBatchCourierNumber({
+          invoiceBatchId: this.id,
+          courierNumber: this.courierNumber,
+        })
+        Dialog.alert({
+          title: '提示',
+          message: '操作成功!',
+        }).then(() => {
+          this.h5GoBack()
+        });
+      },
+      async goShowInvoice(item) {
+        let res = await selectInvoiceDetailInfo({
+          id: item.id
+        })
+        localStorage.setItem('invoiceDetail', JSON.stringify(res.data));
+        this.goPage('showInvoice')
+      },
+      statusStr(status,date) {
+        if(new Date('2024-01-01 00:00:00') > new Date(date)){
+          return ''
+        }
+        if( status == 1 ) {
+          return '待审核'
+        } else if( [2 ,3].includes(status)) {
+          return '审核通过'
+        } else if( status == 7 ) {
+          return '审核失败'
+        } else if( status == 4 ) {
+          return '已打款'
+        } else if( status == 8 ) {
+          return '打款中'
+        } else {
+          return ''
+        }
+      },
+      async getInvoiceHandler() {
+        let res = await financeInvoiceList({
+          current: 1,
+          pageSize: 1000,
+          total: 0,
+          pageNum: 1,
+          invoiceBatchId: this.id
+        });
+        this.invoiceList = res.data;
+        console.log('current', res)
+      },
+      copyHandler(copyText){
+        let inputNode = document.createElement('input')  // 创建input
+        inputNode.value = copyText // 赋值给 input 值
+        document.body.appendChild(inputNode) // 插入进去
+        inputNode.select() // 选择对象
+        document.execCommand('Copy') // 原生调用执行浏览器复制命令
+        inputNode.className = 'oInput'
+        inputNode.style.display = 'none' // 隐藏
+        this.$toast('复制成功')
+      },
+    }
+  }
+</script>
+
+<style scoped lang="scss">
+  @import "@/styles/mixin.scss";
+  @import "@/styles/common.scss";
+  .wrap{
+    @include wh(100%,100%);
+    background-color: #F4F5F7;
+    overflow-y: auto;
+    box-sizing: border-box;
+  }
+  .navBar{
+    margin-bottom: 46px;
+  }
+
+  .contentWrap{
+    .content_tab {
+      background-color: #fff;
+      width: 100%;
+      padding: 15px 15px;
+      box-sizing: border-box;
+      .tab_title {
+        font-size: 14px;
+        font-weight: bold;
+        margin-bottom: 5px;
+      }
+      .tab_content {
+        .item_wrap {
+          display: flex;
+          align-items: center;
+          line-height: 26px;
+          font-size: 12px;
+          .item_label {
+            color: rgba(0,0,0,0.5);
+            margin-right: 5px;
+            width: 60px;
+          }
+          .item_content {
+            display: flex;
+            align-items: center;
+          }
+        }
+      }
+    }
+  }
+  .copyIcon {
+    width: 35px;
+    height: 15px;
+    margin-left: 10px
+  }
+
+  .itemWrap{
+    /*background: #FFFFFF;*/
+    background-color: #EBF2F7;
+    padding: 10px 20px;
+    border: 1px solid #EBF2F7;
+    border-radius: 4px;
+    position: relative;
+    width: 100%;
+    box-sizing: border-box;
+    line-height: 26px;
+    @include flexBetween;
+    margin-bottom: 10px;
+    .line1{
+      width: 100%;
+      @include flexColBet;
+      .checkBtn{
+        @include bgFontColor(#FFFFFF,#354D93);
+        @include wh(48px,18px);
+        border-radius: 3px;
+        line-height: 18px;
+        text-align: center;
+      }
+    }
+  }
+  .item{
+    display: flex;
+    @include fontWeightSize(400,12px);
+    span{
+      display: inline-block;
+    }
+    .title{
+      opacity: 0.5;
+      margin-right: 5px;
+    }
+    .own_title {
+      font-weight: bold;
+      font-size: 14px;
+      opacity: 1;
+    }
+  }
+  .mt10 {
+    margin-top: 10px;
+  }
+  .bg_cls {
+    background-color: #fff;
+  }
+  .pd_cls {
+    padding-top: 15px;
+    padding-bottom: 15px;
+  }
+  ::v-deep .van-cell {
+    padding: 0;
+    border: 1px solid #EBF2F7;
+  }
+  .width_cls {
+    width: 80px;
+  }
+  .invoice_btn_wrap {
+    width: 100%;
+    padding: 20px;
+    box-sizing: border-box;
+    background-color: #fff;
+    .btn {
+      width: 100%;
+      background-color: #2C395F;
+      color: #fff;
+      padding: 15px 0;
+      text-align: center;
+      border-radius: 6px;
+    }
+  }
+  .mb10 {
+    margin-bottom: 10px;
+  }
+  ::v-deep .van-radio__icon {
+    margin-right: 10px;
+  }
+</style>
--- a/src/views/index/invoiceListInfo.vue
+++ b/src/views/index/invoiceListInfo.vue
@ -0,0 +1,262 @@
+<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="goBack"
+      />
+    </div>
+    <div class="search_wrap">
+      <div class="search_left">
+        <el-select v-model="form.statusValue" size="mini" clearable placeholder="请选择审核状态">
+          <el-option
+            v-for="item in statusValueOptions"
+            :key="item.value"
+            :label="item.name"
+            :value="item.value">
+          </el-option>
+        </el-select>
+      </div>
+      <div class="search_right">
+        <van-search
+          v-model="form.financeBatchCode"
+          show-action
+          placeholder="请输入搜索关键词"
+          @search="onSearch"
+        >
+          <template #action>
+            <div @click="onSearch">搜索</div>
+          </template>
+        </van-search>
+      </div>
+    </div>
+    <div class="contentWrap">
+      <van-pull-refresh v-model="isLoading" @refresh="onRefresh">
+        <van-list
+          v-model="loading"
+          :finished="finished"
+          finished-text="没有更多了"
+          @load="getMore"
+        >
+          <div class="itemWrap" v-for="(item,index) in invoiceList" :key="index">
+            <div class="item line1">
+              <div class="itemTime">
+                <span class="title">开票编号:</span>
+                <span class="content">{{ item.financeBatchCode }}</span>
+              </div>
+              <div class="checkBtn" @click="getInvoiceInfo(item)">查看</div>
+            </div>
+            <div class="item">
+              <span class="title">工单数量:</span>
+              <span class="content">{{ item.orderNum }}</span>
+            </div>
+            <div class="item">
+              <span class="title">开票金额:</span>
+              <span class="content">{{ item.invoiceMoney || 0 }}元</span>
+            </div>
+            <div class="item">
+              <span class="title">创建时间:</span>
+              <span class="content">{{ item.createTime }}</span>
+            </div>
+            <div class="item">
+              <span class="title">对账状态:</span>
+              <span class="content">{{ statusStr(item.status, item.createTime) }}</span>
+            </div>
+          </div>
+        </van-list>
+      </van-pull-refresh>
+
+    </div>
+  </div>
+</template>
+
+<script>
+  import { myMixins } from "@/utils/myMixins"
+  import { getFinanceBatchList } from  "@/api/mine"
+  export default {
+    name: "invoiceListInfo",
+    mixins: [ myMixins ],
+    data() {
+      return {
+        form: {
+          statusValue: '',
+          financeBatchCode: '',
+          statusList: [],
+        },
+        invoiceList: [],
+        isLoading: false,
+        loading: false,
+        finished: false,
+        page: {
+          current: 1,
+          pageSize: 10,
+          total: 0,
+          pageNum: 1,
+        },
+        supplierId: '',
+        statusValueOptions:[{name:'待审核',value:1},{name:'审核通过待打款',value: 2},{name:'审核失败',value: 3},{name:'打款中',value: 4},{name:'已打款',value: 5}],
+      }
+    },
+    watch:{
+      async 'form.statusValue' (){
+        if( this.form.statusValue == 1 ) {
+          this.form.statusList = [1]
+        } else if( this.form.statusValue == 2 ) {
+          this.form.statusList = [2, 3]
+        } else if( this.form.statusValue == 3 ) {
+          this.form.statusList = [7]
+        } else if( this.form.statusValue == 4 ) {
+          this.form.statusList = [8]
+        } else if( this.form.statusValue == 5 ) {
+          this.form.statusList = [4]
+        } else {
+          this.form.statusList = []
+        }
+      }
+    },
+    async mounted() {
+      this.supplierId = this.$route.query.supplierId;
+    },
+    methods: {
+      async onSearch() {
+        this.page.pageNum=1;
+        await this.getList()
+      },
+      onRefresh() {
+        this.page.pageNum=1;
+        this.getList();
+        setTimeout(() => {
+          this.$toast('刷新成功');
+          this.isLoading = false;
+        }, 1000);
+      },
+      async getMore(){
+        await this.getList()
+        this.page.pageNum++;
+        // 加载状态结束
+        this.loading = false;
+        // 数据全部加载完成
+        if (this.invoiceList.length >= this.page.total) {
+          this.finished = true;
+        }
+      },
+      async getList() {
+        let res = await getFinanceBatchList({
+          ...this.page,
+          ...this.form,
+          supplierId: this.supplierId
+        });
+        if(res.code == 200){
+          this.page.total = res.total;
+          if(this.page.pageNum == 1){
+            this.invoiceList = res.data;
+          }else{
+            let preList = this.invoiceList;
+            let arr = res.data;
+            this.invoiceList = preList.concat(arr)
+          }
+          if (this.invoiceList.length === 0) {
+            this.show=true
+          }else{
+            this.show=false
+          }
+        }
+      },
+      getInvoiceInfo(item) {
+        localStorage.setItem('showItemInfo', JSON.stringify(item));
+        this.goPage('invoiceInfo', {
+          id: item.id
+        })
+      },
+      statusStr(status,date) {
+        if(new Date('2024-01-01 00:00:00') > new Date(date)){
+          return ''
+        }
+        if( status == 1 ) {
+          return '待审核'
+        } else if( [2 ,3].includes(status)) {
+          return '审核通过'
+        } else if( status == 7 ) {
+          return '审核失败'
+        } else if( status == 4 ) {
+          return '已打款'
+        } else if( status == 8 ) {
+          return '打款中'
+        } else {
+          return ''
+        }
+      },
+    }
+  }
+</script>
+
+<style scoped lang="scss">
+  @import "@/styles/mixin.scss";
+  @import "@/styles/common.scss";
+  .wrap{
+    @include wh(100%,100%);
+    background-color: #F4F5F7;
+    overflow-y: auto;
+    box-sizing: border-box;
+  }
+  .navBar{
+    margin-bottom: 46px;
+  }
+  .contentWrap {
+    background-color: #F4F5F7;
+    width: 100%;
+    box-sizing: border-box;
+    padding: 10px;
+  }
+  .search_wrap {
+    display: flex;
+    align-items: center;
+    padding-left: 10px;
+    background-color: #fff;
+    .search_left {
+      width: 100px;
+      font-size: 12px;
+    }
+    .search_right {
+      flex: 1;
+    }
+  }
+
+  .itemWrap{
+    background: #FFFFFF;
+    position: relative;
+    width: 100%;
+    box-sizing: border-box;
+    padding: 15px;
+    border-radius: 6px;
+    line-height: 26px;
+    @include flexBetween;
+    margin-bottom: 10px;
+    .item{
+      @include fontWeightSize(400,12px);
+      span{
+        display: inline-block;
+      }
+      .title{
+        opacity: .5;
+        margin-right: 5px;
+      }
+    }
+    .line1{
+      width: 100%;
+      @include flexColBet;
+      .checkBtn{
+        @include bgFontColor(#FFFFFF,#354D93);
+        @include wh(48px,18px);
+        border-radius: 3px;
+        line-height: 18px;
+        text-align: center;
+      }
+    }
+  }
+</style>
--- a/src/views/index/invoicingDetail.vue
+++ b/src/views/index/invoicingDetail.vue
@ -2,7 +2,7 @@
 <div class="wrap">
  <div class="navBar">
    <van-nav-bar
-        title="开票通知详情"
+        title="工单批次详情"
        left-arrow
        left-arrow-color="#FFFFFF"
        :border="false"
@ -12,13 +12,90 @@
    />
  </div>
  <div class="contentWrap">
-      <div class="item" v-for="(item,index) in detailList" :key="index">
-        <div class="itemContent">
-          <span> {{ item.orderCode }}</span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
-          <span>{{ item.serviceName }}</span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
-          <span> {{item.settleAmount}}元</span>
+    <div class="content_tab">
+      <div class="tab_title">批次详情</div>
+      <div class="tab_content">
+        <div class="item_wrap">
+          <div class="item_label">批次编号</div>
+          <div class="item_content">
+            <span id="copyText">{{invoiceInfo.batchCode}}</span>
+            <img class="copyIcon" @click="copyHandler(invoiceInfo.batchCode)" src="@/assets/copy.png" />
          </div>
-        <div class="line"></div>
+        </div>
+        <div class="item_wrap">
+          <div class="item_label">财务编号</div>
+          <div class="item_content">
+            <span id="copyText2">{{invoiceInfo.financeBatchCode}}</span>
+            <img class="copyIcon" @click="copyHandler(invoiceInfo.financeBatchCode)" src="@/assets/copy.png" />
+          </div>
+        </div>
+        <div class="item_wrap">
+          <div class="item_label">工单数量</div>
+          <div class="item_content">
+            {{invoiceInfo.orderNum}}
+          </div>
+        </div>
+        <div class="item_wrap">
+          <div class="item_label">总金额</div>
+          <div class="item_content">
+            {{invoiceInfo.orderNum}}
+          </div>
+        </div>
+        <div class="item_wrap">
+          <div class="item_label">扣款</div>
+          <div class="item_content">
+            {{invoiceInfo.cutMoney || ''}}
+          </div>
+        </div>
+        <div class="item_wrap">
+          <div class="item_label">税额扣款</div>
+          <div class="item_content">
+            {{invoiceInfo.taxCutMoney || ''}}
+          </div>
+        </div>
+        <div class="item_wrap">
+          <div class="item_label">开票金额</div>
+          <div class="item_content">
+            {{invoiceInfo.invoiceMoney || ''}}
+          </div>
+        </div>
+        <div class="item_wrap">
+          <div class="item_label">备注</div>
+          <div class="item_content">
+            {{invoiceInfo.remark || ''}}
+          </div>
+        </div>
+        <div class="item_wrap">
+          <div class="item_label">创建时间</div>
+          <div class="item_content">
+            {{invoiceInfo.createTime}}
+          </div>
+        </div>
+        <div class="item_wrap">
+          <div class="item_label">对账状况</div>
+          <div class="item_content">
+            {{invoiceInfo.statusString}}
+          </div>
+        </div>
+      </div>
+    </div>
+    <div class="content_tab mt_cls">
+      <div class="tab_title">关联案件</div>
+      <table>
+        <tr>
+          <th class="text_left">案件编号</th>
+          <th>服务类型</th>
+          <th>结算类型</th>
+        </tr>
+        <tr v-for="(item, index) in orderList" :key="index">
+          <td class="text_left">
+            {{item.orderCode}}
+            <img class="copyIcon" @click="copyHandler(item.orderCode)" src="@/assets/copy.png" />
+          </td>
+          <td>{{item.serviceType || ''}}</td>
+          <td>{{item.settleAmount || ''}}</td>
+        </tr>
+      </table>
    </div>
  </div>
 </div>
@ -26,37 +103,51 @@

 <script>
 import {myMixins} from "@/utils/myMixins"
-import {notifyInvoiceDetail} from "@/api/mine"
+import { notifyInvoiceDetail, getOrderListByInvoice } from  "@/api/mine"
 export default {
  name: "invoicingDetail",
  mixins:[myMixins],
  data(){
    return{
-      pageNum:1,
-      pageSize:10,
-      detailList:[],
-      form:{
      batchCode: '',
-        startTime:'',
-        overTime:'',
-      }
+      id: '',
+      invoiceInfo: {},
+      orderList: [],
    }
  },
  async mounted() {
-    // console.log(this.$route.query?.id)
-    this.form.batchCode=this.$route.query?.id;
-    this.form.startTime=this.$route.query?.startTime;
-    this.form.overTime=this.$route.query?.overTime;
+    this.batchCode = this.$route.query?.batchCode;
+    this.id = this.$route.query?.id;
    await this.getDetail()
+    await this.getOrderList();
  },
  methods:{
+    copyHandler(copyText){
+      let inputNode = document.createElement('input')  // 创建input
+      inputNode.value = copyText // 赋值给 input 值
+      document.body.appendChild(inputNode) // 插入进去
+      inputNode.select() // 选择对象
+      document.execCommand('Copy') // 原生调用执行浏览器复制命令
+      inputNode.className = 'oInput'
+      inputNode.style.display = 'none' // 隐藏
+      this.$toast('复制成功')
+    },
+    async getOrderList() {
+      let res = await getOrderListByInvoice({
+        batchCode: this.batchCode,
+        pageSize: 1000,
+        pageNum: 1,
+        createTime: this.invoiceInfo.startTime
+      })
+      this.orderList = res.data;
+      console.log('rerere', res);
+    },
    async getDetail(){
      let res = await notifyInvoiceDetail({
-          pageNum:this.pageNum,
-          pageSize:this.pageSize,
-         ...this.form,
+        id: this.id
      })
-        this.detailList=res.data
+      this.invoiceInfo = res.data
+      console.log('rerere', res)
    }
  }
 }
@ -67,26 +158,62 @@ export default {
@import "@/styles/common.scss";
 .wrap{
  @include wh(100%,100%);
+  background-color: #F4F5F7;
 }
 .navBar{
  height: 46px;
 }
 .contentWrap{
-  @include wh(100%,400px);
-  margin-left: 27px;
-  .item{
+  .mt_cls {
+    margin-top: 10px;
+  }
+  .content_tab {
+    background-color: #fff;
    width: 100%;
-    @include all-height(47px);
-    .itemContent{
-      margin-left: 5px;
-      color: #323643;
-      @include fontWeightSize(400,13px);
+    padding: 15px 15px;
+    box-sizing: border-box;
+    .tab_title {
+      font-size: 14px;
+      font-weight: bold;
+      margin-bottom: 5px;
    }
-    .line{
-      @include wh(100%,1px);
-      @include bgcolorOpa(#E9E9EA,0.6);
+    .tab_content {
+      .item_wrap {
+        display: flex;
+        align-items: center;
+        line-height: 30px;
+        font-size: 12px;
+        .item_label {
+          color: rgba(0,0,0,0.5);
+          margin-right: 5px;
+          width: 60px;
+        }
+        .item_content {
+          display: flex;
+          align-items: center;
        }
      }
    }
+    table {
+      line-height: 30px;
+      width: 100%;
+      .text_left {
+        text-align: left;
+        width: 50%;
+      }
+      th {
+        color: rgba(0, 0, 0, 0.5);
+      }
+      td {
+        text-align: center;
+      }
+    }
+  }
+}
+  .copyIcon {
+    width: 35px;
+    height: 15px;
+    margin-left: 10px
+  }

 </style>
--- a/src/views/index/invoicingNotify.vue
+++ b/src/views/index/invoicingNotify.vue
@ -2,7 +2,7 @@
 <div class="wrap">
  <div class="navBar">
    <van-nav-bar
-        title="开票通知"
+        title="工单批次"
        left-arrow
        left-arrow-color="#FFFFFF"
        :border="false"
@ -11,30 +11,52 @@
        @click-left="goBack"
    />
  </div>
+  <van-tabs v-model="active" sticky @click="changeTabHandler" background="#2C395F" color="#ffffff" title-active-color="#ffffff" title-inactive-color="#BDC1CD">
+    <van-tab title="全部" name="1"></van-tab>
+    <van-tab title="未开票" name="2"></van-tab>
+    <van-tab title="已开票" name="3"></van-tab>
+  </van-tabs>
+  <div class="content_wrap" :class="{ 'pd_cls': active == 2 }">
    <van-pull-refresh v-model="isLoading" @refresh="onRefresh">
-    <div class="itemWrap" v-for="(item,index) in notifyList" :key="index" >
+      <van-list
+        v-model="loading"
+        :finished="finished"
+        finished-text="没有更多了"
+        @load="getMore"
+      >
+        <van-search
+          v-model="batchCode"
+          show-action
+          placeholder="请输入批次号或开票编号"
+        >
+          <template #action>
+            <div @click="onSearch">搜索</div>
+          </template>
+        </van-search>
+        <van-checkbox-group v-model="checkList">
+          <div class="itemWrap" v-for="(item,index) in notifyList" :key="index" @click="toggle(index)">
            <div class="item line1">
              <div class="itemTime">
-          <span class="title">开票月份:</span>
-          <span class="content">{{ item.invoiceMonth }}</span>
-        </div>
-        <div class="orderNum">
-          <span class="title">总案件数:</span>
-          <span class="content">{{ item.orderNum }}</span>
-        </div>
-        <div class="checkBtn" @click="goPage('invoicingDetail',{id:item.batchCode,startTime:item.startTime,overTime:item.overTime})">查看 </div>
-      </div>
-      <div class="item">
                <span class="title">批次号:</span>
                <span class="content">{{ item.batchCode }}</span>
              </div>
+              <div class="orderNum">
+                <span class="title">总案件数:</span>
+                <span class="content">{{ item?.orderNum || '' }}</span>
+              </div>
+              <div class="checkBtn" @click="goPage('invoicingDetail',{id:item.id, batchCode: item.batchCode})">查看</div>
+            </div>
+            <div class="item">
+              <span class="title">开票月份:</span>
+              <span class="content">{{ getMonth(item) }}</span>
+            </div>
            <div class="item">
              <span class="title">结算总金额:</span>
-        <span class="content">{{ item.totalMoney + '元' }}</span>
+              <span class="content">{{ item?.totalMoney ? item.totalMoney : 0 }}元</span>
            </div>
            <div class="item">
              <span class="title">扣款金额:</span>
-        <span class="content">{{ item.cutMoney + '元'}}</span>
+              <span class="content">{{ item?.cutMoney || 0 }}元</span>
            </div>
            <div class="item">
              <span class="title">扣款原因:</span>
@ -42,10 +64,21 @@
            </div>
            <div class="item">
              <span class="title">最终开票金额:</span>
-        <span class="content">{{ item.invoiceMoney+ '元' }}</span>
+              <span class="content">{{ item?.invoiceMoney || 0 }}元</span>
            </div>
+            <van-checkbox class="checkbox_cls" v-if="active == 2" :name="item" ref="checkboxes" />
          </div>
+        </van-checkbox-group>
+      </van-list>
    </van-pull-refresh>
+  </div>
+  <div class="invoice_btn_wrap" v-if="active == 2 && totalCount > 0">
+    <div class="invoice_btn_info">
+      <span class="invoice_btn_title">开票总金额</span>
+      <span class="invoice_btn_money">￥{{totalCount}}</span>
+    </div>
+    <div class="btn" @click="goUploadPage">去开票</div>
+  </div>
  <div v-show="show" class="bgShow">
    <img src="@/assets/empty.png">
  </div>
@ -53,6 +86,7 @@
 </template>

 <script>
+import { Decimal } from 'decimal.js';
 import {myMixins} from "@/utils/myMixins"
 import {notifyInvoiceList} from  "@/api/mine"
 export default {
@ -63,14 +97,89 @@ export default {
      notifyList:[],
      pageNum:1,
      pageSize:10,
+      total: 0,
      show:false,
      isLoading: false,
+      loading: false,
+      active: 1,
+      status: '',
+      dispatchAppSearchInvoiced: '',
+      batchCode: '',
+      finished: false,
+      checkList: [],
+      supplierId: '',
    }
  },
+  computed: {
+   /* totalCount () {
+      let total = 0;
+      this.checkList.map(item => {
+        total += item.invoiceMoney
+      })
+      return total
+    },*/
+    totalCount() {
+      // 使用 Decimal 来计算总金额
+      let total = new Decimal(0);
+
+      this.checkList.forEach(item => {
+        total = total.plus(new Decimal(item.invoiceMoney));
+      });
+
+      // 返回总金额，保留两位小数
+      return total.toNumber()
+    },
+  },
  mounted() {
-      this.getNotifyList()
+    this.supplierId = this.$route.query?.supplierId;
  },
  methods:{
+    goUploadPage() {
+      localStorage.setItem('list', JSON.stringify(this.checkList));
+      this.goPage('uploadInvoice', { supplierId : this.supplierId })
+    },
+    async onSearch() {
+      this.pageNum=1
+      await this.getNotifyList()
+    },
+    async getMore(){
+      if ( this.active != 2 ) {
+        await this.getNotifyList()
+        this.pageNum++;
+        // 加载状态结束
+        this.loading = false;
+        // 数据全部加载完成
+        if (this.notifyList.length >= this.total) {
+          this.finished = true;
+        }
+      }
+    },
+    changeTabHandler() {
+      this.pageNum = 1;
+      this.notifyList = [];
+      this.checkList = [];
+      if (this.active == 1) {   // 全部， 需要分页
+        this.status = '';
+        this.dispatchAppSearchInvoiced = '';
+        this.pageSize = 10;
+      } else if(this.active == 2) {   // 未开票, 不需要分页
+        this.status = 2;
+        this.dispatchAppSearchInvoiced = '';
+        this.pageSize = 10000
+      } else if(this.active == 3) {   // 已开票，需要分页
+        this.status = '';
+        this.dispatchAppSearchInvoiced = 1;
+        this.pageSize = 10
+      }
+      this.getNotifyList()
+    },
+    getMonth(item) {
+      let str = '';
+      let startTime = new Date(item.createTime);
+      let endTime = new Date(item.overTime);
+      str = startTime.getFullYear() + '年' + (startTime.getMonth() + 1 ) + '月 - ' + endTime.getFullYear() + '年' + (endTime.getMonth() + 1) + '月'
+      return str
+    },
    onRefresh() {
      this.pageNum=1
      this.getNotifyList()
@ -82,18 +191,33 @@ export default {
    async getNotifyList(){
      let res =  await notifyInvoiceList({
        pageNum:this.pageNum,
-          pageSize:this.pageSize
+        pageSize:this.pageSize,
+        status: this.status,
+        dispatchAppSearchInvoiced: this.dispatchAppSearchInvoiced,
+        total: this.total,
+        batchCode: this.batchCode,
+        supplierId: this.supplierId,
+        current: 1,
      })
-      // if(res.code === 0){
+      if(res.code == 200){
+        this.total=res.total
+        if(this.pageNum == 1){
          this.notifyList=res.data;
-        console.log(this.notifyList)
+        }else{
+          let preList = this.notifyList;
+          let arr = res.data;
+          this.notifyList = preList.concat(arr)
+        }
        if (this.notifyList.length === 0) {
          this.show=true
        }else{
          this.show=false
        }
      }
-    // },
+    },
+    toggle(index) {
+      this.$refs.checkboxes[index].toggle();
+    },
  }
 }
 </script>
@ -101,6 +225,11 @@ export default {
 <style scoped lang="scss">
@import "@/styles/mixin.scss";
@import "@/styles/common.scss";
+.van-checkbox {
+  position: absolute;
+  bottom: 20px;
+  right: 15px;
+}
 .wrap{
  @include wh(100%,100%);
  background-color: #F4F5F7;
@ -113,6 +242,7 @@ export default {
 }
 .itemWrap{
  background: #FFFFFF;
+  position: relative;
  @include wh(100%,194px);
  box-sizing: border-box;
  padding: 14px 25px 18px 29px;
@ -125,6 +255,7 @@ export default {
    }
    .title{
      opacity: .5;
+      margin-right: 5px;
    }
  }
  .line1{
@ -141,10 +272,52 @@ export default {
 }
 .bgShow{
  @include flexTwoCenter;
-  height:calc(100% - 46px);
+  /*height:calc(100% - 46px);*/
  background-color: #FAFAFA;
  img{
    width: 100%;
  }
 }
+.van-tabs {
+  position: fixed;
+  width: 100%;
+  background-color: #2c395f;
+  z-index: 1000000 !important;
+}
+  .content_wrap {
+    padding-top: 1.17333rem;
+  }
+  .invoice_btn_wrap {
+    position: fixed;
+    bottom: 0;
+    width: 100%;
+    padding: 20px;
+    box-sizing: border-box;
+    background-color: #fff;
+    .invoice_btn_info {
+      display: flex;
+      justify-content: space-between;
+      align-items: center;
+      .invoice_btn_title {
+        font-size: 14px;
+        font-weight: bold;
+      }
+      .invoice_btn_money {
+        font-size: 26px;
+        color: red;
+      }
+    }
+    .btn {
+      width: 100%;
+      background-color: #2C395F;
+      color: #fff;
+      padding: 15px 0;
+      text-align: center;
+      border-radius: 6px;
+    }
+  }
+
+  .pd_cls {
+    padding-bottom: 40px;
+  }
 </style>
--- a/src/views/index/showInvoice.vue
+++ b/src/views/index/showInvoice.vue
@ -0,0 +1,144 @@
+<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="contentWrap">
+      <div class="content_tab">
+        <div class="tab_content">
+          <div class="item_wrap">
+            <div class="item_label">付款方</div>
+            <div class="item_content">中道汽车救援股份有限公司</div>
+          </div>
+          <div class="item_wrap">
+            <div class="item_label">收款方</div>
+            <div class="item_content">{{invoiceInfo.accountName}}</div>
+          </div>
+          <div class="item_wrap">
+            <div class="item_label">发票号码</div>
+            <div class="item_content">
+              {{invoiceInfo.invoiceNumber}}
+            </div>
+          </div>
+          <div class="item_wrap">
+            <div class="item_label">发票金额</div>
+            <div class="item_content">￥{{invoiceInfo.invoiceMoney}}</div>
+          </div>
+          <div class="item_wrap">
+            <div class="item_label">税率</div>
+            <div class="item_content">{{invoiceInfo.taxRate}}%</div>
+          </div>
+          <div class="item_wrap">
+            <div class="item_label">税额</div>
+            <div class="item_content">{{invoiceInfo.taxAmount}}</div>
+          </div>
+          <div class="item_wrap">
+            <div class="item_label">未税金额</div>
+            <div class="item_content">{{invoiceInfo.afterTaxAmount}}</div>
+          </div>
+          <div class="item_wrap">
+            <div class="item_label">发票类型</div>
+            <div class="item_content">{{invoiceInfo.invoiceTypeCodeString}}</div>
+          </div>
+          <div class="item_wrap">
+            <div class="item_label">开票日期</div>
+            <div class="item_content">{{invoiceInfo.invoiceDate}}</div>
+          </div>
+          <div class="item_wrap">
+            <div class="item_label">发票影像</div>
+            <div class="item_content">
+              <div class="invoice_btn" @click="showInvoiceHandler(invoiceInfo.path)">查看发票</div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+  import { myMixins } from "@/utils/myMixins"
+  export default {
+    name: "showInvoice",
+    mixins:[ myMixins ],
+    data() {
+      return {
+        invoiceInfo: {},
+      }
+    },
+    mounted() {
+      let invoiceDetail = localStorage.getItem('invoiceDetail')
+      this.invoiceInfo = invoiceDetail ? JSON.parse(invoiceDetail) : {};
+      console.log('this.invoiceInfo', this.invoiceInfo)
+    },
+    methods: {
+      showInvoiceHandler(path) {
+        window.open(path)
+      }
+    }
+  }
+</script>
+
+<style scoped lang="scss">
+  @import "@/styles/mixin.scss";
+  @import "@/styles/common.scss";
+  .wrap{
+    @include wh(100%,100%);
+    background-color: #F4F5F7;
+  }
+  .navBar{
+    height: 46px;
+  }
+  .contentWrap{
+    .mt_cls {
+      margin-top: 10px;
+    }
+    .content_tab {
+      background-color: #fff;
+      width: 100%;
+      padding: 15px 15px;
+      .tab_title {
+        font-size: 14px;
+        font-weight: bold;
+        margin-bottom: 5px;
+      }
+      .tab_content {
+        .item_wrap {
+          display: flex;
+          align-items: center;
+          line-height: 30px;
+          font-size: 12px;
+          .item_label {
+            color: rgba(0,0,0,0.5);
+            margin-right: 5px;
+            width: 60px;
+          }
+          .item_content {
+            display: flex;
+            align-items: center;
+          }
+        }
+      }
+    }
+  }
+  .copyIcon {
+    width: 35px;
+    height: 15px;
+    margin-left: 10px
+  }
+  .invoice_btn {
+    padding: 0 15px;
+    background-color: #354D93;
+    border-radius: 4px;
+    height: 28px;
+    color: #fff;
+  }
+</style>
--- a/src/views/index/supplySettlement.vue
+++ b/src/views/index/supplySettlement.vue
@ -42,7 +42,7 @@
      <div class="metersWrap">
        <div class="item"  >
          <div class="leftKiloMeters">小轮个数</div>
-          <div class="rightInput"><input type="number" v-model="form.tyreNumber"/>个</div>
+          <div class="rightInput"><input type="number" v-model="form.tyreNumber" @input="handleInput"/>个</div>
        </div>
        <div class="item">
          <div class="leftKiloMeters">等候费</div>
@ -82,7 +82,7 @@ export default {
        bridgeAmountAb:'',
        bridgeAmountBc:'',
        bridgeAmountCa:'',
-        tyreNumber:'',
+        tyreNumber:0,
        waitAmount:'',
        dilemmaFee:'',
        customerAmount:'',
@ -98,6 +98,15 @@ export default {
      await this.getDetail()
  },
  methods:{
+    handleInput(event) {
+      const newValue = parseInt(event.target.value, 10);
+      if (!isNaN(newValue) && newValue >= 0 && newValue <= 4) {
+        this.form.tyreNumber = newValue;
+      } else {
+        this.$toast('请输入0到4之间的数字')
+        this.form.tyreNumber = null; // 或者上一个有效值
+      }
+    },
    submit() {
      this.updatSettlement()
    },
--- a/src/views/index/uploadInvoice.vue
+++ b/src/views/index/uploadInvoice.vue
@ -0,0 +1,589 @@
+<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="contentWrap">
+      <div class="content_top">
+        <div class="content_tip">【注】如结算金额确认无误后，请开具正规增值税专用发票（开票项为：施救费、救授费、拖车费、帝引费任选其一）。如有路桥费产生，请开在救援发票中。</div>
+        <div class="top_detail">
+          <div class="detail_title detail_color">
+            <div class="title"> <span class="squire"></span> 应开金额</div>
+            <div class="money">￥{{ invoiceTotal }}</div>
+          </div>
+          <div class="border"></div>
+          <div class="detail_content" v-for="(item, index) in list" :key="index + '_1'">
+            <div class="content_item">
+              {{item.batchCode}}
+              <span class="content_money">￥{{item.invoiceMoney}}</span>
+            </div>
+          </div>
+        </div>
+      </div>
+      <div class="content_top mt10">
+        <div class="detail_title detail_color2 pd_no">
+          <div class="title"> <span class="squire squire2"></span> 实开金额</div>
+          <div class="money">￥{{ invoiceMoney || 0 }}</div>
+        </div>
+        <div class="border"></div>
+        <div class="invoice_wrap mt10" v-for="(item, index) in tableData" :key="index" @click="goInvoiceDetail(item)">
+          <div class="invoice_title">
+            <div>{{item.accountName}}</div>
+            <div class="btn_del" @click.stop="deleteHandler(item)">删除</div>
+          </div>
+          <div class="border"></div>
+          <div class="invoice_content">
+            <div>
+              <span class="label">发票号码:</span>
+              <span>{{item.invoiceNumber}}</span>
+            </div>
+            <div>
+              <span  class="label">发票金额:</span>
+              <span class="invoice_money">￥{{item.invoiceMoney}}</span>
+            </div>
+            <div class="invoice_flex">
+              <div>
+                <span  class="label">开票日期:</span>
+                <span>{{item.invoiceDate}}</span>
+              </div>
+              <van-icon class="icon" name="arrow" />
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+    <div class="upload_btn_wrap">
+      <div class="btn_save" @click="createInvoiceHandler">保存</div>
+      <van-uploader :before-read="beforeRead" :after-read="afterRead" accept=".png,.jpg,.jpeg,.pdf,.ofd">
+        <div class="btn_upload">
+          <img class="icon_upload" src="@/assets/icon_upload.png" alt="">
+          上传发票
+        </div>
+      </van-uploader>
+    </div>
+  </div>
+</template>
+
+<script>
+  import { Dialog } from "vant";
+  import { myMixins } from "@/utils/myMixins"
+  import { uploadInvoice, getBillingInfo, deleteInvoice, createBatch } from "@/api/mine"
+  export default {
+    name: "uploadInvoice",
+    mixins:[ myMixins ],
+    data(){
+      return {
+        list: [],
+        invoiceMoneyTotal: 0,
+        tableData: [],
+        activeObj: {},
+        billInfo: {},
+        supplierId: '',
+        queryId: '',
+        batchIds: [],
+        shouldRate: '',
+        realRate: '',
+        invoiceType: '',
+        invoiceMoney: 0,
+        afterTaxAmount: 0,
+        form: {
+          courierNumber: '',
+          invoiceType: '', //电子发票还是纸质发票
+        },
+        show: true,
+      }
+    },
+    async mounted() {
+      await this.initData();
+    },
+    async activated() {
+      await this.initData();
+      this.show = true;
+    },
+    watch: {
+      tableData: {
+        immediate: true,
+        handler() {
+          this.getInvoiceMoney()
+        }
+      }
+    },
+    computed: {
+      invoiceTotal () {
+        let total = 0;
+        this.list?.map(item => {
+          total += item.invoiceMoney
+        })
+        return total
+      }
+    },
+    deactivated() {
+      if (this.show) {
+        this.tableData = [];
+      }
+    },
+    methods: {
+      async initData() {
+        this.list = JSON.parse(localStorage.getItem('list'));
+        this.batchIds = [];
+        this.list.map(a => {
+          this.batchIds.push(a.id)
+        })
+        console.log('this.batchIds', this.batchIds)
+        this.shouldRate = this.list[0]?.shouldRate
+        this.realRate = this.list[0]?.realRate
+        this.invoiceType = this.list[0]?.invoiceType
+        this.supplierId = this.list[0]?.supplierId
+        await this.getInfo();
+      },
+      async getInfo() {
+        if(this.supplierId) {
+          let res = await getBillingInfo('/supplier/info/billing/getBySupplierId/' + this.supplierId )
+          this.billInfo = res.data || {}
+        }
+      },
+      async createInvoiceHandler() {
+        if ( !this.form.invoiceType ) {
+          this.$toast('发票类型不能为空！')
+          return
+        }
+        if (this.invoiceTotal != this.invoiceMoney) {
+          this.$toast('“应开金额”与“实开金额”不一致，请核实系统的开票金额与实际开出的发票金额。')
+          return
+        }
+        if(this.form.invoiceType == 2){
+          Dialog.confirm({
+            title: '提示',
+            message: '纸质发票上传后请尽快邮寄，并在系统《开票信息》菜单，录入快递单号，以免影响结算时效！谢谢！',
+          }).then(async () => {
+            await this.saveHandle();
+          }).catch(() => {
+          });
+        } else {
+          await this.saveHandle();
+        }
+      },
+      async saveHandle() {
+        let paramsArr = this.getParams();
+        console.log('.......', paramsArr)
+        try {
+          this.loading = true;
+          let res = await createBatch({
+            supplierId: this.supplierId,
+            batchIds: this.batchIds,
+            detailList: paramsArr
+          })
+          console.log('res', res)
+          this.loading = false;
+          Dialog.alert({
+            title: '提示',
+            message: `发票已上传成功，待审核。开票编号为：${res.data}，请前往菜单【开票信息】中查看。`,
+          }).then(() => {
+           this.h5GoBack()
+          });
+        } catch (e) {
+          console.log('eee', e)
+          Dialog.alert({
+            title: '提示',
+            message: e + '发票提交出错',
+          }).then(() => {
+
+          });
+        }finally {
+          this.loading = false;
+        }
+      },
+      getParams() {
+        let params = [...this.tableData]
+        if(params.length > 0) {
+          params.map(item => {
+            item.courierNumber = (this.form.invoiceType == 2 ? this.form.courierNumber : '')
+            item.invoiceType = this.form.invoiceType
+            if( item.taxRate.toString().indexOf('%') != -1 ) {
+              let tempRate = item.taxRate.replace('%', '');
+              item.taxRate = (Number(tempRate) / 100)
+            }
+          })
+        }
+        return params
+      },
+      deleteHandler( row ) {    // 删除发票
+        Dialog.confirm({
+          title: '提示',
+          message: '确认要删除发票信息吗?',
+        }).then(async () => {
+          await deleteInvoice({
+            id: row?.id || '',
+            path: row?.path
+          });
+          let index = this.tableData.findIndex(a => a.invoiceNumber == row.invoiceNumber)
+          this.tableData.splice(index, 1)
+        }).catch(() => {
+        });
+      },
+      beforeRead (file) {
+        const FileExt = file.name.replace(/.+\./, "");
+        if (['jpg', 'png', 'jpeg', 'pdf', 'ofd'].indexOf(FileExt.toLowerCase()) === -1) {
+          this.$toast('请上传后缀名为jpg、jpeg、png、pdf、ofd的文件！')
+          return false;
+        }
+        this.$set(this.activeObj, 'fileType', FileExt)
+        return  true
+      },
+      async afterRead (file) {
+        try {
+          var formData = new FormData();  // 创建form对象
+          formData.append('file', file.file);  // 通过append向form对象添加数据
+          formData.append('supplierId', this.supplierId)  // 如果还需要传替他参数的话
+          let res = await uploadInvoice(formData)
+          console.log('rrerer', res)
+          if( res?.code == 200 ) {
+            let test =  this.tableData.filter(item => item.invoiceNumber == res.data.ocrInvoiceRes.data.invoiceNumber)  // 如果
+            if(  test.length > 0 ) {      // 发票是否已经上传过
+              this.$message.warning("该发票已上传，不能重复上传")
+              return false
+            } else {
+
+              let invoiceDetails = this.getInvoiceRates(res.data.ocrInvoiceRes.data.invoiceDetails)
+              let flag = this.legalRate(invoiceDetails)
+              let realFlag = this.realRateCheck(invoiceDetails)
+              let errorStr = "";
+              //电子发票，验证必须是pdf版本
+              if((res.data.ocrInvoiceRes.data.invoiceType.indexOf("数电") != -1 || res.data.ocrInvoiceRes.data.invoiceType.indexOf("电子") != -1) && this.activeObj.fileType != 'pdf'){
+                errorStr = errorStr + "电票请上传PDF格式的文件;"
+              }
+              if(res.data.ocrInvoiceRes.data.invoiceType.indexOf("专用发票") == -1 && this.invoiceType == 1){
+                errorStr = errorStr + "上传发票类型与服务商配置发票类型不一致，设置类型为：专票;";
+              }
+              if(!this.billInfo.unitName ){
+                errorStr = errorStr + "未设置抬头，请联系区域经理;";
+              }
+              if(!this.billInfo.dutyParagraph ){
+                errorStr = errorStr + "未设置纳税人识别号，请联系区域经理;";
+              }
+              let ocrName = res.data.ocrInvoiceRes.data.sellerName.replace('(','').replace('（','').replace(')','').replace('）','');
+              let billName = ''
+              if (this.billInfo && this.billInfo.unitName) {
+                billName = this.billInfo.unitName.replace('(','').replace('（','').replace(')','').replace('）','');
+              }
+              let diffNumber = this.charDifference(ocrName,billName);
+              if(ocrName != billName && diffNumber > 2 && !res.data.ocrInvoiceRes.data.sellerName.startsWith("国家税务总局")){
+                errorStr = errorStr + "上传发票抬头与服务商配置不一致，设置抬头为：" + (this.billInfo.unitName || '未设置') + "，识别抬头为：" + res.data.ocrInvoiceRes.data.sellerName + ";如发票确认无误，请联系结算部：021-53682525";
+              }
+
+              if( !flag ) {
+                Dialog.alert({
+                  title: '提示',
+                  message: '您上传的发票税率不符合要求',
+                }).then(() => {
+                  this.uploadLoading=false;
+                  return false
+                });
+              }else if(!realFlag){
+                Dialog.alert({
+                  title: '提示',
+                  message: "您上传的发票税率与服务商配置税率不一致，设置税率为：" + this.realRate + "%"
+                }).then(() => {
+                  this.uploadLoading=false;
+                  return false
+                });
+              }else if(errorStr && errorStr.length > 0){
+                Dialog.alert({
+                  title: '提示',
+                  message: errorStr,
+                }).then(() => {
+                  this.uploadLoading=false;
+                  return false
+                });
+              } else {
+                console.log('res', res)
+                console.log('file', file)
+                this.form.invoiceType = res.data.ocrInvoiceRes.data.invoiceType.indexOf("数电") == -1 && res.data.ocrInvoiceRes.data.invoiceType.indexOf("电子") == -1 ? 2 : 1
+                let isOrdinaryInvoice = res.data.ocrInvoiceRes.data.invoiceType.indexOf("普通") > -1
+                this.$set(this.activeObj, 'imageUrl', '')
+                this.$set(this.activeObj, 'fileName', '')
+                if (['pdf','ofd'].indexOf(this.activeObj.fileType) === -1) {
+                  // this.activeObj.imageUrl = URL.createObjectURL(file.raw);
+                  this.activeObj.imageUrl = res.data.url
+                  this.$set(this.activeObj, 'fileName', file.file.name)
+                } else {
+                  this.$set(this.activeObj, 'fileName', file.file.name)
+                }
+                this.$set(this.activeObj, 'path', res.data.url)
+                this.$set(this.activeObj, 'invoiceNumber', res.data.ocrInvoiceRes.data.invoiceNumber)
+                this.$set(this.activeObj, 'accountName', res.data.ocrInvoiceRes.data.sellerName)
+                this.$set(this.activeObj, 'invoiceMoney', res.data.ocrInvoiceRes.data.totalAmount)
+                this.$set(this.activeObj, 'taxRate',isOrdinaryInvoice?0: res.data.ocrInvoiceRes.data.invoiceDetails[0].taxRate)
+                this.$set(this.activeObj, 'taxAmount',isOrdinaryInvoice?0: res.data.ocrInvoiceRes.data.invoiceTax)
+                this.$set(this.activeObj, 'afterTaxAmount',isOrdinaryInvoice?res.data.ocrInvoiceRes.data.totalAmount: res.data.ocrInvoiceRes.data.invoiceAmountPreTax)
+                this.$set(this.activeObj, 'invoiceDate', res.data.ocrInvoiceRes.data.invoiceDate)
+                this.$set(this.activeObj, 'invoiceCode', res.data.ocrInvoiceRes.data.invoiceCode)
+                this.$set(this.activeObj, 'invoiceTypeCodeString', res.data.ocrInvoiceRes.data.invoiceType)
+                this.$set(this.activeObj, 'payName', res.data.ocrInvoiceRes.data.purchaserName)
+                this.tableData.push({...this.activeObj})
+                this.$forceUpdate()
+              }
+            }
+          }
+        } catch (e) {
+          console.log('eeee', e)
+        }
+      },
+      goInvoiceDetail (item) {
+        localStorage.setItem('invoiceDetail', JSON.stringify(item))
+        this.show = false;
+        this.goPage('showInvoice')
+      },
+      getInvoiceMoney() {
+        let invoiceMoney = 0;
+        let afterTaxAmount = 0;
+        if( this.tableData.length > 0){
+          this.tableData.map(item => {
+            if( item.invoiceMoney && item.afterTaxAmount ) {
+              invoiceMoney += (Number(item.invoiceMoney) * 100)
+              afterTaxAmount += ( Number(item.afterTaxAmount) * 100 )
+            }
+          })
+          this.invoiceMoney = invoiceMoney != 0 ?  (invoiceMoney / 100) : 0
+          this.afterTaxAmount = afterTaxAmount != 0 ? ( afterTaxAmount / 100 ) : 0
+        } else {
+          this.invoiceMoney = invoiceMoney
+          this.afterTaxAmount = afterTaxAmount
+        }
+      },
+      charDifference(str1,str2) {
+        let difference = 0;
+        // 遍历字符串1的每个字符
+        for (let i = 0; i < str1.length; i++) {
+          // 如果字符串2中不包含当前字符，或者位置不对，则误差加1
+          if (str2.indexOf(str1[i]) === -1 || str2[i] !== str1[i]) {
+            difference++;
+          }
+        }
+
+        //如果前面部分都对得上，但是长度不同，则差异是长度
+        if(str1.length != str2.length){
+          difference += Math.abs(str1.length - str2.length)
+        }
+        // 同样遍历字符串2，处理字符串1中不存在的字符
+        /*for (let i = 0; i < str2.length; i++) {
+          if (str1.indexOf(str2[i]) === -1) {
+            difference++;
+          }
+        }*/
+        return difference;
+      },
+      legalRate(rateList) {     // 合法的 税率
+        let rate = rateList[0]
+        let flag = rateList.every(item => {
+          //设置的是普票，不校验税率
+          if(this.invoiceType == 2 && item != '免税' && item != '0%'){
+            return true
+          }
+          return  item == rate && ['1%', '3%', '6%', '9%', '13%'].includes(item)
+        })
+        console.log('flag', flag)
+        return flag
+      },
+      realRateCheck(rateList) {     // 和设置的税率是否符合
+        let rate = rateList[0]
+        let flag = rateList.every(item => {
+          //设置的是普票，不校验税率
+          if(this.invoiceType == 2 && item != '免税' && item != '0%'){
+            return true
+          }
+          return  item == rate && this.realRate + '%' == item
+        })
+        console.log('flag', flag)
+        return flag
+      },
+      getInvoiceRates(invoiceDetails) {     // 获取发票详情的税率数组
+        let rates = [];
+        invoiceDetails.map(item => {
+          rates.push(item.taxRate)
+        })
+        return rates
+      },
+    }
+  }
+</script>
+
+<style scoped lang="scss">
+  @import "@/styles/mixin.scss";
+  @import "@/styles/common.scss";
+  .wrap{
+    @include wh(100%,100%);
+    background-color: #F4F5F7;
+    overflow-y: auto;
+  }
+  .navBar{
+    height: 46px;
+  }
+  .mt10 {
+    margin-top: 10px;
+  }
+  .contentWrap {
+    padding-bottom: 70px;
+    .content_top {
+      padding: 15px 20px;
+      background-color: #fff;
+      .content_tip {
+        font-size: 12px;
+        color: rgba(0, 0, 0, 0.5);
+      }
+      .top_detail {
+        .detail_content {
+          display: flex;
+          flex-wrap: wrap;
+          justify-content: space-between;
+          padding: 10px 0;
+          .content_item {
+            font-size: 12px;
+            color: rgba(0, 0, 0, 0.5);
+            line-height: 27px;
+            .content_money {
+              font-size: 15px;
+              color: #D48139;
+              font-weight: bold;
+            }
+          }
+        }
+      }
+      .detail_title {
+        font-weight: bold;
+        display: flex;
+        justify-content: space-between;
+        align-items: center;
+        font-size: 16px;
+        padding: 10px 0;
+      }
+      .title {
+        display: flex;
+        align-items: center;
+      }
+      .money {
+        font-size: 22px;
+      }
+      .detail_color {
+        color: #D48139;
+      }
+      .detail_color2 {
+        color: #FF5D2E;
+      }
+      .pd_no {
+        padding-top: 0;
+      }
+    }
+  }
+  .squire {
+    width: 6px;
+    height: 6px;
+    display: inline-block;
+    background-color: #D48139;
+    border-radius: 2px;
+    margin-right: 10px;
+  }
+  .squire2 {
+    background-color: #FF5D2E;
+  }
+  .border {
+    width: 100%;
+    height: 0;
+    border-bottom: 1px solid;
+    opacity: 0.16;
+    border-image: linear-gradient(270deg, rgba(217, 217, 217, 0.6), rgba(178, 178, 178, 1), rgba(178, 178, 178, 1), rgba(217, 217, 217, 0.6)) 1 1;
+  }
+
+  .invoice_wrap {
+    background-color: #F4FAFF;
+    padding: 11px 3px 15px 18px;
+    border-radius: 4px;
+    border: 1px solid #EBF2F7;
+    .invoice_title {
+      font-size: 14px;
+      font-weight: bold;
+      color: rgba(50, 54, 67, 0.76);
+      display: flex;
+      justify-content: space-between;
+      margin-bottom: 10px;
+      .btn_del {
+        width: 48px;
+        height: 18px;
+        margin-right: 12px;
+        line-height: 18px;
+        text-align: center;
+        border-radius: 3px;
+        border: 1px solid #DDDDDD;
+        font-size: 12px;
+        color: rgba(0, 0, 0, 0.7);
+        font-weight: normal;
+      }
+    }
+    .invoice_content {
+      padding-top: 10px;
+      padding-right: 12px;
+      color: #000;
+      font-size: 12px;
+      line-height: 24px;
+      .label {
+        font-size: 12px;
+        color: rgba(0, 0, 0, 0.5);
+        margin-right: 10px;
+      }
+      .invoice_money {
+        color: #FF5D2E;
+        font-size: 15px;
+        font-weight: bold;
+      }
+    }
+  }
+  .upload_btn_wrap {
+    position: fixed;
+    width: 100%;
+    box-sizing: border-box;
+    bottom: 0;
+    left: 0;
+    padding: 15px 30px;
+    display: flex;
+    color: #fff;
+    font-weight: bold;
+    font-size: 14px;
+    line-height: 40px;
+    background: #FBFBFB;
+    box-shadow: 0px -1px 20px 4px rgba(98,107,128,0.2);
+    div {
+      height: 40px;
+      border-radius: 5px;
+      text-align: center;
+      flex: 1;
+    }
+    .btn_save {
+      background: #354D93;
+      margin-right: 4px;
+    }
+    .btn_upload {
+      background: #354D93;
+      margin-left: 4px;
+    }
+    .icon_upload {
+      width: 13px;
+      height: 13px;
+    }
+  }
+  .invoice_flex {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+  }
+  ::v-deep .van-uploader__input-wrapper {
+    width: 100% !important;
+  }
+</style>
--- a/src/views/index/vehicleAdd.vue
+++ b/src/views/index/vehicleAdd.vue
@ -40,6 +40,20 @@
      accept="image "
    />
  </div>
+  <div class="itemContent">
+    <div class="titleType">
+      <img class="startImg" src="@/assets/start.png" />
+      <span>行驶证车辆照片页</span>
+    </div>
+    <van-uploader
+      v-model="vehicleLicenseCarPhotoList"
+      :after-read="vehicleLicenseCarHandler"
+      :max-size="5 * 1024 * 1024"
+      max-count="1"
+      :preview-size="54"
+      accept="image "
+    />
+  </div>
  <div class="itemContent">
    <div class="titleType">
      <img class="startImg" src="@/assets/start.png" />
@ -146,9 +160,11 @@ export default {
      imageUrl: require('@/assets/arr_right.png'),
      vehicleLicenseFrontList: [],
      vehicleLicenseBackList: [],
+      vehicleLicenseCarPhotoList: [],
      vehicleFrontPhotoList: [],
      vehicleLicenseFront: '',  // 行驶证首页
      vehicleLicenseBack: '',   // 行驶证副页
+      vehicleLicenseCarPhoto: '',  // 行驶证车辆照片
      vehicleFrontPhoto: '',    // 车头照
      vehicleLicenseInfo: {},
      vehicleLicenseBackOcrFlag: false,   // 行驶证副页 修改时默认不需要 ocr识别
@ -182,6 +198,12 @@ export default {
      this.vehicleLicenseBack = res.data;
      await this.vehicleBackOcrHandler();
    },
+    async vehicleLicenseCarHandler(file) {     // 上传 行驶证车辆照片
+      const formData = new FormData();
+      formData.append("file" , file.file);
+      let res = await uploadImage(formData);
+      this.vehicleLicenseCarPhoto = res.data;
+    },
    async vehicleFrontPhotoHandler(file) {     // 上传 车头照
      const formData = new FormData();
      formData.append("file" , file.file);
@ -287,9 +309,19 @@ export default {
      this.vehicleLicenseBack = result.vehicleLicenseBack;
      this.vehicleFrontPhoto = result.vehicleFrontPhoto;
      this.vehicleLicenseInfo = result.vehicleLicenseInfo;
+      this.vehicleLicenseCarPhoto = result.vehicleLicenseCarPhoto;
+      if( this.vehicleLicenseFront ) {
        this.vehicleLicenseFrontList = [{ url : this.vehicleLicenseFront }];
+      }
+      if(this.vehicleLicenseBack) {
        this.vehicleLicenseBackList = [{ url : this.vehicleLicenseBack }];
+      }
+      if(this.vehicleFrontPhoto) {
        this.vehicleFrontPhotoList = [{ url : this.vehicleFrontPhoto }];
+      }
+      if(this.vehicleLicenseCarPhoto) {
+        this.vehicleLicenseCarPhotoList = [{ url : this.vehicleLicenseCarPhoto }];
+      }
    },
    isChange(e){
      this.isJoin=e
@ -303,6 +335,10 @@ export default {
        this.$toast('行驶证副页照片不能为空')
        return
      }
+      if( !this.vehicleLicenseCarPhoto ) {
+        this.$toast('行驶证车辆照片页不能为空')
+        return
+      }
      if( !this.vehicleLicenseBack ) {
        this.$toast('车头照片不能为空')
        return
@ -325,6 +361,7 @@ export default {
          vehicleLicenseBack: this.vehicleLicenseBack,
          vehicleFrontPhoto: this.vehicleFrontPhoto,
          vehicleLicenseInfo: this.vehicleLicenseInfo,
+          vehicleLicenseCarPhoto: this.vehicleLicenseCarPhoto,
        })
        if(this.id){
          this.$toast('修改成功')
--- a/src/views/index/workOrderDetail.vue
+++ b/src/views/index/workOrderDetail.vue
@ -70,6 +70,22 @@
        </div>
      </div>
    </div>
+    <div class="serviceInfo common" v-if="orderDetailInfo.batteryNo">
+      <div class="title">电瓶信息:</div>
+      <div class="line"></div>
+      <div class="infoContent">
+        <div class="item">
+          <span class="leftTitle fontColor">设备号:</span><span class="rightContent">{{orderDetailInfo?.batteryNo}}</span>
+        </div>
+        <div class="item">
+          <span class="leftTitle fontColor">品牌:</span><span class="rightContent">{{orderDetailInfo?.batteryBrand}}</span>
+        </div>
+        <div class="item">
+          <span class="leftTitle fontColor">型号:</span><span class="rightContent">{{orderDetailInfo?.batteryModel}}</span>
+        </div>
+      </div>
+    </div>
+
    <div class="map" v-show="showPopup"   id="container">
      <img @click="showPopup = false"  src="@/assets/delKey.png" class="mapImg">
    </div>
--- a/src/views/invoice/invoiceIndex.vue
+++ b/src/views/invoice/invoiceIndex.vue
@ -0,0 +1,13 @@
+<template>
+<div class="wrap">票务首页</div>
+</template>
+
+<script>
+export default {
+  name: "invoiceIndex"
+}
+</script>
+
+<style scoped>
+
+</style>
--- a/src/views/kpi/components/common-table.vue
+++ b/src/views/kpi/components/common-table.vue
@ -1,45 +0,0 @@
-<template>
-  <div class="wrap">
-    <el-table :data="tableData"
-              stripe
-              border
-              style="width: 100%"
-              class="custom-table">
-      <el-table-column
-          v-for="(column,i) in tableData"
-          :key="i"
-          :prop="column.prop"
-          :label="column.label"
-          :fixed="i===0"
-          :width="i===0 ? '40' :'80'"
-          align="center"
-      >
-      </el-table-column>
-    </el-table>
-  </div>
-</template>
-
-<script>
-export default {
-  name: "commonTable",
-  props: ['tableData'],
-  data() {
-    return {}
-  },
-  mounted() {
-  },
-  methods: {}
-}
-</script>
-
-<style scoped lang="scss">
-@import "@/styles/mixin.scss";
-::v-deep .el-table thead{
-  font-size: 11px;
-  color: #1D2129;
-  font-weight: bold;
-}
-::v-deep .el-table th.el-table__cell.is-leaf {
-  background-color: #E5E6EB;
-}
-</style>
--- a/src/views/kpi/components/noFit-table.vue
+++ b/src/views/kpi/components/noFit-table.vue
@ -13,6 +13,19 @@
          <template slot-scope="scope">{{scope.row[item.prop]}}  </template>
        </el-table-column>
      </template>
+<!--      <template v-else-if="active===4">
+        <el-table-column v-for="(column,index) in filteredLabelList" :key="column.prop" :prop="column.prop" :label="column.label"
+                         :fixed="index===0" align="center"  min-width="100"
+                         :width="(isMobile && (column.label=='案件编号' || column.label=='服务内容')) ? 70 : 'auto'">
+          <template slot-scope="scope">
+            <span v-if="column.label === '师傅姓名'">
+              {{ scope.row[column.prop] }}
+              <span style=" color: #FFBA00;" v-if="scope.row.starRank"><i class="el-icon-star-on star"></i>{{scope.row.starRank}}</span>
+            </span>
+            <span v-else>{{ scope.row[column.prop] }}</span>
+          </template>
+        </el-table-column>
+      </template>-->
      <template v-else>
        <el-table-column v-for="column in labelList" :key="column.prop" :prop="column.prop" :label="column.label"
                         align="center"  min-width="100" :width="(isMobile && (column.label=='案件编号' || column.label=='服务内容')) ? 70 : 'auto'">
@ -31,6 +44,14 @@ export default {
  },
  mounted() {
  },
+  computed: {
+   /* filteredLabelList() {
+      if(this.active!==4){
+        return
+      }
+      return this.labelList.filter(column => column.label !== '星级评分');
+    }*/
+  },
  methods: {
    setTableCellStyle({ row, column,columnIndex }) {
      // 月总表格被转置，原始方法失效，重新定义对比
--- a/src/views/kpi/kpiIndex.vue
+++ b/src/views/kpi/kpiIndex.vue
@ -2,14 +2,21 @@
  <div class="wrap">
    <div v-if="isMobile" class="headWrap">
      <div class="title">KPI.数据看板</div>
-      <div class="titleName">{{ current }}月-{{supplierName}}</div>
+      <div class="titleName">{{ current }}-{{supplierName}}</div>
    </div>
    <div v-else class="webHeadWrap" :style="'justify-content:'+(isZd==1 ? 'space-between':'center')">
      <div class="empty" v-if="isZd==1"></div>
-      <div class="title">KPI.数据看板<span v-if="isZd==1">--中道救援</span><span v-if="isZd!=1">--{{ current }}月</span></div>
+      <div class="title">KPI.数据看板<span v-if="isZd==1">--中道救援</span><span v-if="isZd!=1">--{{ current }}</span></div>
      <!--  只有中道账号才显示搜索框  -->
      <div class="searchWrap" v-if="isZd==1">
-        <span class="month">{{ current }}月</span>
+        <el-date-picker
+            v-model="current"
+            type="month"
+            :clearable="false"
+            class="month custom-date-picker"
+            @change="monthChangeHandle"
+            placeholder="选择月">
+        </el-date-picker>
        <el-select
            v-model="supplierId"
            filterable
@ -18,7 +25,7 @@
            clearable
            placeholder="请输入后选择"
            :remote-method="remoteMethod"
-            @change="selectSupplierNameHanldle"
+            @change="selectSupplierNameHandle"
            :loading="selectLoading">
          <el-option
              v-for="item in selectOption"
@ -27,20 +34,20 @@
              :value="item.id">
          </el-option>
        </el-select>
-<!--        <i class="el-icon-search" @click="searchHandle"></i>-->
      </div>
    </div>
-    <van-tabs v-model="active" sticky @click="onClick">
+    <van-tabs v-model="active" sticky @click="tabClickHandle">
      <van-tab v-for="(item,index) in tabArr" :key="index" :title="item.name"></van-tab>
      <div v-if="isMobile && !([0,1,2,3].includes(active))" class="tipArrow left">{{ leftArr }}</div>
-      <div v-if="isMobile && !([8,9].includes(active))" class="tipArrow right">>>></div>
+      <div v-if="isMobile && !([7,8].includes(active))" class="tipArrow right">>>></div>
    </van-tabs>
    <div v-loading="loadingData" :class="{'contentWrap':true,'webcontentWrap':!isMobile}" v-if="active===0">
      <div :class="{'reciceOrder':true,'webCom':!isMobile}">
        <div :class="{'title':true,'webTitle':!isMobile}">接单指标</div>
        <div class="reciceOrderIWrap">
          <div class="left common">
-            <div class="num">{{ indexData && indexData.receiveOrderCount }}</div>
+<!--            indexData && -->
+            <div class="num">{{ formatCurrency(indexData?.receiveOrderCount) }}</div>
            <div class="itemTitle">承接案件量</div>
          </div>
          <div class="center common" @click="clickJumpHandle(5)">
@ -97,12 +104,15 @@
      </div>
      <div :class="{'reciceOrder':true,'webCom':!isMobile,'store':isMobile}">
        <div class="scoreTitle">
-          <span class="title">综合打分</span>
+          <div>
+            <span class="title" style="margin-right: 15px">综合打分</span>
+            <el-button v-if="!isMobile && isBtn && supplierId" size="mini" type="primary" @click="applicateHandle">信息变更申请</el-button>
+          </div>
          <i class="el-icon-question" @click.prevent="showScoreChart = !showScoreChart"></i>
        </div>
        <div class="storeWrap" v-if="indexData">
-          <circle-char v-if="showScoreChart"  ref="Doughnut7" :data="indexData && indexData.score" :bg-color="'#00D273'" :is-store="true"></circle-char>
-          <div v-else class="detailScore">
+          <circle-char v-show="showScoreChart"  ref="Doughnut7" :data="indexData && indexData.score" :bg-color="'#00D273'" :is-store="true"></circle-char>
+          <div  v-show="!showScoreChart"  class="detailScore">
            <div class="left">
              <div>
                <span class="defen">接单得分:</span>
@ -111,7 +121,7 @@
                <span class="defen">接单时效得分:</span>
              </div>
              <div>
-                <span class="defen">到达时效得分:</span>
+                <span class="defen">接单时效得分:</span>
              </div>
              <div><span class="defen">聚合成功率得分:</span>
              </div>
@ -135,13 +145,13 @@
              <div> <span>{{ indexData.polymerizationSuccessScore }}</span></div>
              <div> <span>{{ indexData.appUseScore }}</span></div>
              <div> <span>{{ indexData.urgeScore }}</span></div>
-              <div><span>{{ indexData.complainScore }}</span></div>
+              <div><span>{{ indexData.urgeScore }}</span></div>
            </div>
          </div>
        </div>
      </div>
-      <div>
-
+      <div :class="{'allDataChartWrap':true,'webComAllData':!isMobile,'store':isMobile}">
+        <div  class="allDataChart" id="allDataChart" ></div>
      </div>
      <div v-if="isMobile" style="padding: 20px"></div>
    </div>
@ -192,8 +202,8 @@
        <noFit-table v-else :active='active'  :is-mobile='isMobile' :table-data="detailList" :label-list="labelList"></noFit-table>
     </div>
    </div>
-    <div v-loading="loadingData" class="contentWrap  monthTotal" v-if="[2,3,4].includes(active)">
-      <div class="searchDriverName" v-if="[3,4].includes(active)">
+    <div v-loading="loadingData" class="contentWrap  monthTotal" v-if="[2].includes(active)">
+      <div class="searchDriverName" v-if="[5,4].includes(active)">
        <el-select
            v-model="driverName"
            filterable
@ -210,17 +220,17 @@
              v-for="item in driverselectOption"
              :key="item.id"
              :label="item.name"
-              :value="item.id">
+              :value="item.name">
          </el-option>
        </el-select>
      </div>
      <div :class="{'tabWrap':true,'webTabWrap':!isMobile,'mobileTab':isMobile}">
-        <div v-for="(item,index) in (active===3 ? driverList : list)" :class="activeIndex===index ? 'active' : ''"
+        <div v-for="(item,index) in (active===4 ? driverList : list)" :class="activeIndex===index ? 'active' : ''"
             :key="index"
             @click="changeTab(index)">{{ item.name }}
        </div>
      </div>
-      <div :class="{'comTab':true}">
+      <div :class="{'comTab':active !== 4,'comTabActive3':active === 4}">
        <noFit-table :active='active'  :is-mobile='isMobile' :table-data="detailList" :label-list="labelList"></noFit-table>
      </div>
      <el-pagination
@ -235,21 +245,13 @@
          :total="total">
      </el-pagination>
    </div>
-    <div v-loading="loadingData" class="contentWrap  monthTotal" v-if="[5,6,7,8,9].includes(active)">
+    <div v-loading="loadingData" class="contentWrap  monthTotal" v-if="[3,4,5,6,7,8].includes(active)">
      <div :class="{'comTab':true,'detailTable':isMobile}">
        <noFit-table :active='active'  :is-mobile='isMobile' :table-data="detailList" :label-list="labelList"
-                     :loading="loading"></noFit-table>
+                     ></noFit-table>
      </div>
-<!--      <el-pagination
-          small
-          :current-page.sync="pageNum"
-          :page-size.sync="pageSize"
-          @current-change="getKpiData"
-          @size-change="getKpiData"
-          layout="prev, pager, next"
-          :total="total">
-      </el-pagination>-->
      <el-pagination
+          v-if="active !== 10"
          small
          :page-sizes="[20, 50, 100]"
          :current-page.sync="pageNum"
@ -270,9 +272,9 @@ import {
  getKpiDetailsData,
  getStatisticsKpiByMonth,
  getStatisticsKpi,
-  getDriverStatisticsKpi,
  getSupplierId,
-  getDriverName
+  getDriverName,
+  getRecentSupplierKpi, querySupplierDriverStatisticsScore
 } from "@/api/kpi.js"
 import {myMixins} from "@/utils/myMixins"
 import CircleChar from "@/views/kpi/components/circleChar.vue";
@ -287,12 +289,13 @@ export default {
    return {
      active:0,
      activeIndex: 0,
+      // {name: '月/师傅'}, {name: '日/师傅'},
      tabArr: [
-        {name: '总览'}, {name: '月/总'}, {name: '日/总'}, {name: '月/师傅'}, {name: '日/师傅'}, {name: '拒单明细'},
+        {name: '总览'}, {name: '月/总'}, {name: '日/总'},{name: '师傅满意度'},  {name: '拒单明细'},
        {name: '超时明细'}, {name: '投诉明细'}, {name: '不使用APP案件明细'}, {name: '车辆在线情况'}
      ],
      list: [{name: '接单指标'}, {name: '客户评价'}, {name: 'APP使用'}, {name: ' 时效 '}],
-      driverList: [{name: '接单情况'}, {name: '服务评价'}, {name: 'APP使用情况'}, {name: '时效 '}],
+      driverList: [{name: '得分总览'},{name: '接单情况'}, {name: '服务评价'}, {name: 'APP使用情况'}, {name: '时效 '}],
      startMonthTime: '',
      startTime: '',
      endTime: '',
@ -312,7 +315,8 @@ export default {
      xAxisArr: [],
      isMobile: false,
      isZd: '',
-      current: dayjs(new Date()).format('M'),
+      current:'',
+      // current: dayjs(new Date()).format('M'),
      supplierName:'',
      value: '1',
      options: [
@ -323,7 +327,7 @@ export default {
      pageSize: 20,
      total: 0,
      swithVal: true,
-      supplierId:'',//1128
+      supplierId:'',
      selectLoading: false,
      selectOption: [],
      driverId:'',//68517
@ -331,29 +335,65 @@ export default {
      driverselectLoading: false,
      driverselectOption: [],
      leftArr:'<<<',
-      showScoreChart:true
+      showScoreChart:true,
+      continueMonthKpi:[],
+      isBtn:false,//是否有信息变更申请按钮权限
    }
  },
-  async mounted() {
-    await this.checkMobile();
-    await this.initDate();
-    await this.getData();
-  },
  created() {
    this.checkMobile();
    const urlParams = new URLSearchParams(window.location.search);
    this.isZd = urlParams?.get('isZd') || ''
-   /* if(!this.isMobile && this.isZd && this.isZd==1){
-      this.supplierId='1127'
-    }*/
+    this.supplierId = urlParams?.get('supplierId') || ''
+    this.isBtn= Number(urlParams?.get('isBtn'))
  },
-  async activated() {
+  async mounted() {
+    await this.checkMobile();
+    await this.initDate();
+    await this.selectSupplierNameHandle();
  },
  methods: {
-    async selectSupplierNameHanldle(){
-      console.log("supplierId",this.supplierId)
+    applicateHandle() {
+      if (window.parent) {
+        const hasListener = window.parent.dispatchEvent(new Event('checkCloseDialog'));
+        if (hasListener) {
+          const data = {
+            action: 'closeDialog',
+            message: this.supplierId,
+            // 其他需要传递的参数
+          };
+          window.parent.postMessage(data, '*');
+          // window.parent.postMessage('closeDialog', '*');
+        } else {
+          window.history.back();
+        }
+      }
+    },
+    monthChangeHandle(value){
+      if (value) {
+        const year = value.getFullYear();
+        const month = value.getMonth() + 1; // 月份从 0 开始，需要加 1
+        const yearAndMonth = year + '-' + (month > 9 ? month : '0' + month);
+        this.current = dayjs(new Date(yearAndMonth)).format('YYYY-MM')
+        this.startTime = `${year}-${this.padZero(month)}-01 00:00:00`;
+        const lastDay = new Date(year, month, 0).getDate(); // 获取该月的最后一天
+        this.endTime = `${year}-${this.padZero(month)}-${this.padZero(lastDay)} 23:59:59`;
+        this.startMonthTime=this.getStartTimeFromEndTime(this.endTime)
+        console.log(" this.startMonthTime", this.startMonthTime)
+        this.selectSupplierNameHandle();
+        if(this.active===1){
+          this.tabClickHandle()
+        }
+      }
+    },
+    padZero(num) {
+      return num < 10 ? `0${num}` : num;
+    },
+    async selectSupplierNameHandle(){
      await this.getData()
-      setTimeout(()=>{
+      if(this.active !== 0){
+        return
+      }
      this.$refs.Doughnut1.initCircle()
      this.$refs.Doughnut2.initCircle()
      this.$refs.Doughnut3.initCircle()
@ -361,7 +401,6 @@ export default {
      this.$refs.Doughnut5.initCircle()
      this.$refs.Doughnut6.initCircle()
      this.$refs.Doughnut7.initCircle()
-      },1000)
    },
    async remoteMethod(query) {
      if (query !== '') {
@ -394,10 +433,9 @@ export default {
        this.driverselectOption = [];
      }
    },
-    async searchHandle() {//web端服务商搜索操作
-      console.log("搜索按钮")
-    },
    async changeHandle() {
+      this.v1=[]
+      this.v2=[]
      await this.twoTabHanldeData();
      await this.drawLine();
    },
@ -420,29 +458,48 @@ export default {
        this.xAxisArr = []
        this.etlDetailList=[]
        this.etlLabelList=[]
+        this.continueMonthKpi=[]
        await this.getKpiData()
        this.loadingData = false
      } finally {
        this.loadingData = false
      }
    },
+    // 格式化承接案件量数据
+    formatCurrency(value) {
+      if (!value) return '';
+      let num = parseInt(value);
+      return num.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ',');
+    },
+    formatCurrency1(value) {
+      if (!value) return ''; // 如果值为空，返回空字符串
+      // 如果值已经包含逗号，直接返回原值
+      if (value.toString().includes(',')) {
+        return value;
+      }
+      // 否则，添加千分号
+      let num = parseInt(value);
+      if (isNaN(num)) return ''; // 如果转换失败，返回空字符串
+      return num.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ',');
+    },
    async clickJumpHandle(type) {
      this.loading = true
      this.active = type;
-      await this.onClick();
+      await this.tabClickHandle();
    },
-    onClick() {
+    tabClickHandle() {
      this.activeIndex = 0;
      this.detailList = [];
      this.labelList = [];
-      this.getData();
+      this.driverName=''
+      this.selectSupplierNameHandle();
      if (this.active === 1) {
        setTimeout(() => {
          this.drawLine()
          if (!this.isMobile && this.activeIndex === 3) {
            this.drawLine1()
          }
-        }, 500)
+        }, 1000)
      }
    },
    drawLine() { // 基于准备好的dom，初始化echarts实例
@ -452,13 +509,16 @@ export default {
      let series1 = [{
        name: '派遣案件量',
        type: 'bar',
-        data: this.v1,
+        data: this.v1?.map(item => Number(item?.toString()?.replace(/,/g, ''))),
        yAxisIndex: 0,
        smooth: true,
        barWidth: this.isMobile ? 35 : 60,
        label: {
          show: true, // 显示标签
          position: 'top', // 标签位置在柱形顶部
+          formatter: (params) => {
+            return params.value.toLocaleString();
+          }
        }
      },
        {
@ -507,6 +567,7 @@ export default {
        label: {
          show: true, // 显示标签
          position: 'top', // 标签位置在柱形顶部
+          formatter: '{c}%'
        }
      },
        {
@ -841,32 +902,124 @@ export default {
      };
      option && myChart.setOption(option, true);
    },
+    async allDataChart(){
+      let res = await getRecentSupplierKpi({
+        startTime: this.startTime,
+        endTime: this.endTime,
+        statisticsType: 1,
+        supplierId: this.supplierId,
+        driverId: this.driverId,
+        driverName:this.driverName,
+      });
+      this.continueMonthKpi=res.data;
+      // 初始化 v1 ,v2数组，长度为 12，初始值为 0
+      let v1 = new Array(12).fill(0);
+      let v2 = new Array(12).fill(0);
+      if( this.continueMonthKpi.length>0){
+        this.continueMonthKpi.forEach(item=>{
+          let month = parseInt(item.statisticsDate?.split('-')[1], 10) - 1; // 获取月份，并转换为数组索引
+          v1[month] = item.dispatchOrderCount;
+          v2[month] = item.orderScore;
+        })
+      }
+      let myChart = echarts.init(document.getElementById('allDataChart'))
+      let option = {
+        grid: {
+          top: '15%',
+          bottom: '12%',
+        },
+        tooltip: {
+          trigger: 'axis',
+          axisPointer: {
+            type: 'cross',
+            crossStyle: {
+              color: '#999'
+            }
+          }
+        },
+        legend: {  },
+        xAxis: [
+          {
+            type: 'category',
+            data: ['1月', '2月', '3月', '4月', '5月', '6月', '7月', '8月', '9月', '10月', '11月', '12月'],
+            axisPointer: {
+              type: 'shadow'
+            }
+          }
+        ],
+        yAxis: [
+          {
+            type: 'value',
+            axisLabel: {
+              formatter: '{value}',
+              rotate: 45,
+              margin: 2
+            }
+          },
+          {
+            type: 'value',
+            axisLabel: {
+              formatter: '{value}',
+            }
+          }
+        ],
+        series: [
+          {
+            name: '案件量',
+            type: 'bar',
+            yAxisIndex: 0,
+            data:v1
+          },
+          {
+            name: '总分',
+            type: 'line',
+            yAxisIndex: 1,
+            data: v2
+          }
+        ]
+      };
+      option && myChart.setOption(option, true);
+    },
+    // 通用函数，用于处理百分比数据
+    processPercentage(value) {
+      value *= 100;
+      if (value % 1 !== 0) {
+        value = value.toFixed(2);
+      }
+      return value;
+    },
    async getKpiData() {
      try {
        this.loading = true
        if (this.active === 0) {
+          await this.allDataChart()
          let res = await getStatisticsKpiByMonth({
            startTime: this.startTime,
            endTime: this.endTime,
            statisticsType: 1,
            supplierId: this.supplierId,
          });
+          if(!res.data){
+            return
+          }
          this.indexData = res.data;
          this.supplierName=res.data?.supplierName
-          this.indexData.refuseOrderRate=this.indexData.refuseOrderRate*100
-          this.indexData.timeoutOrderRate=this.indexData.timeoutOrderRate*100
-          if (this.indexData.refuseOrderRate % 1 !== 0) {
-            this.indexData.refuseOrderRate = this.indexData.refuseOrderRate.toFixed(2);
+          // 需要处理的属性名数组
+          const propertiesToProcess = [
+            'refuseOrderRate',
+            'timeoutOrderRate',
+            'complainOrderRate',
+            'customerSatisfaction',
+            'threeMinutesContactRate',
+            'urgeRate',
+            'appRate',
+            'polymerizationSuccessRate'
+          ];
+          for (let key in this.indexData){
+            if (propertiesToProcess.includes(key)) {
+              this.indexData[key] = this.processPercentage(this.indexData[key]);
            }
-          if (this.indexData.timeoutOrderRate % 1 !== 0) {
-            this.indexData.timeoutOrderRate = this.indexData.timeoutOrderRate.toFixed(2);
          }
-          this.indexData.complainOrderRate=this.indexData.complainOrderRate*100
-          this.indexData.customerSatisfaction=this.indexData.customerSatisfaction*100
-          this.indexData.threeMinutesContactRate=this.indexData.threeMinutesContactRate*100
-          this.indexData.urgeRate=this.indexData.urgeRate*100
-          this.indexData.appRate=this.indexData.appRate*100
-          this.indexData.polymerizationSuccessRate=this.indexData.polymerizationSuccessRate*100
        } else if ([1, 2].includes(this.active)) {
          let res = await getStatisticsKpi({
            startTime: this.active === 1 ? this.startMonthTime : this.startTime,
@ -894,32 +1047,58 @@ export default {
            item.minorFortyMinutesArrivalRate=this.formatPercentage(item.minorFortyMinutesArrivalRate) ;
            let formatVal = dayjs(item.statisticsDate).format('DD');
            let formatVal1 = dayjs(item.statisticsDate).format('M');
-            return {...item, date: formatVal, month: (formatVal1 == this.current) ? '本月' : (formatVal1 + '月')};
+            // console.log("formatVal1",formatVal1)
+            // return {...item, date: formatVal, month: (formatVal1 == this.current) ? '本月' : (formatVal1 + '月')};
+            return {...item, date: formatVal, month: formatVal1 + '月'};
          });
          this.loading = false
          this.detailList?.map(item => {
            this.xAxisArr.push(item.month)
+            this.xAxisArr = [...new Set(this.xAxisArr)]; // 去重
          })
-          this.xAxisArr[this.xAxisArr.length - 1] = '本月'
+          console.log(" this.xAxisArr", this.xAxisArr)
+          // this.xAxisArr[this.xAxisArr.length - 1] = '本月'
          await this.twoTabHanldeData()
-        } else if ([3, 4].includes(this.active)) {
-          let res = await getDriverStatisticsKpi({
+        }else if (this.active === 3) {
+          let res = await querySupplierDriverStatisticsScore({
            startTime: this.startTime ,
            endTime: this.endTime,
-            statisticsType: this.active === 3 ? 1 : 2,
+            statisticsType: 1,
+            supplierId: this.supplierId,
+            driverId: this.driverId,
+            driverName:this.driverName,
+            pageNum: this.pageNum,
+            pageSize: this.pageSize
+          })
+          this.total = res.total
+          this.detailList = res.data?.map(item => {
+            let formatVal = dayjs(item.statisticsDate).format('DD');
+            return {...item, date: formatVal};
+          });
+          this.labelList = [
+            {label: '师傅姓名', prop: 'driverName'},
+            {label: '服务商名称', prop: 'supplierName'},
+            {label: '案件总量', prop: 'orderCount'},
+            {label: '满意度得分  ', prop: 'driverSatisfaction'},
+          ]
+          this.loading = false;
+        }
+       /* else if ([4,5].includes(this.active)) {
+          let res = await getDriverStatisticsKpi({
+            startTime: this.startTime ,
+            endTime: this.endTime,
+            statisticsType:this.active === 4 ? 1 : 2,
            supplierId: this.supplierId,
            driverId: this.driverId,
            driverName:this.driverName,
            pageNum: this.pageNum,
            pageSize: this.pageSize
          })
-          // this.detailList = res.data
          this.total = res.total
          this.detailList = res.data?.map(item => {
            item.refuseOrderRate=this.formatPercentage(item.refuseOrderRate) ;
            item.timeoutOrderRate=this.formatPercentage(item.timeoutOrderRate) ;
            item.cancelRate=this.formatPercentage(item.cancelRate) ;
-            // item.urgeRate=this.formatPercentage(item.urgeRate) ;
            item.complainOrderRate=this.formatPercentage(item.complainOrderRate) ;
            item.customerEvaluateRate=this.formatPercentage(item.customerEvaluateRate) ;
            item.appRate=this.formatPercentage(item.appRate) ;
@ -935,12 +1114,14 @@ export default {
            return {...item, date: formatVal};
          });
          this.loading = false;
-          if(this.active===4 && !this.driverName){
+          if(this.active===5 && !this.driverName){
            this.detailList=[]
            this.total=0
          }
          await this.twoTabHanldeData();
-        } else if ([5, 6, 7, 8, 9].includes(this.active)) {
+        }*/
+        else if ([ 4,5,6, 7, 8].includes(this.active)) {
+
          this.detailList = []
          this.labelList = []
          let result = await getKpiDetailsData({
@ -953,11 +1134,11 @@ export default {
          });
          this.total = result.total
          this.detailList = result.data?.map(item => {
-            let formatVal = dayjs(item.createTime).format('DD');
+            let formatVal =item.createTime ? dayjs(item.createTime).format('DD') : '';
            return {...item, date: formatVal};
          });
          this.loading = false
-          if (this.active === 5) {//拒单明细
+          if (this.active === 4) {//拒单明细
            this.labelList = [
              {label: '案件编号', prop: 'orderCode'},
              {label: '服务内容', prop: 'serviceName'},
@ -968,7 +1149,7 @@ export default {
              {label: '中道派单时间', prop: 'dispatchTime'},
              {label: '拒绝原因', prop: 'reason'},
            ]
-          } else if (this.active === 6) {//超时明细
+          } else if (this.active === 5) {//超时明细
            this.labelList = [
              {label: '案件编号', prop: 'orderCode'},
              {label: '服务内容', prop: 'serviceName'},
@ -978,7 +1159,7 @@ export default {
              {label: '上游接单来源', prop: 'workSource'},
              {label: '中道派单时间', prop: 'dispatchTime'},
            ]
-          } else if (this.active === 7) {//投诉明细
+          } else if (this.active === 6) {//投诉明细
            this.labelList = [
              {label: '案件编号', prop: 'orderCode'},
              {label: '服务内容', prop: 'serviceName'},
@ -987,8 +1168,7 @@ export default {
              {label: '投诉时间', prop: 'complainCreateTime'},
              {label: '投诉类型', prop: 'complainTypeString'},
            ]
-          } else if (this.active === 8) {//不使用App案件明细
-            // console.log("不使用App案件明细")
+          } else if (this.active === 7) {//不使用App案件明细
            this.labelList = [
              {label: '案件编号', prop: 'orderCode'},
              {label: '服务内容', prop: 'serviceName'},
@ -996,7 +1176,7 @@ export default {
              {label: '工单创建时间', prop: 'orderCreateTime'},
              {label: '事发地', prop: 'vehiclePointAddress'},
            ]
-          } else if (this.active === 9) {//车辆在线情况
+          } else if (this.active === 8) {//车辆在线情况
            this.labelList = [
              {label: '日期', prop: 'date'},
              {label: '0点在线车辆数量', prop: 'zeroClockVehicleCount'},
@ -1005,7 +1185,6 @@ export default {
              {label: '16点在线车辆数量', prop: 'sixteenClockVehicleCount'},
              {label: '20点在线车辆数量', prop: 'twentyClockVehicleCount'},
              {label: '22点在线车辆数量', prop: 'twentyTwoClockVehicleCount'},
-
            ]
          }
        }
@ -1021,16 +1200,28 @@ export default {
        return result.toFixed(2) + '%';
      }
    },
-    checkMobile() {
-      const userAgent = navigator.userAgent || navigator.vendor || window.opera;
-      this.isMobile = /android|webos|iphone|ipad|ipod|blackberry|iemobile|opera mini/i.test(userAgent);
-    },
    // 初始化获取当月日期
    initDate() {
-      this.startTime = dayjs(new Date()).format('YYYY-MM') + '-01 00:00:00'
-      this.endTime = dayjs(new Date()).format('YYYY-MM') + '-' + this.getDayLen()+' 23:59:59'
+      let year=''
+      let month=''
+      if( this.current ) {
+        year = new Date(this.current).getFullYear();
+        month = new Date(this.current).getMonth() + 1;
+      } else {
+        /*year = new Date().getFullYear();
+        month = new Date().getMonth() + 1;*/
+        year = 2024
+        month = 12
+      }
+      let yearAndMonth = year + '-' + (month > 9 ? month : '0' + month);
+      this.current = dayjs(new Date(yearAndMonth)).format('YYYY-MM')
+      console.log("this.current",this.current)
+      /*this.startTime = dayjs(new Date()).format('YYYY-MM') + '-01 00:00:00'
+      this.endTime = dayjs(new Date()).format('YYYY-MM') + '-' + this.getDayLen()+' 23:59:59'*/
+      this.startTime = '2024-12-01 00:00:00'
+      this.endTime = '2024-12-31 23:59:59'
      this.startMonthTime=this.getStartTimeFromEndTime(this.endTime)
-      console.log(this.startTime,this.endTime,this.startMonthTime)
+      console.log(" this.startMonthTime", this.startMonthTime,this.startTime)
    },
    // 获取当月天数
    getDayLen() {
@ -1091,6 +1282,12 @@ export default {
            { 'month': '拒单量' },{ 'month': '拒单率(%)' },{ 'month': '超时接单量' },{ 'month': '超时率(%)' },{ 'month': '客户取消率(%)' }]
          let props = 'prop' //自定义字段名称
          this.detailList?.map((item,index) => {
+
+            item.dispatchOrderCount=this.formatCurrency1( item.dispatchOrderCount);
+            item.receiveOrderCount=this.formatCurrency1( item.receiveOrderCount);
+            item.finishOrderCount=this.formatCurrency1( item.finishOrderCount);
+            item.refuseOrderCount=this.formatCurrency1( item.refuseOrderCount);
+            item.timeoutOrderCount=this.formatCurrency1( item.timeoutOrderCount);
            this.v1.push(item.dispatchOrderCount)
            this.v2.push(item.refuseOrderRate.replace('%', ''))
            this.v3.push(item.timeoutOrderRate.replace('%', ''))
@ -1202,7 +1399,7 @@ export default {
            if (this.swithVal) {
              this.detailList?.map(item => {
                this.v3.push(item.trailArriving)
-                this.v4.push(item.trailPolymerizationSuccessArriving)
+                this.v4.push(item.trailPolymerizationSuccessArsriving)
                this.v5.push(item.trailFortyMinutesArrivalRate  ? item.trailFortyMinutesArrivalRate.replace('%', '') : item.trailFortyMinutesArrivalRate)
              })
            } else {
@ -1268,8 +1465,40 @@ export default {
            {label: '聚合成功到达时效(分)', prop: 'polymerizationSuccessArriving'},
          ]
        }
-      } else if (this.active === 3) {
+      }
+     /* else if(this.active === 3){
+
+      } */
+      else if (this.active === 4) {
        if (this.activeIndex === 0) {
+          this.labelList = [
+            {label: '师傅姓名', prop: 'driverName'},
+            {label: '总分', prop: 'score'},
+            {label: '案件总量', prop: 'orderCount'},
+            {label: '累计得分', prop: 'cumulativeScore'},
+            {label: '两分钟内接单得分', prop: 'twoMinutesAcceptScore'},
+            {label: '1分钟内联系客户得分', prop: 'oneMinutesContactCustomerScore'},
+            {label: '联系成功得分', prop: 'contactSuccessScore'},
+            {label: '准时到达B点得分', prop: 'arriveBScore'},
+            {label: '准时到达C点得分', prop: 'arriveCScore'},
+            {label: '服务成功得分', prop: 'serviceSuccessScore'},
+            {label: '必传照片上传得分', prop: 'uploadPhotoScore'},
+            {label: '审核一次通过得分', prop: 'auditScore'},
+            {label: '平安案件无评价扣分', prop: 'pinganNoCommentDeduct'},
+            {label: '案件差评扣分', prop: 'orderNegativeDeduct'},
+            {label: '催促扣分', prop: 'urgeDeduct'},
+            {label: '有责车损扣分', prop: 'responsibleDeduct'},
+            {label: '有责投诉（非态度类）扣分', prop: 'complaintNoAttitudeDeduct'},
+            {label: '有责投诉（态度类）扣分', prop: 'complaintAttitudeDeduct'},
+            {label: '拒单扣分', prop: 'rejectDeduct'},
+            {label: '超时扣分', prop: 'timeoutDeduct'},
+            {label: '聚合成功得分', prop: 'polymerizationSuccessScore'},
+            {label: '聚合失败扣分', prop: 'polymerizationFailDeduct'},
+            {label: '每月培训得分', prop: 'trainingScore'},
+            {label: '新手入列得分', prop: 'listedScore'},
+            {label: '星级评分', prop: 'starRank'},
+          ]
+        }if (this.activeIndex === 1) {
          this.labelList = [
            {label: '师傅姓名', prop: 'driverName'},
            {label: '承接案件量', prop: 'receiveOrderCount'},
@ -1278,7 +1507,7 @@ export default {
            {label: '超时接单量', prop: 'timeoutOrderCount'},
            {label: '超时率(%)', prop: 'timeoutOrderRate'},
          ]
-        } else if (this.activeIndex === 1) {
+        } else if (this.activeIndex === 2) {
          this.labelList = [
            {label: '师傅姓名', prop: 'driverName'},
            {label: '承接案件量', prop: 'receiveOrderCount'},
@ -1288,7 +1517,7 @@ export default {
            {label: '客户评价率(%)', prop: 'customerEvaluateRate'},
            {label: '催促率(%)', prop: 'urgeRate'},
          ]
-        } else if (this.activeIndex === 2) {
+        } else if (this.activeIndex === 3) {
          this.labelList = [
            {label: '师傅姓名', prop: 'driverName'},
            {label: '承接案件量', prop: 'receiveOrderCount'},
@ -1300,7 +1529,7 @@ export default {
            {label: '总聚合成功率(%)', prop: 'polymerizationSuccessRate'},
            {label: '日均在线时长(h)', prop: 'onlineDuration'},
          ]
-        } else if (this.activeIndex === 3) {
+        } else if (this.activeIndex === 4) {
          this.labelList = [
            {label: '师傅姓名', prop: 'driverName'},
            {label: '接单时效(分)', prop: 'receiving'},
@ -1310,7 +1539,7 @@ export default {
            {label: '聚合成功到达时效(分)', prop: 'polymerizationSuccessArriving'},
          ]
        }
-      } else if (this.active === 4) {
+      } else if (this.active === 5) {
        if (this.activeIndex === 0) {//接单指标
          this.labelList = [
            {label: '日', prop: 'date'},
@ -1359,17 +1588,21 @@ export default {
        }
      }
    },
+    checkMobile() {
+      const userAgent = navigator.userAgent || navigator.vendor || window.opera;
+      this.isMobile = /android|webos|iphone|ipad|ipod|blackberry|iemobile|opera mini/i.test(userAgent);
+    },
    setType(type) {
      switch (type) {
-        case 5:
+        case 4:
          return 1;
-        case 6:
+        case 5:
          return 2;
-        case 7:
+        case 6:
          return 3;
-        case 8:
+        case 7:
          return 4;
-        case 9:
+        case 8:
          return 5;
      }
    },
@ -1436,19 +1669,6 @@ export default {
    display: flex;
    align-items: center;
    position: relative;
-
-    .month {
-      display: inline-block;
-      width: 45px;
-      height: 30px;
-      line-height: 30px;
-      text-align: center;
-      border-radius: 20px 0px 0px 20px;
-      border: 1px solid #4C81F5;
-      font-size: 14px;
-      color: #FFFFFF;
-    }
-
    .el-icon-search {
      font-size: 15px;
      color: #4C81F5;
@ -1530,12 +1750,6 @@ export default {
        display: flex;
        justify-content:center;
      }
-
-     /* .defen{
-        display: inline-block;
-        //width: 92px;
-        //text-align: right;
-      }*/
      .left{
        text-align: right;
        padding-right: 5px;
@ -1588,7 +1802,24 @@ export default {
      margin-bottom: 0 !important;
    }
  }
+  .allDataChartWrap{
+  /*  width: 375px;
+    height: 220px;*/
+    @include whBg(375px, 200px, #FFFFFF);

+  }
+  .allDataChart{
+    width: 100%;
+    height: 100%;
+  }
+  .webComAllData{
+    width: 420px;
+    height: 200px;
+    /*width: 375px;
+    height: 146px;*/
+    float: left;
+    margin: 10px;
+  }
  .webCom {
    @include whBg(420px, 200px, #FFFFFF);
    float: left;
@ -1694,12 +1925,15 @@ export default {
  ::v-deep .el-input__inner{
    height: 30px;
  }
+  ::v-deep .el-input__suffix {
+    top: 4px; /* 给清除按钮预留空间 */
+  }
+
 }
 .comTab {
  width: 100%;
  height: 95%;
 }
-
 ::v-deep .el-table {
  height: 100%;
 }
@ -1707,7 +1941,11 @@ export default {
 ::v-deep .el-table--scrollable-x .el-table__body-wrapper {
  height: 95% !important;
 }
-
+.comTabActive3 ::v-deep .el-table--scrollable-x .el-table__body-wrapper{
+  width: 100%;
+  //height: 90%;
+  //height: 84% !important;
+}
 .chartWrapWeb, .webTab {
  height: calc(100% - 200px);
  width: 100%;
@ -1775,4 +2013,47 @@ export default {
 ::v-deep .el-switch__label * {
  font-size: 12px;
 }
+/* 自定义样式 */
+.custom-date-picker ::v-deep .el-input__prefix{
+  display: none;
+}
+.month {
+  display: inline-block;
+  width: 75px;
+  //height: 30px;
+  //line-height: 30px;
+  text-align: center;
+  border-radius: 20px 0px 0px 20px;
+  //border-radius: 0px 20px 20px 0px;
+  //border: 1px solid #4C81F5;
+  font-size: 14px;
+  color: #FFFFFF;
+  ::v-deep .el-input--suffix .el-input__inner{
+
+  }
+  ::v-deep .el-input__inner{
+    padding-left: 0 !important;
+    padding-right: 0 !important;
+    border-radius: 20px 0px 0px 20px !important;
+    text-align: center !important;
+    font-size: 14px  !important;
+    color: #FFFFFF !important;
+    border: 1px solid #4C81F5 !important;
+    background-color: transparent !important;
+  }
+  /* 自定义清除按钮样式 */
+  .custom-date-picker ::v-deep .el-input__suffix {
+    right: 0 !important;
+    padding-right: 10px !important;
+  }
+
+  .custom-date-picker ::v-deep .el-input__suffix-inner {
+    display: flex;
+    align-items: center;
+  }
+
+  .custom-date-picker ::v-deep .el-input__icon {
+    line-height: 1 !important;
+  }
+}
 </style>
--- a/src/views/newcomerTraining/driverTrainingList.vue
+++ b/src/views/newcomerTraining/driverTrainingList.vue
@ -0,0 +1,308 @@
+<template>
+  <div class="wrap" :style="{ 'overflow-y': showPoup ? 'hidden' : 'auto' }">
+    <div class="navBar">
+      <van-nav-bar title="师傅培训"  :border="false" :fixed="true" :safe-area-inset-top="true">
+        <template slot="left" v-if="isFinished">
+         <van-icon  name="checked" color="#37ec37" size="20"/>
+        </template>
+      </van-nav-bar>
+    </div>
+    <div class="contentWrap" v-show="!showEmpty">
+      <van-pull-refresh v-model="isLoading" @refresh="onRefresh"  style="min-height:85vh">
+        <div class="itemWrap" v-for="(item,index) in  pageList" :key="index" @click="goH5Detail(item,'培训文档')">
+          <div class="info flexBetween common">
+            <div class="title">{{ item.name }}</div>
+<!--            <div class="time">{{ item.pushTime }}</div>-->
+          </div>
+          <div class="imgWrap"><img :src="item.themePicture"></div>
+          <div class="num common">{{ item.synopsis }}</div>
+          <div  class="info flexBetween common">
+            <div class="time">{{ item.pushTime		 }}</div>
+            <template v-if="item.alreadyRead === 1">
+              <div class="status"  style="color: #cccccc">已处理</div>
+            </template>
+            <template v-else>
+              <div class="status" >未处理</div>
+            </template>
+          </div>
+        </div>
+      </van-pull-refresh>
+    </div>
+    <div class="empty" v-show="showEmpty">
+      <img src="@/assets/empty.png" />
+    </div>
+    <div  class="poupCommon" v-if="showPoup">
+      <div class="container showPoupContainer">
+        <div class="con">
+          <div class="title">培训提醒</div>
+          <div class="content">欢迎使用中道司机APP。请您先完成培训，阅读文章，并问答相应问题。完成后即可正常使用APP。祝您使用愉快!</div>
+          <div class="line"></div>
+          <div class="btnWrap">
+            <div class="nextBtn" @click="showPoup = false">确定</div>
+          </div>
+        </div>
+      </div>
+    </div>
+    <div  class="poupCommon" v-if="isFinished">
+      <div class="container finishContainer">
+        <div class="con">
+          <div class="title">提示</div>
+          <div class="content">恭喜您，您已经全部完成培训！现在您可以正常使用我们的app，请前往体验。</div>
+          <div class="line"></div>
+          <div class="btnWrap">
+            <div class="nextBtn" @click="goApp">前往</div>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+import {myMixins} from "@/utils/myMixins"
+import {driverTrainList} from  "@/api/mine"
+export default {
+  name: "driverTrainingList",
+  computed: {
+  },
+  mixins:[myMixins],
+  data(){
+    return{
+      pageList:[],
+      show:false,
+      showEmpty:false,
+      isLoading:false,
+      showPoup:true,//进入弹框
+      isFinished:false,
+      driverId:'',
+    }
+  },
+  mounted() {
+    const urlParams = new URLSearchParams(window.location.search);
+    this.driverId = urlParams.get('driverId');
+    this.getList();
+    document.addEventListener('visibilitychange', async (  ) => {
+      let state = document.visibilityState
+      if (state == 'hidden') {  // 用户离开了
+      }
+      if (state == 'visible') {
+        this.getList();
+      }
+    });
+  },
+  methods:{
+    onRefresh() {
+      this.getList()
+      setTimeout(() => {
+        this.$toast('刷新成功');
+        this.isLoading = false;
+      }, 1000);
+    },
+
+    async getList(){
+      let res= await driverTrainList({
+        driverId:this.driverId,//79639
+      })
+      this.pageList=res.data?.list;
+      if(res.data.assessState == 0){
+        this.isFinished=false
+      }else {
+        this.isFinished=true //是否完成
+      }
+      if(this.pageList?.length === 0){
+        this.showEmpty  = true
+      }else {
+        this.showEmpty = false
+      }
+    },
+    goApp(){
+      let data = {"action":"goBack","params":""}
+      var u = navigator.userAgent;
+      var isiOS = !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/);
+      if(isiOS){
+        window.webkit.messageHandlers.nativeObject.postMessage(data);
+      }else {
+        window.android.sendMessage("goBack");
+      }
+    },
+  }
+}
+</script>
+<style scoped lang="scss">
+@import "@/styles/common.scss";
+@import "@/styles/mixin.scss";
+@import "@/styles/docment.scss";
+@import "@/styles/driverDocment.scss";
+.contentWrap{
+  height: calc(100% - 50px) !important;
+}
+.status{
+  color: red;
+  font-size: 14px;
+  margin-right: 8px;
+  text-align: right
+}
+.wrap{
+  position: relative;
+  overflow-y: hidden;
+}
+.poupCommon{
+    width: 100%;
+    height: 100%;
+    background-color: rgba(0,0,0,.7);
+    position: absolute;
+    top: 0;
+    left: 0;
+    .showPoupContainer{
+      height: 310px;
+      background-size: 320px 310px;
+      .content{
+        margin-bottom: 20px;
+      }
+      .btnWrap{
+        margin-top: 6px;
+      }
+    }
+    .finishContainer{
+      height: 260px;
+      background-size: 320px 260px;
+      .con{
+        top: 80px !important;
+      }
+    }
+    .container{
+      width: 320px;
+      background-image: url("@/assets/trainBg.png");
+      background-repeat: no-repeat;
+      position: absolute;
+      top: 0;
+      bottom: 0;
+      left: 0;
+      right: 0;
+      margin: auto;
+      .con{
+        position: absolute;
+        top: 100px;
+        left: 20px;
+      }
+
+    }
+    .title{
+      font-weight: bold;
+      font-size: 19px;
+      color: #3364B7;
+      line-height: 26px;
+      width: 70%;
+      margin-left: 35px;
+      text-align: center;
+    }
+    .content{
+      width: 70%;
+      height: 92px;
+      font-size: 14px;
+      color: #4C5361;
+      line-height: 23px;
+      text-align: justify;
+      margin-top: 8px;
+      margin-left: 35px;
+    }
+    .line{
+      width: 285px;
+      height: 1px;
+      border-bottom: 1px solid #F1F2F5;
+    }
+    .btnWrap{
+      width: 92%;
+      font-weight: bold;
+      font-size: 13px;
+      display: flex;
+      justify-content: space-around;
+      height: 40px;
+      line-height: 40px;
+      .closeBtn{
+        color: #999B9F;
+      }
+      .line{
+        width: 1px;
+        height: 48px;
+        border-right: 1px solid #F1F2F5;
+      }
+      .nextBtn{
+        color: #3364B7;
+      }
+    }
+}
+//.poupWrap{
+//  width: 100%;
+//  height: 100%;
+//  background-color: rgba(0,0,0,.7);
+//  position: absolute;
+//  top: 0;
+//  left: 0;
+//  .container{
+//    width: 320px;
+//    height: 310px;
+//    background-image: url("@/assets/trainBg.png");
+//    background-size: 320px 310px;
+//    background-repeat: no-repeat;
+//    position: absolute;
+//    top: 0;
+//    bottom: 0;
+//    left: 0;
+//    right: 0;
+//    margin: auto;
+//    .con{
+//      position: absolute;
+//      top: 100px;
+//      left: 20px;
+//    }
+//
+//  }
+//  .title{
+//    font-weight: bold;
+//    font-size: 19px;
+//    color: #3364B7;
+//    line-height: 26px;
+//    width: 70%;
+//    margin-left: 35px;
+//    text-align: center;
+//  }
+//  .content{
+//    width: 70%;
+//    height: 92px;
+//    font-size: 14px;
+//    color: #4C5361;
+//    line-height: 23px;
+//    text-align: justify;
+//    margin-top: 8px;
+//    margin-bottom: 20px;
+//    margin-left: 35px;
+//  }
+//  .line{
+//    width: 285px;
+//    height: 1px;
+//    border-bottom: 1px solid #F1F2F5;
+//  }
+//  .btnWrap{
+//    width: 92%;
+//    font-weight: bold;
+//    font-size: 13px;
+//    display: flex;
+//    justify-content: space-around;
+//    margin-top: 6px;
+//    height: 40px;
+//    line-height: 40px;
+//    .closeBtn{
+//      color: #999B9F;
+//    }
+//    .line{
+//      width: 1px;
+//      height: 48px;
+//      border-right: 1px solid #F1F2F5;
+//    }
+//    .nextBtn{
+//      color: #3364B7;
+//    }
+//  }
+//}
+</style>
--- a/src/views/newcomerTraining/newTrainingList.vue
+++ b/src/views/newcomerTraining/newTrainingList.vue
@ -1,7 +1,7 @@
 <template>
  <div class="wrap" :style="{ 'overflow-y': showPoup ? 'hidden' : 'auto' }">
    <div class="navBar">
-      <van-nav-bar title="新人培训"  :border="false" :fixed="true" :safe-area-inset-top="true">
+      <van-nav-bar title="培训"  :border="false" :fixed="true" :safe-area-inset-top="true">
        <template slot="left" v-if="isFinished">
         <van-icon  name="checked" color="#37ec37" size="20"/>
        </template>
@ -9,19 +9,23 @@
    </div>
    <div class="contentWrap" v-show="!showEmpty">
      <van-pull-refresh v-model="isLoading" @refresh="onRefresh"  style="min-height:85vh">
-        <div class="itemWrap" v-for="(item,index) in  pageList" :key="index" @click="goH5Detail(item)">
+        <div class="itemWrap" v-for="(item,index) in  pageList" :key="index" @click="goH5Detail(item,'培训文档')">
          <div class="info flexBetween common">
-            <div class="title">{{ item.pushUser }}</div>
-            <div class="time">{{ item.pushTime }}</div>
+            <div class="title">{{ item.name }}</div>
+<!--            <div class="time">{{ item.updateTime }}</div>-->
          </div>
          <div class="imgWrap"><img :src="item.themePicture"></div>
          <div class="num common">{{ item.synopsis }}</div>
-          <template v-if="item.listShowButton == null">
+          <div  class="info flexBetween common" >
+            <div class="time">{{ item.pushTime		 }}</div>
+            <span style="color: red;font-size: 14px;margin-right: 8px" :class="item.alreadyRead===1 ? 'alRead' : ''">{{ item.alreadyRead===1 ? '已处理' :  '未处理' }}</span>
+          </div>
+<!--          <template v-if="item.alreadyRead === 1">
            <div class="status"  style="color: #cccccc">已处理</div>
          </template>
          <template v-else>
            <div class="status" >未处理</div>
-          </template>
+          </template>-->
        </div>
      </van-pull-refresh>
    </div>
@ -38,7 +42,6 @@
            <div class="nextBtn" @click="showPoup = false">确定</div>
          </div>
        </div>
-
      </div>
    </div>
    <div  class="poupCommon" v-if="isFinished">
@ -51,17 +54,14 @@
            <div class="nextBtn" @click="goApp">前往</div>
          </div>
        </div>
-
      </div>
    </div>
  </div>
 </template>

 <script>
-// import { Dialog  } from 'vant';
 import {myMixins} from "@/utils/myMixins"
 import {pageList} from  "@/api/mine"
-
 export default {
  name: "newTrainingList",
  computed: {
@ -78,16 +78,26 @@ export default {
      isLoading:false,
      showPoup:true,//进入弹框
      isFinished:false,
-      // showPoup:false,//进入弹框
-      // isFinished:true,
    }
  },
  mounted() {
    // this.onRefresh();
    this.getList();

+    document.addEventListener('visibilitychange', async (  ) => {
+      let state = document.visibilityState
+      if (state == 'hidden') {  // 用户离开了
+        // console.log('用户离开了')
+      }
+      if (state == 'visible') {
+        // console.log('用户回来了')
+        this.getList();
+        //调用接口,获取订单状态
+      }
+    });
  },
  created() {
+    console.log("createdcreatedcreated")
    // this.getList();
    // 每次回答完问题之后返回需重新加结果

@ -111,16 +121,14 @@ export default {
        docType:1,
        trainingType:4,
      })
-      this.pageList=res.data;
-      let aaa=this.pageList.every(item=>item.listShowButton != 1)
-      if(aaa){
-        this.showPoup=false
-        this.isFinished=true
-        // await this.allProcessed()
+      this.pageList=res.data?.list || [];
+      if(res.data.assessState == 0){
+        this.isFinished=false
+      }else {
+        this.isFinished=true //是否完成
      }
-      if(res.data.length === 0){
+      if(this.pageList?.length == 0){
        this.showEmpty  = true
-
      }else {
        this.showEmpty = false
      }
@ -139,28 +147,6 @@ export default {
        window.android.sendMessage("goBack");
      }
    },
-    /*allProcessed(){
-      Dialog.confirm({
-        title: '提示',
-        message: '恭喜您，您已经全部完成培训！现在您可以正常使用我们的app，请前往体验。',
-        confirmButtonText: '前往',
-        cancelButtonText: '稍后'
-      })
-          .then(() => {
-            let data = {"action":"goBack","params":""}
-            var u = navigator.userAgent;
-            var isiOS = !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/);
-            if(isiOS){
-              window.webkit.messageHandlers.nativeObject.postMessage(data);
-            }else {
-              window.android.sendMessage("goBack");
-            }
-          })
-          .catch(() => {
-            // on cancel
-          });
-      console.log("全部处理")
-    },*/
  }
 }
 </script>
@ -168,6 +154,10 @@ export default {
@import "@/styles/common.scss";
@import "@/styles/mixin.scss";
@import "@/styles/docment.scss";
+.contentWrap{
+  height: calc(100% - 50px) !important;
+}
+
 .status{
  color: red;
  font-size: 14px;
@ -264,77 +254,8 @@ export default {
      }
    }
 }
-//.poupWrap{
-//  width: 100%;
-//  height: 100%;
-//  background-color: rgba(0,0,0,.7);
-//  position: absolute;
-//  top: 0;
-//  left: 0;
-//  .container{
-//    width: 320px;
-//    height: 310px;
-//    background-image: url("@/assets/trainBg.png");
-//    background-size: 320px 310px;
-//    background-repeat: no-repeat;
-//    position: absolute;
-//    top: 0;
-//    bottom: 0;
-//    left: 0;
-//    right: 0;
-//    margin: auto;
-//    .con{
-//      position: absolute;
-//      top: 100px;
-//      left: 20px;
-//    }
-//
-//  }
-//  .title{
-//    font-weight: bold;
-//    font-size: 19px;
-//    color: #3364B7;
-//    line-height: 26px;
-//    width: 70%;
-//    margin-left: 35px;
-//    text-align: center;
-//  }
-//  .content{
-//    width: 70%;
-//    height: 92px;
-//    font-size: 14px;
-//    color: #4C5361;
-//    line-height: 23px;
-//    text-align: justify;
-//    margin-top: 8px;
-//    margin-bottom: 20px;
-//    margin-left: 35px;
-//  }
-//  .line{
-//    width: 285px;
-//    height: 1px;
-//    border-bottom: 1px solid #F1F2F5;
-//  }
-//  .btnWrap{
-//    width: 92%;
-//    font-weight: bold;
-//    font-size: 13px;
-//    display: flex;
-//    justify-content: space-around;
-//    margin-top: 6px;
-//    height: 40px;
-//    line-height: 40px;
-//    .closeBtn{
-//      color: #999B9F;
-//    }
-//    .line{
-//      width: 1px;
-//      height: 48px;
-//      border-right: 1px solid #F1F2F5;
-//    }
-//    .nextBtn{
-//      color: #3364B7;
-//    }
-//  }
-//}
+.alRead{
+  color: #cccccc !important;
+}
+
 </style>
--- a/src/views/workOrder/accounting.vue
+++ b/src/views/workOrder/accounting.vue
@ -46,7 +46,18 @@
      </div>
      <div class="item">
        <span class="titleLeft">扣除责任险费：</span>
-      <span class="content">{{orderInfo.policyAmount}} {{orderInfo.cutInsuranceAmount==1 ? '是' : (orderInfo.cutInsuranceAmount==0 ? '否' : ' ')}}</span>
+        <span
+            class="content">{{ orderInfo.policyAmount }}</span>
+      </div>
+      <div class="item">
+        <span class="titleLeft">车衣费用：</span>
+        <span
+            class="content">{{ orderInfo.carClothingToolAmount }}</span>
+      </div>
+      <div class="item">
+        <span class="titleLeft">换电瓶费用：</span>
+        <span
+            class="content">{{ orderInfo.replaceBatteryAmount }}</span>
      </div>
      <div class="item">
        <span class="leftTitle fontColor">工单照片:</span>
@ -62,59 +73,66 @@
        <div class="titleContent">
          <div class="flex-between" v-show="abState">
            <div> 到事发地距离:</div>
-          <div  class="halfOpcity"><input type="number" v-model="form.supplierSettleMileageAb"/>公里</div>
+            <div class="halfOpcity"><input @input="validateIntegerInput"  class="ipt"  type="number" v-model="form.supplierSettleMileageAb"/>公里</div>
          </div>
          <div class="flex-between" v-show="bcState">
            <div> 拖车里程:</div>
-            <div class="halfOpcity"><input type="number" v-model="form.supplierSettleMileageBc"/>公里</div>
+            <div class="halfOpcity"><input class="ipt"    type="number" v-model="form.supplierSettleMileageBc"/>公里</div>
          </div>
          <div class="flex-between" v-show="caState">
            <div>返程里程:</div>
-          <div class="halfOpcity"><input type="number" v-model="form.supplierSettleMileageCa"/>公里</div>
+            <div class="halfOpcity"><input  class="ipt"   type="number" v-model="form.supplierSettleMileageCa"/>公里</div>
          </div>
          <div class="flex-between" v-show="bridgeAbState">
            <div>ab路桥费:</div>
-             <div  class="halfOpcity"><input type="number" v-model="form.supplierBridgeAmountAb"/>元</div>
+            <div class="halfOpcity"><input class="ipt"  @input="validateIntegerInput" :disabled="isUnsuccessfulSettle"  type="number" v-model="form.supplierBridgeAmountAb"/>元</div>
          </div>
          <div class="flex-between" v-show="bridgeBcState">
            <div>bc路桥费:</div>
-            <div class="halfOpcity"><input type="number"  v-model="form.supplierBridgeAmountBc"/>元</div>
+            <div class="halfOpcity"><input class="ipt"  @input="validateIntegerInput" :disabled="isUnsuccessfulSettle"  type="number" v-model="form.supplierBridgeAmountBc"/>元</div>
          </div>
          <div class="flex-between" v-show="bridgeCaState">
            <div>ca路桥费:</div>
-            <div  class="halfOpcity"><input type="number" v-model="form.supplierBridgeAmountCa"/>元</div>
+            <div class="halfOpcity"><input class="ipt"  @input="validateIntegerInput" :disabled="isUnsuccessfulSettle" type="number" v-model="form.supplierBridgeAmountCa"/>元</div>
          </div>
          <div class="flex-between" v-show="waitAmountState">
            <div>等候费:</div>
-          <div class="halfOpcity inputContent"><input type="number" v-model="form.supplierWaitAmount"/>元</div>
+            <div class="halfOpcity inputContent"><input class="ipt"  @input="validateIntegerInput"   type="number" v-model="form.supplierWaitAmount"/>元</div>
+          </div>
+          <div class="flex-between" v-show="tyreAmountState">
+            <div>小轮个数:</div>
+            <div class="halfOpcity inputContent"><input class="ipt"  @input="validateIntegerInput" :disabled="isUnsuccessfulSettle"   type="number" v-model="form.tyreNumber"/>个</div>
          </div>
          <div class="flex-between" v-show="tyreAmountState">
            <div>小轮费:</div>
-          <div class="halfOpcity inputContent"><input type="number" v-model="form.supplierTyreAmount"/>元</div>
+            <div class="halfOpcity inputContent"><input @input="validateIntegerInput"  disabled  type="number" v-model="form.supplierTyreAmount"/>元</div>
          </div>
          <div class="flex-between" v-show="dilemmaAmountState && basePriceDisabled">
            <div>困境费:</div>
-          <div class="halfOpcity inputContent"><input type="number" v-model="form.supplierDilemmaAmount"/>元</div>
+            <div class="halfOpcity inputContent"><input class="ipt"  @input="validateIntegerInput"   type="number" v-model="form.supplierDilemmaAmount"/>元</div>
          </div>
          <div class="flex-between" v-show="basementFeeState">
            <div>地库费:</div>
-          <div class="halfOpcity inputContent"><input type="number" v-model="form.supplierBasementFee"/>元</div>
+            <div class="halfOpcity inputContent"><input @input="validateIntegerInput"  class="ipt"  type="number" v-model="form.supplierBasementFee" :disabled="!isBasementSettle || isUnsuccessfulSettle" />元</div>
          </div>
          <div class="flex-between">
            <div>收取客户金额:</div>
-            <div class="halfOpcity inputContent"><input type="number" v-model="form.supplierCustomerAmount"/>元</div>
+            <div class="halfOpcity inputContent"><input type="number" class="ipt"  v-model="form.supplierCustomerAmount"/>元</div>
          </div>
          <div class="flex-between bgDisable" :class=" { 'flex-between': true, 'bgDisable' : basePriceDisabled } ">
            <div>基本费用:</div>
-          <div class="halfOpcity inputContent "  ><input  class="disable" type="number" :readonly="basePriceDisabled" v-model="form.supplierBasePrice"/><span >元</span></div>
+            <div class="halfOpcity inputContent "><input class="disable" type="number" :readonly="basePriceDisabled || isBasementSettle"
+                                                         v-model="form.supplierBasePrice"/><span>元</span></div>
          </div>
          <div class="flex-between bgDisable">
            <div>额外费用总计:</div>
-          <div class="halfOpcity inputContent " ><input class="disable" type="number"  :readonly="true" v-model="form.supplierExtraPrice"/><span>元</span></div>
+            <div class="halfOpcity inputContent "><input class="disable" type="number" :readonly="true"
+                                                         v-model="form.supplierExtraPrice"/><span>元</span></div>
          </div>
          <div class="flex-between bgDisable ">
            <div>费用总计:</div>
-          <div class="halfOpcity inputContent " ><input class="disable" type="number" :readonly="true" v-model="form.supplierSettleAmount"/><span >元</span></div>
+            <div class="halfOpcity inputContent "><input class="disable" type="number" :readonly="true"
+                                                         v-model="form.supplierSettleAmount"/><span>元</span></div>
          </div>
          <div class="flex-between">
            <div> &nbsp;</div>
@ -127,7 +145,9 @@
      <!--    <two-common-btn class="btn" @cancelClick="cancelBtn" @submitClick="save" />-->
      <div class="btn">
        <button class="cancel" @click="noMultipleClicks(cancelBtn )">取消</button>
-      <button v-if="orderInfo.checkCount < 3" :class="{'submit' : true,'loading' : loading}" @click="noMultipleClicks(save)" >提交</button>
+        <button v-if="orderInfo.checkCount < 3" :class="{'submit' : true,'loading' : loading}"
+                @click="noMultipleClicks(save)">提交
+        </button>
      </div>

    </div>
@ -139,51 +159,54 @@
        </tr>
        <tr v-show="abState">
          <td class="col1">到事发地距离:{{ orderInfo.settleMileageAb + '公里' }}</td>
-        <td  class="col2 halfOpc"><input placeholder="输入到事发地距离"  v-model="form.supplierSettleMileageAb"/></td>
+          <td class="col2 halfOpc"><input  @input="validateIntegerInput"   placeholder="输入到事发地距离" v-model="form.supplierSettleMileageAb"/></td>
        </tr>
        <tr v-show="bcState">
          <td class="col1">拖车里程:{{ orderInfo.settleMileageBc + '公里' }}</td>
-        <td  class="col2 halfOpc"><input placeholder="输入拖车公里"  v-model="form.supplierSettleMileageBc"/></td>
+          <td class="col2 halfOpc"><input  @input="validateIntegerInput"   placeholder="输入拖车公里" v-model="form.supplierSettleMileageBc"/></td>
        </tr>
        <tr v-show="caState">
          <td class="col1">返程里程:{{ orderInfo.settleMileageCa + '公里' }}</td>
-        <td  class="col2 halfOpc"><input placeholder="输入返程里程"  v-model="form.supplierSettleMileageCa"/></td>
+          <td class="col2 halfOpc"><input  @input="validateIntegerInput"   placeholder="输入返程里程" v-model="form.supplierSettleMileageCa"/></td>
        </tr>
        <tr v-show="bridgeAbState">
          <td class="col1">ab路桥费:{{ orderInfo.bridgeAmountAb + '元' }}</td>
-        <td  class="col2 halfOpc"><input placeholder="输入ab路桥费"  v-model="form.supplierBridgeAmountAb"/></td>
+          <td class="col2 halfOpc"><input  @input="validateIntegerInput"   placeholder="输入ab路桥费" v-model="form.supplierBridgeAmountAb"/></td>
        </tr>
        <tr v-show="bridgeBcState">
          <td class="col1">bc路桥费:{{ orderInfo.bridgeAmountBc + '元' }}</td>
-        <td  class="col2 halfOpc"><input placeholder="输入bc路桥费"  v-model="form.supplierBridgeAmountBc"/></td>
+          <td class="col2 halfOpc"><input     @input="validateIntegerInput"   placeholder="输入bc路桥费" v-model="form.supplierBridgeAmountBc"/></td>
        </tr>
        <tr v-show="bridgeCaState">
          <td class="col1">ca路桥费:{{ orderInfo.bridgeAmountCa + '元' }}</td>
-        <td  class="col2 halfOpc"><input placeholder="输入ca路桥费"  v-model="form.supplierBridgeAmountCa"/></td>
+          <td class="col2 halfOpc"><input  @input="validateIntegerInput"   placeholder="输入ca路桥费" v-model="form.supplierBridgeAmountCa"/></td>
        </tr>
        <tr v-show="tyreAmountState">
          <td class="col1">小轮费:{{ orderInfo.bridgeAmount + '元' }}</td>
-        <td  class="col2 halfOpc"><input placeholder="输入小轮费" v-model="form.supplierTyreAmount"/></td>
+          <td class="col2 halfOpc"><input  @input="validateIntegerInput"   placeholder="输入小轮费" v-model="form.supplierTyreAmount"/></td>
        </tr>
        <tr v-show="dilemmaAmountState && basePriceDisabled">
          <td class="col1">困境费:{{ orderInfo.dilemmaAmount + '元' }}</td>
-        <td  class="col2 halfOpc"><input placeholder="输入困境费" v-model="form.supplierDilemmaAmount"/></td>
+          <td class="col2 halfOpc"><input  @input="validateIntegerInput"   placeholder="输入困境费" v-model="form.supplierDilemmaAmount"/></td>
        </tr>
        <tr v-show="waitAmountState">
          <td class="col1">等候费:{{ orderInfo.waitAmount + '元' }}</td>
-        <td  class="col2 halfOpc"><input placeholder="输入等候费" v-model="form.supplierWaitAmount"/></td>
+          <td class="col2 halfOpc"><input  @input="validateIntegerInput"   placeholder="输入等候费" v-model="form.supplierWaitAmount"/></td>
        </tr>
        <tr v-show="basementFeeState">
          <td class="col1">地库费:{{ orderInfo.basementFee + '元' }}</td>
-        <td  class="col2 halfOpc"><input placeholder="输入地库费" v-model="form.supplierBasementFee"/></td>
+          <td class="col2 halfOpc"><input  @input="validateIntegerInput"   placeholder="输入地库费" v-model="form.supplierBasementFee"/></td>
        </tr>
        <tr>
          <td class="col1">基本费用:{{ orderInfo.basePrice + '元' }}</td>
-        <td  class="col2 halfOpc"  :style="{ opacity: basePriceDisabled ? '1' : '0.5' }"><input   :class="basePriceDisabled ? 'supplierdisable' : ''" :readonly="basePriceDisabled" v-model="form.supplierBasePrice"/></td>
+          <td class="col2 halfOpc" :style="{ opacity: basePriceDisabled ? '1' : '0.5' }"><input
+              :class="basePriceDisabled ? 'supplierdisable' : ''" :readonly="basePriceDisabled"
+              v-model="form.supplierBasePrice"/></td>
        </tr>
        <tr>
          <td class="col1">额外费用总计:{{ orderInfo.extraPrice + '元' }}</td>
-        <td  class="col2 halfOpc" style="opacity: 1;"><input  class="supplierdisable"  :readonly="true" v-model="form.supplierExtraPrice"/></td>
+          <td class="col2 halfOpc" style="opacity: 1;"><input class="supplierdisable" :readonly="true"
+                                                              v-model="form.supplierExtraPrice"/></td>
        </tr>
        <tr>
          <td class="col1">收取客户:{{ orderInfo.customerAmount + '元' }}</td>
@ -201,7 +224,8 @@
            <div class="title col1" style="white-space: nowrap;">审核失败原因</div>
            <div class="reason">{{ orderInfo.auditRemark }}</div>
            <div v-show="orderInfo.auditPhoto" style="display: flex;flex-wrap: wrap">
-            <van-image class="camerImg" 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)"/>
            </div>
          </td>
          <td class="col2 alignLeft" style="border-bottom-right-radius: 3px">
@ -209,7 +233,8 @@
            <div class="title" style="margin-bottom: 8px"> 本次补充说明:</div>
            <div style="display: flex;margin-bottom: 5px">
              <!--          @click="delSupplierPhoto(item)  -->
-            <img v-for="(item,index) in supplierPhotoList"  :key="index" class="supplierImg" :src="item.url" @click="viewHandle(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,8 +251,12 @@
    </div>
    <van-dialog v-model="show" title="确定删除此照片吗" show-cancel-button @confirm="handleConfirm"></van-dialog>
    <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>
+      <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>
    </div>
  </div>
 </template>
@ -242,6 +271,7 @@ import {
 } from "@/api/mine"
 import {ImagePreview} from "vant";
 import {orderReportingList} from "@/api/order";
+
 export default {
  name: "accountingView",
  mixins: [myMixins],
@ -350,7 +380,13 @@ export default {
        exceptionApprovalStatus: '',
        exceptionApprovalRemark: '',
        auditSuccessRemark: '',
-        accountStatus: ''
+        accountStatus: '',
+        carClothingToolAmount: '',
+        replaceBatteryAmount: '',
+        supplierSettleRatio:{},
+        contractSettleTypeString:'',
+        tyreNumber:'',
+        taskStatus:{},
      },
      noClick: true,
      loading: false,
@ -374,15 +410,28 @@ export default {
      return !(this.serviceType == '困境救援' || this.serviceType == '困境-吊车' || this.serviceType == '困境救援-事故' || this.serviceType == '困境救援-故障'
          || (this.fixedPrice && parseFloat(this.fixedPrice) > 0 && this.fixedPriceType) || this.supplierId == 500921)
    },
+    isBasementSettle(){
+      return (this.form?.supplierSettleRatio?.code == 5)
+    },
    //保险实拖案件，剔除人保和太平事故
    isCPICDrag() {
-      return this.settleType == '实拖' &&  !['PICC10101','PICCSHANGQI','PICC101099','SAIPCC2021',''].includes(this.appCode)
+      return this.settleType == '实拖' && this.orderInfo?.contractType == 1 && !['PICC10101', 'PICCSHANGQI', 'PICC101099', 'SAIPCC2021', ''].includes(this.appCode) && !(this.appCode.indexOf("TAIPING") != -1 && this.orderInfo?.malfunctionReason == 2)
    },
    isBasement() {
-      return this.serviceType == '困境救援' || this.serviceType == '困境-吊车' || this.serviceType == '困境救援-事故' || this.serviceType == '困境救援-故障'
+      return this.serviceType == '困境救援' ||this.serviceType == '困境拖车'|| this.serviceType == '困境-吊车' || this.serviceType == '困境救援-事故' || this.serviceType == '困境救援-故障'||this.serviceType =='困境救援（非事故）'||this.serviceType =='困境-吊车（非事故）'
+ },
+    //取消案件和结算比例为按服务不成功结算的案件都不能在后台记账模块填写路桥费、小轮费和地库费；
+    isUnsuccessfulSettle(){
+      return (this.form?.supplierSettleRatio && this.form?.supplierSettleRatio?.code==3 )|| this.form?.taskStatus?.code==19002
    },
  },
  methods: {
+    validateIntegerInput(event) {
+      const regex = /^\d*$/;
+      if (!regex.test(event.target.value)) {
+        event.target.value = event.target.value.replace(/[^\d]/g, '');
+      }
+    },
    viewSettlementDoc() {//查看结算单
      this.$router.push({
        name: "settlementDetail",
@ -453,19 +502,18 @@ export default {
      })
    },
    async compute() {
-      //现金业务置为0
-      // if(this.form.contractSettleTypeString == '车主现收'){
-      //   this.form.supplierBasePrice = 0
-      //   this.form.supplierExtraPrice = 0
-      //   this.form.supplierSettleAmount = 0
-      // } else {
+      if(this.orderInfo.contractSettleTypeString == '车主现收'){
+        this.form.supplierBasePrice = 0
+        this.form.supplierExtraPrice = 0
+        this.form.supplierSettleAmount = 0
+      }else {
        if (this.form.supplierOtherAmount > 0) {
          if (this.form.supplierOtherAmountRemark == '') {
-            this.$alert('请填写其他费用说明');
+            this.$toast('请填写其他费用说明');
            return;
          }
        }
-        if (!this.basePriceDisabled) {
+        if (!this.basePriceDisabled && !this.isBasementSettle) {
          //困境的案件，或者一口价案件，基本费用可以输入
          let dilemmaBasePrice = parseFloat(this.form.supplierBasePrice) || 0
          this.form.supplierBasePrice = dilemmaBasePrice
@ -474,19 +522,35 @@ export default {
        } else {
          let data = await accountRecordCompute({
            ...this.form,
-            settleType:this.orderInfo.settleType?.code
+            settleType: this.orderInfo.settleType?.code,
+            taskOrderCostHisId:this.orderInfo.taskOrderCostHisId,
+            orderCode: this.orderInfo.orderCode,
          });
          this.form.supplierBasePrice = data.data.basePrice
          this.form.supplierExtraPrice = data.data.extraPrice
          this.form.supplierSettleAmount = data.data.totalPrice
+          if (data.data?.supplierTyreAmount){
+            this.form.supplierTyreAmount=data.data.supplierTyreAmount
+          }
        }
        // }
-      if(this.form.cutInsuranceAmount == 1 && this.form.policyState === 0){
+        /*if(this.form.cutInsuranceAmount == 1 && this.form.policyState === 0){
          this.form.supplierSettleAmount = parseFloat(parseFloat(this.form.supplierSettleAmount) - parseFloat(this.form.policyAmount || 0)).toFixed(2)
+        }*/
+      }
+      if (this.form.policyAmount && this.form.policyAmount > 0) {
+        this.form.supplierSettleAmount = parseFloat(parseFloat(this.form.supplierSettleAmount) - parseFloat(this.form.policyAmount || 0)).toFixed(2)
+      }
+      if (this.form.carClothingToolAmount) {
+        this.form.supplierSettleAmount = parseFloat(parseFloat(this.form.supplierSettleAmount) + parseFloat(this.form.carClothingToolAmount || 0)).toFixed(2)
+      }
+      if (this.form.replaceBatteryAmount) {
+        this.form.supplierSettleAmount = parseFloat(parseFloat(this.form.supplierSettleAmount) - parseFloat(this.form.replaceBatteryAmount || 0)).toFixed(2)
      }
    },
    async pictureList() {
      let res = await selectRecordPictureList({
+        userOrderId:this.orderInfo.userOrderId,
        taskOrderCostRecordId: this.id,
        state: 0,
        postfix: this.postfix
@ -517,10 +581,11 @@ export default {
      if (res.code === 200) {
        this.orderInfo = res.data
        console.log("this.orderInfo", this.orderInfo)
+        this.accountStatus = this.orderInfo.accountStatus?.code
+
        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
        this.fixedPrice = this.orderInfo.fixedPrice
        this.fixedPriceType = this.orderInfo.fixedPriceType
@ -535,11 +600,12 @@ export default {
        leftCopy(this.form, {...res.data})
        this.auditFormShow = true;//是否显示审核数据
      }
-      if(this.settleType == '实拖'  && this.basePriceDisabled){
+      console.log("this.form",this.form)
+      if (this.settleType == '实拖' && this.basePriceDisabled && !this.isBasementSettle) {
        this.bcState = true
        this.form.supplierSettleMileageAb = 0
        this.form.supplierSettleMileageCa = 0
-      }else if(this.settleType == '单程' && this.basePriceDisabled){
+      } else if (this.settleType == '单程' && this.basePriceDisabled && !this.isBasementSettle) {
        this.abState = true
        this.bcState = true
        this.form.supplierSettleMileageCa = 0
@ -547,25 +613,45 @@ export default {
          this.bcState = false
          this.form.supplierSettleMileageBc = 0
        }
-      }else if(this.settleType == '全程'  && this.basePriceDisabled){
+      } else if (this.settleType == '全程' && this.basePriceDisabled && !this.isBasementSettle) {
        this.abState = true
        this.bcState = true
        this.caState = true
-      }else if(this.settleType == '全程减半'  && this.basePriceDisabled){
+      } else if (this.settleType == '全程减半' && this.basePriceDisabled && !this.isBasementSettle) {
        this.abState = true
        this.bcState = true
        this.caState = true
      }
+      if (this.form.supplierSettleRatio && this.form.supplierSettleRatio?.code == 5){
+        this.basementFeeState = true
+        this.form.supplierSettleMileageAb = 0
+        this.form.supplierSettleMileageBc = 0
+        this.form.supplierSettleMileageCa = 0
+        this.form.supplierBridgeAmountAb = 0
+        this.form.supplierBridgeAmountBc = 0
+        this.form.supplierBridgeAmountCa = 0
+        this.form.supplierBridgeAmount = 0
+        this.form.supplierDilemmaAmount = 0
+        this.form.supplierOtherAmount = 0
+        this.form.supplierTyreAmount = 0
+        this.form.supplierWaitAmount = 0
+      }else {
        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
        this.form.supplierBasementFee = this.orderInfo.refBasementFee
      }
+      if (this.form.supplierSettleRatio?.code != 5 && (this.serviceType == '困境救援' || this.serviceType == '困境-吊车' || this.serviceType == '困境救援-事故' || this.serviceType == '困境救援-故障')){
+        // await this.$alert("该案件为困境案件，需确认填写基本费用")
+        await  this.$toast("该案件为困境案件，需确认填写基本费用")
+        return
+      }
    },
    cancelBtn() {
      this.goback()
@ -573,12 +659,16 @@ export default {
    async save() {
      if (this.form.supplierOtherAmount > 0) {
        if (this.form.supplierOtherAmountRemark == '') {
-          this.$alert('请填写其他费用说明');
+          this.$toast('请填写其他费用说明');
          return;
        }
      }
+      if (this.isBasement && ((this.form.supplierSettleRatio && this.form?.supplierSettleRatio?.code==3)|| this.form?.taskStatus?.code==19002) && !(this.basePriceDisabled || this.isBasementSettle) && (this.form.supplierBasePrice>this.form.startPrice)){
+        this.$toast('取消或服务不成功结算的困境案件,基本费用的填写不能超过起步价');
+        return;
+      }
      if (this.accountStatus >= 4) {
-        this.$alert('已进入后续流程，不允许操作');
+        this.$toast('已进入后续流程，不允许操作');
        return;
      }
      this.loading = true;
@ -610,6 +700,7 @@ export default {
      this.files.forEach((file) => {
        formData.append('file', file.file);
      });
+      formData.append('userOrderId', this.orderInfo.userOrderId);
      formData.append('state', 0);
      formData.append('postfix', this.postfix);
      formData.append('supplierBridgeAmount', parseInt(this.form.supplierBridgeAmountAb || 0) + parseInt(this.form.supplierBridgeAmountBc || 0) + parseInt(this.form.supplierBridgeAmountCa || 0));
@ -631,7 +722,7 @@ export default {
    },
    async confirmAudit() {
      if (this.accountStatus >= 4) {
-        this.$alert('已进入后续流程，不允许操作');
+        this.$toast('已进入后续流程，不允许操作');
        return;
      }
      this.loading1 = true;
@ -665,6 +756,7 @@ export default {
        formData.append('file', file.file);
      });
      // formData.append('accountStatus', accountStatus);
+      formData.append('userOrderId', this.orderInfo.userOrderId);
      formData.append('state', 0);
      formData.append('postfix', this.postfix);
      formData.append('supplierBridgeAmount', parseInt(this.form.supplierBridgeAmountAb || 0) + parseInt(this.form.supplierBridgeAmountBc || 0) + parseInt(this.form.supplierBridgeAmountCa || 0));
@ -707,6 +799,7 @@ export default {
 <style scoped lang="scss">
@import "@/styles/mixin.scss";
@import "@/styles/common.scss";
+
 .loading, .loading1 {
  position: relative;
 }
@ -733,46 +826,57 @@ export default {
    transform: translate(-50%, -50%) rotate(360deg);
  }
 }
+
 .btn {
  @include flexColBet;
+
  button {
    @include whLin(152px, 39px);
    border-radius: 5px;
    color: #FFFFFF;
    @include fontWeightSize(bold, 14px)
  }
+
  .cancel {
    background: #9EA7C0;
  }
+
  .submit {
    background-color: #354D93;
  }
 }
+
 .wrap {
  @include wh(100%, 100%);
  background-color: #F4F5F7;
  overflow-y: auto;
 }
+
 .disable {
  background-color: transparent;
  border: none;
  opacity: 1 !important;
 }
+
 .supplierdisable {
  color: #999999;;
  border: none;
  opacity: 1 !important;
 }
+
 .bgDisable {
  background: rgba(204, 204, 204, .3);
 }
+
 .navBar {
  margin-bottom: 46px;
 }
+
 .title {
  @include fontWeightSize(bold, 14px);
  @include colorOpa(#323643, 0.66);
 }
+
 .line {
  @include wh(100%, 2px);
  opacity: 0.16;
@ -780,32 +884,39 @@ export default {
  margin-top: 7px;
  border-image: linear-gradient(270deg, rgba(217, 217, 217, 0.6), rgba(178, 178, 178, 1), rgba(178, 178, 178, 1), rgba(217, 217, 217, 0.6)) 1 1;
 }
+
 .item {
  @include flexCenter;
  font-size: 12px !important;
  font-weight: 400 !important;
+
  .titleLeft {
    opacity: .5;
    line-height: 27px;
  }
+
  .leftTitle {
    opacity: .5;
    @include wh(60px, 189px);
  }
+
  .rightContent {
    height: 189px;
    width: calc(100% - 60px);
  }
+
  .fontColor {
    @include fontWeightSize(400, 12px);
    color: #000000;
    line-height: 24px;
  }
+
  .rightContent {
    width: calc(100% - 90px);
    @include fontWeightSize(bold, 12px);

  }
+
  .driverPoiBtn {
    display: inline-block;
    padding: 3px 8px;
@ -817,47 +928,61 @@ export default {
    cursor: pointer;
  }
 }
+
 img {
  @include wh(35px, 15px);
  margin-left: 21px;
 }
+
 .common {
  background-color: #FFFFFF;
  padding: 11px 24px 14px;
  box-sizing: border-box;
  margin-bottom: 10px;
 }
+
 .baseInfo {
-  @include wh(100%,286px);
+  @include wh(100%, 344px);

 }
+
 .supplierData {
  width: 100%;
  margin-bottom: 0;
+
  .inpInfo {
    margin: 0 5px;
    color: #323643;
    line-height: 32px;
+
    input {
      border: none;
      text-align: right;
      padding-right: 3px;
      margin-right: 0;
    }
+
    .titleContent {
      @include fontWeightSize(bold, 13px);
    }
+
    .flex-between {
      width: 100%;
      @include flexBetCen
    }
+
    .halfOpcity {
      opacity: .5;
+      .ipt{
+        border: 1px solid #cccccc !important;
      }
+    }
+
    .inputContent {
      text-align: right;
    }
  }
+
  .btnComputed {
    width: 48px;
    @include all-height(18px);
@ -865,6 +990,7 @@ img{
    @include bgFontColor(#FFFFFF, #354D93);
    border-radius: 3px;
  }
+
  .multipleTxt {
    @include wh(100%, 87px);
    background: #FAFAFA;
@ -872,67 +998,81 @@ img{
    border: 1px solid #E6E6E6;
    backdrop-filter: blur(10px);
  }
+
  .btn {
    margin-top: 28px;
  }
 }
+
 .dataType {
  padding: 0 8px;
+
  table {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0;
  }
+
  td {
    padding: 10px;
    border: 1px solid #ccc;
    text-align: center;
  }
+
  .alignLeft {
    text-align: left !important;
    opacity: 1 !important;
+
    .reason {
      @include fontWeightSize(400, 11px);
      @include colorOpa(#FF8F37, 1);
      //color: #FF8F37;
      //opacity: 1 !important;
    }
+
    .camerImg {
      @include widHeiMar(54px, 42px, 5px);
      margin-top: 15px;
    }
+
    .supplierImg {
      @include widHeiMar(54px, 42px, 8px);
      margin-top: 0;
      margin-left: 0;
    }
+
    .title {
      @include fontWeightSize(400, 11px);
      opacity: .5;
    }
  }
+
  .col1 {
    width: 41%;
    background-color: #E9E9EA;
    @include fontWeightSize(400, 12px);
    opacity: 0.55;
  }
+
  .col2 {
    width: 58%;
    background-color: #EAEFF6;
    @include fontWeightSize(400, 12px);
    color: #0434D0;
+
    input {
      width: 72px;
      border: none;
      background-color: #EAEFF6;
      text-align: center;
    }
+
    input::placeholder {
      color: #0434D0; /* 设置提示内容文字颜色 */
    }

  }
+
  .btnCom {
    border: none;
    padding: 4px 7px;
@ -945,25 +1085,31 @@ img{
    color: #FFFFFF;
    @include fontWeightSize(bold, 12px)
  }
+
  .checkData, .supplierShuju {
    color: #323643;
  }
+
  .checkData {
    border-top-left-radius: 3px;
    opacity: 0.66;
  }
+
  .supplierShuju {
    border-top-right-radius: 3px;
  }
+
  .halfOpc {
    opacity: .5;
  }
 }
+
 .twoBtn {
  margin-top: 28px;
  margin-bottom: 30px;
  @include flexColBet;
  @include sizingPadding(0, 15px);
+
  button {
    @include whLin(152px, 39px);
    @include fontWeightSize(bold, 14px);
@ -971,11 +1117,13 @@ img{
    border-radius: 5px;
  }
 }
+
 .btn {
  margin-top: 31px;
  margin-bottom: 31px;
  @include flexColAround;
  box-sizing: border-box;
+
  button {
    line-height: 39px;
    border-radius: 5px;
@ -984,6 +1132,7 @@ img{
    @include fontWeightSize(bold, 14px);
    border: none;
  }
+
  .submit {
    background: #354D93;
  }
--- a/src/views/workOrder/aduitCompleteDetail.vue
+++ b/src/views/workOrder/aduitCompleteDetail.vue
@ -11,7 +11,7 @@
        @click-left="goback"
    />
  </div>
-  <div class="baseInfo common">
+  <div class="baseInfo common" style="height: 344px">
    <div class="title">基本信息:</div>
    <div class="line"></div>
    <div class="item">
@ -47,9 +47,16 @@
    </div>
    <div class="item">
      <span class="titleLeft">扣除责任险费：</span>
-      <span class="content">{{orderInfo.policyAmount}} {{orderInfo.cutInsuranceAmount}}</span>
+      <span class="content">{{orderInfo.policyAmount}}</span>
+    </div>
+    <div class="item">
+      <span class="titleLeft">车衣费用：</span>
+      <span class="content">{{orderInfo.carClothingToolAmount}}</span>
+    </div>
+    <div class="item">
+      <span class="titleLeft">换电瓶费用：</span>
+      <span class="content">{{orderInfo.replaceBatteryAmount}}</span>
    </div>
-
  </div>
  <div class="baseInfo common">
    <div class="title">审核数据:</div>
@ -75,7 +82,7 @@
      <span class="content">{{orderInfo.bridgeAmountBc + ' 元' }}</span>
    </div>
    <div class="item" v-show="bridgeCaState">
-      <span class="titleLeft">va路桥费：</span>
+      <span class="titleLeft">ca路桥费：</span>
      <span class="content">{{orderInfo.bridgeAmountCa + ' 元' }}</span>
    </div>
    <div class="item"  v-show="tyreAmountState">
--- a/yarn.lock
+++ b/yarn.lock
Author	SHA1	Message	Date
zhouxueli	7b8e2efbb4	task#，月总图表X轴数据去重	2025-01-09 16:59:14 +08:00
zhouxueli	f00f1bc1fd	task#，uat,KPI时间：改成默认 24年12月，接口传参也是24-12	2025-01-09 16:39:20 +08:00
zhouxueli	5c83fa773b	task#，uat,KPI时间：改成默认 24年12月	2025-01-09 16:04:37 +08:00
zhouxueli	9990cf74d0	task#，uat,KPI师傅满意度加一列服务商名称	2025-01-09 09:27:50 +08:00
zhouxueli	fde77b9c0a	task#，readme更新	2025-01-02 17:17:03 +08:00
zhoulinf	9f9450afc3	添加车辆-修改	2025-01-02 14:41:32 +08:00
zhoulinf	0272e06486	添加车辆	2024-12-31 11:36:34 +08:00
zhouxueli	4a122818e5	task#，接口更换	2024-12-30 17:02:28 +08:00
zhouxueli	5f2bd8d276	task#，接口更换	2024-12-30 16:54:34 +08:00
zhouxueli	99789abddc	task#，接口更换	2024-12-30 16:50:50 +08:00
zhouxueli	009bd0b5ac	task#，千分号问题解决	2024-12-27 20:37:53 +08:00
zhouxueli	4ebc40f93c	task#，大于1000的数据加千分号	2024-12-27 18:26:53 +08:00
zhouxueli	b53a086862	task#，格式化承接案件量数据	2024-12-27 16:42:40 +08:00
zhouxueli	0063828771	task#，删除师傅	2024-12-26 13:26:53 +08:00
zhouxueli	cd02c44fca	task#，添加师傅满意度接口更换	2024-12-25 17:29:22 +08:00
zhouxueli	43c1f76f82	task#，添加师傅满意度表格，月师傅的表格错乱调整，首页最后一个图加背景	2024-12-25 15:13:56 +08:00
zhouxueli	f3a15b829f	task#，司机培训文档和文档材料添加关键词接收	2024-12-20 11:22:18 +08:00
zhouxueli	745c21341a	task#，供应商数据，输入框加样式边框	2024-12-19 19:38:03 +08:00
zhouxueli	2ab75039b9	task#，测试	2024-12-13 17:37:41 +08:00
zhouxueli	304a1457dc	task#，测试	2024-12-13 17:34:30 +08:00
zhouxueli	422d1ce2ec	task#，新师傅培训列表、获取培训文档和普通资料接口不挂载Authorization	2024-12-13 17:11:11 +08:00
zhouxueli	147e10b342	task#，工单批次，未开票，统计金额，浮点数相加优化	2024-12-12 16:29:39 +08:00
zhouxueli	055876c0a2	task#，kpi添加月份选择，优化代码	2024-12-05 15:00:14 +08:00
zhouxueli	ca52f0793f	task#16101，工单记账，小轮费输入框不可编辑	2024-11-26 13:30:05 +08:00
zhouxueli	226f9aef63	task#16101，工单记账，小轮个数和费用优化	2024-11-19 11:25:41 +08:00
zhouxueli	652055c3d3	task#16101，工单记账，小轮个数和费用优化	2024-11-19 11:15:18 +08:00
zhouxueli	fc2e9bfec6	task#16101，工单记账模块提示样式更改	2024-11-19 10:41:28 +08:00
zhouxueli	8350cfb2a5	task#16101，工单记账模块提示样式更改	2024-11-19 10:37:36 +08:00
zhouxueli	872e0ea91a	task#16101，工单记账模块同步后台逻辑	2024-11-18 17:57:05 +08:00
zhouxueli	5652ab9600	task#16101，工单记账模块同步后台逻辑	2024-11-18 11:42:54 +08:00
zhouxueli	4e8e6d4f72	task#15950,搜索的supplierId需要传递	2024-11-14 16:06:10 +08:00
zhouxueli	3bb4688652	task#15950,变更按钮权限转换类型	2024-11-14 13:59:45 +08:00
zhouxueli	675e89b02e	task#15950,变更按钮权限	2024-11-14 13:17:53 +08:00
zhouxueli	c3100dd68f	task#15950,月师傅总览	2024-11-13 17:31:41 +08:00
zhouxueli	c04b43a8c8	task#15950,信息变更申请按钮加权限	2024-11-13 10:47:11 +08:00
zhouxueli	c5c31c5eec	task#15950,信息变更申请按钮加权限	2024-11-13 10:35:25 +08:00
zhouxueli	94424faa2e	task#15950,综合打分后加信息变更按钮调整	2024-11-12 15:21:29 +08:00
zhouxueli	db2493181a	task#15950,综合打分后加信息变更按钮	2024-11-12 14:44:06 +08:00
zhouxueli	18ebd7c0d9	task#15950,综合打分后加信息变更按钮	2024-11-12 14:31:11 +08:00
zhouxueli	d239781d5d	task#15950,服务商kpi,月师傅添加总览	2024-11-12 13:06:16 +08:00
zhouxueli	f2b4b3e853	task#15950,服务商kpi,月师傅添加总览	2024-11-12 12:03:15 +08:00
zhouxueli	57c3d3d679	task#15950,服务商kpi,服务商管理添加kpi,可查看	2024-11-08 11:10:39 +08:00
zhoulinf	4f8063bf2e	工单数量元删除	2024-11-06 16:51:34 +08:00
zhoulinf	266195ec26	同后台修改	2024-11-06 16:38:46 +08:00
zhoulinf	898b4b8128	按钮颜色	2024-11-06 16:36:19 +08:00
zhoulinf	1e305b1734	上传同步后台修改	2024-11-06 16:14:10 +08:00
zhoulinf	e919d0136d	http, reject 修改	2024-11-06 14:44:07 +08:00
zhoulinf	6720928761	上传发票不显示问题	2024-11-06 14:30:06 +08:00
zhouxueli	6affb368b7	task#15638,工单详情添加电瓶相关信息	2024-11-06 13:10:22 +08:00
zhoulinf	a93c98b547	上传修改	2024-11-06 11:18:12 +08:00
zhoulinf	3ee550c985	image/*	2024-11-06 11:11:25 +08:00
zhoulinf	28408ac803	工单批次，开票信息修改	2024-11-06 10:05:23 +08:00
zhoulinf	41d44e93d4	工单批次，工单批次详情，上传发票，发票查看	2024-11-05 16:01:32 +08:00
zhoulinf	8a822e829d	工单批次列表，工单批次详情	2024-11-04 11:09:50 +08:00
zhouxueli	8aafdc9bff	task#15638,增加上传发票接口	2024-11-01 11:15:20 +08:00
zhouxueli	432be97178	task#15638,工单详情界面，删除电瓶信息一栏	2024-10-28 13:24:01 +08:00
zhouxueli	36cea0f447	task#15638,电瓶详情列表根据时间排序	2024-10-24 14:49:16 +08:00
zhouxueli	07db998735	task#15638,电瓶详情页面和接口对接，样式调整	2024-10-21 11:39:02 +08:00
zhouxueli	54b839fb0d	task#15638,增加电瓶进销存	2024-10-21 09:47:12 +08:00
zhouxueli	343bccdcfa	task#15348,服务商kpi搜索请求头字段更换	2024-10-18 10:28:28 +08:00
zhouxueli	fcce91b6b5	task#15348,服务商kpi请求头字段更换	2024-10-17 10:10:44 +08:00
zhouxueli	baf25587a8	task#15348,服务商kpi请求头字段更换	2024-10-17 10:06:00 +08:00
zhouxueli	b0fd520316	task#15348,ios培训文档跳转参数加1000000	2024-10-15 11:32:39 +08:00
zhouxueli	1f8df28ef8	task#15348,ios培训参数转换为int,去除Vscole	2024-10-14 17:20:53 +08:00
zhouxueli	bd45b42ccd	task#15348,ios培训参数转换为int	2024-10-14 17:11:33 +08:00
zhouxueli	e19580e7f6	task#15348,ios培训参数转换为int	2024-10-14 17:10:57 +08:00
zhouxueli	f954dff3ad	task#15348,ios培训参数更改,打印	2024-10-14 17:05:24 +08:00
zhouxueli	2dc505c40d	task#15348,ios培训参数更改	2024-10-14 16:50:01 +08:00
zhouxueli	532b8d439b	task#15348,添加vconsole	2024-10-14 09:39:15 +08:00
zhouxueli	cc19777ddf	task#15348,IOS跳转培训文档添加参数	2024-10-12 09:54:04 +08:00
zhouxueli	812f3e3a03	task#15348,删除Vconsole	2024-10-11 22:46:49 +08:00
zhouxueli	b6a9836932	task#15348,司机app自动刷新功能	2024-10-11 20:47:49 +08:00
zhouxueli	36d2895f2b	task#15348,司机app自动刷新功能	2024-10-11 20:46:05 +08:00
zhoulinf	d28a23e664	监听页面显示1	2024-10-11 20:38:22 +08:00
zhoulinf	a642e7783c	监听页面显示	2024-10-11 20:35:38 +08:00
zhouxueli	dccc3ae530	task#15348,司机培训界面	2024-10-11 20:31:52 +08:00
zhouxueli	07ac2d1e86	task#15348,培训界面滚动条	2024-10-11 17:34:03 +08:00
zhouxueli	6030432a8c	task#15348,司机app滚动条高度	2024-10-11 17:26:18 +08:00
zhouxueli	235fe85604	task#15348,司机app样式	2024-10-11 17:07:35 +08:00
zhouxueli	a7f4018050	task#15348,司机app样式	2024-10-11 17:03:14 +08:00
zhouxueli	5c96f06916	task#15348,司机app样式	2024-10-11 16:59:40 +08:00
zhouxueli	2ad457c92a	task#15348,司机app参数	2024-10-11 16:51:22 +08:00
zhouxueli	dd440e81df	task#15348,培训文档加cache:true,	2024-10-11 16:10:32 +08:00
zhouxueli	8212c1cd8a	task#15348,测试生命周期activated	2024-10-11 16:03:12 +08:00
zhouxueli	a0e6681ad6	task#15348,测试生命周期activated	2024-10-11 16:00:56 +08:00
zhouxueli	4cf076914d	task#15348,测试生命周期	2024-10-11 15:18:12 +08:00
zhouxueli	7220ad8989	task#15348,测试生命周期	2024-10-11 15:12:11 +08:00
zhouxueli	85ecdceaf1	task#15348,测试生命周期	2024-10-11 15:09:51 +08:00
zhouxueli	a319a9d097	task#15348,测试生命周期	2024-10-11 14:57:33 +08:00
zhouxueli	06591b6eb4	task#15348,司机app培训，更新时间取当前时间	2024-10-11 14:48:31 +08:00
zhouxueli	c9cedc526a	task#15348,培训页弹框，只能通过按钮去关闭	2024-10-11 14:40:19 +08:00
zhouxueli	d72a74c2ea	task#15348,司机app,培训返回加事件	2024-10-11 13:39:13 +08:00
zhouxueli	e950ce2589	task#15348,司机app,培训返回加事件	2024-10-11 13:38:46 +08:00
zhouxueli	db45cecfe3	task#15348,调度app,培训完成给提示	2024-10-11 11:54:34 +08:00
zhouxueli	9345b2ab79	task#15348,调度app,培训完成给提示	2024-10-11 11:51:13 +08:00
zhouxueli	bc4f419aca	task#15348,调度app,培训完成给提示	2024-10-11 11:43:18 +08:00
zhouxueli	7a73b0b83a	task#15348,调度app,培训完成给提示	2024-10-11 11:41:37 +08:00
zhouxueli	45ca7a8382	task#15348,调度app,培训完成给提示	2024-10-11 11:38:18 +08:00
zhouxueli	584fded2f7	task#15348,调度app,培训完成给提示	2024-10-11 11:31:27 +08:00
zhouxueli	bd58a176f6	task#15348,调度app,培训排版更改	2024-10-11 10:42:42 +08:00
zhouxueli	d8729033e1	task#15348,跳转H5加参数,培训有问答的加标识	2024-10-11 10:31:56 +08:00
zhouxueli	20a9d7ebad	task#15348,跳转H5加参数,区分是培训还是普通	2024-10-11 10:10:48 +08:00
zhouxueli	9befe22373	task#15348,跳转H5加参数	2024-10-11 09:52:26 +08:00
zhouxueli	ccf11f6fa6	task#15348,调度新签培训数据格式更换	2024-10-11 09:32:58 +08:00
zhouxueli	edcd55b074	task#15348,新加师傅界面	2024-10-10 20:51:02 +08:00
zhouxueli	bce648bdc6	task#15348,新加师傅界面	2024-10-10 20:44:06 +08:00
zhouxueli	a5e4a2d5dd	task#15348,添加调试工具	2024-10-10 15:20:19 +08:00
zhouxueli	cc7ea113c4	task#15348,新签培训接口	2024-10-10 13:58:24 +08:00
zhouxueli	5589417862	task#15348,培训文档和文档材料,已处理字体置灰	2024-10-09 17:50:07 +08:00
zhouxueli	1dc5094172	task#15348,培训文档和文档材料,排班布局更新	2024-10-09 17:37:12 +08:00
zhouxueli	413da6aea7	task#15348,培训文档和文档材料,跳转添加参数	2024-10-09 15:41:20 +08:00
zhouxueli	f255bf48e4	task#15348,培训文档和文档材料获取supplierId	2024-10-09 09:37:49 +08:00
zhouxueli	31d3bcf071	task#15348,列表接口获取更换	2024-10-08 16:30:04 +08:00
zhouxueli	75e014562f	task#15348,新人培训布局调整，必读字号减小	2024-09-26 17:42:15 +08:00
zhouxueli	3919bf6934	task#15348,培训文档和文档资料布局更改	2024-09-26 17:00:29 +08:00
zhouxueli	8223ff3e46	去除vConsole	2024-09-23 18:18:58 +08:00
zhouxueli	6e7254607b	行驶证副业，代码恢复	2024-09-23 10:12:53 +08:00
zhouxueli	0e82be5cbe	身份证正面面，代码恢复	2024-09-23 10:03:14 +08:00
zhouxueli	b6d86c4517	身份证反面，参数更改	2024-09-20 17:50:04 +08:00
zhouxueli	c3f859619f	身份证正面，文件更换	2024-09-20 17:05:01 +08:00
zhouxueli	7b95507378	身份证正面，文件上传采用el-upload	2024-09-20 16:57:14 +08:00
zhouxueli	250e68bed7	身份证正面，文件上传	2024-09-20 16:10:08 +08:00
zhouxueli	e768f9c8f8	查询工单记账图片和修改服务商记账信息接口添加参数	2024-09-20 16:09:05 +08:00
zhouxueli	7aceb84ee5	task#,身份证正面上传兼容代码添加	2024-09-18 10:05:19 +08:00
zhoulinf	0d91afc1e8	log	2024-09-14 15:15:12 +08:00
zhoulinf	d362fef099	行驶证副页添加调试	2024-09-14 15:12:35 +08:00
zhouxueli	5dc9bfb840	task#,身份证正面	2024-09-14 14:18:17 +08:00
zhouxueli	fd1ad6db3c	task#,身份证正面	2024-09-14 14:07:57 +08:00
zhouxueli	2d78a9cee6	task#,身份证上传	2024-09-14 13:58:25 +08:00
zhouxueli	68d9f83b66	task#,身份证上传,添加函数	2024-09-14 13:37:18 +08:00
zhouxueli	728e70f00e	task#,身份证上传添加验证	2024-09-14 13:16:49 +08:00
zhouxueli	46e2cb3b3e	task#,身份证上传添加验证	2024-09-14 11:49:06 +08:00
zhouxueli	c22b3ac319	task#,身份证上传添加验证	2024-09-14 11:35:51 +08:00
zhouxueli	4250119cce	task#,身份证上传添加验证	2024-09-14 11:26:22 +08:00
zhouxueli	5fc76a5765	task#,身份证上传去除:max-size	2024-09-14 11:14:38 +08:00
zhouxueli	71e1b1ebb7	task#,增加VConsole	2024-09-14 11:03:15 +08:00
zhouxueli	73ec8c267b	task#14504,换电瓶费用，加号改为减号	2024-08-30 10:50:59 +08:00
zhouxueli	9cd3a70f43	task#14504,记账界面，输入框只能输入整数	2024-08-21 15:27:31 +08:00
zhouxueli	431ba13eea	task#14504,记账界面，输入框只能输入整数	2024-08-21 15:24:18 +08:00
zhouxueli	672ed153da	task#14504,结算单页面，辅助轮个数最多可以填四个	2024-08-20 14:49:33 +08:00
zhouxueli	65c33e54f5	task#14504,记账模块字段添加	2024-08-19 17:24:41 +08:00
zhouxueli	dedb0f53e9	task#14504,kpi的pc端适配js代码影响了后台挂载的H5页面，只给window.location.pathname=='/h5/supplier/dispatch/kpiIndex'加适配	2024-08-07 13:58:50 +08:00
zhouxueli	8bed0868f8	task#14504,记账-》查看详情加车衣，电瓶费用展示	2024-07-31 16:57:30 +08:00
zhouxueli	70cea4d888	task#14504,记账-》车衣，电瓶费用展示详情界面	2024-07-31 14:48:37 +08:00
zhouxueli	6d1df4a720	task#14504,记账-》添加车衣，电瓶，责任险费用有就扣除；新增结算比例，按地库费用结算	2024-07-31 13:56:46 +08:00
zhouxueli	a7cf0a837e	task#14504,删除首页默认服务商id	2024-07-30 15:29:56 +08:00
zhouxueli	ec995b7548	task#14504,月总，客户评价率缺少百分号，移动端时效切换折线图数据bugfix,table双loading优化，请求慢时，日期渲染无效日期格式优化	2024-07-30 14:48:15 +08:00
zhouxueli	372bbc44c0	task#14504,清除按钮位置调整，司机搜索使用name	2024-07-25 17:12:31 +08:00