样式调整

添加展示测试
添加展示
2025-05-08 14:07:38 +08:00 · 2025-05-08 13:41:38 +08:00 · 2025-05-08 13:06:42 +08:00 · 2025-04-21 09:34:47 +08:00 · 2025-04-17 14:06:45 +08:00 · 2025-04-16 16:48:38 +08:00
114 changed files with 24818 additions and 7379 deletions
--- a/.gitignore
+++ b/.gitignore
@ -6,7 +6,7 @@ node_modules
 # local env files
 .env.local
 .env.*.local
-/http.js
+src/http.js
 http.js
 # Log files
 npm-debug.log*
@ -22,3 +22,4 @@ pnpm-debug.log*
 *.njsproj
 *.sln
 *.sw?
 /yarn.lock
--- a/package-lock.json
+++ b/package-lock.json
--- a/package.json
+++ b/package.json
@ -9,15 +9,20 @@
    "lint": "vue-cli-service lint"
  },
  "dependencies": {
    "@vant/area-data": "^2.0.0",
    "amfe-flexible": "^2.2.1",
    "axios": "^1.4.0",
    "core-js": "^3.8.3",
    "dayjs": "^1.8.14",
    "decimal.js": "^10.4.3",
    "echarts": "^5.2.2",
    "element-ui": "^2.15.9",
    "less": "^4.1.3",
    "less-loader": "^11.1.3",
    "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"
@ -49,7 +54,7 @@
      "parser": "@babel/eslint-parser"
    },
    "rules": {},
-    "globals":{
+    "globals": {
      "AMap": "true"
    }
  },
--- 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,5 +30,39 @@
        }
    </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;
                if (!clientWidth) return;
                if (clientWidth < 400) {
                    clientWidth = 400;
                }
                docEl.style.fontSize = 18 * (clientWidth / 650) + 'px';
            };
            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);
                }
                /*else{
                    console.log("走着了这种饿 ")
                }*/
            }
        })(document, window);
    </script>
  </body>
 </html>
--- a/public/res/privacy.html
+++ b/public/res/privacy.html
@ -0,0 +1,78 @@
 <!DOCTYPE html>
 <html lang="zh-CN">
 <head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>免责声明</title>
    <style>
        body {
            font-family: Arial, sans-serif;
            line-height: 1.6;
            /*margin: 20px;*/
            padding: 0;
            /*background-color: #f9f9f9;*/
            color: #333;
        }
        h3 {
            text-align: center;
            /*font-size: 24px;*/
            margin-bottom: 20px;
        }
        h4 {
            /*font-size: 20px;*/
            margin-top: 30px;
            margin-bottom: 10px;
            color: #555;
        }
        p {
            margin: 10px 0;
            text-indent: 2em;
        }
        ul {
            margin: 10px 0;
            padding-left: 40px;
        }
        li {
            margin: 5px 0;
        }
        .container {
            font-size: 14px;
            padding-bottom: 20px;
        }
    </style>
 </head>
 <body>
 <div class="container">
    <h3>声明</h3>
    <p>本平台为二手拖车买卖双方提供免费信息发布服务。在您使用本平台之前，请仔细阅读并理解本免责声明。一旦使用本平台，即视为您已阅读、理解并同意接受本免责声明的所有条款。</p>
    <h4>一、平台性质</h4>
    <p>1. 本平台仅为信息发布平台，不参与任何二手拖车交易环节，包括但不限于交易洽谈、合同签订、款项支付、车辆交付等，实际交易价格由买卖双方自行协商确定。</p>
    <p>2. 本平台不对发布信息的真实性、准确性、完整性、合法性进行任何形式的担保或保证，用户应自行判断信息的真实性并承担由此产生的风险。</p>
    <h4>二、用户责任</h4>
    <p>1. 用户应保证发布的信息真实、准确、完整、合法，并对其发布的信息承担全部责任。</p>
    <p>2. 用户不得发布任何虚假、违法、侵权、违反公序良俗的信息，包括但不限于：</p>
    <ul>
        <li>虚假车源信息</li>
        <li>事故车、水泡车、火烧车等存在重大安全隐患的车辆信息</li>
        <li>盗抢车辆信息</li>
        <li>侵犯他人知识产权或其他合法权益的信息</li>
        <li>含有淫秽、色情、赌博、暴力、恐怖等内容的信息</li>
        <li>其他违反法律法规或平台规则的信息</li>
    </ul>
    <h4>三、免责条款</h4>
    <p>1. 因用户发布的信息引起的任何纠纷或损失，本平台不承担任何责任。</p>
    <p>2. 因不可抗力、计算机病毒、黑客攻击、系统不稳定、用户所在位置、用户关机以及其他任何网络、技术、通信线路等原因造成的服务中断或不能满足用户要求的风险，本平台不承担任何责任。</p>
    <p>3. 本平台不对用户之间的交易行为承担任何责任，用户应自行承担交易风险。</p>
    <h4>四、其他</h4>
    <p>1. 本平台有权根据法律法规的变化或平台运营的需要，随时修改本免责声明，并在平台上公布，修改后的内容自公布之日起生效。</p>
    <p>2. 本免责声明的解释权归中道救援股份有限公司所有。</p>
    <p>请您在使用本平台前务必仔细阅读并理解本免责声明。</p>
    <p>如果您对本免责声明有任何疑问，请联系我们。</p>
 </div>
 </body>
 </html>
