二手车车源信息--求购页添加车源id

story#6735 中道救援系统及调度APP中新增报警模块接口
2025-07-23 15:37:41 +08:00 · 2025-07-18 17:36:24 +08:00 · 2025-07-18 16:48:25 +08:00 · 2025-07-17 09:16:47 +08:00 · 2025-07-16 16:00:55 +08:00 · 2025-07-09 14:13:52 +08:00
111 changed files with 6227 additions and 109 deletions
--- a/.gitignore
+++ b/.gitignore
@ -22,3 +22,4 @@ pnpm-debug.log*
 *.njsproj
 *.sln
 *.sw?
+/yarn.lock
--- a/package-lock.json
+++ b/package-lock.json
@ -8,6 +8,7 @@
      "name": "scheduline-app-h5",
      "version": "0.1.0",
      "dependencies": {
+        "@vant/area-data": "^2.0.0",
        "amfe-flexible": "^2.2.1",
        "axios": "^1.4.0",
        "core-js": "^3.8.3",
@ -2365,6 +2366,12 @@
        "@types/node": "*"
      }
    },
+    "node_modules/@vant/area-data": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmmirror.com/@vant/area-data/-/area-data-2.0.0.tgz",
+      "integrity": "sha512-zgP4AA8z09S9QTNgVCCHo9cHjcybrv22RJDYPjuCkecn4SB98T5EoPQh2TwqbQXmUhbaOGgiZGy3OUaUxnY7qg==",
+      "license": "MIT"
+    },
    "node_modules/@vant/icons": {
      "version": "3.0.2",
      "resolved": "https://registry.npmjs.org/@vant/icons/-/icons-3.0.2.tgz",
@ -13621,6 +13628,11 @@
        "@types/node": "*"
      }
    },
+    "@vant/area-data": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmmirror.com/@vant/area-data/-/area-data-2.0.0.tgz",
+      "integrity": "sha512-zgP4AA8z09S9QTNgVCCHo9cHjcybrv22RJDYPjuCkecn4SB98T5EoPQh2TwqbQXmUhbaOGgiZGy3OUaUxnY7qg=="
+    },
    "@vant/icons": {
      "version": "3.0.2",
      "resolved": "https://registry.npmjs.org/@vant/icons/-/icons-3.0.2.tgz",
--- a/package.json
+++ b/package.json
@ -9,10 +9,14 @@
    "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",
@ -21,10 +25,7 @@
    "vant": "^2.13.2",
    "vue": "^2.6.14",
    "vue-router": "^3.0.7",
-    "vuex": "^3.6.2",
-    "element-ui": "^2.15.9",
-    "dayjs": "^1.8.14",
-    "decimal.js": "^10.4.3"
+    "vuex": "^3.6.2"
  },
  "devDependencies": {
    "@babel/core": "^7.12.16",
--- a/public/index.html
+++ b/public/index.html
@ -26,16 +26,17 @@
    <van-number-keyboard safe-area-inset-bottom />
    <script type="text/javascript">
        window._AMapSecurityConfig = {
-            serviceHost: 'https://api.sinoassist.com/_AMapService',
+            // serviceHost: 'https://api.sinoassist.com/_AMapService',
+          securityJsCode:'91ab1ebc492d5479a68b11527bd73dc9',
        }
    </script>
-    <script src="https://webapi.amap.com/maps?v=1.4.15&key=2560bbf04daef66c810c5e6a97e8c508&plugin=AMap.Polyline"></script>
+    <script type="text/javascript" src="https://webapi.amap.com/maps?v=2.0&key=2560bbf04daef66c810c5e6a97e8c508&plugin=AMap.AutoComplete,AMap.PlaceSearch,AMap.Geolocation,AMap.Geocoder,AMap.Marker,AMap.Driving"></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)
+            // console.log("==window.location.pathname===",window.location.pathname)
            let docEl = doc.documentElement
            let resizeEvt = 'orientationchange' in window ? 'orientationchange' : 'resize'
            recalc = function () {
--- 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/mine.js
+++ b/src/api/mine.js
@ -308,3 +308,12 @@ export function ocrHandler(data){
        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
@ -94,4 +94,61 @@ export function batteryDetailList (data){
    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
+  })
+}
+
+
+// 获取报警列表
+export function getAlarmList(data) {
+  return request({
+    url: '/supplierAppV2/dispatchApp/alarm/alarmList',
+    method:'POST',
+    contentType: 'application/json',
+    data
+  })
+}
+
+// 获取报警数目
+export function getAlarmCount(data) {
+  return request({
+    url: '/supplierAppV2/dispatchApp/alarm/alarmCount',
+    method:'POST',
+    data
+  })
+}
+
+// 获取报警详情
+export function getAlarmByCode(data) {
+  return request({
+    url: '/supplierAppV2/dispatchApp/alarm/getAlarmByCode',
+    method:'POST',
+    data
+  })
+}
+
+// 处理报警
+export function dealWithAlarm(data) {
+  return request({
+    url: '/supplierAppV2/dispatchApp/alarm/handAlarm',
+    method:'POST',
+    data
+  })
+}
+
+
--- a/src/api/report.js
+++ b/src/api/report.js
@ -0,0 +1,37 @@
+import request from '@/utils/http'
+// 根据订单 获取报备类型
+export function getReportListByOrder(key){
+  return request({
+    url: '/order/baseDriverReportConfigs/getByOrderId',
+    method:'GET',
+    params: key
+  })
+}
+
+// 添加报备
+export function newOrderReporting(data){
+  return request({
+    url: '/supplierAppV2/dispatchApp/order/newOrderReporting',
+    method:'POST',
+    contentType: 'application/json',
+    data
+  })
+}
+
+// 获取报备列表
+export function reportHistory(data){
+  return request({
+    url: '/supplierAppV2/dispatchApp/order/reportHistory',
+    method:'POST',
+    data
+  })
+}
+
+// 获取订单信息
+export function getOrderInfo(data){
+  return request({
+    url: '/supplierAppV2/dispatchApp/order/reportOrderDetail',
+    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/alarm_check.png
+++ b/src/assets/alarm_check.png
--- a/src/assets/alarm_one.png
+++ b/src/assets/alarm_one.png
--- a/src/assets/alarm_repair.png
+++ b/src/assets/alarm_repair.png
--- a/src/assets/alarm_three.png
+++ b/src/assets/alarm_three.png
--- a/src/assets/alarm_tip.png
+++ b/src/assets/alarm_tip.png
--- a/src/assets/alarm_trailer.png
+++ b/src/assets/alarm_trailer.png
--- a/src/assets/alarm_two.png
+++ b/src/assets/alarm_two.png
--- a/src/assets/alarm_unCheck.png
+++ b/src/assets/alarm_unCheck.png
--- a/src/assets/report/add_report_address.png
+++ b/src/assets/report/add_report_address.png
--- a/src/assets/report/add_report_arrow.png
+++ b/src/assets/report/add_report_arrow.png
--- a/src/assets/report/add_report_bg.png
+++ b/src/assets/report/add_report_bg.png
--- a/src/assets/report/add_report_close.png
+++ b/src/assets/report/add_report_close.png
--- a/src/assets/report/add_report_dot.png
+++ b/src/assets/report/add_report_dot.png
--- a/src/assets/report/add_report_time.png
+++ b/src/assets/report/add_report_time.png
--- a/src/assets/report/destMarker.png
+++ b/src/assets/report/destMarker.png
--- a/src/assets/report/report_address.png
+++ b/src/assets/report/report_address.png
--- a/src/assets/report/report_ai.png
+++ b/src/assets/report/report_ai.png
--- a/src/assets/report/report_cancel.png
+++ b/src/assets/report/report_cancel.png
--- a/src/assets/report/report_customer.png
+++ b/src/assets/report/report_customer.png
--- a/src/assets/report/report_delay.png
+++ b/src/assets/report/report_delay.png
--- a/src/assets/report/report_dispatch.png
+++ b/src/assets/report/report_dispatch.png
--- a/src/assets/report/report_driver.png
+++ b/src/assets/report/report_driver.png
--- a/src/assets/report/report_fee.png
+++ b/src/assets/report/report_fee.png
--- a/src/assets/report/report_line.png
+++ b/src/assets/report/report_line.png
--- a/src/assets/report/report_logo.png
+++ b/src/assets/report/report_logo.png
--- a/src/assets/report/report_other.png
+++ b/src/assets/report/report_other.png
--- a/src/assets/report/report_unconnect.png
+++ b/src/assets/report/report_unconnect.png
--- 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/router/index.js
+++ b/src/router/index.js
@ -3,6 +3,8 @@ 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";
+import reportRouter from "@/router/report-router"
 const routes = [
    {
      path: '/',
@ -185,6 +187,14 @@ const routes = [
            title:'文档资料'
        }
    },
+    {
+        path: '/notificationList',
+        name: 'notificationList',
+        component:()=>import('@/views/index/notificationList'),
+        meta: {
+            title:'告知函'
+        }
+    },
    {
        path: '/caseList',
        name: 'caseList',
@ -241,6 +251,22 @@ const routes = [
            title:'车辆维保'
        }
    },
+    {
+        path: '/vehicleAlarmList',
+        name: 'vehicleAlarmList',
+        component:()=>import('@/views/vehicle-maintenance/vehicle-alarm-list.vue'),
+        meta: {
+            title:'车辆报警'
+        }
+    },
+    {
+        path: '/vehicleAlarmDetail',
+        name: 'vehicleAlarmDetail',
+        component:()=>import('@/views/vehicle-maintenance/vehicle-alarm-detail.vue'),
+        meta: {
+            title:'报警详情'
+        }
+    },
    {
        path: '/maintenanceApplication',
        name: 'maintenanceApplication',
@ -267,6 +293,8 @@ const routes = [
    },
    ...kpiRouter,
    ...invoiceRouter,
+    ...secondHandRouter,
+    ...reportRouter
  ]

 const router = new VueRouter({
--- a/src/router/report-router.js
+++ b/src/router/report-router.js
@ -0,0 +1,21 @@
+const reportRouter = [
+  {
+    path: '/reportIndex',
+    name: 'reportIndex',
+    component: () => import('@/views/report/reportIndex'),
+    meta:{
+      title: '道路救援',
+      cache: true,
+      modalState: false,
+    }
+  },
+  {
+    path: '/addressMap',
+    name: 'addressMap',
+    component: () => import('@/views/report/addressMap'),
+    meta:{
+      title: '道路救援',
+    }
+  },
+]
+export default reportRouter
--- 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/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/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,38 +10,32 @@ const service = axios.create({
  timeout: 10000
 })
 const urlParams = new URLSearchParams(window.location.search);
-let token = urlParams.get('token') ;
-localStorage.setItem('token', token);
+let token = urlParams.get('token');
+if( token ) {
+  localStorage.setItem('token', token);
+} else {
+  localStorage.setItem('token', '');
+}
 service.interceptors.request.use(
    config => {
      let reqUrl=config.url
-        // console.log("reqUrl",reqUrl)
      config.data = config.contentType ? config.data : qs.stringify(config.data)
      if (config.testFlag) {
        config.data = qs.stringify(config.data, {arrayFormat: 'indices', allowDots: true})
      }
-        config.headers['Content-Type'] = config.contentType || 'application/x-www-form-urlencoded'
+      config.headers['Content-Type'] = config.contentType || 'application/x-www-form-urlencoded'
      let token = localStorage.getItem('token');
-      // let token='4099761587129c46b03c9316c9e866c9'
-      // let token='eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJzdWIiOiJzb25nIiwiYXVkIjpbInN1cHBsaWVyLWFwcCJdLCJuYmYiOjE3MTI0NTQ5NTMsInVzZXJfaW5mbyI6eyJ1c2VySWQiOjU0NjU0LCJwaG9uZSI6IjE3NjMwMDM1NjU4IiwibmFtZSI6InNvbmciLCJzdXBwbGllck5hbWUiOiJDLeS4iua1t-a1i-ivleacjeWKoeWVhiIsInN1cHBsaWVySWQiOjMzMDQxLCJzdXBwbGllclR5cGUiOjIsInVzZXJuYW1lIjoic29uZyIsInVzZXJUeXBlIjoicmVzY3VlQXBwIiwiZGV2aWNlSWQiOiIyMmI0OWNhMjBmOWI4MzMwZDk4NzIxNzNmMzllYTY4YmMiLCJhdXRob3JpdGllcyI6W119LCJzY29wZSI6WyJhbGwiXSwiaXNzIjoiaHR0cHM6Ly9zaW5vYXNzaXN0LmNvbSIsImV4cCI6MTcxMjU0MTM1MywiaWF0IjoxNzEyNDU0OTUzfQ.sPU9_OD_TOWcTwqmlawEGyo4mCPrEaRYw2R02gnvYJw'
+      // let token='eyJhbGciOiJIUzI1NiJ9.eyJzdWIiOiJBTkNIQU5HIiwidXNlcklkIjo0NTY3MSwibmFtZSI6IuWuieeVhSIsInVzZXJOYW1lIjoiQU5DSEFORyIsInN1cHBsaWVySWQiOjExMjgsImlzWmQiOjAsImV4cCI6MTc1NTQyMjUyNX0.xzDZhaANJFnbeViIHJA0SEtOyTv7Ja3rKmXqRKRuFkc'
+      // let token='eyJhbGciOiJIUzI1NiJ9.eyJzdWIiOiJTSEhQWEIiLCJ1c2VySWQiOjU0NzI2LCJuYW1lIjoiI-a1i-ivleWwj-eZveeZvSIsInVzZXJOYW1lIjoiU0hIUFhCIiwic3VwcGxpZXJJZCI6MTAwMDE2NSwiZXhwIjoxNzQ0NTEwNzkwfQ.JPk0OA7slYJN3FIi_uhW4Y0CiWRvl6R1dK8MRTbyhD8'
       if(!(reqUrl=='/supplier/supplierTraining/trainingTask' || reqUrl=='/supplier/supplierTraining/normalList' || reqUrl=='/supplier/supplierTraining/trainingList')){
+         if(token) {
           config.headers['Authorization'] = `${token}`;
           config.headers['token'] = `${token}`;
+         }
       }
-
-    /*  if (reqUrl.includes("/driverApp")) {
-          //  console.log("司机app")
-          config.headers['token'] = `${token}`;
-      } else if(reqUrl.includes("/supplierApp") || reqUrl.includes("/supplierKPI") || reqUrl.includes('/supplier/select') || reqUrl.includes('/order') || reqUrl.includes('/order/taskInvoiceBatch') || reqUrl.includes('/supplier') ){
-          // console.log("调度app，服务商kpi")
-          config.headers['Authorization'] = `${token}`;
-      }else{
-          config.headers['token'] = `${token}`;
-      }*/
      return config
    },
    error => {
-      console.log(error)
      return Promise.reject(error)
    }
 )
@ -50,27 +43,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(res.msg)
      } else {
          return res
-        // if( res.code === 200 ) {
-        //   return res.data
-        // } else {
-        //   return res.data
-        // }
      }
    },
    error => {
-      console.log('err' + error)
-      Toast(error.message)
+        if(error.message != 'Network Error'){
+            Toast(error.message)
+        }
      return Promise.reject(error)
    }
 )
--- a/src/utils/map.js
+++ b/src/utils/map.js
@ -36,6 +36,7 @@ export function getAddress(mapContext, lnglat) {
        } else {
          console.log(result)
          alert(JSON.stringify(result))
+          reject(result)
        }
      })
    })