--- a/src/api/kpi.js
+++ b/src/api/kpi.js
@ -0,0 +1,84 @@
 import request from '@/utils/http'
 // 首页服务商接口
 export function getStatisticsKpiByMonth(data){
  return request({
    url: '/supplier/supplierKPI/querySupplierStatisticsKpiByMonth',
    method:'POST',
    // contentType: 'application/json',
    data
  })
 }
 //服务商kpi
 export function getStatisticsKpi(data){
  return request({
    url: '/supplier/supplierKPI/querySupplierStatisticsKpi',
    method:'POST',
    // contentType: 'application/json',
    data
  })
 }
 //  司机Kpi
 export function getDriverStatisticsKpi(data){
  return request({
    url: '/supplier/supplierKPI/querySupplierDriverStatisticsKpi',
    method:'POST',
    // contentType: 'application/json',
    data
  })
 }
 export function querySupplierDriverStatisticsScore(data){
  return request({
    url: '/supplier/supplierKPI/querySupplierDriverStatisticsScore',
    method:'POST',
    // contentType: 'application/json',
    data
  })
 }
 //   各种详情数据
 export function getKpiDetailsData(data){
  return request({
    url: '/supplier/supplierKPI/querySupplierKpiDetailsData',
    method:'POST',
    // contentType: 'application/json',
    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({
    url: '/supplier/select/supplier',
    method: 'GET',
    params: {
      key: key ,
    }
  });
 }
 // supplier/select/driver 关键词搜索司机名称
 export function getDriverName(key) {
  return request({
    url: '/supplier/select/driver',
    method: 'GET',
    params: {
      key: key ,
    }
  });
 }
--- a/src/api/maintenance.js
+++ b/src/api/maintenance.js
@ -0,0 +1,46 @@
 import request from '@/utils/http'
 // 调度APP-维保数量
 export function vehicleMaintenanceCount() {
    return request({
        url: '/supplierAppV2/dispatchApp/maintenance/vehicleMaintenanceCount',
        method:'POST',
    })
 }
 //维保列表
 export function vehicleMaintenanceList(data) {
    return request({
        url: '/supplierAppV2/dispatchApp/maintenance/vehicleMaintenanceList',
        method:'POST',
        contentType: 'application/json',
        data
    })
 }
 // 获取维保记录详情
 export function getVehicleMaintenanceDetail(data) {
    return request({
        url: '/supplierAppV2/dispatchApp/maintenance/getVehicleMaintenanceDetail',
        method:'POST',
        contentType: 'application/json',
        data
    })
 }
 // 维保终止
 export function vehicleMaintenanceStop(data) {
    return request({
        url: '/supplierAppV2/dispatchApp/maintenance/vehicleMaintenanceStop',
        method:'POST',
        contentType: 'application/json',
        data
    })
 }
 // 维保审批
 export function vehicleMaintenanceApproval(data) {
    return request({
        url: '/supplierAppV2/dispatchApp/maintenance/vehicleMaintenanceApproval',
        method:'POST',
        contentType: 'application/json',
        data
    })
 }
--- 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({
@ -178,3 +211,109 @@ export function userOperationPermissions(){
        method:'POST',
    })
 }
 // 上传图片
 export function uploadImage(data){
    return request({
        url:'/order/uploadImage',
        method:'POST',
        contentType:'multipart/form-data',
        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({
        url:'/agg-api/tencent-ocr/unifiedOCR',
        method:'POST',
        contentType:'application/json',
        data
    })
 }
 ///agg-api/tencent-ocr/unifiedOCRWithCompress
 export function unifiedOCRWithCompress(data){
    return request({
        url:'/agg-api/tencent-ocr/unifiedOCRWithCompress',
        method:'POST',
        contentType:'application/json',
        data
    })
 }
--- a/src/api/order.js
+++ b/src/api/order.js
@ -7,6 +7,13 @@ export function getToDoList() {
    method:'POST',
  })
 }
 // 调度APP待办事项列表New
 export function toDoListNew() {
  return request({
    url: '/supplierAppV2/dispatchApp/toDoMessage/toDoListNew',
    method:'POST',
  })
 }
 // 代办事项审核
 export function toDoAudit(data){
  return request({
@ -70,3 +77,38 @@ 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
  })
 }
 // 查询未读告知函
 export function selectUnReadNotifyBySupplier() {
  return request({
    url: '/supplierManage/correction/notify/selectUnReadNotifyBySupplier',
    method:'POST',
  })
 }
 // 阅读告知函
 export function correctionHandle(data) {
  return request({
    url: '/supplierManage/correction/record/correctionHandle',
    method:'POST',
    data
  })
 }
--- a/src/api/secondHandCar.js
+++ b/src/api/secondHandCar.js
@ -0,0 +1,96 @@
 import request from '@/utils/http'
 // 车源/求购列表
 export function appPageList(data){
  return request({
    url: '/toc-user/car-app/appPageList',
    method:'POST',
    contentType: 'application/json',
    data
  })
 }
 // 我的发布列表
 export function minePublishPageList(data){
  return request({
    url: '/toc-user/car-app/minePublishPageList',
    method:'POST',
    contentType: 'application/json',
    data
  })
 }
 // 审核不通过数量
 export function auditFailCount (data){
  return request({
    url: '/toc-user/car-app/auditFailCount ',
    method:'POST',
    // contentType: 'application/json',
    data
  })
 }
 // 信息详情查询
 export function carInfoDetail(data){
  return request({
    url: '/toc-user/car-app/carInfoDetail',
    method:'POST',
    contentType: 'application/json',
    data
  })
 }
 // 发布编辑信息
 export function publishCarInfo(data){
  return request({
    url: '/toc-user/car-app/publishCarInfo',
    method:'POST',
    contentType: 'application/json',
    data
  })
 }
 // 用户信息反馈
 export function userFeedback(data){
  return request({
    url: '/toc-user/car-app/userFeedback',
    method:'POST',
    contentType: 'application/json',
    data
  })
 }
 //二手拖车信息擦亮
 export function usedCarPolish(data){
  return request({
    url: `/toc-user/car-app/usedCarPolish/${data}`,
    method:'POST',
  })
 }
 //二手拖车信息下架
 export function usedCarRemove(data){
  return request({
    url: '/toc-user/car-app/usedCarRemove',
    method:'POST',
    contentType: 'application/json',
    data
  })
 }
 //二手拖车信息重新上架
 export function usedCarReShelf(data){
  return request({
    url: `/toc-user/car-app/usedCarReShelf/${data}`,
    method:'POST',
  })
 }
 //审批信息
 export function auditCarInfo(data){
  return request({
    url: '/toc-user/car-admin/auditCarInfo',
    method:'POST',
    data
  })
 }
 // 保存信息记录
 export function saveRecord(data){
  return request({
    url: '/toc-user/car-record/saveRecord',
    method:'POST',
    contentType: 'application/json',
    data
  })
 }
--- a/src/assets/icon_upload.png
+++ b/src/assets/icon_upload.png
--- a/src/assets/love.jpg
+++ b/src/assets/love.jpg
--- a/src/assets/secondHandCar/11.png
+++ b/src/assets/secondHandCar/11.png
--- a/src/assets/secondHandCar/45angle.png
+++ b/src/assets/secondHandCar/45angle.png
--- a/src/assets/secondHandCar/alreayXiajia.png
+++ b/src/assets/secondHandCar/alreayXiajia.png
--- a/src/assets/secondHandCar/arr_bot_blue.png
+++ b/src/assets/secondHandCar/arr_bot_blue.png
--- a/src/assets/secondHandCar/arr_bottom.png
+++ b/src/assets/secondHandCar/arr_bottom.png
--- a/src/assets/secondHandCar/arr_left.png
+++ b/src/assets/secondHandCar/arr_left.png
--- a/src/assets/secondHandCar/back.png
+++ b/src/assets/secondHandCar/back.png
--- a/src/assets/secondHandCar/bg.png
+++ b/src/assets/secondHandCar/bg.png
--- a/src/assets/secondHandCar/buyCar.png
+++ b/src/assets/secondHandCar/buyCar.png
--- a/src/assets/secondHandCar/checked.png
+++ b/src/assets/secondHandCar/checked.png
--- a/src/assets/secondHandCar/cheyuanBig.png
+++ b/src/assets/secondHandCar/cheyuanBig.png
--- a/src/assets/secondHandCar/cheyuanSmall.png
+++ b/src/assets/secondHandCar/cheyuanSmall.png
--- a/src/assets/secondHandCar/cheyuan_big.png
+++ b/src/assets/secondHandCar/cheyuan_big.png
--- a/src/assets/secondHandCar/delete.png
+++ b/src/assets/secondHandCar/delete.png
--- a/src/assets/secondHandCar/description.png
+++ b/src/assets/secondHandCar/description.png
--- a/src/assets/secondHandCar/description1.png
+++ b/src/assets/secondHandCar/description1.png
--- a/src/assets/secondHandCar/details.png
+++ b/src/assets/secondHandCar/details.png
--- a/src/assets/secondHandCar/expire.png
+++ b/src/assets/secondHandCar/expire.png
--- a/src/assets/secondHandCar/fabuing.png
+++ b/src/assets/secondHandCar/fabuing.png
--- a/src/assets/secondHandCar/icon_saled.png
+++ b/src/assets/secondHandCar/icon_saled.png
--- a/src/assets/secondHandCar/icon_zdOwner.png
+++ b/src/assets/secondHandCar/icon_zdOwner.png
--- a/src/assets/secondHandCar/jiashizheng.jpg
+++ b/src/assets/secondHandCar/jiashizheng.jpg
--- a/src/assets/secondHandCar/mine.png
+++ b/src/assets/secondHandCar/mine.png
--- a/src/assets/secondHandCar/mine_cheyuan.png
+++ b/src/assets/secondHandCar/mine_cheyuan.png
--- a/src/assets/secondHandCar/mine_qiugou.png
+++ b/src/assets/secondHandCar/mine_qiugou.png
--- a/src/assets/secondHandCar/noAudit.png
+++ b/src/assets/secondHandCar/noAudit.png
--- a/src/assets/secondHandCar/nopass.png
+++ b/src/assets/secondHandCar/nopass.png
--- a/src/assets/secondHandCar/one_cheyuan.png
+++ b/src/assets/secondHandCar/one_cheyuan.png
--- a/src/assets/secondHandCar/one_qiugou.png
+++ b/src/assets/secondHandCar/one_qiugou.png
--- a/src/assets/secondHandCar/polish.png
+++ b/src/assets/secondHandCar/polish.png
--- a/src/assets/secondHandCar/qiugouBig.png
+++ b/src/assets/secondHandCar/qiugouBig.png
--- a/src/assets/secondHandCar/qiugouSmall.png
+++ b/src/assets/secondHandCar/qiugouSmall.png
--- a/src/assets/secondHandCar/qiugou_big.png
+++ b/src/assets/secondHandCar/qiugou_big.png
--- a/src/assets/secondHandCar/reshangjia.png
+++ b/src/assets/secondHandCar/reshangjia.png
--- a/src/assets/secondHandCar/revise.png
+++ b/src/assets/secondHandCar/revise.png
--- a/src/assets/secondHandCar/search.png
+++ b/src/assets/secondHandCar/search.png
--- a/src/assets/secondHandCar/sellCar.png
+++ b/src/assets/secondHandCar/sellCar.png
--- a/src/assets/secondHandCar/suggest.png
+++ b/src/assets/secondHandCar/suggest.png
--- a/src/assets/secondHandCar/three.png
+++ b/src/assets/secondHandCar/three.png
--- a/src/assets/secondHandCar/two_desc.png
+++ b/src/assets/secondHandCar/two_desc.png
--- a/src/assets/secondHandCar/two_supply.png
+++ b/src/assets/secondHandCar/two_supply.png
--- a/src/assets/secondHandCar/uncheck.png
+++ b/src/assets/secondHandCar/uncheck.png
--- a/src/assets/secondHandCar/upload.png
+++ b/src/assets/secondHandCar/upload.png
--- a/src/assets/secondHandCar/wait_verify.png
+++ b/src/assets/secondHandCar/wait_verify.png
--- a/src/assets/secondHandCar/xiajia.png
+++ b/src/assets/secondHandCar/xiajia.png
--- a/src/assets/secondHandCar/车辆描述@2x.png
+++ b/src/assets/secondHandCar/车辆描述@2x.png
--- a/src/assets/todoRight.png
+++ b/src/assets/todoRight.png
--- a/src/assets/trainBg.png
+++ b/src/assets/trainBg.png
--- a/src/main.js
+++ b/src/main.js
@ -2,12 +2,17 @@ import Vue from 'vue'
 import App from './App.vue'
 import router from './router'
 import Vant from 'vant';
 import ElementUI from 'element-ui';
 import 'element-ui/lib/theme-chalk/index.css';
 import 'vant/lib/index.css';
 import "lib-flexible/flexible";
 import "@/utils/rem.js"
 import store from './store'
 Vue.config.productionTip = false
 Vue.use(Vant);
 Vue.use(ElementUI);
 new Vue({
  store,
  router,
--- a/src/router/index.js
+++ b/src/router/index.js
@ -1,7 +1,9 @@
 import Vue from "vue";
 import VueRouter from "vue-router";
 Vue.use(VueRouter);
-
+import kpiRouter from './kpi-router'
 import invoiceRouter from "@/router/invoice-router";
 import secondHandRouter from "@/router/second-hand-router";
 const routes = [
    {
      path: '/',
@ -70,22 +72,62 @@ const routes = [
        meta: {
            title: '审核完成-详情'
        }
-
+    },
    {
        path: "/settlementDetail",
        name: 'settlementDetail',
        component: () => import('@/views/workOrder/settlementDetail.vue'),
        meta: {
            title: '结算单详情'
        }
    },
    {
      path: "/invoicingNotify",
      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: '开票信息'
        }
    },
    {
        path: "/invoicingDetail",
        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: '查看发票'
        }
    },
    {
@ -124,6 +166,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:'培训文档'
        }
@ -136,6 +186,14 @@ const routes = [
            title:'文档资料'
        }
    },
    {
        path: '/notificationList',
        name: 'notificationList',
        component:()=>import('@/views/index/notificationList'),
        meta: {
            title:'告知函'
        }
    },
    {
        path: '/caseList',
        name: 'caseList',
@ -167,7 +225,58 @@ const routes = [
        meta: {
            title:'案件详情'
        }
-    }
+    },
    {
        path: '/newTrainingList',
        name: 'newTrainingList',
        component:()=>import('@/views/newcomerTraining/newTrainingList.vue'),
        meta: {
            title:'新服务商培训'
        }
    },
    {
        path: '/driverTrainingList',
        name: 'driverTrainingList',
        component:()=>import('@/views/newcomerTraining/driverTrainingList.vue'),
        meta: {
            title:'新师傅培训'
        }
    },
    {
        path: '/maintenanceList',
        name: 'vehicleMaintenanceList',
        component:()=>import('@/views/vehicle-maintenance/vehicle-maintenance-list.vue'),
        meta: {
            title:'车辆维保'
        }
    },
    {
        path: '/maintenanceApplication',
        name: 'maintenanceApplication',
        component:()=>import('@/views/vehicle-maintenance/maintenance-application.vue'),
        meta: {
            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,
    ...secondHandRouter,
  ]
 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/router/kpi-router.js
+++ b/src/router/kpi-router.js
@ -0,0 +1,11 @@
 const kpiRouter = [
    {
        path: '/kpiIndex',
        name: 'kpiIndex',
        component: () => import('@/views/kpi/kpiIndex'),
        meta:{
            title: 'kpi首页',
        }
    },
 ]
 export default kpiRouter
--- a/src/router/second-hand-router.js
+++ b/src/router/second-hand-router.js
@ -0,0 +1,59 @@
 const secondHandCar = [
    {
        path: '/indexList',
        name: 'indexList',
        component: () => import('@/views/secondHandCar/indexList.vue'),
        meta:{
            title: '首页列表',
        }
    },
    {
        path: '/carSource',
        name: 'carSource',
        component: () => import('@/views/secondHandCar/carSource.vue'),
        meta:{
            title: '车源发布',
        }
    },
    {
        path: '/wantBuy',
        name: 'wantBuy',
        component: () => import('@/views/secondHandCar/wantBuy.vue'),
        meta:{
            title: '求购发布',
        }
    },
    {
        path: '/forSale',
        name: 'forSale',
        component: () => import('@/views/secondHandCar/forSale.vue'),
        meta:{
            title: '查看车源',
        }
    },
    {
        path: '/wantBuySale',
        name: 'wantBuySale',
        component: () => import('@/views/secondHandCar/wantBuySale.vue'),
        meta:{
            title: '查看求购',
        }
    },
    {
        path: '/mineRelease',
        name: 'mineRelease',
        component: () => import('@/views/secondHandCar/mineRelease.vue'),
        meta:{
            title: '我的发布',
        }
    },
    {
        path: '/privacyComponent',
        name: 'privacyComponent',
        component: () => import('@/views/secondHandCar/privacy.vue'),
        meta:{
            title: '免责声明',
        }
    },
 ]
 export default secondHandCar
--- a/src/styles/approval.scss
+++ b/src/styles/approval.scss
@ -0,0 +1,116 @@
@import "@/styles/mixin.scss";
 .refresh{
  min-height: 100%;
  //background-color: #F4F5F7;
 }
 .wrap{
  @include wh(100%,100%);
  box-sizing: border-box;
  background-color: #F4F5F7;
 }
 .tab_wrap {
  @include fontWeightSize(500, 14px);
  @include flexColAround();
  padding: 2px 0 10px 0;
  background: #2C395F;
  div {
    padding-top: 8px;
    color: #FFFFFF;
  }
  .alpha{
    opacity: 0.5;
  }
  .numTip{
    display: inline-block;
    @include wh(15px,15px);
    @include bgcolorOpa(#F95B45,0.9);
    border-radius: 4px;
    text-align: center;
    line-height: 15px;
    margin-left: 5px;
    opacity: 1; /* 保持透明度为1 */
  }
  .active {
    position: relative;
    opacity: 1;
  }
  .active:after {
    content: '';
    display: block;
    @include wh(18px,2px);
    opacity: .8;
    background: #FFFFFF;
    position: absolute;
    border-radius: 2px;
    margin-top: 3px;
    left: 50%;
    opacity: 1;
    transform: translateX(-50%);
  }
 }
 ::v-deep .van-pull-refresh{
  height: calc(100% - 86px) ;
 }
 .listWrap{
  width: 100%;
  height: 100%;
  overflow-y: auto;
  .listItem{
    width: 100%;
    box-sizing: border-box;
    padding: 14px 25px 13px 29px;
    background-color: #FFFFFF;
    margin-bottom: 10px;
    .line1{
      @include flexColBet();
      .viewBtn{
        @include wh(48px,18px);
        text-align: center;
        line-height: 18px;
        background: #354D93;
        border-radius: 3px;
        color: #FFFFFF;
      }
    }
  }
 }
 .bgEmptyImg{
  @include flexTwoCenter;
  height: 90% ;
  background-color: #FAFAFA;
  img{
    width: 100%;
  }
 }
 .greColor{
  color:#38AD00 ;
  font-weight: 500;
 }
 .redColor{
  color:#FF5D2E ;
  font-weight: 500;
 }
 .commonImg{
  @include widHeiMar(13px,13px,4px);
 }
 .rightArrImg{
  @include wh(6px,9px);
  margin-left: 6px;
 }
 .yelColor{
  color: #E69B0B;
  font-weight: 600;
 }
 .greColor{
  color: #56B628;
  font-weight: 600;
 }
 .oraColor{
  color: #FF5D2E;
  font-weight: 600;
 }
 .garyColor{
  color: #9C9C9C;
  font-weight: 600;
 }
--- a/src/styles/common.scss
+++ b/src/styles/common.scss
@ -45,7 +45,6 @@ select{
  margin-left: 0;
  font-weight: normal;
  font-size: 14px;
  //@include fontWeightSize(400,14px);
  color: #000000;
 }
--- 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);
+        @include wh(100%,100%);
      }
      .name{
        position: absolute;
        left: 30px;
        bottom: 30px;
        @include fontWeightSize(bold,14px);
        color: #FFFFFF;
      }
    }
    .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/styles/mixin.scss
+++ b/src/styles/mixin.scss
@ -2,6 +2,11 @@
    font-size: $size;
    font-weight: $weight;
 }
@mixin sizeWeightCol($size,$weight,$col){
    font-size: $size;
    font-weight: $weight;
    color: $col;
 }
@mixin bgFontColor($color,$bgcolor){
    color:$color;
    background: $bgcolor;
@ -23,6 +28,14 @@
    width: $w;
    height: $h;
 }
@mixin whMarLe($w,$h,$l){
    @include wh($w,$h);
    margin-left: $l;
 }
@mixin whBg($w,$h,$bg){
    @include wh($w,$h);
    background: $bg;
 }
@mixin flexColumn{
    display: flex;
    flex-direction: column;
@ -35,6 +48,10 @@
    @include flexColumn;
    justify-content: space-around;
 }
@mixin flexColCen(){
    @include flexColumn;
    align-items: center;
 }
@mixin flexColBet(){
    display: flex;
    justify-content: space-between;
@ -75,4 +92,16 @@
    box-sizing: border-box;
    padding: $tb $lr;
    border-radius: $rad;
 }
@mixin sizing4Padding($t,$r,$b,$l){
    box-sizing: border-box;
    padding: $t $r $b $l;
 }
@mixin sizing4Radius($t,$r,$b,$l,$radius){
    @include sizing4Padding($t,$r,$b,$l);
    border-radius: $radius;
 }
@mixin colHeight($col,$hei){
    color: $col;
    line-height: $hei;
 }
--- a/src/utils/approval.js
+++ b/src/utils/approval.js
@ -0,0 +1,42 @@
 const getStatus=(i)=>{
  switch (i){
    case 0://待提交
    case 1://待审核
      return require('@/assets/waitSubmit.png')
    case 2://审核通过
    case 7://已打款
      return require('@/assets/dakuan.png')
    case 3://审核不通过
      return require('@/assets/unpass.png')
    case 4://报销失败
      return require('@/assets/unSubmit.png')
    case 6://代打款
      return require('@/assets/waitDakuan.png')
    default:
      return require('@/assets/waitSubmit.png')
  }
 }
 const getStatusColor=(i)=>{
  switch (i){
    case 0://待提交
    case 1://待审核
      return 'yelColor'
    case 2://审核通过
    case 6://代打款
    case 7://已打款
      return 'greColor'
    case 3://审核不通过
      return 'oraColor'
    case 4://报销失败
      return 'garyColor'
    default:
      return 'yelColor'
  }
 }
 module.exports = {
  getStatus,
  getStatusColor
 }
--- a/src/utils/common.js
+++ b/src/utils/common.js
@ -5,7 +5,14 @@ const formatDate = date => {
  const day = tempDate.getDate()
  return `${[year, month, day].map(formatNumber).join('-')}`
 }
-
+const formatDate1 = date => {
  let value=date.replace(/\./g, '/')
  let tempDate = new Date(value)
  const year = tempDate.getFullYear()
  const month = tempDate.getMonth() + 1
  const day = tempDate.getDate()
  return `${[year, month, day].map(formatNumber).join('/')}`
 }
 const formatNumber = n => {
  n = n.toString()
  return n[1] ? n : `0${n}`
@ -40,5 +47,6 @@ module.exports = {
  formatNumber,
  formatDate,
  leftCopy,
-  timeFormat
+  timeFormat,
-}
+  formatDate1
 }
--- a/src/utils/http.js
+++ b/src/utils/http.js
@ -1,7 +1,6 @@
 import axios from "axios";
 import qs from 'qs'
 import { Toast } from 'vant'
 // console.log('process.env.VUE_APP_BASE_API', process.env.VUE_APP_BASE_API)
 const service = axios.create({
  baseURL: process.env.VUE_APP_BASE_API,
@ -11,28 +10,26 @@ const service = axios.create({
  timeout: 10000
 })
 const urlParams = new URLSearchParams(window.location.search);
-let token = urlParams.get('token') ;
+let token = urlParams.get('token');
 localStorage.setItem('token', token);
 service.interceptors.request.use(
    config => {
      let reqUrl=config.url
      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.eyJzdWIiOiJTSENTR1lTIiwiYXVkIjpbInN1cHBsaWVyLWFwcCJdLCJuYmYiOjE3MDgzMjY3NTAsInVzZXJfaW5mbyI6eyJ1c2VySWQiOjUwMTk3LCJuYW1lIjoi5LiK5rW35rWL6K-V5L6b5bqU5ZWGIiwic3VwcGxpZXJOYW1lIjoi5LiK5rW35rWL6K-V5pyN5Yqh5ZWGIiwic3VwcGxpZXJJZCI6MzMwNDEsInN1cHBsaWVyVHlwZSI6MSwiaXNaZCI6MCwidXNlcm5hbWUiOiJTSENTR1lTIiwidXNlclR5cGUiOiJyZXNjdWVBcHAiLCJkZXZpY2VJZCI6IjJjMGU0N2JiMWQxNGYzYTY3YjhkOGRjMTUyM2VhMmQ3MCIsImF1dGhvcml0aWVzIjpbXX0sInNjb3BlIjpbImFsbCJdLCJpc3MiOiJodHRwczovL3Npbm9hc3Npc3QuY29tIiwiZXhwIjoxNzA4NDEzMTUwLCJpYXQiOjE3MDgzMjY3NTB9.hJ4TkZpsDW0c_-o4qopSxNyLyCtCRuuLzKAvH1xQgOw'
+      // let token='eyJhbGciOiJIUzI1NiJ9.eyJzdWIiOiJTSEhQWEIiLCJ1c2VySWQiOjU0NzI2LCJuYW1lIjoiI-a1i-ivleWwj-eZveeZvSIsInVzZXJOYW1lIjoiU0hIUFhCIiwic3VwcGxpZXJJZCI6MTAwMDE2NSwiZXhwIjoxNzQ0NTEwNzkwfQ.JPk0OA7slYJN3FIi_uhW4Y0CiWRvl6R1dK8MRTbyhD8'
-          // console.log("tokentokentoken",token)
+       if(!(reqUrl=='/supplier/supplierTraining/trainingTask' || reqUrl=='/supplier/supplierTraining/normalList' || reqUrl=='/supplier/supplierTraining/trainingList')){
-      if (reqUrl.includes("/driverApp")) {
+           config.headers['Authorization'] = `${token}`;
-          config.headers['token'] = `${token}`;
+           config.headers['token'] = `${token}`;
-      } else {
+       }
          console.log("调度app")
          config.headers['Authorization'] = `${token}`;
      }
      return config
    },
    error => {
      console.log(error)
      return Promise.reject(error)
    }
 )
@ -40,27 +37,17 @@ service.interceptors.request.use(
 service.interceptors.response.use(
    response => {
      const res = response.data
      // return res //请求响应数据
      // if(res.code === 401){
      //     Toast('token不合法或过期')
      // }else if(){
      //
      // }
      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 ) {
        //   return res.data
        // } else {
        //   return res.data
        // }
      }
    },
    error => {
-      console.log('err' + error)
+        if(error.message != 'Network Error'){
-      Toast(error.message)
+            Toast(error.message)
        }
      return Promise.reject(error)
    }
 )
--- a/src/utils/myMixins.js
+++ b/src/utils/myMixins.js
@ -1,9 +1,7 @@
 export const myMixins = {
  data() {
    return {
      touchStart: [],
      touchEnd: [],
      slideShow: true
    }
  },
  methods: {
@ -34,19 +32,26 @@ 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 {
-        window.android.sendMessage("articleId=" + item.id);
+        if(type == '培训文档'){
          window.android.sendMessage("articleId=" +'q'+ item.id);
        }else{
          window.android.sendMessage("articleId=" + item.id);
        }
      }
    },
    h5GoBack(){
@ -65,12 +70,38 @@ export const myMixins = {
          methods();
        }
        setTimeout(() => {
          console.log("shengxiaoxi")
          that.noClick = true;
        }, 3000)
      } else {
        // 这里是重复点击的判断
      }
-    }
+    },
    formatNumber(num) {
      if (num < 10000) {
        // 小于 5 位数，显示为 0.x 万
        return `${(num / 10000).toFixed(1)}`;
      } else {
        // 大于或等于 5 位数，显示为 x 万，四舍五入到小数点后一位
        return `${Math.round(num / 1000) / 10}`;
      }
    },
    isWebFunc(){
      let res=false
      var isMobile = /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent);
      if (!isMobile) {// 是移动端不变
        res=true
      }
      return res
    },
    closeParentDialog() {
      if (window.parent) {
        const hasListener = window.parent.dispatchEvent(new Event('checkCloseDialog'));
        if (hasListener) {
          window.parent.postMessage('closeDialog', '*');
        } else {
          window.history.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/caseList/caseAuditList.vue
+++ b/src/views/caseList/caseAuditList.vue
@ -198,7 +198,25 @@ export default {
 <style scoped lang="scss">
@import "@/styles/mixin.scss";
@import "@/styles/common.scss";
-.refresh{
+@import "@/styles/approval.scss";
 .navBar{
  margin-bottom: 46px;
 }
 .listItem{
  padding: 14px 25px 13px 29px;
  div{
    line-height: 27px;
    span:first-child{
      display: inline-block;
      width: 60px;
      opacity: 0.5;
    }
    .right{
      @include flexCenter();
    }
  }
 }
 /*.refresh{
  min-height: 100%;
  background-color: #F4F5F7;
 }
@ -209,9 +227,9 @@ export default {
 .navBar{
  margin-bottom: 46px;
 }
-/*::v-deep .van-nav-bar__content{
+!*::v-deep .van-nav-bar__content{
  background-color: #354683 !important;
-}*/
+}*!
 .tab_wrap {
  @include fontWeightSize(500, 14px);
  @include flexColAround();
@ -232,7 +250,7 @@ export default {
    text-align: center;
    line-height: 15px;
    margin-left: 5px;
-    opacity: 1; /* 保持透明度为1 */
+    opacity: 1; !* 保持透明度为1 *!
  }
  .active {
    position: relative;
@ -329,5 +347,5 @@ export default {
 .garyColor{
  color: #9C9C9C;
  font-weight: 600;
-}
+}*/
 </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,28 +1,59 @@
 <template>
 <div class="wrap">
-  <div class="navBar">
+  <template v-if="supplierId">
-    <van-nav-bar
+    <div class="navBar">
-        left-arrow
+      <van-nav-bar
-        left-arrow-color="#FFFFFF"
+          left-arrow
-        :border="false"
+          left-arrow-color="#FFFFFF"
-        :fixed="true"
+          class="supplier"
-        :safe-area-inset-top="true"
+          :border="false"
-        @click-left="goBack"
+          :fixed="true"
-    >
+          :safe-area-inset-top="true"
-      <template slot="title">
+          @click-left="goBack"
-        <div v-show="!show">文档资料</div>
+      >
-        <van-field v-model="keyword" placeholder="请输入关键词" v-show="show"   @input="getList"/>
+        <template slot="title">
-      </template>
+          <div v-show="!show">文档资料</div>
-      <template slot="right">
+          <van-field v-model="keyword" placeholder="请输入关键词" v-show="show"   @input="getNormalList"/>
-        <div class="rightWrap" @click="show = !show">
+        </template>
-          <img src="@/assets/serach.png" class="img2" v-show="!show"/>
+        <template slot="right">
-          <img src="@/assets/delKey.png" class="img2" v-show="show" @click="initShow"/>
+          <div class="rightWrap" @click="show = !show">
-        </div>
+            <img src="@/assets/serach.png" class="img2" v-show="!show"/>
-      </template>
+            <img src="@/assets/delKey.png" class="img2" v-show="show" @click="initShow"/>
-    </van-nav-bar>
+          </div>
-  </div>
+        </template>
-
+      </van-nav-bar>
- <div class="tab_wrap">
+    </div>
  </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="title">{{ item.name }}</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="time common">{{ item.pushTime		 }}</div>
          <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>
    </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,
+      totalList:[],
      pageSize:10,
      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
+    await this.getNormalList()
    this.pageList = [];
    if(this.activeIndex === 0){
      this.trainingType =1
    }else{
      this.trainingType=2
    }
    await this.getList()
  },
-    async getList(){
+    async getNormalList(){
-      let res= await pageList({
+      let res= await getNormalList({
-        pageNum:this.pageNum,
+        type:this.supplierId ? 2 : 1,
-        pageSize:this.pageSize,
+        // type:2,
-        docType:2,
+        id: this.supplierId ? this.supplierId : this.driverId,
-        trainingType:this.trainingType,
+        // id:this.supplierId,//33041,
-        keyword:this.keyword || ''
+        text:this.keyword || '',
      })
-      this.pageList=res.data;
+      this.totalList=[]
-      if(res.data.length === 0){
+      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 {
+@import "@/styles/driverDocment.scss";
-  @include fontWeightSize(bolder, 15px);
+.supplier ::v-deep .van-nav-bar__content{
-  display: flex;
+  background-color: #2C395F !important;
  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%);
  }
 }
 </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="title">{{ item.name }}<span v-if="item.mustRead===1" class="read">必读</span></div>
-          <div class="time">{{ item.pushTime }}</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="info flexBetween common" >
-          <div class="left">{{ item.docType?.label }}</div>
+          <div class="time">{{ item.pushTime		 }}</div>
-          <div class="right">
+          <span style="color: red;font-size: 14px;margin-right: 8px" :class="item.alreadyRead===1 ? 'alRead' : ''">{{ item.alreadyRead===1 ? '已处理' :  '未处理' }}</span>
            <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>
    </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(){
+    async changeTab(index) {
-      let res= await pageList({
+      this.activeIndex = index
-        pageNum:this.pageNum,
+      await this.getTrainingList()
-        pageSize:this.pageSize,
+    },
-        docType:1,
+    async getTrainingList(){
-        keyword:this.keyword || ''
+      let res= await getTrainingList({
        type:2,
        id: this.supplierId,
        text:this.keyword || '',
      })
-      this.pageList=res.data;
+      this.totalList=[]
-      if(res.data.length === 0){
+      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
@ -1,5 +1,5 @@
 <template>
-<div class="wrap">
+<div class="wrap driverAdd">
  <div class="navBar">
    <van-nav-bar
        :title="id ? '修改司机信息' : '添加司机'"
@ -11,15 +11,100 @@
        @click-left="h5GoBack"
    />
  </div>
-  <cell-group label="司机姓名" placeholder="请输入司机姓名"  v-model="driverName"   :disabled="supplierType ==1 ? true:false"/>
+  <div class="itemContent">
-  <cell-group label="手机号码"  v-model="driverPhone"   placeholder="请输入手机号" />
+    <div class="titleType">
-  <cell-group label="身份证号" v-model="identityCardNumber"   placeholder="请输入身份证号"   />
+      <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-count="1"
        :preview-size="54"
        :max-size="5 * 1024 * 1024"
        accept="image/*"
    />
  </div>
  <div class="lineBot"></div>
  <div class="itemContent">
    <div class="titleType">
      <img class="startImg" src="@/assets/start.png" />
      <span>身份证反面</span>
    </div>
    <van-uploader
      v-model="identityCardContraryList"
      :after-read="identityCardBackHandler"
      max-count="1"
      :preview-size="54"
      accept="image "
    />
  </div>
  <div class="lineBot"></div>
  <div class="itemContent">
    <div class="titleType">
      <img class="startImg" src="@/assets/start.png" />
      <span>驾驶证主页</span>
    </div>
    <van-uploader
      v-model="drivingLicenceFrontList"
      :after-read="drivingLicenceFrontHandler"
      max-count="1"
      :max-size="5 * 1024 * 1024"
      :preview-size="54"
      accept="image "
    />
  </div>
  <div class="lineBot"></div>
  <div class="itemContent">
    <div class="titleType">
      <img class="startImg" src="@/assets/start.png" />
      <span>驾驶证副页</span>
    </div>
    <van-uploader
      v-model="drivingLicenceContraryList"
      :after-read="drivingLicenceContraryHandler"
      max-count="1"
      :preview-size="54"
      accept="image "
    />
  </div>
  <div class="lineBot"></div>
  <div class="itemContent">
    <div class="titleType">
      <span>头像</span>
    </div>
    <van-uploader
      v-model="iconList"
      :after-read="iconListHandler"
      max-count="1"
      :preview-size="54"
      accept="image "
    />
  </div>
  <div class="lineBot"></div>
 <!--  :disabled="supplierType ==1 ? true:false"-->
  <cell-group label="司机姓名" placeholder="司机姓名"  v-model="driverName" disabled />
  <cell-group label="手机号码"  v-model="driverPhone"   placeholder="手机号码" />
  <cell-group label="身份证号" v-model="identityCardNumber"   placeholder="身份证号" disabled  />
  <div class="itemContent">
    <div class="titleType">
      <img class="startImg" src="@/assets/start.png" />
      <span>准驾车型</span>
    </div>
-    <select id="mySelect" class="mySelect" v-model="drivingModel"  >
+    <select id="mySelect" class="mySelect" v-model="drivingModel" disabled >
      <option value="A1">A1</option>
      <option value="A2">A2</option>
      <option value="A3">A3</option>
@ -63,14 +148,19 @@
 <script>
 import {myMixins} from  "@/utils/myMixins"
-import {saveDriver} from "@/api/mine"
+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:"",
@ -80,10 +170,38 @@ export default {
      activeIcon: require('@/assets/check.png'),
      inactiveIcon: require('@/assets/uncheck.png'),
      supplierType:'',
-      createTime:''
+      createTime:'',
-    }
+      identityCardFront: '',           // 身份证正面
      identityCardFrontList: [],       // 身份证正面 列表
      identityCardContrary: '',        // 身份证反面
      identityCardContraryList: [],    // 身份证反面 列表
      drivingLicenceFront: '',         // 驾驶证正面
      drivingLicenceFrontList: [],     // 驾驶证正面 列表
      drivingLicenceContrary: '',      // 驾驶证反面
      drivingLicenceContraryList: [],  // 驾驶证反面 列表
      icon: '',
      iconList: [],
      driverInfo: {},
      drivingLicenceName: '',
      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;
@ -92,6 +210,30 @@ export default {
    this.states = this.$route.params?.states;
    this.supplierType=this.$route.params?.supplierType;
    this.createTime=this.$route.params?.createTime;
    this.driverInfo.drivingBeginDate = this.$route.params?.drivingBeginDate;
    this.drivingLicenceContrary = this.$route.params?.drivingLicenceContrary;
    this.drivingLicenceFront = this.$route.params?.drivingLicenceFront;
    this.driverInfo.drivingLicenceValidityDate = this.$route.params?.drivingLicenceValidityDate;
    this.icon = this.$route.params?.icon;
    this.identityCardContrary = this.$route.params?.identityCardContrary;
    this.identityCardFront = this.$route.params?.identityCardFront;
    this.driverInfo.lssueDate = this.$route.params?.lssueDate;
    this.drivingLicenceName =  this.$route.params?.drivingLicenceName;
    if( this.identityCardFront ) {
      this.identityCardFrontList = [{ url : this.identityCardFront }];
    }
    if( this.identityCardContrary ) {
      this.identityCardContraryList = [{ url : this.identityCardContrary }];
    }
    if( this.drivingLicenceFront ) {
      this.drivingLicenceFrontList = [{ url : this.drivingLicenceFront }];
    }
    if( this.drivingLicenceContrary ) {
      this.drivingLicenceContraryList = [{ url : this.drivingLicenceContrary }];
    }
    if( this.icon ) {
      this.iconList = [{ url : this.icon }];
    }
    const selectElement = document.getElementById('mySelect');
    selectElement.addEventListener('change', function() {
      const selectedValue = selectElement.value;
@ -103,25 +245,208 @@ export default {
    isUse(e){
      this.states=e
    },
-    async submitBtn(){
+    /* checkImgType(file) {
-         await saveDriver({
+      const FileExt = file.name.replace(/.+\./, "");
-          driverId:this.id ? this.id : '',
+      const isLt5M = file.size / 1024 / 1024 < 5;
-          driverName:this.driverName ,
+      const whiteList = ['png', 'jpeg', 'jpg'];
-          driverPhone:this.driverPhone,
+      if (whiteList.indexOf(FileExt.toLowerCase()) === -1) {
-          identityCardNumber:this.identityCardNumber,
+        this.$message.error("请上传正确的文件格式:" + whiteList.join('、'))
-          drivingModel:this.drivingModel,
+        return false
-          states:Number(this.states),
+      }
-          createTime:this.createTime || ''
+      if (!isLt5M) {
-        })
+        this.$message.error('上传图片大小不能超过 5MB!');
-        if(this.id){
+        return false
-          this.$toast('修改成功')
+      }
    },
   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);
      let res = await uploadImage(formData)
      this.identityCardFront = res.data;
      await this.idCardOcrHandler();
    },
    async identityCardBackHandler(file) {  // 上传身份证反面照片
      const formData = new FormData();
      formData.append("file" , file.file);
      let res = await uploadImage(formData)
      this.identityCardContrary = res.data;
      await this.idCardBackOcrHandler();
    },
    async drivingLicenceFrontHandler(file) {   // 上传驾驶证主页
      const formData = new FormData();
      formData.append("file" , file.file);
      let res = await uploadImage(formData)
      this.drivingLicenceFront = res.data;
      await this.drivingLicenceOcrHandler();
    },
    async drivingLicenceContraryHandler(file) {   // 上传驾驶证副页
      const formData = new FormData();
      formData.append("file" , file.file);
      let res = await uploadImage(formData)
      this.drivingLicenceContrary = res.data;
    },
    async iconListHandler(file) {           // 上传头像
      const formData = new FormData();
      formData.append("file" , file.file);
      let res = await uploadImage(formData)
      this.icon = res.data;
    },
    async idCardOcrHandler() {    // 身份证正面 ocr识别
      this.driverName = '';
      this.identityCardNumber = '';
      let res = await ocrHandler({
        ocrType: 1,
        imageUrl: this.identityCardFront,
        cardSide: 'FRONT'
      })
      this.driverName = res?.data?.name;
      this.identityCardNumber = res?.data?.idNum;
      let aaa=''
      if(this.drivingLicenceName){
        aaa = this.drivingLicenceName.replace(/[^\u4e00-\u9fff]+/g, '');
      }
      let bbb=this.driverName.replace(/[^\u4e00-\u9fff]+/g, '');
      if( this.drivingLicenceName && aaa != bbb ) {
        this.$toast('身份证信息与驾驶证信息不匹配')
      }
    },
    async idCardBackOcrHandler() {    // 身份证反面 ocr识别
      let res = await ocrHandler({
        ocrType: 1,
        imageUrl: this.identityCardContrary,
        cardSide: 'BACK'
      });
      this.idCardAuthority=res.data.authority
      if(!res.data.validDate){
        return
      }
      let date=res.data.validDate.split('-')
      if(date[0]){
        this.idCardValidStartTime=formatDate1(date[0]) +' '+ '00:00:00';
      }
      if(date[1]){
        if(date[1] == '长期'){
          this.idCardValidEndTime='2099/12/12' +' '+ '00:00:00';
        }else{
-          this.$toast('添加成功')
+          this.idCardValidEndTime=formatDate1(date[1]) +' '+ '00:00:00';
        }
      }
    },
    async drivingLicenceOcrHandler() {      // 驾驶证正面 ocr识别
      this.driverInfo.drivingLicenceValidityDate = '';
      this.driverInfo.drivingBeginDate = '';
      this.driverInfo.lssueDate = '';
      this.drivingModel = '';
      this.drivingLicenceName = '';
      let res = await ocrHandler({
        ocrType: 2,
        imageUrl: this.drivingLicenceFront,
        cardSide: 'FRONT'
      });
      if( res?.data ) {
        this.driverInfo.drivingBeginDate = res?.data?.dateOfFirstIssue || '';
        this.driverInfo.lssueDate = res?.data?.dateOfFirstIssue ? (res?.data?.dateOfFirstIssue + ' 00:00:00') : '';
        if( res?.data?.endDate.indexOf('长期') != -1 ) {
          this.driverInfo.drivingLicenceValidityDate = '2099-01-01';
        } else {
          this.driverInfo.drivingLicenceValidityDate = res?.data?.endDate;
        }
        this.drivingModel = res.data?.class_;
        this.drivingLicenceName = res.data?.name
        let aaa=''
        if(this.driverName){
           aaa = this.driverName.replace(/[^\u4e00-\u9fff]+/g, '');
        }
        let bbb = this.drivingLicenceName.replace(/[^\u4e00-\u9fff]+/g, '');
        if( this.driverName && bbb != aaa ) {
          this.$toast('身份证信息与驾驶证信息不匹配')
        }
      }
    },
    async submitBtn(){
      if(!this.identityCardFront) {
        this.$toast('身份证正面照未上传')
        return
      }
      if(!this.identityCardContrary) {
        this.$toast('身份证反面照未上传')
        return
      }
      if(!this.drivingLicenceFront) {
        this.$toast('驾驶证首页未上传')
        return
      }
      if(!this.drivingLicenceContrary) {
        this.$toast('驾驶证副页未上传')
        return
      }
      let drivingLicenceName=this.drivingLicenceName.replace(/[^\u4e00-\u9fff]+/g, '');
      let driverName=this.driverName.replace(/[^\u4e00-\u9fff]+/g, '');
      if( drivingLicenceName != driverName ) {
        this.$toast('身份证信息与驾驶证信息不匹配')
        return
      }
      if( this.driverInfo.drivingLicenceValidityDate ) {
        if(this.driverInfo.drivingLicenceValidityDate && new Date(this.driverInfo.drivingLicenceValidityDate).getTime() < new Date().getTime() ) {
          this.$toast('驾驶证已过期')
          return
        }
      } else {
        this.$toast('驾驶证信息识别错误，请重新上传')
        return
      }
       await saveDriver({
         driverId:this.id ? this.id : '',
         driverName:this.driverName ,
         driverPhone:this.driverPhone,
         identityCardNumber:this.identityCardNumber,
         drivingModel:this.drivingModel,
         states:Number(this.states),
         createTime:this.createTime || '',
         identityCardFront: this.identityCardFront,
         identityCardContrary: this.identityCardContrary,
         drivingLicenceFront: this.drivingLicenceFront,
         drivingLicenceContrary: this.drivingLicenceContrary,
         icon: this.icon,
         drivingLicenceName: this.drivingLicenceName,
         idCardAuthority:this.idCardAuthority,
         idCardValidStartTime:this.idCardValidStartTime,
         idCardValidEndTime:this.idCardValidEndTime,
         ...this.driverInfo
      })
      if(this.id){
        this.$toast('修改成功')
      }else{
        this.$toast('添加成功')
      }
        setTimeout(()=>{
          this.$router.back();
        },2000)
-    },
+      },
  },
  components:{
    TwoCommonBtn,
@ -129,7 +454,12 @@ export default {
  }
 }
 </script>
-
+<style>
  .driverAdd .van-field__control:disabled {
    color: #323643 !important;
    -webkit-text-fill-color: #323643 !important;
  }
 </style>
 <style scoped lang="scss">
@import "@/styles/mixin.scss";
@import "@/styles/common.scss";
@ -137,6 +467,8 @@ export default {
  @include wh(100%,100%);
  box-sizing: border-box;
  padding-left: 16px;
  padding-bottom: 100px;
  overflow-y: auto;
 }
 .mySelect{
  @include fontWeightSize(bold,13px);
--- a/src/views/index/driverManage.vue
+++ b/src/views/index/driverManage.vue
@ -162,7 +162,16 @@ export default {
          identityCardNumber:item.identityCardNumber,
          states:item.states.code,
          createTime:item.createTime,
-          supplierType:this.supplierType
+          supplierType:this.supplierType,
          drivingBeginDate: item.drivingBeginDate,
          drivingLicenceContrary: item.drivingLicenceContrary,
          drivingLicenceFront: item.drivingLicenceFront,
          drivingLicenceValidityDate: item.drivingLicenceValidityDate,
          icon: item.icon,
          identityCardContrary: item.identityCardContrary,
          identityCardFront: item.identityCardFront,
          lssueDate: item.lssueDate,
          drivingLicenceName: item.drivingLicenceName
        }
      });
    },
@ -249,4 +258,4 @@ export default {
  }
 }
-</style>
+</style>
--- 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,52 +12,143 @@
    />
  </div>
  <div class="contentWrap">
-      <div class="item" v-for="(item,index) in detailList" :key="index">
+    <div class="content_tab">
-        <div class="itemContent">
+      <div class="tab_title">批次详情</div>
-          <span> {{ item.orderCode }}</span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
+      <div class="tab_content">
-          <span>{{ item.serviceName }}</span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
+        <div class="item_wrap">
-          <span> {{item.settleAmount}}元</span>
+          <div class="item_label">批次编号</div>
-            </div>
+          <div class="item_content">
-        <div class="line"></div>
+            <span id="copyText">{{invoiceInfo.batchCode}}</span>
            <img class="copyIcon" @click="copyHandler(invoiceInfo.batchCode)" src="@/assets/copy.png" />
          </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>
 </template>
 <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,
+      batchCode: '',
-      pageSize:10,
+      id: '',
-      detailList:[],
+      invoiceInfo: {},
-      form:{
+      orderList: [],
        batchCode:'',
        startTime:'',
        overTime:'',
      }
    }
  },
  async mounted() {
-    // console.log(this.$route.query?.id)
+    this.batchCode = this.$route.query?.batchCode;
-    this.form.batchCode=this.$route.query?.id;
+    this.id = this.$route.query?.id;
    this.form.startTime=this.$route.query?.startTime;
    this.form.overTime=this.$route.query?.overTime;
    await this.getDetail()
    await this.getOrderList();
  },
  methods:{
-      async getDetail(){
+    copyHandler(copyText){
-        let res=await notifyInvoiceDetail({
+      let inputNode = document.createElement('input')  // 创建input
-          pageNum:this.pageNum,
+      inputNode.value = copyText // 赋值给 input 值
-          pageSize:this.pageSize,
+      document.body.appendChild(inputNode) // 插入进去
-         ...this.form,
+      inputNode.select() // 选择对象
-        })
+      document.execCommand('Copy') // 原生调用执行浏览器复制命令
-        this.detailList=res.data
+      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({
        id: this.id
      })
      this.invoiceInfo = res.data
      console.log('rerere', res)
    }
  }
 }
 </script>
@ -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);
+  .mt_cls {
-  margin-left: 27px;
+    margin-top: 10px;
-  .item{
+  }
  .content_tab {
    background-color: #fff;
    width: 100%;
-    @include all-height(47px);
+    padding: 15px 15px;
-    .itemContent{
+    box-sizing: border-box;
-      margin-left: 5px;
+    .tab_title {
-      color: #323643;
+      font-size: 14px;
-      @include fontWeightSize(400,13px);
+      font-weight: bold;
      margin-bottom: 5px;
    }
-    .line{
+    .tab_content {
-      @include wh(100%,1px);
+      .item_wrap {
-      @include bgcolorOpa(#E9E9EA,0.6);
+        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>
+</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,41 +11,74 @@
        @click-left="goBack"
    />
  </div>
-  <van-pull-refresh v-model="isLoading" @refresh="onRefresh">
+  <van-tabs v-model="active" sticky @click="changeTabHandler" background="#2C395F" color="#ffffff" title-active-color="#ffffff" title-inactive-color="#BDC1CD">
-    <div class="itemWrap" v-for="(item,index) in notifyList" :key="index" >
+    <van-tab title="全部" name="1"></van-tab>
-      <div class="item line1">
+    <van-tab title="未开票" name="2"></van-tab>
-        <div class="itemTime">
+    <van-tab title="已开票" name="3"></van-tab>
-          <span class="title">开票月份:</span>
+  </van-tabs>
-          <span class="content">{{ item.invoiceMonth }}</span>
+  <div class="content_wrap" :class="{ 'pd_cls': active == 2 }">
-        </div>
+    <van-pull-refresh v-model="isLoading" @refresh="onRefresh">
-        <div class="orderNum">
+      <van-list
-          <span class="title">总案件数:</span>
+        v-model="loading"
-          <span class="content">{{ item.orderNum }}</span>
+        :finished="finished"
-        </div>
+        finished-text="没有更多了"
-        <div class="checkBtn" @click="goPage('invoicingDetail',{id:item.batchCode,startTime:item.startTime,overTime:item.overTime})">查看 </div>
+        @load="getMore"
-      </div>
+      >
-      <div class="item">
+        <van-search
-        <span class="title">批次号:</span>
+          v-model="batchCode"
-        <span class="content">{{ item.batchCode }}</span>
+          show-action
-      </div>
+          placeholder="请输入批次号或开票编号"
-      <div class="item">
+        >
-        <span class="title">结算总金额:</span>
+          <template #action>
-        <span class="content">{{ item.totalMoney + '元' }}</span>
+            <div @click="onSearch">搜索</div>
-      </div>
+          </template>
-      <div class="item">
+        </van-search>
-        <span class="title">扣款金额:</span>
+        <van-checkbox-group v-model="checkList">
-        <span class="content">{{ item.cutMoney + '元'}}</span>
+          <div class="itemWrap" v-for="(item,index) in notifyList" :key="index" @click="toggle(index)">
-      </div>
+            <div class="item line1">
-      <div class="item">
+              <div class="itemTime">
-        <span class="title">扣款原因:</span>
+                <span class="title">批次号:</span>
-        <span class="content"  style="color: #FF8F37;">{{ item.remark }}</span>
+                <span class="content">{{ item.batchCode }}</span>
-      </div>
+              </div>
-      <div class="item">
+              <div class="orderNum">
-        <span class="title">最终开票金额:</span>
+                <span class="title">总案件数:</span>
-        <span class="content">{{ item.invoiceMoney+ '元' }}</span>
+                <span class="content">{{ item?.orderNum || '' }}</span>
-      </div>
+              </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 ? item.totalMoney : 0 }}元</span>
            </div>
            <div class="item">
              <span class="title">扣款金额:</span>
              <span class="content">{{ item?.cutMoney || 0 }}元</span>
            </div>
            <div class="item">
              <span class="title">扣款原因:</span>
              <span class="content" style="color: #FF8F37;">{{ item.remark }}</span>
            </div>
            <div class="item">
              <span class="title">最终开票金额:</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>
-  </van-pull-refresh>
+    <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()
@ -81,19 +190,34 @@ export default {
    },
    async getNotifyList(){
      let res =  await notifyInvoiceList({
-          pageNum:this.pageNum,
+        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.notifyList=res.data;
+        this.total=res.total
-        console.log(this.notifyList)
+        if(this.pageNum == 1){
-        if(this.notifyList.length === 0){
+          this.notifyList=res.data;
-              this.show=true
+        }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%;
  }
 }
-</style>
+.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/notificationList.vue
+++ b/src/views/index/notificationList.vue
@ -0,0 +1,161 @@
 <template>
  <div>
    <div class="dialog-wrapper">
      <div class="title">
        {{ '告知函('+(currentIndex + 1)+'/'+ list.length+')' }}
      </div>
      <h3 class="top">{{currentItem?.title?currentItem?.title:(currentItem?.type==1 ? '质量不合格整改' : '质量不合格调整告知')}}</h3>
      <div class="center">
        <div v-html="formattedContent(currentItem)"></div>
      </div>
      <div class="end">
        <div>中道汽车救援股份有限公司</div>
        <div>区域管理部</div>
        <div>{{formatDate(currentItem)}}</div>
      </div>
      <div class="iptWrap">
        <div class="tip">请仔细阅读告知函内容，并在下方输入"我已阅读”以表明您已充分理解函件中的各项信息。</div>
        <el-input style="width: 50%" v-model.trim="content" placeholder="请输入我已阅读"></el-input>
      </div>
      <div class="dialog-footer">
        <el-button type="info" size="small" v-if="num > 0">还需阅读{{num}}秒</el-button>
        <el-button type="primary" size="small"  v-if="num==0" @click="confirmHandle(currentItem)">确认</el-button>
      </div>
    </div>
  </div>
 </template>
 <script>
  import {myMixins} from "@/utils/myMixins"
  import {selectUnReadNotifyBySupplier, correctionHandle} from "@/api/order"
  export default {
    name: "notificationList",
    mixins: [myMixins],
    data() {
      return {
        list: [],
        currentIndex: 0,
        num:10,
        timer: null,
        content: '',
      }
    },
    computed: {
      currentItem() {
        return this.list[this.currentIndex];
      }
    },
    watch: {
      currentIndex() {
        this.content = '';
        this.num = 10;
        this.startCountdown();
      },
    },
    async mounted() {
      await this.getLetterList();
      this.timer && clearInterval(this.timer)
      this.startCountdown();
    },
    methods: {
      async confirmHandle(item){
        if (this.content === '我已阅读') {
          console.log('item', item)
          let res = await correctionHandle({
            handleType:4,
            operationType:'modify',
            recordId:item.recordId,
            planId:item.planId,
            notifyId:item.id,
          });
          console.log('阅读res', res)
          // 确认成功后处理下一个告知函
          this.currentIndex++;
          if (this.currentIndex < this.list.length) {
            this.content = '';
            this.num = 10;
            this.startCountdown();
          } else {
            this.closeHandle();
          }
        } else {
          this.$message.error('请输入"我已阅读"以确认');
        }
      },
      async getLetterList(){
        let res = await selectUnReadNotifyBySupplier();
        let result = res?.data || []
        if(result && result.length>0){
          this.list = result
        }
      },
      formatDate(val){
        /** 日期格式化
         * */
        if(!val?.updateTime){
          return
        }
        const date = new Date(val.updateTime);
        const year = date.getFullYear();
        const month = date.getMonth() + 1; // 月份从 0 开始，需要加 1
        const day = date.getDate();
        const formattedDate = `${year}年${month}月${day}日`;
        return formattedDate
      },
      formattedContent(val) {
        /** 转换文本，能被 v-html 识别
         * */
        return val?.content?.replace(/\r\n/g, '<br>').replace(/\n/g, '<br>');
      },
      startCountdown() {
        this.stopCountdown()
        this.timer = setInterval(() => {
          if (this.num > 0) {
            this.num--;
          }
        }, 1000);
      },
      closeHandle() {
        this.stopCountdown();
        // 调用 app 的方法
        this.goBack();
      },
      stopCountdown() {
        if (this.timer) {
          clearInterval(this.timer);
          this.timer = null;
        }
      },
    }
  }
 </script>
 <style scoped lang="scss">
 .dialog-wrapper {
  padding: 10px 20px;
 }
 .title {
 }
  .top {
    text-align: center;
  }
  .center {
    margin: 20px 0;
    line-height: 24px;
    .hight{
      color: #0B99E4;
    }
  }
 .end{
  text-align: right;
  line-height: 24px;
 }
 .tip{
  margin-top: 40px;
  margin-bottom: 10px;
 }
  .dialog-footer {
    text-align: right;
  }
 </style>
--- a/src/views/index/reporting.vue
+++ b/src/views/index/reporting.vue
@ -111,7 +111,7 @@ export default {
  padding: 13px 24px 0;
  width: 100%;
  height: 100%;
-  //overflow-y: auto;
+  overflow-y: auto;
 }
 .title {
--- 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
@ -6,15 +6,15 @@
      <div class="metersWrap">
        <div class="item"  v-show="supplierSettlementType != 1">
          <div class="leftKiloMeters">AB段公里数</div>
-          <div class="rightInput"><input type="number" v-model="form.reportMileageAb"/>公里</div>
+          <div class="rightInput"><input type="number" :disabled="!taskCostShow" v-model="form.reportMileageAb"/>公里</div>
        </div>
        <div class="item"  v-show="supplierSettlementType == 1 || supplierSettlementType == 2 || supplierSettlementType == 3 || supplierSettlementType == 4">
          <div class="leftKiloMeters">BC段公里数</div>
-          <div class="rightInput"><input type="number" v-model="form.reportMileageBc"/>公里</div>
+          <div class="rightInput"><input type="number" :disabled="!taskCostShow" v-model="form.reportMileageBc"/>公里</div>
        </div>
        <div class="item"  v-show=" supplierSettlementType == 3 || supplierSettlementType == 4">
          <div class="leftKiloMeters">CA段公里数</div>
-          <div class="rightInput"><input type="number" v-model="form.reportMileageCa"/>公里</div>
+          <div class="rightInput"><input type="number" :disabled="!taskCostShow" v-model="form.reportMileageCa"/>公里</div>
        </div>
      </div>
    </div>
@ -24,15 +24,15 @@
      <div class="metersWrap">
        <div class="item"  v-show="supplierSettlementType != 1">
          <div class="leftKiloMeters">AB段路桥费</div>
-          <div class="rightInput"><input type="number" v-model="form.bridgeAmountAb"/>元</div>
+          <div class="rightInput"><input type="number" :disabled="!taskCostShow" v-model="form.bridgeAmountAb"/>元</div>
        </div>
        <div class="item"  v-show="supplierSettlementType == 1 || supplierSettlementType == 2 || supplierSettlementType == 3 || supplierSettlementType == 4">
          <div class="leftKiloMeters">BC段路桥费</div>
-          <div class="rightInput"><input type="number" v-model="form.bridgeAmountBc"/>元</div>
+          <div class="rightInput"><input type="number" :disabled="!taskCostShow" v-model="form.bridgeAmountBc"/>元</div>
        </div>
        <div class="item"  v-show=" supplierSettlementType == 3 || supplierSettlementType == 4">
          <div class="leftKiloMeters">CA段路桥费</div>
-          <div class="rightInput"><input type="number" v-model="form.bridgeAmountCa"/>元</div>
+          <div class="rightInput"><input type="number" :disabled="!taskCostShow" v-model="form.bridgeAmountCa"/>元</div>
        </div>
      </div>
    </div >
@ -42,23 +42,23 @@
      <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" :disabled="!taskCostShow" v-model="form.tyreNumber" @input="handleInput"/>个</div>
        </div>
        <div class="item">
          <div class="leftKiloMeters">等候费</div>
-          <div class="rightInput"><input type="number" v-model="form.waitAmount"/>元</div>
+          <div class="rightInput"><input type="number" :disabled="!taskCostShow" v-model="form.waitAmount"/>元</div>
        </div>
        <div class="item"  >
          <div class="leftKiloMeters">困境费</div>
-          <div class="rightInput"><input type="number" v-model="form.dilemmaFee"/>元</div>
+          <div class="rightInput"><input type="number" :disabled="!taskCostShow" v-model="form.dilemmaFee"/>元</div>
        </div>
        <div class="item blueColor" >
          <div class="leftKiloMeters">收取客户金额</div>
-          <div class="rightInput blueColor"><input class="blueColor" type="number" v-model="form.customerAmount"/>元</div>
+          <div class="rightInput blueColor"><input class="blueColor" type="number" :disabled="!taskCostShow" v-model="form.customerAmount"/>元</div>
        </div>
      </div>
    </div>
-    <div class="btn">
+    <div class="btn" v-if="taskCostShow || finishLt7">
      <button @click="submit">提交</button>
    </div>
  </div>
@ -82,11 +82,13 @@ export default {
        bridgeAmountAb:'',
        bridgeAmountBc:'',
        bridgeAmountCa:'',
-        tyreNumber:'',
+        tyreNumber:0,
        waitAmount:'',
        dilemmaFee:'',
        customerAmount:'',
-        taskFlowId:''
+        taskFlowId:'',
        auditStatus:'',
        finishTime:'',
      }
    }
  },
@ -97,7 +99,24 @@ export default {
      this.orderCode = urlParams.get('orderCode')
      await this.getDetail()
  },
  computed:{
    taskCostShow() {
      return this.form.auditStatus?.code && !([3, 4, 6].includes(this.form.auditStatus.code))
    },
    finishLt7(){
      return  !this.form.finishTime || (this.form.finishTime && new Date().getTime() - new Date(this.form.finishTime).getTime() <= 7 * 24 * 60 * 60 * 1000)
    },
  },
  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()
    },
@ -109,7 +128,6 @@ export default {
      })
      leftCopy(this.form,{...res.data});
      this.supplierSettlementType= res.data.supplierSettlementType?.code
      // this.form.taskFlowId =1
    },
    async updatSettlement(){
      let result =await updateOrderSettlement({
--- a/src/views/index/toDoList.vue
+++ b/src/views/index/toDoList.vue
@ -1,8 +1,31 @@
 <template>
-  <div class="empty" v-if="show">
+  <div class="wrapCotainer">
-    <img src="@/assets/empty.png" >
+    <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="empty" v-if="show">
      <img src="@/assets/empty.png" >
    </div>
    <div class="wrap"  v-else>
      <div class="itemWrap" @click="goApprovalList" v-for="(item,index) in todolist" :key="index">
        <div class="left">
          <div class="title">{{ item.toDoName }}<span class="num" v-if="item.toDoCount">{{item.toDoCount}}</span></div>
          <img class="ritBtn" src="@/assets/todoRight.png">
        </div>
        <div class="time">{{ item.toDoTime }}</div>
      </div>
    </div>
  </div>
-  <div class="wrap" v-else>
+
 <!--  <div class="wrap" v-else>
    <ul id="dataList" class="dataList">
      <li class="item" v-for="(item,i) in todolist" :key="i">
        <div class="left">
@ -18,14 +41,18 @@
        </div>
      </li>
    </ul>
-  </div>
+  </div>-->
 </template>
 <script>
-import {getToDoList, toDoAudit} from "@/api/order"
+//getToDoList,toDoAudit
 import {toDoListNew} from "@/api/order"
 import {userOperationPermissions} from "@/api/mine"
 import {myMixins} from  "@/utils/myMixins"
 export default {
  name: "toDoList",
  mixins:[myMixins],
  data() {
    return {
      todolist: [],
@ -38,9 +65,14 @@ export default {
    this.getList()
  },
  methods: {
    goApprovalList(){
      this.$router.push({ name: 'vehicleMaintenanceList',})
    },
    async getList() {
-      let result = await getToDoList();
+      // let result = await getToDoList();
      let result=await toDoListNew();
      this.todolist = result.data;
      console.log("this.todolist",this.todolist)
      if (this.todolist?.length === 0) {
        this.show = true
      } else {
@ -50,9 +82,8 @@ export default {
    async getPermissions(){
      let res = await userOperationPermissions();
      this.permissonList = res.data
      // console.log("代办事项",this.permissonList.includes('approve'))
    },
-    async todoAudit(item,type) {
+/*    async todoAudit(item,type) {
       await toDoAudit({
        toDoId: item.toDoId,
        toDoType: item.toDoType.code,
@ -60,7 +91,7 @@ export default {
      })
      this.todolist=[]
      await this.getList();
-    },
+    },*/
  }
 }
 </script>
@ -68,6 +99,13 @@ export default {
 <style scoped lang="scss">
@import "@/styles/mixin.scss";
@import "@/styles/common.scss";
 .wrapCotainer{
  @include wh(100%,100%);
  background-color: #F4F5F7;
 }
 .navBar{
  height: 46px;
 }
 .empty{
  @include wh(100%,100%);
  background-color: #FAFAFA;
@ -78,9 +116,36 @@ export default {
 }
 .wrap {
  @include wh(100%, 100%);
-  box-sizing: border-box;
+  @include sizing4Padding(13px,13px,0,13px);
-  padding: 13px 13px 0 13px;
+  .itemWrap{
-  background-color: #F4F5F7;
+    @include wh(349px, 68px);
    background: #FFFFFF;
    box-shadow: 0px 2px 10px 0px rgba(216,216,216,0.5);
    @include sizing4Radius(11px,12px,16px,15px, 6px);
    @include flexBetween;
    margin-bottom: 10px;
    .left{
      @include flexColBet;
    }
    .ritBtn{
      @include wh(6px, 9px);
    }
    .time{
      opacity: .6;
    }
    .title{
      @include flexCenter;
    }
    .num{
      display: inline-block;
      @include whLin(14px, 14px);
      @include fontWeightSize(10px,bold);
      @include bgFontColor(#FFFFFF,#F93D3D);
      border-radius: 2px;
      text-align: center;
      margin-left: 8px;
    }
  }
 }
 .dataList {
--- a/src/views/index/uploadInvoice.vue
+++ b/src/views/index/uploadInvoice.vue
@ -0,0 +1,599 @@
 <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 { Decimal } from 'decimal.js';
  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 = new Decimal(total).plus(new Decimal(item.invoiceMoney)).toNumber()
        })
        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";
              }
              let conList = res.data.ocrInvoiceRes.data.invoiceDetails.filter(a => a.itemName.includes("*"))
              if(!res.data.ocrInvoiceRes.data.sellerName.startsWith("国家税务总局") &&
                conList.every(a => {
                  let items = a.itemName.split("*")
                  return (!items[1].includes("现代服务") && !items[1].includes("运输服务")) || (!items[2].includes("拖车") && !items[2].includes("救援") && !items[2].includes("施救") && !items[2].includes("清障") && !items[2].includes("道路救援"))
                })
              ){
                errorStr = errorStr + "分类必须包含：现代服务/运输服务，服务名称必须包含：拖车/救援/施救/清障/道路救援 ;例如《*现代服务*拖车费》";
              }
              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
@ -1,5 +1,5 @@
 <template>
-<div class="wrap">
+<div class="wrap vehicleAdd">
  <div class="navBar">
    <van-nav-bar
        :title="id ? '修改车辆信息' : '添加车辆'"
@ -12,15 +12,126 @@
    />
  </div>
 <div class="addContentWrap">
-  <cell-group label="车牌号" placeholder="请输入车牌号"   v-model="carNum" />
+  <div class="itemContent">
    <div class="titleType">
      <img class="startImg" src="@/assets/start.png" />
      <span>行驶证首页</span>
    </div>
    <van-uploader
      v-model="vehicleLicenseFrontList"
      :after-read="vehicleLicenseFrontHandler"
      :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" />
      <span>行驶证副页</span>
    </div>
    <van-uploader
      v-model="vehicleLicenseBackList"
      :after-read="vehicleLicenseBackHandler"
      :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" />
      <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" />
      <span>车头照</span>
    </div>
    <van-uploader
      v-model="vehicleFrontPhotoList"
      :after-read="vehicleFrontPhotoHandler"
      max-count="1"
      :preview-size="54"
      accept="image "
    />
  </div>
  <cell-group label="车牌号" placeholder="车牌号" disabled v-model="carNum" />
  <div class="itemContent">
    <div class="titleType">
      <img class="startImg" src="@/assets/start.png" />
      <span>车辆类型</span>
    </div>
-    <select id="mySelect"  class="mySelect"  v-model="selectedOption">
+<!--
-      <option v-for="(item,index) in typeList" :key="index" :value="index">{{item}}</option>
+    <select
        id="mySelect"
        class="mySelect"
        v-model="selectedOption"
        multiple
    >
      <option
          v-for="item in typeList"
          :key="item"
          :value="item"
          :disabled="isOptionDisabled(item)"
      >
        {{ item }}
      </option>
    </select>
 -->
    <el-select
        multiple
        :multiple-limit="isMultiple ? 2 : 1"
        v-model="selectedOption"
        value-key="name"
        class="elSelect"
        collapse-tags="collapse-tags"
        placeholder="请选择"  style="width: 55%"
    >
      <el-option
          v-for="item in vehicleTypes"
          :key="item.name"
          :label="item.name"
          :value="item.value"
          :disabled="!item.disabled ? false : true"
      >
      </el-option>
    </el-select>
  </div>
  <div class="itemContent">
    <div class="titleType">
      <span>牌照</span>
    </div>
    <el-select
      v-model="vehicleLicense"
      disabled
      value-key="name"
      class="elSelect"
      collapse-tags="collapse-tags"
      placeholder="请选择"  style="width: 55%"
    >
      <el-option
        v-for="item in vehicleLicenseOptions"
        :key="item.name"
        :label="item.name"
        :value="item.value"
      >
      </el-option>
    </el-select>
  </div>
  <div class="lineBot"></div>
  <div class="itemContent">
@ -65,7 +176,7 @@
        <span class="line"></span>
      </div>
      <div :ref="'checkboxGroup' + index"  class="checkbox-group">
-        <van-checkbox-group  v-model="serviceIds" v-for="(item2,index2) in item.children" :key="index2" class="radioWrap" >
+        <van-checkbox-group  v-model="serviceIds" v-for="(item2,index2) in item.children" :key="index2" class="radioWrap">
          <van-checkbox class="item" :name="item2.id">{{item2.name }}</van-checkbox>
        </van-checkbox-group>
      </div>
@ -78,8 +189,9 @@
 </template>
 <script>
  // uploadImage
 import {myMixins} from "@/utils/myMixins"
-import {vehicleTypeList,saveVehicle,getInfoById,supplierServiceTree} from "@/api/mine"
+import {vehicleTypeList,saveVehicle,getInfoById,supplierServiceTree, uploadImage, ocrHandler} from "@/api/mine"
 import TwoCommonBtn from "@/components/twoBtnCommon.vue"
 import CellGroup from "@/components/cellGroup.vue";
 export default {
@ -95,27 +207,230 @@ export default {
      checked: true,
      carNum:"",//车牌号
      typeList:[],//车辆类型列表
-      selectedOption:'1',//车辆类型
+      selectedOption:[],//车辆类型
      id:'',//车辆Id
      serviceIds:[],//车辆服务种类,
      supplierServiceList:[],
      oldSupplierServiceList:[],
      show:false,
-      imageUrl: require('@/assets/arr_right.png')
+      imageUrl: require('@/assets/arr_right.png'),
      vehicleLicenseFrontList: [],
      vehicleLicenseBackList: [],
      vehicleLicenseCarPhotoList: [],
      vehicleFrontPhotoList: [],
      vehicleLicenseFront: '',  // 行驶证首页
      vehicleLicenseBack: '',   // 行驶证副页
      vehicleLicenseCarPhoto: '',  // 行驶证车辆照片
      vehicleFrontPhoto: '',    // 车头照
      vehicleLicenseInfo: {},
      vehicleLicenseBackOcrFlag: false,   // 行驶证副页 修改时默认不需要 ocr识别
      isMultiple: false,     // 是否支持多选
      vehicleLicense:'',//牌照
      vehicleFrontLicensePlate:'',//车头照车牌号码
      vehicleTypes:[{
        name: '小修车',
        value: 1
      },{
        name: '一般平板车',
        value: 2
      },{
        name: '落地平板车',
        value: 3
      },{
        name: '地库车',
        value: 4
      },
        {
          name:'牵引车',
          value: 5 },
        {
          name:'大力神',
          value:6},
        {
          name:'充电车',
          value: 7 },
        {
          name:'吊车',
          value: 8 },
        {
          name:'公车',
          value: 9 },
        {
          name:'箱式拖车',
          value: 10 },
      ],
      vehicleLicenseOptions: [{
        name: '蓝牌',
        value: 1
      }, {
        name: '黄牌',
        value: 2
      }, {
        name: '新能源',
        value: 3
      }, {
        name: '临牌',
        value: 4
      }, {
        name: '其他',
        value: 5
      }]
    }
  },
  watch:{
    selectedOption(newVal){
      if(newVal == 4){
        this.isMultiple = true
        this.vehicleTypes[2].disabled=true
        this.vehicleTypes[5].disabled=true
        this.vehicleTypes[6].disabled=true
        this.vehicleTypes[7].disabled=true
        this.vehicleTypes[8].disabled=true
        this.vehicleTypes[9].disabled=true
      }else{
        this.isMultiple = false
        this.vehicleTypes[2].disabled=false
        this.vehicleTypes[5].disabled=false
        this.vehicleTypes[6].disabled=false
        this.vehicleTypes[7].disabled=false
        this.vehicleTypes[8].disabled=false
        this.vehicleTypes[9].disabled=false
      }
      if (newVal == 1 || newVal == 7){
        let arr = []
        this.supplierServiceList.forEach((item)=>{
          if(!(item.name == '拖车服务' || item.name == '大型车救援')){
            arr.push(item)
          }
        })
        this.supplierServiceList = arr
      }else{
        this.supplierServiceList = this.oldSupplierServiceList
      }
    },
  },
  async mounted() {
    this.id=this.$route.params?.id
-    const selectElement = document.getElementById('mySelect');
+    await this.getSupplierServiceTree();
    selectElement.addEventListener('change', function() {
     this.selectedOption=selectElement.value;
    });
    await this.getTypeList();
    if( this.id){
      await this.vehicleInfo()
    }
    await this.getSupplierServiceTree();
  },
  methods:{
    getVehicleLicense(color) {
      if( color == '蓝' ) {
        this.vehicleLicense = 1
      } else if(color == '黄') {
        this.vehicleLicense = 2
      } else if(color == '临牌') {
        this.vehicleLicense = 4
      } else if(color.includes('绿')) {
        this.vehicleLicense = 3
      } else {
        this.vehicleLicense = 5
      }
    },
    async vehicleLicenseFrontHandler(file) {    // 上传 行驶证首页
      const formData = new FormData();
      formData.append("file" , file.file);
      let res = await uploadImage(formData)
      this.vehicleLicenseFront = res.data;
      await this.vehicleOcrHandler();
    },
    async vehicleLicenseBackHandler(file) {     // 上传 行驶证副页
      this.vehicleLicenseBackOcrFlag = true;
      const formData = new FormData();
      formData.append("file" , file.file);
      let res = await uploadImage(formData);
      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);
      let res = await uploadImage(formData);
      this.vehicleFrontPhoto = res.data;
      await this.ocrCarFrontHandler()
    },
    async ocrCarFrontHandler() {     // 车辆正面 orc 识别
      let res = await ocrHandler({
        ocrType: 10,
        imageUrl: this.vehicleFrontPhoto,
        cardSide: 'FRONT'
      });
      this.vehicleFrontLicensePlate=res.data?.number
      this.getVehicleLicense(res.data.color)
    },
    async vehicleOcrHandler() {     // 行驶证首页 ocr 识别
      this.vehicleLicenseInfo.licensePlateNumber = '';
      this.vehicleLicenseInfo.vehicleType = '';
      this.vehicleLicenseInfo.owner = '';
      this.vehicleLicenseInfo.address = '';
      this.vehicleLicenseInfo.useNature = '';
      this.vehicleLicenseInfo.model = '';
      this.vehicleLicenseInfo.vinCode = '';
      this.vehicleLicenseInfo.engineNumber = '';
      this.vehicleLicenseInfo.registrationDate = '';
      this.vehicleLicenseInfo.issueDate = '';
      this.vehicleLicenseInfo.issueAuthority = '';
      let res = await ocrHandler({
        ocrType: 3,
        imageUrl: this.vehicleLicenseFront,
        cardSide: 'FRONT'
      })
      if ( res?.data?.frontInfo ) {
        let frontInfo = res?.data?.frontInfo;
        this.carNum = frontInfo?.plateNo;
        this.vehicleLicenseInfo.licensePlateNumber = frontInfo?.plateNo;
        this.vehicleLicenseInfo.vehicleType = frontInfo?.vehicleType;
        this.vehicleLicenseInfo.owner = frontInfo?.owner;
        this.vehicleLicenseInfo.address = frontInfo?.address;
        this.vehicleLicenseInfo.useNature = frontInfo?.useCharacter;
        this.vehicleLicenseInfo.model = frontInfo?.model;
        this.vehicleLicenseInfo.vinCode = frontInfo?.vin;
        this.vehicleLicenseInfo.engineNumber = frontInfo?.engineNo;
        this.vehicleLicenseInfo.registrationDate = frontInfo?.registerDate;
        this.vehicleLicenseInfo.issueDate = frontInfo?.issueDate;
        this.vehicleLicenseInfo.issueAuthority = frontInfo?.seal;
      }
    },
    async vehicleBackOcrHandler() {     // 行驶证副页 ocr 识别
      this.vehicleLicenseInfo.recordNumber = '';
      this.vehicleLicenseInfo.passengerCapacity = '';
      this.vehicleLicenseInfo.totalWeight = '';
      this.vehicleLicenseInfo.curbWeight = '';
      this.vehicleLicenseInfo.permittedWeight = '';
      this.vehicleLicenseInfo.overallDimension = '';
      this.vehicleLicenseInfo.tractionWeight = '';
      this.vehicleLicenseInfo.backPlateNo = '';     // 行驶证副页 车牌号，仅用来判断 ocr 识别是否成功
      let res = await ocrHandler({
        ocrType: 3,
        imageUrl: this.vehicleLicenseBack,
        cardSide: 'BACK'
      })
      if(res?.data?.backInfo) {
        let backInfo = res?.data?.backInfo;
        this.vehicleLicenseInfo.recordNumber = backInfo?.fileNo;
        this.vehicleLicenseInfo.passengerCapacity = backInfo?.allowNum;
        this.vehicleLicenseInfo.totalWeight = backInfo?.totalMass;
        this.vehicleLicenseInfo.curbWeight = backInfo?.curbWeight;
        this.vehicleLicenseInfo.permittedWeight = backInfo?.loadQuality;
        this.vehicleLicenseInfo.overallDimension = backInfo?.externalSize;
        this.vehicleLicenseInfo.tractionWeight = backInfo?.TotalQuasiMass;
        this.vehicleLicenseInfo.backPlateNo = backInfo?.plateNo;
      }
      console.log('this.vehicle', this.vehicleLicenseInfo)
    },
    loadAll(i){
      // console.log(i)
      this.show = !this.show
@ -133,35 +448,103 @@ export default {
    },
    async getTypeList() {
        let result=await vehicleTypeList();
        this.typeList=[]
        if(result.code === 200){
-          this.typeList=result.data
+          for (const key in result.data){
            // console.log("keys",result.data[key])
            this.typeList.push({name:result.data[key],disabled:false,value:(key+1)})
            // this.typeList.push(result.data[key])
          }
        }
    },
    async getSupplierServiceTree(){
      let res = await supplierServiceTree();
      this.supplierServiceList=res.data
      this.oldSupplierServiceList=this.supplierServiceList
    },
    async vehicleInfo(){
      let res= await  getInfoById({
        vehicleId:this.id
      })
-        let result=res.data;
+      let result=res.data;
-        this.id=result.vehicleId
+      console.log("result",result)
-        this.carNum=result.plateNumber
+      this.id=result.vehicleId
-        this.isJoin=result.hasPolymerization.code
+      this.carNum=result.plateNumber
-        this.selectedOption=result.vehicleType;
+      this.isJoin=result.hasPolymerization.code
-        this.serviceIds=result.serviceIds
+      this.selectedOption=result.vehicleType?.split(',').map((item)=>{
        return Number(item);
      });
      this.serviceIds=result.serviceIds
      this.vehicleLicenseFront = result.vehicleLicenseFront;
      this.vehicleLicenseBack = result.vehicleLicenseBack;
      this.vehicleFrontPhoto = result.vehicleFrontPhoto;
      this.vehicleLicenseInfo = result.vehicleLicenseInfo;
      this.vehicleLicenseCarPhoto = result.vehicleLicenseCarPhoto;
      this.vehicleLicense = result.vehicleLicense;
      this.vehicleFrontLicensePlate = result.vehicleFrontLicensePlate;
      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
    },
    async submitBtn(){
-        await saveVehicle({
+        if( !this.vehicleLicenseFront ) {
          this.$toast('行驶证主页照片不能为空')
          return
        }
      if( !this.vehicleLicenseBack ) {
        this.$toast('行驶证副页照片不能为空')
        return
      }
      if( !this.vehicleLicenseCarPhoto ) {
        this.$toast('行驶证车辆照片页不能为空')
        return
      }
      if( !this.vehicleFrontPhoto ) {
        this.$toast('车头照片不能为空')
        return
      }
      if( !this.vehicleLicenseInfo.licensePlateNumber ) {
        this.$toast('行驶证主页识别失败')
        return
      }
      if(this.vehicleLicenseBackOcrFlag && !this.vehicleLicenseInfo.backPlateNo ) {
        this.$toast('行驶证副页识别失败')
        return
      }
      if(!(this.selectedOption.length > 0)){
        this.$toast('车辆类型不能为空')
        return
      }
      if(this.selectedOption?.length==1 && this.selectedOption.includes(1)){//选择小修车时需清除原本的拖车服务类型
        let data=this.oldSupplierServiceList.filter(item => item.name ==='拖车服务')
        this.serviceIds = this.serviceIds.filter(item => !data[0].children.some(obj => obj.id === item));
      }
      await saveVehicle({
          vehicleId:this.id ? this.id : '',
          plateNumber:this.carNum ? this.carNum :'',
-          vehicleType:this.selectedOption ? this.selectedOption : '',
+          vehicleType:this.selectedOption?.length>0 ? this.selectedOption.join(',') : '',
          hasPolymerization:this.isJoin,
-          serviceIds:this.serviceIds ? this.serviceIds : []
+          serviceIds:this.serviceIds ? this.serviceIds : [],
          vehicleLicenseFront: this.vehicleLicenseFront,
          vehicleLicenseBack: this.vehicleLicenseBack,
          vehicleFrontPhoto: this.vehicleFrontPhoto,
          vehicleLicenseInfo: this.vehicleLicenseInfo,
          vehicleLicenseCarPhoto: this.vehicleLicenseCarPhoto,
          vehicleLicense: this.vehicleLicense,
          vehicleFrontLicensePlate:this.vehicleFrontLicensePlate,
        })
        if(this.id){
          this.$toast('修改成功')
@ -180,6 +563,12 @@ export default {
 }
 </script>
 <style>
  .vehicleAdd .van-field__control:disabled {
    color: #323643 !important;
    -webkit-text-fill-color: #323643 !important;
  }
 </style>
 <style scoped lang="scss">
@import "@/styles/mixin.scss";
@import "@/styles/common.scss";
@ -274,4 +663,8 @@ export default {
    margin: 40px 0 30px 8px;
  }
 }
-</style>
+.elSelect ::v-deep .el-input__inner{
  border: none !important;
  text-align: right !important;
 }
 </style>
--- 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/circleChar.vue
+++ b/src/views/kpi/components/circleChar.vue
@ -0,0 +1,113 @@
 <template>
 <div class="wrap">
  <div  id="supplierScore" ref="supplierScore" class="chart" @click="handle"></div>
 </div>
 </template>
 <script>
 import * as echarts from 'echarts';
 export default {
  name: "circleChar",
  props:['data','bgColor','titleText','isStore'],
  data(){
    return{
    }
  },
  mounted() {
  /*  if(this.data){
      this.drawHandle();
    }*/
    setTimeout(()=>{
      this.drawHandle();
    },500)
  },
  methods:{
    initCircle(){
      // setTimeout(()=>{
        this.drawHandle();
      // },500)
    },
    handle(){
      if(this.titleText == '投诉率'){
        this.$emit('clickComplain')
      }else if(this.titleText == '使用率'){
        this.$emit('clickUse')
      }
    },
    // 绘制 总分图表
    drawHandle() {
      let supplierScoreChart = echarts.init(this.$refs.supplierScore)
      let option;
      let arrow=(this.titleText == '投诉率' || this.titleText == '使用率') ? '>' : ''
      const gaugeData = [
        {
          value: this.data,
          name: this.isStore ? '' : this.titleText+arrow,
          title: {
            offsetCenter: ['0%', '20%']
          },
          detail: {
            valueAnimation: true,
            offsetCenter: ['0%', this.isStore ? '10%' : '-25%']
          }
        }
      ];
      option = {
        series: [
          {
            type: 'gauge',
            startAngle: 90,
            endAngle: -270,
            pointer: {
              show: false
            },
            progress: {
              show: true,
              // width:6,
              itemStyle:{
                color:this.bgColor
              }
            },
           /* axisLine: {
              lineStyle: {
                width:12,
              }
            },*/
            splitLine: { show: false},
            axisTick: { show: false},
            axisLabel: {show: false},
            data: gaugeData,
            title: {
              fontSize: 11,
              color:'rgba(4, 4, 21,0.45)'
            },
            detail: {
              color:this.isStore ? this.bgColor : '#040415',
              fontSize: this.isStore ? 43 :19,
              formatter: this.isStore ? '{value}' : '{value}%'
            }
          }
        ]
      };
      // 绘制图表
      option && supplierScoreChart.setOption(option, true);
    },
  }
 }
 </script>
 <style scoped lang="scss">
@import "@/styles/mixin.scss";
 .wrap{
  @include flexCenter;
 }
 .img{
  @include whMarLe(12px,10px,4px);
 }
 .chart{
  width: 100%;
  height: 125px;
 }
 </style>
--- a/src/views/kpi/components/noFit-table.vue
+++ b/src/views/kpi/components/noFit-table.vue
@ -0,0 +1,193 @@
 <template>
  <div class="wrap">
    <el-table :data="tableData"
              stripe
              border
              style="width: 100%"
              height="100%"
              v-loading="loading"
              :cell-style="setTableCellStyle"
              class="custom-table">
      <template v-if="active===1">
        <el-table-column v-for="item in labelList" :key="item.prop" :label="item.label" :prop="item.prop" align="center">
          <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'">
        </el-table-column>
      </template>
    </el-table>
  </div>
 </template>
 <script>
 export default {
  name: "noFit-table",
  props: ['tableData', 'labelList', 'loading', 'isMobile','active'],
  data() {
    return {}
  },
  mounted() {
  },
  computed: {
    filteredLabelList() {
      if(this.active!==4){
        return
      }
      return this.labelList.filter(column => column.label !== '星级评分');
    }
  },
  methods: {
    setTableCellStyle({ row, column,columnIndex }) {
      // 月总表格被转置，原始方法失效，重新定义对比
      if(this.active===1){
        if(row.month == '3′接单率(%)'){
          if(columnIndex){
            let res=row[column.property]
            const rate = parseFloat(res && res.replace('%', ''));
            if(rate < 95){
              return {backgroundColor: '#F1B289'}
            }
          }
        }
        if(row.month == '接单时效(分)'){
          if(columnIndex){
            let res=row[column.property]
            if(res > 5){
              return {backgroundColor: '#F1B289'}
            }
          }
        }
        if(row.month == '到达时效(分)'){
          if(columnIndex){
            let res=row[column.property]
            if(res > 40){
              return {backgroundColor: '#F1B289'}
            }
          }
        }
        if(row.month == '总聚合成功率(%)'){
          if(columnIndex){
            let res=row[column.property]
            const rate = parseFloat(res && res.replace('%', ''));
            if(rate < 80){
              return {backgroundColor: '#F1B289'}
            }
          }
        }
        if(row.month == '使用率(%)'){
          if(columnIndex){
            let res=row[column.property]
            const rate = parseFloat(res && res.replace('%', ''));
            if(rate < 95){
              return {backgroundColor: '#F1B289'}
            }
          }
        }
        if(row.month == '投诉率(%)'){
          if(columnIndex){
            let res=row[column.property]
            const rate = parseFloat(res && res.replace('%', ''));
            if(rate > 0.1){
              return {backgroundColor: '#F1B289'}
            }
          }
        }
      }
      // 接单率
      if(column.property=='threeMinutesReceivingRate'){
        if(columnIndex){
          const rate = parseFloat(row.threeMinutesReceivingRate && row.threeMinutesReceivingRate.replace('%', ''));
          if(rate < 95){
            return {backgroundColor: '#F1B289'}
          }
        }
      }
      //师傅接单时效》5
      if(column.property=='receiving'){
        if(columnIndex){
          if(row.receiving > 5){
            return {backgroundColor: '#F1B289'}
          }
        }
      }
      //到达时效》40
      if(column.property=='arriving'){
        if(columnIndex){
          if(row.arriving > 40){
            return {backgroundColor: '#F1B289'}
          }
        }
      }
      //聚合成功率《80
      if(column.property=='polymerizationSuccessRate'){
        if(columnIndex){
          const rate = parseFloat(row.polymerizationSuccessRate && row.polymerizationSuccessRate.replace('%', ''));
          if(rate < 80){
            return {backgroundColor: '#F1B289'}
          }
        }
      }
      //app使用率《95
      if(column.property=='appRate'){
        if(columnIndex){
          const rate = parseFloat(row.appRate && row.appRate.replace('%', ''));
          if(rate < 95){
            return {backgroundColor: '#F1B289'}
          }
        }
      }
      //催促率》3
      if(column.property=='urgeRate'){
        if(columnIndex){
          const rate = parseFloat(row.urgeRate && row.urgeRate.replace('%', ''));
          if(rate > 3){
            return {backgroundColor: '#F1B289'}
          }
        }
      }
      //投诉率》0.1
      if(column.property=='complainOrderRate'){
        if(columnIndex){
          const rate = parseFloat(row.complainOrderRate.replace('%', ''));
          if(rate > 0.1){
            return {backgroundColor: '#F1B289'}
          }
        }
      }
    }
  }
 }
 </script>
 <style scoped lang="scss">
@import "@/styles/mixin.scss";
 ::v-deep .el-table{
  font-size: 11px;
 }
 ::v-deep .el-table thead{
  color: #1D2129;
  font-weight: bold;
 }
 ::v-deep .el-table th.el-table__cell.is-leaf {
  background-color: #E5E6EB;
 }
 ::v-deep .el-table .el-table__cell{
  padding: 4px 0 !important;
 }
 </style>
--- a/src/views/kpi/kpiIndex.vue
+++ b/src/views/kpi/kpiIndex.vue
--- 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
@ -0,0 +1,261 @@
 <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.updateTime }}</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>
 <!--          <template v-if="item.alreadyRead === 1">
            <div class="status"  style="color: #cccccc">已处理</div>
          </template>
          <template v-else>
            <div class="status" >未处理</div>
          </template>-->
        </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 {pageList} from  "@/api/mine"
 export default {
  name: "newTrainingList",
  computed: {
  },
  mixins:[myMixins],
  data(){
    return{
      pageNum:1,
      pageSize:10,
      pageList:[],
      keyword:'',
      show:false,
      showEmpty:false,
      isLoading:false,
      showPoup:true,//进入弹框
      isFinished:false,
    }
  },
  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();
    // 每次回答完问题之后返回需重新加结果
  },
  async activated() {
    await this.getList()
  },
  methods:{
    onRefresh() {
      this.getList()
      setTimeout(() => {
        this.$toast('刷新成功');
        this.isLoading = false;
      }, 1000);
    },
    async getList(){
      let res= await pageList({
        pageNum:this.pageNum,
        pageSize:this.pageSize,
        docType:1,
        trainingType:4,
      })
      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
      }
    },
    initShow(){
      this.keyword= '',
      this.getList()
    },
    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";
 .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;
      }
    }
 }
 .alRead{
  color: #cccccc !important;
 }
 </style>
--- a/Show More
+++ b/Show More