@ -44,7 +45,7 @@ export function getAddress(mapContext, lnglat) {

 // 输入提示
 export function searchFun(mapContext, cityCode, keyword) {
-  return new Promise((resolve, reject) => {
+  return new Promise((resolve) => {
    mapContext.plugin('AMap.AutoComplete', function(){
      var autoOptions = {
        city: cityCode || '全国',
@ -57,7 +58,7 @@ export function searchFun(mapContext, cityCode, keyword) {
        if(result.info == 'OK') {
          resolve(result.tips)
        } else {
-          reject(result)
+          resolve([])
        }
      })
    })
@ -90,6 +91,7 @@ export function getRoad( mapContext, startLng, startLat, endLng, endLat ) {
 }


+/*
 function drawRoute(route, map) {
  let path = parseRouteToPath(route)

@ -106,3 +108,4 @@ function drawRoute(route, map) {

  map.add(routeLine);
 }
+*/
--- a/src/utils/myMixins.js
+++ b/src/utils/myMixins.js
@ -1,9 +1,7 @@
+
 export const myMixins = {
  data() {
    return {
-      touchStart: [],
-      touchEnd: [],
-      slideShow: true
    }
  },
  methods: {
@ -72,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/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/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" @input="handleInput"/>个</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>
@ -86,7 +86,9 @@ export default {
        waitAmount:'',
        dilemmaFee:'',
        customerAmount:'',
-        taskFlowId:''
+        taskFlowId:'',
+        auditStatus:'',
+        finishTime:'',
      }
    }
  },
@ -97,6 +99,14 @@ 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);
@ -118,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/uploadInvoice.vue
+++ b/src/views/index/uploadInvoice.vue
@ -73,6 +73,7 @@
 </template>

 <script>
+  import { Decimal } from 'decimal.js';
  import { Dialog } from "vant";
  import { myMixins } from "@/utils/myMixins"
  import { uploadInvoice, getBillingInfo, deleteInvoice, createBatch } from "@/api/mine"
@ -120,7 +121,7 @@
      invoiceTotal () {
        let total = 0;
        this.list?.map(item => {
-          total += item.invoiceMoney
+          total = new Decimal(total).plus(new Decimal(item.invoiceMoney)).toNumber()
        })
        return total
      }
@ -278,6 +279,15 @@
              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({
--- a/src/views/index/vehicleAdd.vue
+++ b/src/views/index/vehicleAdd.vue
@ -74,9 +74,64 @@
      <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">
@ -121,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>
@ -152,10 +207,11 @@ export default {
      checked: true,
      carNum:"",//车牌号
      typeList:[],//车辆类型列表
-      selectedOption:'1',//车辆类型
+      selectedOption:[],//车辆类型
      id:'',//车辆Id
      serviceIds:[],//车辆服务种类,
      supplierServiceList:[],
+      oldSupplierServiceList:[],
      show:false,
      imageUrl: require('@/assets/arr_right.png'),
      vehicleLicenseFrontList: [],
@ -168,21 +224,116 @@ export default {
      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');
-    selectElement.addEventListener('change', function() {
-     this.selectedOption=selectElement.value;
-    });
+    await this.getSupplierServiceTree();
    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);
@ -209,6 +360,16 @@ export default {
      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 = '';
@ -287,29 +448,41 @@ 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;
+      console.log("result",result)
      this.id=result.vehicleId
      this.carNum=result.plateNumber
      this.isJoin=result.hasPolymerization.code
-      this.selectedOption=result.vehicleType;
+      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 }];
      }
@ -339,7 +512,7 @@ export default {
        this.$toast('行驶证车辆照片页不能为空')
        return
      }
-      if( !this.vehicleLicenseBack ) {
+      if( !this.vehicleFrontPhoto ) {
        this.$toast('车头照片不能为空')
        return
      }
@ -351,10 +524,18 @@ export default {
        this.$toast('行驶证副页识别失败')
        return
      }
-        await saveVehicle({
+      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 : [],
          vehicleLicenseFront: this.vehicleLicenseFront,
@ -362,6 +543,8 @@ export default {
          vehicleFrontPhoto: this.vehicleFrontPhoto,
          vehicleLicenseInfo: this.vehicleLicenseInfo,
          vehicleLicenseCarPhoto: this.vehicleLicenseCarPhoto,
+          vehicleLicense: this.vehicleLicense,
+          vehicleFrontLicensePlate:this.vehicleFrontLicensePlate,
        })
        if(this.id){
          this.$toast('修改成功')
@ -480,4 +663,8 @@ export default {
    margin: 40px 0 30px 8px;
  }
 }
+.elSelect ::v-deep .el-input__inner{
+  border: none !important;
+  text-align: right !important;
+}
 </style>
--- a/src/views/kpi/components/noFit-table.vue
+++ b/src/views/kpi/components/noFit-table.vue
@ -13,7 +13,7 @@
          <template slot-scope="scope">{{scope.row[item.prop]}}  </template>
        </el-table-column>
      </template>
-<!--      <template v-else-if="active===4">
+      <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'">
@ -25,7 +25,7 @@
            <span v-else>{{ scope.row[column.prop] }}</span>
          </template>
        </el-table-column>
-      </template>-->
+      </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'">
@ -45,12 +45,12 @@ export default {
  mounted() {
  },
  computed: {
-   /* filteredLabelList() {
+    filteredLabelList() {
      if(this.active!==4){
        return
      }
      return this.labelList.filter(column => column.label !== '星级评分');
-    }*/
+    }
  },
  methods: {
    setTableCellStyle({ row, column,columnIndex }) {
--- a/src/views/kpi/kpiIndex.vue
+++ b/src/views/kpi/kpiIndex.vue
@ -39,7 +39,7 @@
    <van-tabs v-model="active" sticky @click="tabClickHandle">
      <van-tab v-for="(item,index) in tabArr" :key="index" :title="item.name"></van-tab>
      <div v-if="isMobile && !([0,1,2,3].includes(active))" class="tipArrow left">{{ leftArr }}</div>
-      <div v-if="isMobile && !([7,8].includes(active))" class="tipArrow right">>>></div>
+      <div v-if="isMobile && !([9,10].includes(active))" class="tipArrow right">>>></div>
    </van-tabs>
    <div v-loading="loadingData" :class="{'contentWrap':true,'webcontentWrap':!isMobile}" v-if="active===0">
      <div :class="{'reciceOrder':true,'webCom':!isMobile}">
@ -202,7 +202,7 @@
        <noFit-table v-else :active='active'  :is-mobile='isMobile' :table-data="detailList" :label-list="labelList"></noFit-table>
     </div>
    </div>
-    <div v-loading="loadingData" class="contentWrap  monthTotal" v-if="[2].includes(active)">
+    <div v-loading="loadingData" class="contentWrap  monthTotal" v-if="[2,4,5].includes(active)">
      <div class="searchDriverName" v-if="[5,4].includes(active)">
        <el-select
            v-model="driverName"
@ -245,7 +245,7 @@
          :total="total">
      </el-pagination>
    </div>
-    <div v-loading="loadingData" class="contentWrap  monthTotal" v-if="[3,4,5,6,7,8].includes(active)">
+    <div v-loading="loadingData" class="contentWrap  monthTotal" v-if="[3,6,7,8,9,10].includes(active)">
      <div :class="{'comTab':true,'detailTable':isMobile}">
        <noFit-table :active='active'  :is-mobile='isMobile' :table-data="detailList" :label-list="labelList"
                     ></noFit-table>
@ -273,7 +273,7 @@ import {
  getStatisticsKpiByMonth,
  getStatisticsKpi,
  getSupplierId,
-  getDriverName,
+  getDriverName,getDriverStatisticsKpi,
  getRecentSupplierKpi, querySupplierDriverStatisticsScore
 } from "@/api/kpi.js"
 import {myMixins} from "@/utils/myMixins"
@ -289,9 +289,9 @@ export default {
    return {
      active:0,
      activeIndex: 0,
-      // {name: '月/师傅'}, {name: '日/师傅'},
+      //
      tabArr: [
-        {name: '总览'}, {name: '月/总'}, {name: '日/总'},{name: '师傅满意度'},  {name: '拒单明细'},
+        {name: '总览'}, {name: '月/总'}, {name: '日/总'},{name: '师傅满意度'},{name: '月/师傅'}, {name: '日/师傅'},  {name: '拒单明细'},
        {name: '超时明细'}, {name: '投诉明细'}, {name: '不使用APP案件明细'}, {name: '车辆在线情况'}
      ],
      list: [{name: '接单指标'}, {name: '客户评价'}, {name: 'APP使用'}, {name: ' 时效 '}],
@ -1054,8 +1054,9 @@ export default {
          this.loading = false
          this.detailList?.map(item => {
            this.xAxisArr.push(item.month)
+            this.xAxisArr = [...new Set(this.xAxisArr)]; // 去重
          })
-          // console.log(" this.xAxisArr", this.xAxisArr)
+          console.log(" this.xAxisArr", this.xAxisArr)
          // this.xAxisArr[this.xAxisArr.length - 1] = '本月'
          await this.twoTabHanldeData()
        }else if (this.active === 3) {
@ -1081,7 +1082,7 @@ export default {
          ]
          this.loading = false;
        }
-       /* else if ([4,5].includes(this.active)) {
+        else if ([4,5].includes(this.active)) {
          let res = await getDriverStatisticsKpi({
            startTime: this.startTime ,
            endTime: this.endTime,
@ -1117,9 +1118,8 @@ export default {
            this.total=0
          }
          await this.twoTabHanldeData();
-        }*/
-        else if ([ 4,5,6, 7, 8].includes(this.active)) {
-
+        }
+        else if ([ 6, 7, 8,9,10].includes(this.active)) {
          this.detailList = []
          this.labelList = []
          let result = await getKpiDetailsData({
@ -1136,7 +1136,7 @@ export default {
            return {...item, date: formatVal};
          });
          this.loading = false
-          if (this.active === 4) {//拒单明细
+          if (this.active === 6) {//拒单明细
            this.labelList = [
              {label: '案件编号', prop: 'orderCode'},
              {label: '服务内容', prop: 'serviceName'},
@ -1147,7 +1147,7 @@ export default {
              {label: '中道派单时间', prop: 'dispatchTime'},
              {label: '拒绝原因', prop: 'reason'},
            ]
-          } else if (this.active === 5) {//超时明细
+          } else if (this.active === 7) {//超时明细
            this.labelList = [
              {label: '案件编号', prop: 'orderCode'},
              {label: '服务内容', prop: 'serviceName'},
@ -1157,7 +1157,7 @@ export default {
              {label: '上游接单来源', prop: 'workSource'},
              {label: '中道派单时间', prop: 'dispatchTime'},
            ]
-          } else if (this.active === 6) {//投诉明细
+          } else if (this.active === 8) {//投诉明细
            this.labelList = [
              {label: '案件编号', prop: 'orderCode'},
              {label: '服务内容', prop: 'serviceName'},
@ -1166,7 +1166,7 @@ export default {
              {label: '投诉时间', prop: 'complainCreateTime'},
              {label: '投诉类型', prop: 'complainTypeString'},
            ]
-          } else if (this.active === 7) {//不使用App案件明细
+          } else if (this.active === 9) {//不使用App案件明细
            this.labelList = [
              {label: '案件编号', prop: 'orderCode'},
              {label: '服务内容', prop: 'serviceName'},
@ -1174,7 +1174,7 @@ export default {
              {label: '工单创建时间', prop: 'orderCreateTime'},
              {label: '事发地', prop: 'vehiclePointAddress'},
            ]
-          } else if (this.active === 8) {//车辆在线情况
+          } else if (this.active === 10) {//车辆在线情况
            this.labelList = [
              {label: '日期', prop: 'date'},
              {label: '0点在线车辆数量', prop: 'zeroClockVehicleCount'},
@ -1587,15 +1587,15 @@ export default {
    },
    setType(type) {
      switch (type) {
-        case 4:
-          return 1;
-        case 5:
-          return 2;
        case 6:
-          return 3;
+          return 1;
        case 7:
-          return 4;
+          return 2;
        case 8:
+          return 3;
+        case 9:
+          return 4;
+        case 10:
          return 5;
      }
    },
--- a/src/views/report/addressMap.vue
+++ b/src/views/report/addressMap.vue
@ -0,0 +1,213 @@
+<template>
+  <div class="address_wrap">
+    <div class="map_wrap" id="mapId">
+    </div>
+    <div class="button_wrap">
+      <div class="cancel_btn" @click="cancelHandler">取消</div>
+      <div class="confirm_btn" @click="successHandler">完成</div>
+    </div>
+    <div class="search_wrap">
+      <div class="section">
+        <input type="text" v-model="keyword" @change="searchHandler" placeholder="请输入地址" />
+      </div>
+      <div class="server_list" v-if="keyword">
+        <div class="text_box" v-for="(item, index) in addressList" :key="index" @click="chooseHandler(item, index)" :class="{'active': index == activeIndex}">
+          <div class="address_name">{{ item.name }}</div>
+          <div class="address_detail">{{ ( item.district || '' ) + ( item.address || '' ) }}</div>
+        </div>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+  import { searchFun, getLocal, getAddress } from '@/utils/map'
+  export default {
+    name: "addressMap",
+    data() {
+      return {
+        keyword: '',
+        addressList: [],
+        activeIndex: '',
+        map: '',
+        marker: null,
+        cityCode: ''
+      }
+    },
+    watch: {
+      keyword() {
+        this.searchHandler()
+      }
+    },
+    async mounted() {
+      sessionStorage.setItem('reportAddress', '')
+      await this.initMap()
+    },
+    methods: {
+      async initMap() {   // 初始化地图
+        this.map = new AMap.Map('mapId', {
+          viewMode: '2D',  // 默认使用 2D 模式
+          zoom:11,  //初始化地图层级
+        })
+        let res = await getLocal(this.map);
+        let lnglat = new AMap.LngLat(res?.lng, res?.lat);
+        let location = await getAddress(this.map, lnglat)
+        this.cityCode = location?.regeocode.addressComponent.adcode
+        //location?.regeocode?.addressComponent?.city || location?.regeocode?.addressComponent?.province
+        console.log('location', location);
+      },
+      async searchHandler() {
+        this.activeIndex = null
+        if( this.keyword ) {
+          this.addressList = await searchFun(this.map,  this.cityCode, this.keyword,)
+          this.addressList = this.addressList.filter(item => !!item.location)
+        } else {
+          this.addressList = []
+        }
+      },
+      chooseHandler(item, index) {
+        this.activeIndex = index;
+        this.addMarker()
+      },
+      addMarker() {
+        if( this.marker ) {
+          this.map.remove(this.marker)
+        }
+        let content = '<div class="dest-position"></div>';
+        let activeObj = this.addressList[this.activeIndex];
+        this.marker = new AMap.Marker({
+          position: new AMap.LngLat( activeObj.location.lng, activeObj.location.lat ),
+          content: content,
+          offset: new AMap.Pixel(-13, -30)
+        });
+        this.map.add(this.marker)
+        this.map.setCenter([activeObj.location.lng, activeObj.location.lat])
+      },
+      successHandler() {
+        if( this.activeIndex == null ) {
+          this.$toast('请选择具体地址')
+          return
+        }
+        let activeObj = this.addressList[this.activeIndex];
+        let _tempObj = {
+          startPoiAddress: activeObj?.district + activeObj?.address + activeObj?.name,
+          startLat: activeObj?.location?.lat,
+          startLng: activeObj?.location?.lng,
+          adCode: activeObj?.adcode,
+        }
+        sessionStorage.setItem('reportAddress', JSON.stringify(_tempObj))
+        setTimeout(() => {
+          this.$router.go(-1)
+        }, 1)
+      },
+      // 取消 返回上一页
+      cancelHandler() {
+        this.$router.go(-1)
+      },
+    }
+  }
+</script>
+<style>
+  .dest-position {
+    width: 30px;
+    height: 36px;
+    background-size: 100% 100%;
+    background-image: url("~@/assets/report/destMarker.png");
+  }
+</style>
+<style scoped lang="scss">
+  .address_wrap {
+    height: 100%;
+  }
+  .map_wrap {
+    position: absolute;
+    top: 0;
+    left: 0;
+    right: 0;
+    bottom: 60%;
+    z-index: -1;
+  }
+  .button_wrap {
+    width: 100%;
+    padding: 5px;
+    box-sizing: border-box;
+    zoom: 1;
+    position: fixed;
+    top: 0;
+    .cancel_btn {
+      width: 50px;
+      height: 27px;
+      background: #F37877;
+      font-size: 12px;
+      text-align: center;
+      line-height: 27px;
+      color: #fff;
+      border-radius: 3px;
+      float: left;
+    }
+    .confirm_btn {
+      width: 50px;
+      height: 27px;
+      background: rgba(5,193,98,1);
+      font-size: 12px;
+      text-align: center;
+      line-height: 27px;
+      color: #fff;
+      border-radius: 3px;
+      float: right;
+    }
+  }
+  .search_wrap {
+    background-color: #fff;
+    position: fixed;
+    width: 100%;
+    height: 60%;
+    bottom: 0;
+    left: 0;
+    overflow: auto;
+    .section {
+      height: 35px;
+      width: 100%;
+      background-color: #fff;
+      position: fixed;
+      top: 40%;
+      padding-top: 10px;
+      input {
+        width: 90%;
+        margin: 0 auto;
+        display: block;
+        border: none;
+        height: 30px;
+        border-radius: 3px;
+        padding: 0 10px;
+        background: #e2e0e0;
+        font-size: 14px;
+      }
+    }
+    .server_list {
+      overflow-y: auto;
+      padding-top: 30px;
+      .text_box {
+        margin: 10px 25px;
+        padding-top: 10px;
+        .address_name {
+          font-size: 14px !important;
+          color: rgba(0,0,0,0.8);
+        }
+        .address_detail {
+          margin-top: 3px;
+          color: #c3c3c3 !important;
+          font-size: 12px !important;
+        }
+      }
+      .active {
+        .address_name {
+          color: green !important;
+        }
+        .address_detail {
+          color: green !important;
+        }
+      }
+    }
+  }
+</style>
--- a/src/views/report/components/report-list-item.vue
+++ b/src/views/report/components/report-list-item.vue
@ -0,0 +1,57 @@
+<template>
+  <div class="bottom_wrap">
+    <div class="report_item" v-for="(item, index) in reportList" @click="goReportHandler(item)" :key="index">
+      <img class="report_icon" :src="item?.iconUrl" alt="">
+      <div class="report_title">{{item.name}}</div>
+    </div>
+  </div>
+</template>
+
+<script>
+export default {
+  name: "report-list-item",
+  data() {
+    return {
+      addressReportCode: '',
+
+    }
+  },
+  props: ['reportList'],
+  methods: {
+    goReportHandler(data) {
+      this.$emit('getReport', data);
+    },
+
+  }
+}
+</script>
+
+<style scoped lang="scss">
+.bottom_wrap {
+  width: 100%;
+  /*position: fixed;*/
+  bottom: 0;
+  /*padding: 0 34px 20px;*/
+  padding-bottom: 20px;
+  display: flex;
+  flex-wrap: wrap;
+  background: #FFFFFF;
+  box-shadow: 0px 0px 20px 0px rgba(53,73,93,0.2);
+  box-sizing: border-box;
+  .report_item {
+    width: 25%;
+    margin-top: 20px;
+    text-align: center;
+    .report_icon {
+      width: 45px;
+      height: 45px;
+    }
+    .report_title {
+      color: rgba(53, 53, 53, 0.67);
+      font-size: 11px;
+      line-height: 16px;
+      margin-top: 6px;
+    }
+  }
+}
+</style>
--- a/src/views/report/components/service-item.vue
+++ b/src/views/report/components/service-item.vue
@ -0,0 +1,112 @@
+<template>
+  <div class="wrap">
+    <div class="service_title">
+      <span class="name">{{orderInfo?.serviceName}}</span>
+      <span class="status">
+        {{orderInfo?.orderStatusString}}
+        <span class="refresh_btn" @click="refreshHandler">刷新</span>
+      </span>
+    </div>
+    <!--    <img class="report_line" src="@/assets/report/report_line.png" alt="">-->
+    <div class="service_content">
+      <div class="content_left">
+        <img class="report_logo" src="@/assets/report/report_logo.png" alt="">
+      </div>
+      <div class="content_right">
+        <div class="order_code">单号：{{orderInfo?.userOrderCode}}</div>
+        <div class="company">单位：{{orderInfo?.supplierName}}</div>
+        <div class="driver_info">
+          <span class="driver_name">{{orderInfo?.driverName}}</span>
+          <span>{{orderInfo?.phone}}</span>
+        </div>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+  export default {
+    name: "service-item",
+    props: ['orderInfo'],
+    methods: {
+      refreshHandler() {
+        this.$emit('refresh')
+      }
+    }
+  }
+</script>
+
+<style scoped lang="scss">
+  .wrap {
+    width: calc(100% - 20px);
+    background: #FFFFFF;
+    box-shadow: 0px 0px 9px 0px rgba(53,73,93,0.2);
+    border-radius: 8px;
+    border: 1px solid #E6E6E6;
+    backdrop-filter: blur(5.602678571428572px);
+    margin: 0 auto;
+  }
+.service_title {
+  height: 40px;
+  line-height: 42px;
+  padding-left: 22px;
+  padding-right: 14px;
+  background: #F9FDFF;
+  display: flex;
+  justify-content: space-between;
+  border-bottom: 1px solid #EFEFEF;
+  border-top-left-radius: 8px;
+  border-top-right-radius: 8px;
+  .name {
+    font-size: 16px;
+    font-weight: bold;
+    color: rgba(0, 0, 0, 0.9);
+  }
+  .status {
+    font-size: 13px;
+    color: #F19028;
+  }
+  .refresh_btn {
+    background-color: #267EF0;
+    color: #fff;
+    padding: 6px 12px;
+    margin-left: 5px;
+    border-radius: 3px;
+  }
+}
+.service_content {
+  padding: 11px 16px 18px;
+  display: flex;
+  .content_left {
+    .report_logo {
+      width: 56px;
+      height: 56px;
+      margin-right: 14px;
+    }
+  }
+  .content_right {
+    .order_code {
+      color: #323643;
+      font-size: 16px;
+      font-weight: 600;
+      margin-bottom: 1px;
+    }
+    .company {
+      color: #323643;
+      font-size: 13px;
+      margin-bottom: 3px;
+    }
+    .driver_info {
+      color: rgba(50, 54, 67, 0.65);
+      font-size: 12px;
+      margin-bottom: 3px;
+      .driver_name {
+        margin-right: 10px;
+      }
+    }
+  }
+}
+.report_line {
+
+}
+</style>
--- a/src/views/report/reportIndex.vue
+++ b/src/views/report/reportIndex.vue
@ -0,0 +1,568 @@
+<template>
+<!--  <van-pull-refresh v-model="isLoading" class="custom-pull-refresh safe-pull-refresh" @refresh="onRefresh">-->
+    <div class="main_wrap">
+      <div class="top_bg" :class="{'dispatch' : type == 1 , 'driver' : type != 1}">
+<!--        <div class="title">报备中心</div>-->
+      </div>
+      <div class="service_wrap">
+        <service-item :order-info="orderInfo" @refresh="onRefreshHandler"></service-item>
+      </div>
+      <div class="chat_list" ref="chatList" >
+        <!--ai对话框 s -->
+        <div v-for="(item, index) in recordList" :key="index">
+          <template v-if="item.messageType == 4">
+            <div class="top_tip_wrap">为了快速解决问题，请选择下方咨询类型</div>
+            <div class="ai_chat" >
+              <div class="ai_left">
+                <img class="report_ai" src="@/assets/report/report_ai.png" alt="">
+              </div>
+              <div class="ai_right">
+                <div class="ai_title">{{ orderInfo?.driverName }}你好，请选择报备内容</div>
+                <ul>
+                  <li v-for="_item in item.content" :key="_item.id" @click="addReportHandler(_item)">“{{_item.name}}”</li>
+                </ul>
+              </div>
+            </div>
+          </template>
+          <template v-if="[2, 3].includes(Number(item.messageType))">
+            <!--ai对话框 e -->
+            <div class="tip_wrap">{{item.createTime}}</div>
+            <!--客服对话框 s -->
+            <div class="customer_item mb20">
+              <div class="customer_left">
+                <img class="profile_photo mr" src="@/assets/report/report_customer.png" alt="">
+              </div>
+              <div class="common_right customer_cls">
+                <div class="customer_status">{{item.reportConfigName}}</div>
+                <div class="response_con">{{item.remark}}</div>
+              </div>
+            </div>
+          </template>
+          <template v-if="item.messageType == 1">
+            <!--服务人员对话框 e -->
+            <div class="tip_wrap">{{item.createTime}}</div>
+            <!--服务人员对话框 s -->
+            <div class="server_item mb20">
+              <div class="common_right service_cls">
+                <div class="service_status">{{item.reportConfigName}}</div>
+                <div class="response_con">{{item.remark}}</div>
+              </div>
+              <div class="customer_left">
+                <img class="profile_photo ml" v-if="type == 1" src="@/assets/report/report_dispatch.png" alt="">
+                <img class="profile_photo ml" v-else src="@/assets/report/report_driver.png" alt="">
+              </div>
+            </div>
+            <!--服务人员对话框 e -->
+          </template>
+        </div>
+      </div>
+      <report-list-item :report-list.sync="reportList" @getReport="getReportHandler" />
+      <van-popup ref="addReportModal" v-model="addReportShow" :close-on-click-overlay="false" closeable duration="0" round position="bottom">
+        <div class="dialog_wrap">
+          <img class="add_report_bg" src="@/assets/report/add_report_bg.png" alt="">
+          <div class="report_content">
+            <template v-if="currentInfo.component == 'time'">
+              <!--预约时间报备 s -->
+              <div class="report_title">
+                <img class="dot" src="@/assets/report/add_report_dot.png" alt="">
+                <span>预约时间</span>
+              </div>
+              <div class="report_time_content" @click="showDatetime = true">
+                <div class="report_time_left">
+                  <img class="add_report_time" src="@/assets/report/add_report_time.png" alt="">
+                  <span>{{appointTime || '请选择时间'}}</span>
+                </div>
+                <img class="report_arrow" src="@/assets/report/add_report_arrow.png" alt="">
+              </div>
+              <!--预约时间报备 e -->
+            </template>
+            <template v-if="currentInfo.component == 'address'">
+              <!--修改地址报备 s -->
+              <div class="report_title">
+                <img class="dot" src="@/assets/report/add_report_dot.png" alt="">
+                <span>修改地址</span>
+              </div>
+              <div class="report_time_content" @click="goPage('addressMap')">
+                <div class="report_time_left">
+                  <img class="add_report_time" src="@/assets/report/add_report_address.png" alt="">
+                  <span>{{address || '请选择地址'}}</span>
+                </div>
+                <img class="report_arrow" src="@/assets/report/add_report_arrow.png" alt="">
+              </div>
+              <!--修改地址报备 e -->
+            </template>
+            <div class="report_title">
+              <img class="dot" src="@/assets/report/add_report_dot.png" alt="">
+              <span>补充报备内容</span>
+            </div>
+            <div class="report_common_content">
+              <textarea class="report_textarea" id="text-input" rows="4" placeholder="点击这里输入补充报备内容" v-model.trim="remark"></textarea>
+  <!--            <van-field-->
+  <!--              v-model="remark"-->
+  <!--              class="report_textarea"-->
+  <!--              placeholder="点击这里输入补充报备内容" />-->
+            </div>
+          </div>
+          <div class="report_btn" @click="saveHandler">
+            提交报备
+          </div>
+        </div>
+      </van-popup>
+
+      <van-popup v-model="showDatetime" round position="bottom">
+        <van-datetime-picker
+          class="dataTime"
+          v-if="showDatetime"
+          v-model="appointTime"
+          type="datetime"
+          :min-date="minDate"
+          @confirm="onConfirm"
+          @cancel="showDatetime = false"
+        />
+      </van-popup>
+    </div>
+<!--  </van-pull-refresh>-->
+</template>
+
+<script>
+  import { getReportListByOrder, reportHistory, newOrderReporting, getOrderInfo } from "@/api/report"
+  import { myMixins} from "@/utils/myMixins";
+  import {timeFormat} from "@/utils/common";
+  import reportListItem from '@/views/report/components/report-list-item'
+  import serviceItem from "@/views/report/components/service-item"
+  import {Dialog, Toast} from "vant";
+  export default {
+    name: "reportIndex",
+    components: { serviceItem, reportListItem },
+    mixins: [myMixins],
+    data() {
+      return {
+        addReportShow: false,
+        remark: '',
+        showDatetime: false,
+        appointTime: '',
+        minDate: new Date(),
+        address: '',
+        lat: '',
+        lng: '',
+        reportList: [],
+        recordList: [],
+        orderInfo: {},
+        type: '',   // 1 调度   2 司机
+        currentInfo: '',
+        userOrderId: '',
+        userOrderCode: '',
+        driverId: '',
+        clickFlag: true,
+        isLoading: false,
+      }
+    },
+    async mounted() {
+      const urlParams = new URLSearchParams(window.location.search);
+      this.userOrderId = this.$route.query.userOrderId || urlParams.get('userOrderId');
+      this.userOrderCode = this.$route.query.userOrderCode || urlParams.get('userOrderCode');
+      this.type = this.$route.query.type || urlParams.get('type');
+      this.driverId = this.$route.query.driverId || urlParams.get('driverId');
+      await this.getReportList();
+      await this.getDetail();
+      await this.getRecordList();
+      await this.scrollToBottom();
+    },
+    activated() {
+      let addressSession = sessionStorage.getItem('reportAddress');
+      if(addressSession) {
+        let _obj = JSON.parse(addressSession)
+        this.address = _obj.startPoiAddress;
+        this.lat = _obj.startLat;
+        this.lng = _obj.startLng;
+        this.adCode = _obj.adCode;
+      }
+    },
+    methods: {
+      onRefreshHandler() {
+        setTimeout(async () => {
+          try {
+            this.recordList = [];
+            await this.getReportList();
+            await this.getDetail();
+            await this.getRecordList();
+            await this.scrollToBottom();
+          } finally {
+            this.isLoading = false; // 结束加载状态
+          }
+        }, 100)
+      },
+      // 添加滚动方法
+      scrollToBottom() {
+        this.$nextTick(() => {
+          const container = this.$refs.chatList
+          container.scrollTop = container.scrollHeight
+        })
+      },
+      async getRecordList() {
+        let recordList = await reportHistory({
+          userOrderId: this.userOrderId,
+          userOrderCode: this.userOrderCode,
+          driverId: this.driverId,
+          source: Number(this.type),
+        })
+        this.recordList = recordList.data;
+      },
+      async saveHandler() {
+        if( this.clickFlag ) {
+          let data = {
+            source: Number(this.type),
+            reportContent: this.remark,
+            userOrderId: Number(this.userOrderId),
+            reportConfigId: this.currentInfo.id,
+            userOrderCode: this.userOrderCode,
+            driverId: this.driverId,
+          }
+          if(this.currentInfo.component == 'time') {
+            if( !this.appointTime ) {
+              Toast('预约时间不能为空')
+              return
+            }
+            if( new Date(this.appointTime).getTime() <= new Date().getTime() ) {
+              Toast('预约时间不能小于当前时间')
+              return
+            }
+            data.time = this.appointTime
+          }
+          if(this.currentInfo.component == 'address') {
+            if( !this.address ) {
+              Toast('地址不能为空')
+              return
+            }
+            data.address = this.address
+            data.lat = this.lat;
+            data.lng = this.lng;
+          }
+          if( !this.remark ) {
+            Toast('备注内容不能为空')
+            return
+          }
+          this.clickFlag = false;
+          try {
+            await newOrderReporting(data)
+            Dialog.alert({
+              title: '提示',
+              message: "报备添加成功"
+            }).then(async () => {
+              await this.getRecordList()
+              this.addReportShow = false
+              this.scrollToBottom();
+              this.initDialogData();
+              this.clickFlag = true
+            });
+          } finally {
+            this.clickFlag = true
+          }
+        }
+      },
+      initDialogData() {
+        this.appointTime = '';
+        this.address = '';
+        this.lat = '';
+        this.lng = '';
+        this.remark = '';
+      },
+      addReportHandler(data) {  // 点击添加报备弹框
+        this.currentInfo = data;
+        this.addReportShow = true
+      },
+      getReportHandler(data) {  // 点击获取当前报备信息
+        this.recordList.push({
+          messageType: 4,
+          content: data.child
+        })
+        this.scrollToBottom();
+      },
+      async getDetail(){  // 订单详情
+        if(this.userOrderId) {
+          let result = await getOrderInfo({
+            userOrderId: this.userOrderId,
+            userOrderCode: this.userOrderCode
+          })
+          this.orderInfo = result.data
+        } else {
+          this.orderInfo = {}
+        }
+
+      },
+      async getReportList() {   // 报备大类
+        let res = await getReportListByOrder({
+          orderId: this.userOrderId
+        });
+        this.reportList = res.data
+      },
+      onConfirm(data) {
+        this.appointTime = timeFormat(new Date(data))
+        this.showDatetime = false;
+      }
+    }
+  }
+</script>
+<style lang="scss">
+  .custom-pull-refresh {
+    height: 100% !important;
+  }
+</style>
+<style lang="scss" scoped>
+  #app {
+    background: #F9FCFF !important;
+    height: 100%;
+  }
+
+  .main_wrap {
+    width: 100%;
+    height: 100%;
+    background: #F9FCFF !important;
+    display: flex;
+    flex-direction: column;
+    // 添加以下样式确保正确的高度计算
+    position: absolute;
+    top: 0;
+    bottom: 0;
+    left: 0;
+    right: 0;
+  }
+.top_bg {
+  width: 100%;
+  height: 87px;
+  /*.title {
+    color: #fff;
+    text-align: center;
+    padding-top: 52px;
+    font-size: 17px;
+    line-height: 24px;
+  }*/
+}
+  .dispatch { // 调度app头部背景色
+    background: #354683;
+  }
+  .driver { // 司机app头部背景色
+    background: #334885;
+  }
+.service_wrap {
+  margin-top: -75px;
+  /*margin-bottom: 20px;*/
+}
+.chat_list {
+  flex: 1;
+  /*overflow: auto;*/
+  overflow-y: auto;
+  overflow-x: hidden;
+  -webkit-overflow-scrolling: touch; // 为了iOS平滑滚动
+  padding-top: 10px;
+  /* 修复 iOS 滚动问题 */
+  transform: translateZ(0);
+  .top_tip_wrap {
+    color: #7C8698;
+    text-align: center;
+    font-size: 13px;
+  }
+  .tip_wrap {
+    color: #7C8698;
+    text-align: center;
+    font-size: 13px;
+    margin-bottom: 10px;
+  }
+  .ai_chat {
+    padding: 25px 10px 20px;
+    display: flex;
+    .ai_left {
+      .report_ai {
+        width: 44px;
+        height: 44px;
+        margin-right: 12px;
+      }
+    }
+    .ai_right {
+      .ai_title {
+        color: #203152;
+        font-size: 15px;
+        font-weight: 600;
+        margin-bottom: 15px;
+      }
+      li {
+        font-size: 13px;
+        color: #267EF0;
+        line-height: 18px;
+        margin-bottom: 15px;
+        font-weight: bold;
+      }
+      li::before {
+        content: "";
+        display: inline-block;
+        width: 8px;
+        height: 8px;
+        background-color: #5680FA;
+        border-radius: 50%; /* 圆形 */
+        margin-right: 10px;
+      }
+    }
+  }
+}
+
+/*客服人员，服务人员对话弹框样式 s*/
+  .profile_photo {
+    width: 44px;
+    height: 44px;
+  }
+  .mr {
+    margin-right: 10px;
+  }
+  .ml {
+    margin-left: 10px;
+  }
+  .mb20 {
+    margin-bottom: 20px;
+  }
+  .customer_item {
+    display: flex;
+    padding-left: 10px;
+    padding-right: 64px;
+    .customer_left {
+    }
+  }
+  .common_right {
+    padding: 11px 13px;
+    flex: 1;
+    .customer_status::before {
+      content: "";
+      display: inline-block;
+      width: 8px;
+      height: 8px;
+      background-color: #5680FA;
+      border-radius: 50%; /* 圆形 */
+      margin-right: 10px;
+    }
+    .customer_status {
+      font-size: 14px;
+      color: #267EF0;
+      line-height: 20px;
+      font-weight: bold;
+    }
+    .service_status {
+      font-size: 14px;
+      color: #F07926;
+      line-height: 20px;
+      font-weight: bold;
+    }
+    .service_status::before {
+      content: "";
+      display: inline-block;
+      width: 8px;
+      height: 8px;
+      background-color: #F07926;
+      border-radius: 50%; /* 圆形 */
+      margin-right: 10px;
+    }
+  }
+  .customer_cls {
+    border-radius: 0px 6px 6px 6px;
+    background: #E3F0FF;
+  }
+  .service_cls {
+    background: #FAEBD8;
+    border-radius: 0px 6px 6px 6px;
+  }
+  .server_item {
+    display: flex;
+    padding-right: 10px;
+    padding-left: 64px;
+  }
+  .response_con {
+    font-size: 13px;
+    color: #242A37;
+    line-height: 18px;
+    font-weight: bold;
+    margin-top: 5px;
+  }
+  /*客服人员，服务人员对话弹框样式 e*/
+  .dialog_wrap {
+    .add_report_bg {
+      width: 100%;
+      height: 76px;
+    }
+    .report_content {
+      width: calc(100% - 12px);
+      margin: -30px auto 0;
+      padding-right: 14px;
+      padding-left: 20px;
+      box-sizing: border-box;
+      background: #fff;
+      position: relative;
+      padding-top: 25px;
+      border-radius: 10px;
+      .report_title {
+        font-size: 16px;
+        font-weight: 600;
+        color: #267EF0;
+        line-height: 22px;
+        margin-bottom: 10px;
+        .dot {
+          width: 7px;
+          height: 6px;
+          margin-right: 12px;
+        }
+      }
+      .report_time_content {
+        padding: 13px;
+        background: #F2F7FF;
+        border-radius: 6px;
+        border: 1px solid #E2EAF6;
+        display: flex;
+        justify-content: space-between;
+        align-items: center;
+        margin-bottom: 30px;
+        .report_time_left {
+          font-size: 14px;
+          font-weight: bold;
+          color: rgba(0, 0, 0, 0.9);
+          display: flex;
+          align-items: flex-start;
+        }
+        .add_report_time {
+          width: 18px;
+          height: 18px;
+          margin-right: 8px;
+        }
+        .report_arrow {
+          width: 8px;
+          height: 12px;
+          margin-left: 5px;
+        }
+      }
+      .report_common_content {
+        margin-bottom: 27px;
+        .report_textarea {
+          width: 100%;
+          box-sizing: border-box;
+          background: #F8FAFC;
+          border-radius: 6px;
+          min-height: 95px;
+          border: 1px solid #E2EAF6;
+          padding: 10px;
+          font-size: 13px;
+        }
+      }
+    }
+    .report_btn {
+      width: calc(100% - 80px);
+      height: 46px;
+      line-height: 46px;
+      background: #005DD5;
+      border-radius: 23px;
+      color: #FFFFFF;
+      font-size: 15px;
+      font-weight: bold;
+      text-align: center;
+      margin: 0 auto 40px;
+    }
+  }
+  ::v-deep .van-popup__close-icon {
+    color: #0F458E;
+  }
+</style>
--- a/src/views/secondHandCar/carSource.vue
+++ b/src/views/secondHandCar/carSource.vue
@ -0,0 +1,795 @@
+<template>
+  <div class="wrap" >
+    <div class="headerWrap">
+      <img class="bg" src="@/assets/secondHandCar/bg.png" />
+      <div class="navWrap">
+        <div v-if="isWebFunc()" style="opacity: 0;" class="back"></div>
+        <img v-else class="back" @click="backHandle" src="@/assets/secondHandCar/back.png" />
+        <img class="navIcon" src="@/assets/secondHandCar/cheyuan_big.png" />
+        <div style="opacity: 0;" class="back"></div>
+      </div>
+      <div class="audit" v-if="status==3 && auditRemark">
+        <span><img class="noAudit" src="@/assets/secondHandCar/noAudit.png" />审核不通过：</span>
+        <span>{{auditRemark}}</span>
+      </div>
+      <div class="audit supplierInfo" v-if="type==2">
+        <div><span>供应商名称：</span><span>{{supplierName}}</span></div>
+        <div><span>供应商编号：</span><span>{{supplierCode}}</span></div>
+      </div>
+    </div>
+    <div class="contentWrap" :style="id ? 'height: calc(100% - 100px);' : 'height: calc(100% - 42px);'" :class="[type==1 ? 'noContentAudit': 'hasContentAudit']">
+      <div class="oneContent content">
+        <img class="sort" src="@/assets/secondHandCar/one_cheyuan.png"  />
+        <div class="uploadWrap">
+          <upload-common  @success1="getDrivingLicense"  @delete1="deleteImg1"
+                         :text="'行驶证照片'" :multiple="false" :files.sync="vehicleLicensePhotoList"/>
+          <upload-common  @success2="getPlateColor"  @delete2="deleteImg2"
+                         :text="'车辆45度照'" :multiple="false" :files.sync="vehicleAnglePhotoList" />
+          <upload-common  @success4="getBackPhoto"  @delete4="deleteImgBack"
+                          :text="'车辆后方45度'" :multiple="false" :files.sync="vehicleRearPhotoList" />
+          <upload-common @success3="getOtherImg"   @delete3="handleDeleteOtherImg"
+                         :text="'其他照片0/6'" :multiple="true"  :files.sync="otherImgSrcList"/>
+        </div>
+      </div>
+      <div class="line"></div>
+      <div  class="twoContent content">
+        <img class="sort" src="@/assets/secondHandCar/two_desc.png"  />
+        <div class="ocrInfo">
+          <div class="item"><span>牌照类型</span><span class="orc">{{ form.licenseType==1 ? '蓝牌' : (form.licenseType==2 ? '黄牌' : (form.licenseType==3 ? '绿牌' : '')) }}</span></div>
+          <div class="item"><span>上装品牌</span><span class="orc">{{form.brandModel}}</span></div>
+          <div class="item"><span>注册日期</span><span class="orc">{{form.registerDate?.substring(0,10)}}</span></div>
+        </div>
+        <div class="item vehicleTypeItem">
+          <span> <span class="star">*</span>车辆类型 </span>
+          <van-radio-group v-model="form.vehicleType" direction="horizontal" class="radioWrap">
+            <van-radio name="平板拖车" :class="{'checked':form.vehicleType=='平板拖车','vehicleRadio':true}">平板拖车</van-radio>
+            <van-radio name="地库车" :class="{'checked':form.vehicleType=='地库车','vehicleRadio':true}">地库车</van-radio>
+            <van-radio name="牵引车" :class="{'checked':form.vehicleType=='牵引车','vehicleRadio':true}">牵引车</van-radio>
+            <van-radio name="随车吊" :class="{'checked':form.vehicleType=='随车吊','vehicleRadio':true}">随车吊</van-radio>
+          </van-radio-group>
+        </div>
+        <div class="item" v-if="form.vehicleType=='平板拖车'">
+          <span> <span class="star">*</span>落板方式 </span>
+          <van-radio-group v-model="form.boardType" direction="horizontal" class="radioWrap">
+            <van-radio name="1" :class="{'checked':form.boardType==1}">全落地</van-radio>
+            <van-radio name="2" :class="{'checked':form.boardType==2}">斜落一体</van-radio>
+            <van-radio name="3" :class="{'checked':form.boardType==3}">普通斜板</van-radio>
+          </van-radio-group>
+        </div>
+        <div class="item">
+          <span> <span class="star">*</span>排放标准 </span>
+          <van-radio-group v-model="form.emissionStandard" direction="horizontal" class="radioWrap">
+            <van-radio name="3" :class="{'checked':form.emissionStandard==3}">国3</van-radio>
+            <van-radio name="4" :class="{'checked':form.emissionStandard==4}">国4</van-radio>
+            <van-radio name="5" :class="{'checked':form.emissionStandard==5}">国5</van-radio>
+            <van-radio name="6" :class="{'checked':form.emissionStandard==6}">国6</van-radio>
+          </van-radio-group>
+        </div>
+        <div class="item">
+          <span> <span class="star">*</span>刹车系统 </span>
+          <van-radio-group v-model="form.brakeSystem" direction="horizontal" class="radioWrap">
+            <van-radio name="1" :class="{'checked':form.brakeSystem==1}">气刹</van-radio>
+            <van-radio name="2" :class="{'checked':form.brakeSystem==2}">油刹</van-radio>
+          </van-radio-group>
+        </div>
+        <div class="item">
+          <span> <span class="star">*</span>所在城市 </span>
+          <van-field
+              @focus="areaShow = true"
+              class="radioWrap"
+              readonly
+              v-model="areaName"
+              input-align="right"
+
+
+          > </van-field>
+        </div>
+        <div class="item">
+          <span> <span class="star">*</span>行驶里程 </span>
+          <van-field
+              type="number"
+              class="radioWrap"
+              v-model="form.mileage"
+              input-align="right"
+          >
+            <template slot="right-icon" >
+             <span style="white-space: nowrap;  margin-left: 8px;"> 公里 </span>
+            </template>
+          </van-field>
+        </div>
+        <div class="item">
+          <span> <span class="star">*</span>联系号码 </span>
+          <van-field
+              type="number"
+              class="radioWrap"
+              v-model="form.contactNumber"
+              input-align="right"
+
+          > </van-field>
+        </div>
+        <div class="item">
+          <span> <span class="star">*</span>售价(含税)</span>
+          <van-field
+              type="number"
+              class="radioWrap"
+              v-model="form.minPrice"
+              @input="validatePrice"
+              input-align="right"
+          >
+            <template slot="right-icon" >
+              <span style="white-space: nowrap;  margin-left: 8px;"> 元 </span>
+            </template>
+          </van-field>
+        </div>
+        <div class="item" style="margin-bottom:20px">
+          <span> <span class="star">*</span>底盘品牌</span>
+          <van-field
+            class="radioWrap"
+            v-model="form.underpanBrand"
+            input-align="right"
+          >
+          </van-field>
+        </div>
+      </div>
+      <div class="line lastLine"></div>
+      <div  class="threeContent content">
+        <img class="sort" src="@/assets/secondHandCar/three.png"  />
+        <el-input class="ipt" v-model.trim="form.desc" type="textarea"  :autosize="{ minRows: 6, maxRows: 6 }"
+                  maxlength="500" show-word-limit placeholder="描述车辆信息：如事故、额外加装、无线遥控"></el-input>
+        <div v-if="type==2" style="margin: 10px 3px">不通过原因</div>
+        <el-input v-if="type==2"  class="ipt" v-model.trim="auditReason" type="textarea"  :autosize="{ minRows: 2, maxRows: 6 }"
+                  maxlength="200" show-word-limit placeholder="请填写不通过原因"></el-input>
+        <div class="checkedWrap" v-if="type==1">
+          <img v-show="radio==1" @click="radio=0" class="radioIcon" src="@/assets/secondHandCar/checked.png" />
+          <img v-show="radio==0" @click="radio=1" class="radioIcon" src="@/assets/secondHandCar/uncheck.png" />
+          <span>我已阅读并同意</span>
+          <span @click="viewPrivacy">《二手拖车交易条款》</span>
+        </div>
+        <div class="btnWrap" >
+          <div v-if="type==1" class="btn commonBtn"  @click="noMultipleClicks(submitHandle)">发布</div>
+          <div v-if="type==2" class="auditBtn">
+            <div  class="commonBtn" @click="noMultipleClicks(auditHandle,0)">审核不通过</div>
+            <div  class="commonBtn" @click="noMultipleClicks(auditHandle,1)"><span style="margin-right: 6px">✔</span>审核通过</div>
+          </div>
+        </div>
+      </div>
+    </div>
+    <van-popup
+        v-model="areaShow"
+        closeable
+        position="bottom"
+    >
+      <van-area title="标题" :area-list="areaList" :columns-num="2"  closeable="true" :value="form.areaCode ? String(form.areaCode) : ''"
+                @cancel="areaShow = false" @confirm="confirmHandle"/>
+    </van-popup>
+ </div>
+</template>
+<script>
+import {publishCarInfo,carInfoDetail,auditCarInfo} from "@/api/secondHandCar"
+import {myMixins} from "@/utils/myMixins"
+import uploadCommon from "@/views/secondHandCar/components/upload-common.vue";
+import {areaList} from "@vant/area-data";
+export default {
+  name: "carSource",
+  mixins:[myMixins],
+  components:{uploadCommon},
+  data(){
+    return{
+      form:{
+        id:'',
+        type:1,
+        vehicleLicensePhoto:'',
+        vehicleAnglePhoto:'',
+        vehicleRearPhoto: '',
+        otherPhoto:'',
+        licenseType:'',
+        brandModel:'',
+        vinCode:'',
+        plateNumber:'',
+        vehicleFrontLicensePlate:'',
+        registerDate:'',
+        vehicleType:'',
+        boardType:'',
+        emissionStandard:'',
+        areaCode:'',
+        mileage:'',
+        contactNumber:'',
+        minPrice:'',
+        desc:'',
+        underpanBrand: '',
+        brakeSystem: '',
+      },
+      radio: 0,
+      type:'',//1为发布&修改 2为审核
+      id:'',
+      queryType:'',
+      areaList: areaList,
+      areaShow:false,
+      noClick:true,
+      auditRemark:'',
+      auditReason:'',
+      areaName:'',
+      vehicleLicensePhotoList:[],
+      vehicleAnglePhotoList:[],
+      vehicleRearPhotoList: [],
+      otherImgSrcList:[],
+      otherImgSrc:[],
+      status:'',
+      supplierName:'',
+      supplierCode:'',
+    }
+  },
+  async mounted() {
+    const urlParams = new URLSearchParams(window.location.search);
+    this.type=this.$route.query.type || urlParams.get('type');
+    this.id=this.$route.query.id ||  urlParams.get('id');
+    this.queryType=this.$route.query.queryType || urlParams.get('queryType');
+    if( this.id){
+      let res = await carInfoDetail({
+        id:this.id,
+        queryType:this.queryType ,
+      })
+      this.form={...res.data}
+      this.form.licenseType=res.data.licenseType?.code
+      this.form.boardType=res.data.boardType?.code
+      this.form.emissionStandard=res.data.emissionStandard?.code
+      this.auditRemark=res.data?.auditRemark
+      this.status=res.data?.status?.code
+      const municipalities = ['北京市', '天津市', '上海市', '重庆市'];
+      const isMunicipality = municipalities.some(city => res.data.areaName.includes(city));
+      this.areaName= isMunicipality ? res.data.areaName?.substring(0, 3) : res.data.areaName;
+      this.supplierName=res.data?.supplierName
+      this.supplierCode=res.data?.supplierCode
+      if(res.data?.otherPhoto){
+        this.otherImgSrc=res.data.otherPhoto?.split(',')
+        this.otherImgSrc?.map(item=>this.otherImgSrcList.push({url:item}))
+      }
+      this.vehicleLicensePhotoList=[{url:res.data?.vehicleLicensePhoto}]
+      this.vehicleAnglePhotoList=[{url:res.data?.vehicleAnglePhoto}]
+      this.vehicleRearPhotoList = [{ url: res.data?.vehicleRearPhoto }]
+    }
+    let carSourceFormInfo=localStorage.getItem("carSourceFormInfo") ? JSON.parse(localStorage.getItem("carSourceFormInfo")) : ''
+    if(!carSourceFormInfo){
+      return
+    }
+    this.form={...carSourceFormInfo.form}
+    this.radio=carSourceFormInfo.radio
+    this.areaName=carSourceFormInfo.areaName
+    if(this.form?.otherPhoto){
+      this.otherImgSrc=this.form.otherPhoto?.split(',')
+      this.otherImgSrc?.map(item=>this.otherImgSrcList.push({url:item}))
+    }
+    if(this.form.vehicleLicensePhoto){
+      this.vehicleLicensePhotoList=[{url:this.form.vehicleLicensePhoto}]
+    }
+   if(this.form.vehicleAnglePhoto){
+     this.vehicleAnglePhotoList=[{url:this.form.vehicleAnglePhoto}]
+   }
+   if( this.form.vehicleRearPhoto ) {
+     this.vehicleRearPhotoList = [{url: this.form.vehicleRearPhoto}]
+   }
+    // console.log("carSourceFormInfo",carSourceFormInfo)
+   if(carSourceFormInfo.otherImgSrc0){
+     this.otherImgSrc.push(carSourceFormInfo.otherImgSrc0)
+     this.otherImgSrcList.push({url:carSourceFormInfo.otherImgSrc0})
+   }
+    if(carSourceFormInfo.otherImgSrc1){
+      this.otherImgSrc.push(carSourceFormInfo.otherImgSrc1)
+      this.otherImgSrcList.push({url:carSourceFormInfo.otherImgSrc1})
+    }
+    if(carSourceFormInfo.otherImgSrc2){
+      this.otherImgSrc.push(carSourceFormInfo.otherImgSrc2)
+      this.otherImgSrcList.push({url:carSourceFormInfo.otherImgSrc2})
+    }
+    if(carSourceFormInfo.otherImgSrc3){
+      this.otherImgSrc.push(carSourceFormInfo.otherImgSrc3)
+      this.otherImgSrcList.push({url:carSourceFormInfo.otherImgSrc3})
+    }
+    if(carSourceFormInfo.otherImgSrc4){
+      this.otherImgSrc.push(carSourceFormInfo.otherImgSrc4)
+      this.otherImgSrcList.push({url:carSourceFormInfo.otherImgSrc4})
+    }
+    if(carSourceFormInfo.otherImgSrc5){
+      this.otherImgSrc.push(carSourceFormInfo.otherImgSrc5)
+      this.otherImgSrcList.push({url:carSourceFormInfo.otherImgSrc5})
+    }
+    // console.log("--",this.vehicleLicensePhotoList,this.vehicleAnglePhotoList,this.otherImgSrcList)
+  },
+  methods:{
+    validatePrice(value) {
+      if (value?.startsWith(0) && value?.length > 1) {
+        this.$nextTick(() => {
+          this.form.minPrice = 0
+        })
+      }
+    },
+    clearStorageFormInfo(){
+      localStorage.setItem("carSourceFormInfo",'')
+    },
+    backHandle(){
+      if(this.$route.query.homePage){//返回列表
+        this.$router.push({ name: "indexList"})
+      }else{//返回我的发布
+        this.$router.push({ name: "mineRelease"})
+      }
+      this.clearStorageFormInfo()
+    },
+    viewPrivacy(){
+      let data={
+        form:this.form,radio:this.radio,areaName:this.areaName,
+        otherImgSrc0: this.otherImgSrc[0],
+        otherImgSrc1: this.otherImgSrc[1],
+        otherImgSrc2:this.otherImgSrc[2],
+        otherImgSrc3:this.otherImgSrc[3],
+        otherImgSrc4:this.otherImgSrc[4],
+        otherImgSrc5:this.otherImgSrc[5],
+      }
+      localStorage.setItem("carSourceFormInfo",JSON.stringify(data))
+      this.$router.push({ name: "privacyComponent"})
+    },
+    confirmHandle(val){
+      if(val[0].name.includes('市')){
+        this.areaName=val[0].name
+        this.form.areaCode=val[0].code
+      }else{
+        this.areaName=val[0].name +val[1].name
+        this.form.areaCode=val[1].code
+      }
+      this.areaShow=false
+    },
+    getDrivingLicense(data){
+      console.log("getDrivingLicense",data)
+      this.form.vehicleLicensePhoto=data.url
+      this.form.brandModel=data.info.model
+      this.form.vinCode=data.info.vin
+      this.form.plateNumber=data.info.plateNo
+      this.form.registerDate=data.info.registerDate +' 00:00:00'
+      // this.form.vehicleType=data.info.vehicleType
+    },
+    deleteImg1(){
+      this.form.vehicleLicensePhoto=''
+    },
+    getPlateColor(data){
+      console.log("getPlateColor",data)
+      this.form.vehicleAnglePhoto=data.url
+      this.form.licenseType=data.colorStatus
+      this.form.vehicleFrontLicensePlate=data.plateType
+    },
+    deleteImg2(){
+      this.form.vehicleAnglePhoto=''
+    },
+    getOtherImg(data){
+      this.otherImgSrc.push(data.url)
+    },
+    getBackPhoto(data) {
+      console.log("datadata",data)
+      this.form.vehicleRearPhoto = data.url
+    },
+    deleteImgBack() {
+      this.form.vehicleRearPhoto = '';
+    },
+    handleDeleteOtherImg(file,index) {
+      this.otherImgSrc = this.otherImgSrc.filter((item,i) => index !== i);
+      this.otherImgSrcList = this.otherImgSrcList.filter((item,i) => index !== i);
+    },
+    // 审核操作
+    async auditHandle(type){
+      if (!type && !this.auditReason){
+        this.$toast('请填写不通过原因')
+        return
+      }
+      if (!this.form.vehicleLicensePhoto) {
+        this.$toast('行驶证不能为空')
+        return
+      }
+      if (!this.form.vehicleAnglePhoto) {
+        this.$toast('车辆45度不能为空')
+        return
+      }
+      if(!this.form.vehicleRearPhoto && type == 1) {
+        this.$toast('车辆后方45度不能为空')
+        return
+      }
+      let flag=this.validateHandle()
+      if(flag){
+        this.$toast(flag)
+        return
+      }
+      if (this.form.vehicleType=='平板拖车' && !this.form.boardType) {
+        this.$toast('落板方式不能为空')
+        return
+      }else if(this.form.vehicleType !=='平板拖车'){
+        this.form.boardType=''
+      }
+      let rule
+     if( type == 1 ) {
+       rule = this.validationRules.find(item =>
+         item.value === null ||
+         item.value === undefined ||
+         item.value === ''
+       )
+     } else {
+       rule = this.validationRulesSimple.find(item =>
+         item.value === null ||
+         item.value === undefined ||
+         item.value === ''
+       )
+     }
+
+      if(rule){
+        this.$toast(rule.name)
+        return
+      }
+      try {
+        await auditCarInfo({
+          id: this.id,
+          auditResult: type  ? 1 : 0 ,
+          auditReason: this.auditReason,
+          ...this.form,
+          otherPhoto:this.otherImgSrc?.join(',')
+        })
+        this.clearStorageFormInfo()
+        setTimeout(()=>{
+          this.closeParentDialog()
+        },1000)
+      } finally {
+        console.log(type)
+      }
+    },
+    // 发布车源
+    async submitHandle(){
+      if (!this.radio) {
+        this.$toast('请勾选我已阅读并同意')
+        return
+      }
+      if (!this.form.vehicleLicensePhoto) {
+        this.$toast('行驶证不能为空')
+        return
+      }
+      if (!this.form.vehicleAnglePhoto) {
+        this.$toast('车辆45度不能为空')
+        return
+      }
+      if(!this.form.vehicleRearPhoto) {
+        this.$toast('车辆后方45度不能为空')
+        return
+      }
+      let flag=this.validateHandle()
+      if(flag){
+        this.$toast(flag)
+        return
+      }
+      if (this.form.vehicleType=='平板拖车' && !this.form.boardType) {
+        this.$toast('落板方式不能为空')
+        return
+      }else if(this.form.vehicleType !=='平板拖车'){
+        this.form.boardType=''
+      }
+      let rule = this.validationRules.find(item =>
+          item.value === null ||
+          item.value === undefined ||
+          item.value === ''
+      )
+      if(rule){
+        this.$toast(rule.name)
+        return
+      }
+      try {
+        let res = await publishCarInfo({
+          ...this.form,
+          otherPhoto:this.otherImgSrc?.join(',')
+        })
+        this.clearStorageFormInfo()
+        if(res.code == 200 && !res.msg){
+          this.$toast('发布成功')
+          if(this.isWebFunc()){
+            setTimeout(()=>{
+              this.closeParentDialog()
+            },1000)
+          }else{
+            setTimeout(()=>{
+              this.$router.push({ name: "mineRelease"})
+              sessionStorage.setItem('mineActiveTab',String(1) )
+            },1000)
+          }
+        }else{
+          this.$toast(res.msg)
+        }
+        console.log("车源发布publishCarInfo",res)
+      } catch (e){
+        console.log('e',e)
+      } finally {
+        console.log(111)
+      }
+    },
+    // 手机号验证方法
+    validateHandle() {
+      const contactNumberPattern = /^1[3-9]\d{9}$/; // 手机号正则表达式
+      let str=''
+      if (!this.form.contactNumber) {
+        str='联系方式不能为空'
+        // return
+      } else if (!contactNumberPattern.test(this.form.contactNumber)) {
+        str='联系方式格式错误'
+      } else {
+        str=''
+      }
+      return str
+    },
+  },
+  computed: {
+    validationRules() {
+      return [
+        { value: this.form.vehicleType, name: '车辆类型不能为空' },
+        { value: this.form.emissionStandard, name: '排放标准不能为空' },
+        { value: this.form.brakeSystem, name: '刹车系统不能为空' },
+        { value: this.form.areaCode, name: '所在城市不能为空' },
+        { value: this.form.mileage, name: '行驶里程不能为空' },
+        { value: this.form.contactNumber, name: '联系方式不能为空' },
+        { value: this.form.minPrice, name: '售价不能为空' },
+        { value: this.form.underpanBrand, name: '底盘品牌不能为空' },
+      ];
+    },
+    validationRulesSimple() {
+      return [
+        { value: this.form.vehicleType, name: '车辆类型不能为空' },
+        { value: this.form.emissionStandard, name: '排放标准不能为空' },
+        { value: this.form.areaCode, name: '所在城市不能为空' },
+        { value: this.form.mileage, name: '行驶里程不能为空' },
+        { value: this.form.contactNumber, name: '联系方式不能为空' },
+        { value: this.form.minPrice, name: '售价不能为空' },
+      ];
+    },
+  },
+}
+</script>
+
+<style scoped lang="scss">
+@import '@/styles/mixin.scss';
+.wrap {
+  @include wh(100%, 100%);
+  position: relative;
+}
+.headerWrap{
+  width: 100%;
+  box-sizing: border-box;
+  padding-top: 15px;
+  padding-bottom: 15px;
+  position: relative;
+  .navWrap{
+    width: 100%;
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    box-sizing: border-box;
+    padding: 0 16px 10px;
+  }
+  .bg{
+    position: absolute;
+    width: 100%;
+    height: 120px;
+    line-height: 120px;
+    top: 0;
+    left: 0;
+    opacity: 0.5;
+    z-index: -1;
+  }
+  .back{
+    @include wh(15px,15px);
+  }
+  .navIcon{
+    @include wh(84px,21px);
+  }
+  .audit{
+    @include wh(100%,43px);
+    background: #FFF7F4;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    font-size: 11px;
+    color: #FF6B3B;
+    .noAudit{
+      @include wh(13px,12px);
+      margin-right: 5px;
+      vertical-align: bottom;
+    }
+    span:first-child{
+      font-weight: 600;
+    }
+  }
+  .supplierInfo{
+    justify-content: space-around;
+    background-color: #F5F7F9;
+    color: #606266;;
+  }
+}
+.navBar{
+  margin-bottom: 46px;
+
+}
+.noContentAudit{
+  height: calc(100% - 42px);
+}
+//100px
+.hasContentAudit{
+  height: calc(100% - 85px);
+}
+.contentWrap{
+  width: 100%;
+  overflow-y: auto;
+  .sort{
+    @include wh(91px, 19px);
+    margin-bottom: 15px;
+  }
+  .line{
+    width: 100%;
+    border-bottom: 1px solid #F2F2F2;
+    margin-top: 26px;
+    margin-bottom: 17px;
+  }
+  .lastLine{
+    margin-top: 3px !important;
+  }
+  .content{
+    width: 100%;
+    box-sizing: border-box;
+    padding: 0 14px 0 20px;
+    //padding:0 20px;
+  }
+  .oneContent{
+    .uploadWrap{
+      display: flex;
+      flex-wrap: wrap;
+      //justify-content: space-between;
+    }
+  }
+  .twoContent{
+    .ocrInfo{
+      background: #FAFBFC;
+      border-radius: 4px;
+    }
+    .item{
+      display: flex;
+      //align-items: center;
+      font-weight: 400;
+      font-size: 13px;
+      color: #2C3D54;
+      line-height: 44px;
+      width: 100%;
+      box-sizing: border-box;
+      padding-left: 21px;
+      padding-right: 9px;
+      span:first-child{
+        display: inline-block;
+        width:70px;
+        font-size: 13px;
+        color: rgba(44, 61, 84, 0.59);
+      }
+      span:last-child{
+        display: inline-block;
+        width:calc(100% - 70px);
+        border-bottom: 1px solid #E9E9EA;
+      }
+      .orc{
+        box-sizing: border-box;
+        padding-left: 6px;
+      }
+    }
+    .vehicleTypeItem{
+      line-height: 13px !important;
+      margin-top: 8px;
+    }
+    .star{
+      color: #FF4B4B !important;
+      opacity: 1 !important;
+      font-weight: bold;
+      font-size: 12px;
+      margin-right: 6px;
+      margin-left: -6px;
+    }
+    .radioWrap{
+      width:calc(100% - 70px);
+      border-bottom: 1px solid #E9E9EA;
+    }
+  }
+  .threeContent{
+    .checkedWrap{
+      cursor: pointer;
+      color:#808D99 ;
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      margin-top: 20px;
+      margin-bottom: 10px;
+      font-size: 12px;
+      .radioIcon{
+        @include wh(16px, 16px);
+        margin-right: 6px;
+      }
+      span:last-child{
+        color: #0E76F4;
+      }
+    }
+    .btnWrap{
+      padding-bottom: 20px;
+      padding-top: 15px;
+    }
+    .commonBtn{
+      height: 46px;
+      line-height: 46px;
+      text-align: center;
+      font-weight: bold;
+      border-radius: 5px;
+      color: #FFFFFF;
+      cursor: pointer;
+    }
+    .btn{
+      width: 296px;
+      background: #4A7FEB;
+      margin: 0 auto;
+      font-size: 15px;
+    }
+    .auditBtn{
+      display: flex;
+      justify-content: space-between;
+      font-size: 14px;
+      box-sizing: border-box;
+      padding: 0 6px;
+      div:first-child{
+        width: 100px;
+        opacity: 0.79;
+        background: #1C2C49;
+      }
+      div:last-child{
+        width: 200px;
+        background: #4A7FEB;
+      }
+    }
+  }
+}
+ ::v-deep .van-icon-success{
+  display: none !important;
+}
+ ::v-deep .van-radio__label{
+   margin-left: 0;
+   width: 54px;
+   height: 23px;
+   border-radius: 13px;
+   border: 1px solid #9F9F9F;
+   opacity: 0.5;
+   text-align: center;
+   line-height: 23px;
+   font-size: 12px;
+   color: #323233;
+   opacity: 1;
+ }
+ ::v-deep .van-radio--horizontal{
+   margin-right: 4px;
+ }
+::v-deep .van-radio--horizontal:last-child{
+  margin-right: 0;
+}
+::v-deep  .checked .van-radio__label{
+   background: #FFF1EC !important;
+   border: 1px solid #FF5C26 !important;
+   color: #FE5006 !important;
+   border-radius: 13px !important;
+ }
+::v-deep  .van-field__right-icon{
+  margin-right: 0;
+  padding: 0;
+}
+::v-deep .ipt .el-textarea__inner{
+  background: #F5F7F9;
+  border-radius: 4px;
+  //opacity: 0.74;
+  font-size: 12px;
+  border: none;
+}
+::v-deep .van-popup__close-icon--top-right{
+  display: none;
+}
+::v-deep .vehicleRadio .van-radio__label{
+  margin-bottom: 8px !important;
+}
+</style>
--- a/Show More
+++ b/Show More