CRM_25-11-18#story#7552,服务商体系新增潜在服务商--曹智龙

package-lock.json

@@ -18,6 +18,7 @@
         "element-ui": "^2.15.9",
         "less": "^4.1.3",
         "less-loader": "^11.1.3",
+        "qrcode": "^1.5.4",
         "qs": "^6.11.2",
         "sass": "^1.65.1",
         "sass-loader": "^13.3.2",
@@ -3350,7 +3351,6 @@
       "version": "5.0.1",
       "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-5.0.1.tgz",
       "integrity": "sha512-quJQXlTSUGL2LH9SUXo8VwsY4soanhgo6LNSm84E1LBcE8s3O0wpdiRzyR9z/ZZJMlMWv37qOOb9pdJlMUEKFQ==",
-      "dev": true,
       "engines": {
         "node": ">=8"
       }
@@ -4801,6 +4801,15 @@
       "integrity": "sha512-sGkPx+VjMtmA6MX27oA4FBFELFCZZ4S4XqeGOXCv68tT+jb3vk/RyaKWP0PTKyWtmLSM0b+adUTEvbs1PEaH2w==",
       "dev": true
     },
+    "node_modules/decamelize": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmmirror.com/decamelize/-/decamelize-1.2.0.tgz",
+      "integrity": "sha512-z2S+W9X73hAUUki+N+9Za2lBlun89zigOyGrsax+KUQ6wKW4ZoWpEYBkGhQjwAjjDCkWxhY0VKEhk8wzY7F5cA==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
     "node_modules/decimal.js": {
       "version": "10.4.3",
       "resolved": "https://registry.npmmirror.com/decimal.js/-/decimal.js-10.4.3.tgz",
@@ -5020,6 +5029,12 @@
       "integrity": "sha512-T0NIuQpnTvFDATNuHN5roPwSBG83rFsuO+MXXH9/3N1eFbn4wcPjttvjMLEPWJ0RGUYgQE7cGgS3tNxbqCGM7g==",
       "dev": true
     },
+    "node_modules/dijkstrajs": {
+      "version": "1.0.3",
+      "resolved": "https://registry.npmmirror.com/dijkstrajs/-/dijkstrajs-1.0.3.tgz",
+      "integrity": "sha512-qiSlmBq9+BCdCA/L46dw8Uy93mloxsPSbwnm5yrKn2vMPiy8KyAskTF6zuV/j5BMsmOGZDPs7KjU+mjb670kfA==",
+      "license": "MIT"
+    },
     "node_modules/dir-glob": {
       "version": "3.0.1",
       "resolved": "https://registry.npmjs.org/dir-glob/-/dir-glob-3.0.1.tgz",
@@ -5210,8 +5225,7 @@
     "node_modules/emoji-regex": {
       "version": "8.0.0",
       "resolved": "https://registry.npmjs.org/emoji-regex/-/emoji-regex-8.0.0.tgz",
-      "integrity": "sha512-MSjYzcWNOA0ewAHpz0MxpYFvwg6yjy1NG3xteoqz644VCo/RPgnr1/GGt+ic3iJTzQ8Eu3TdM14SawnVUmGE6A==",
-      "dev": true
+      "integrity": "sha512-MSjYzcWNOA0ewAHpz0MxpYFvwg6yjy1NG3xteoqz644VCo/RPgnr1/GGt+ic3iJTzQ8Eu3TdM14SawnVUmGE6A=="
     },
     "node_modules/emojis-list": {
       "version": "3.0.0",
@@ -6215,7 +6229,6 @@
       "version": "4.1.0",
       "resolved": "https://registry.npmjs.org/find-up/-/find-up-4.1.0.tgz",
       "integrity": "sha512-PpOwAdQ/YlXQ2vj8a3h8IipDuYRi3wceVQQGYWxNINccq40Anw7BlsEXCMbt1Zt+OLA6Fq9suIpIWD0OsnISlw==",
-      "dev": true,
       "dependencies": {
         "locate-path": "^5.0.0",
         "path-exists": "^4.0.0"
@@ -6370,7 +6383,6 @@
       "version": "2.0.5",
       "resolved": "https://registry.npmjs.org/get-caller-file/-/get-caller-file-2.0.5.tgz",
       "integrity": "sha512-DyFP3BM/3YHTQOCUL/w0OZHR0lpKeGrxotcHWcqNEdnltqFwXVfhEBQ94eIo34AfQpo0rGki4cyIiftY06h2Fg==",
-      "dev": true,
       "engines": {
         "node": "6.* || 8.* || >= 10.*"
       }
@@ -6992,7 +7004,6 @@
       "version": "3.0.0",
       "resolved": "https://registry.npmjs.org/is-fullwidth-code-point/-/is-fullwidth-code-point-3.0.0.tgz",
       "integrity": "sha512-zymm5+u+sCsSWyD9qNaejV3DFvhCKclKdizYaJUuHA83RLjb7nSuGnddCHGv0hk+KY7BMAlsWeK4Ueg6EV6XQg==",
-      "dev": true,
       "engines": {
         "node": ">=8"
       }
@@ -7408,7 +7419,6 @@
       "version": "5.0.0",
       "resolved": "https://registry.npmjs.org/locate-path/-/locate-path-5.0.0.tgz",
       "integrity": "sha512-t7hw9pI+WvuwNJXwk5zVHpyhIqzg2qTlklJOf0mVxGSbe3Fp2VieZcduNYjaLDoy6p9uGpQEGWG87WpMKlNq8g==",
-      "dev": true,
       "dependencies": {
         "p-locate": "^4.1.0"
       },
@@ -8445,7 +8455,6 @@
       "version": "2.3.0",
       "resolved": "https://registry.npmjs.org/p-limit/-/p-limit-2.3.0.tgz",
       "integrity": "sha512-//88mFWSJx8lxCzwdAABTJL2MyWB12+eIY7MDL2SqLmAkeKU9qxRvWuSyTjm3FUmpBEMuFfckAIqEaVGUDxb6w==",
-      "dev": true,
       "dependencies": {
         "p-try": "^2.0.0"
       },
@@ -8460,7 +8469,6 @@
       "version": "4.1.0",
       "resolved": "https://registry.npmjs.org/p-locate/-/p-locate-4.1.0.tgz",
       "integrity": "sha512-R79ZZ/0wAxKGu3oYMlz8jy/kbhsNrS7SKZ7PxEHBgJ5+F2mtFW2fK2cOtBh1cHYkQsbzFV7I+EoRKe6Yt0oK7A==",
-      "dev": true,
       "dependencies": {
         "p-limit": "^2.2.0"
       },
@@ -8485,7 +8493,6 @@
       "version": "2.2.0",
       "resolved": "https://registry.npmjs.org/p-try/-/p-try-2.2.0.tgz",
       "integrity": "sha512-R4nPAVTAU0B9D35/Gk3uJf/7XYbQcyohSKdvAxIRSNghFl4e71hVoGnBNQz9cWaXxO2I10KTC+3jMdvvoKw6dQ==",
-      "dev": true,
       "engines": {
         "node": ">=6"
       }
@@ -8582,7 +8589,6 @@
       "version": "4.0.0",
       "resolved": "https://registry.npmjs.org/path-exists/-/path-exists-4.0.0.tgz",
       "integrity": "sha512-ak9Qy5Q7jYb2Wwcey5Fpvg2KoAc/ZIhLSLOSBmRmygPsGwkVVt0fZa0qrtMz+m6tJTAHfZQ8FnmB4MG4LWy7/w==",
-      "dev": true,
       "engines": {
         "node": ">=8"
       }
@@ -8663,6 +8669,15 @@
         "node": ">=8"
       }
     },
+    "node_modules/pngjs": {
+      "version": "5.0.0",
+      "resolved": "https://registry.npmmirror.com/pngjs/-/pngjs-5.0.0.tgz",
+      "integrity": "sha512-40QW5YalBNfQo5yRYmiw7Yz6TKKVr3h6970B2YE+3fQpsWcrbj1PzJgxeJ19DRQjhMbKPIuMY8rFaXc8moolVw==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=10.13.0"
+      }
+    },
     "node_modules/portfinder": {
       "version": "1.0.32",
       "resolved": "https://registry.npmjs.org/portfinder/-/portfinder-1.0.32.tgz",
@@ -9394,6 +9409,131 @@
         "node": ">=6"
       }
     },
+    "node_modules/qrcode": {
+      "version": "1.5.4",
+      "resolved": "https://registry.npmmirror.com/qrcode/-/qrcode-1.5.4.tgz",
+      "integrity": "sha512-1ca71Zgiu6ORjHqFBDpnSMTR2ReToX4l1Au1VFLyVeBTFavzQnv5JxMFr3ukHVKpSrSA2MCk0lNJSykjUfz7Zg==",
+      "license": "MIT",
+      "dependencies": {
+        "dijkstrajs": "^1.0.1",
+        "pngjs": "^5.0.0",
+        "yargs": "^15.3.1"
+      },
+      "bin": {
+        "qrcode": "bin/qrcode"
+      },
+      "engines": {
+        "node": ">=10.13.0"
+      }
+    },
+    "node_modules/qrcode/node_modules/ansi-styles": {
+      "version": "4.3.0",
+      "resolved": "https://registry.npmmirror.com/ansi-styles/-/ansi-styles-4.3.0.tgz",
+      "integrity": "sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==",
+      "license": "MIT",
+      "dependencies": {
+        "color-convert": "^2.0.1"
+      },
+      "engines": {
+        "node": ">=8"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/ansi-styles?sponsor=1"
+      }
+    },
+    "node_modules/qrcode/node_modules/camelcase": {
+      "version": "5.3.1",
+      "resolved": "https://registry.npmmirror.com/camelcase/-/camelcase-5.3.1.tgz",
+      "integrity": "sha512-L28STB170nwWS63UjtlEOE3dldQApaJXZkOI1uMFfzf3rRuPegHaHesyee+YxQ+W6SvRDQV6UrdOdRiR153wJg==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/qrcode/node_modules/cliui": {
+      "version": "6.0.0",
+      "resolved": "https://registry.npmmirror.com/cliui/-/cliui-6.0.0.tgz",
+      "integrity": "sha512-t6wbgtoCXvAzst7QgXxJYqPt0usEfbgQdftEPbLL/cvv6HPE5VgvqCuAIDR0NgU52ds6rFwqrgakNLrHEjCbrQ==",
+      "license": "ISC",
+      "dependencies": {
+        "string-width": "^4.2.0",
+        "strip-ansi": "^6.0.0",
+        "wrap-ansi": "^6.2.0"
+      }
+    },
+    "node_modules/qrcode/node_modules/color-convert": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmmirror.com/color-convert/-/color-convert-2.0.1.tgz",
+      "integrity": "sha512-RRECPsj7iu/xb5oKYcsFHSppFNnsj/52OVTRKb4zP5onXwVF3zVmmToNcOfGC+CRDpfK/U584fMg38ZHCaElKQ==",
+      "license": "MIT",
+      "dependencies": {
+        "color-name": "~1.1.4"
+      },
+      "engines": {
+        "node": ">=7.0.0"
+      }
+    },
+    "node_modules/qrcode/node_modules/color-name": {
+      "version": "1.1.4",
+      "resolved": "https://registry.npmmirror.com/color-name/-/color-name-1.1.4.tgz",
+      "integrity": "sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA==",
+      "license": "MIT"
+    },
+    "node_modules/qrcode/node_modules/wrap-ansi": {
+      "version": "6.2.0",
+      "resolved": "https://registry.npmmirror.com/wrap-ansi/-/wrap-ansi-6.2.0.tgz",
+      "integrity": "sha512-r6lPcBGxZXlIcymEu7InxDMhdW0KDxpLgoFLcguasxCaJ/SOIZwINatK9KY/tf+ZrlywOKU0UDj3ATXUBfxJXA==",
+      "license": "MIT",
+      "dependencies": {
+        "ansi-styles": "^4.0.0",
+        "string-width": "^4.1.0",
+        "strip-ansi": "^6.0.0"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/qrcode/node_modules/y18n": {
+      "version": "4.0.3",
+      "resolved": "https://registry.npmmirror.com/y18n/-/y18n-4.0.3.tgz",
+      "integrity": "sha512-JKhqTOwSrqNA1NY5lSztJ1GrBiUodLMmIZuLiDaMRJ+itFd+ABVE8XBjOvIWL+rSqNDC74LCSFmlb/U4UZ4hJQ==",
+      "license": "ISC"
+    },
+    "node_modules/qrcode/node_modules/yargs": {
+      "version": "15.4.1",
+      "resolved": "https://registry.npmmirror.com/yargs/-/yargs-15.4.1.tgz",
+      "integrity": "sha512-aePbxDmcYW++PaqBsJ+HYUFwCdv4LVvdnhBy78E57PIor8/OVvhMrADFFEDh8DHDFRv/O9i3lPhsENjO7QX0+A==",
+      "license": "MIT",
+      "dependencies": {
+        "cliui": "^6.0.0",
+        "decamelize": "^1.2.0",
+        "find-up": "^4.1.0",
+        "get-caller-file": "^2.0.1",
+        "require-directory": "^2.1.1",
+        "require-main-filename": "^2.0.0",
+        "set-blocking": "^2.0.0",
+        "string-width": "^4.2.0",
+        "which-module": "^2.0.0",
+        "y18n": "^4.0.0",
+        "yargs-parser": "^18.1.2"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/qrcode/node_modules/yargs-parser": {
+      "version": "18.1.3",
+      "resolved": "https://registry.npmmirror.com/yargs-parser/-/yargs-parser-18.1.3.tgz",
+      "integrity": "sha512-o50j0JeToy/4K6OZcaQmW6lyXXKhq7csREXcDwk2omFPJEwUNOVtJKvmDr9EI1fAJZUyZcRF7kxGBWmRXudrCQ==",
+      "license": "ISC",
+      "dependencies": {
+        "camelcase": "^5.0.0",
+        "decamelize": "^1.2.0"
+      },
+      "engines": {
+        "node": ">=6"
+      }
+    },
     "node_modules/qs": {
       "version": "6.11.2",
       "resolved": "https://registry.npmjs.org/qs/-/qs-6.11.2.tgz",
@@ -9643,7 +9783,6 @@
       "version": "2.1.1",
       "resolved": "https://registry.npmjs.org/require-directory/-/require-directory-2.1.1.tgz",
       "integrity": "sha512-fGxEI7+wsG9xrvdjsrlmL22OMTTiHRwAMroiEeMgq8gzoLC/PQr7RsRDSTLUg/bZAZtF+TVIkHc6/4RIKrui+Q==",
-      "dev": true,
       "engines": {
         "node": ">=0.10.0"
       }
@@ -9657,6 +9796,12 @@
         "node": ">=0.10.0"
       }
     },
+    "node_modules/require-main-filename": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmmirror.com/require-main-filename/-/require-main-filename-2.0.0.tgz",
+      "integrity": "sha512-NKN5kMDylKuldxYLSUfrbo5Tuzh4hd+2E8NPPX02mZtn1VuREQToYe/ZdlJy+J3uCpfaiGF05e7B8W0iXbQHmg==",
+      "license": "ISC"
+    },
     "node_modules/requires-port": {
       "version": "1.0.0",
       "resolved": "https://registry.npmjs.org/requires-port/-/requires-port-1.0.0.tgz",
@@ -10033,6 +10178,12 @@
         "node": ">= 0.8.0"
       }
     },
+    "node_modules/set-blocking": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmmirror.com/set-blocking/-/set-blocking-2.0.0.tgz",
+      "integrity": "sha512-KiKBS8AnWGEyLzofFfmvKwpdPzqiy16LvQfK3yv/fVH7Bj13/wl3JSR1J+rfgRE9q7xUJK4qvgS8raSOeLUehw==",
+      "license": "ISC"
+    },
     "node_modules/setprototypeof": {
       "version": "1.2.0",
       "resolved": "https://registry.npmjs.org/setprototypeof/-/setprototypeof-1.2.0.tgz",
@@ -10324,7 +10475,6 @@
       "version": "4.2.3",
       "resolved": "https://registry.npmjs.org/string-width/-/string-width-4.2.3.tgz",
       "integrity": "sha512-wKyQRQpjJ0sIp62ErSZdGsjMJWsap5oRNihHhu6G7JVO/9jIB6UyevL+tXuOqrng8j/cxKTWyWUwvSTriiZz/g==",
-      "dev": true,
       "dependencies": {
         "emoji-regex": "^8.0.0",
         "is-fullwidth-code-point": "^3.0.0",
@@ -10338,7 +10488,6 @@
       "version": "6.0.1",
       "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-6.0.1.tgz",
       "integrity": "sha512-Y38VPSHcqkFrCpFnQ9vuSXmquuv5oXOKpGeT6aGrr3o3Gc9AlVa6JBfUSOCnbxGGZF+/0ooI7KrPuUSztUdU5A==",
-      "dev": true,
       "dependencies": {
         "ansi-regex": "^5.0.1"
       },
@@ -11702,6 +11851,12 @@
         "which": "bin/which"
       }
     },
+    "node_modules/which-module": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmmirror.com/which-module/-/which-module-2.0.1.tgz",
+      "integrity": "sha512-iBdZ57RDvnOR9AGBhML2vFZf7h8vmBjhoaZqODJBFWHVtKkDmKuHai3cx5PgVMrX5YDNp27AofYbAwctSS+vhQ==",
+      "license": "ISC"
+    },
     "node_modules/wildcard": {
       "version": "2.0.1",
       "resolved": "https://registry.npmjs.org/wildcard/-/wildcard-2.0.1.tgz",
@@ -14418,8 +14573,7 @@
     "ansi-regex": {
       "version": "5.0.1",
       "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-5.0.1.tgz",
-      "integrity": "sha512-quJQXlTSUGL2LH9SUXo8VwsY4soanhgo6LNSm84E1LBcE8s3O0wpdiRzyR9z/ZZJMlMWv37qOOb9pdJlMUEKFQ==",
-      "dev": true
+      "integrity": "sha512-quJQXlTSUGL2LH9SUXo8VwsY4soanhgo6LNSm84E1LBcE8s3O0wpdiRzyR9z/ZZJMlMWv37qOOb9pdJlMUEKFQ=="
     },
     "ansi-styles": {
       "version": "3.2.1",
@@ -15473,6 +15627,11 @@
         }
       }
     },
+    "decamelize": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmmirror.com/decamelize/-/decamelize-1.2.0.tgz",
+      "integrity": "sha512-z2S+W9X73hAUUki+N+9Za2lBlun89zigOyGrsax+KUQ6wKW4ZoWpEYBkGhQjwAjjDCkWxhY0VKEhk8wzY7F5cA=="
+    },
     "decimal.js": {
       "version": "10.4.3",
       "resolved": "https://registry.npmmirror.com/decimal.js/-/decimal.js-10.4.3.tgz",
@@ -15627,6 +15786,11 @@
       "integrity": "sha512-T0NIuQpnTvFDATNuHN5roPwSBG83rFsuO+MXXH9/3N1eFbn4wcPjttvjMLEPWJ0RGUYgQE7cGgS3tNxbqCGM7g==",
       "dev": true
     },
+    "dijkstrajs": {
+      "version": "1.0.3",
+      "resolved": "https://registry.npmmirror.com/dijkstrajs/-/dijkstrajs-1.0.3.tgz",
+      "integrity": "sha512-qiSlmBq9+BCdCA/L46dw8Uy93mloxsPSbwnm5yrKn2vMPiy8KyAskTF6zuV/j5BMsmOGZDPs7KjU+mjb670kfA=="
+    },
     "dir-glob": {
       "version": "3.0.1",
       "resolved": "https://registry.npmjs.org/dir-glob/-/dir-glob-3.0.1.tgz",
@@ -15783,8 +15947,7 @@
     "emoji-regex": {
       "version": "8.0.0",
       "resolved": "https://registry.npmjs.org/emoji-regex/-/emoji-regex-8.0.0.tgz",
-      "integrity": "sha512-MSjYzcWNOA0ewAHpz0MxpYFvwg6yjy1NG3xteoqz644VCo/RPgnr1/GGt+ic3iJTzQ8Eu3TdM14SawnVUmGE6A==",
-      "dev": true
+      "integrity": "sha512-MSjYzcWNOA0ewAHpz0MxpYFvwg6yjy1NG3xteoqz644VCo/RPgnr1/GGt+ic3iJTzQ8Eu3TdM14SawnVUmGE6A=="
     },
     "emojis-list": {
       "version": "3.0.0",
@@ -16545,7 +16708,6 @@
       "version": "4.1.0",
       "resolved": "https://registry.npmjs.org/find-up/-/find-up-4.1.0.tgz",
       "integrity": "sha512-PpOwAdQ/YlXQ2vj8a3h8IipDuYRi3wceVQQGYWxNINccq40Anw7BlsEXCMbt1Zt+OLA6Fq9suIpIWD0OsnISlw==",
-      "dev": true,
       "requires": {
         "locate-path": "^5.0.0",
         "path-exists": "^4.0.0"
@@ -16650,8 +16812,7 @@
     "get-caller-file": {
       "version": "2.0.5",
       "resolved": "https://registry.npmjs.org/get-caller-file/-/get-caller-file-2.0.5.tgz",
-      "integrity": "sha512-DyFP3BM/3YHTQOCUL/w0OZHR0lpKeGrxotcHWcqNEdnltqFwXVfhEBQ94eIo34AfQpo0rGki4cyIiftY06h2Fg==",
-      "dev": true
+      "integrity": "sha512-DyFP3BM/3YHTQOCUL/w0OZHR0lpKeGrxotcHWcqNEdnltqFwXVfhEBQ94eIo34AfQpo0rGki4cyIiftY06h2Fg=="
     },
     "get-intrinsic": {
       "version": "1.2.1",
@@ -17088,8 +17249,7 @@
     "is-fullwidth-code-point": {
       "version": "3.0.0",
       "resolved": "https://registry.npmjs.org/is-fullwidth-code-point/-/is-fullwidth-code-point-3.0.0.tgz",
-      "integrity": "sha512-zymm5+u+sCsSWyD9qNaejV3DFvhCKclKdizYaJUuHA83RLjb7nSuGnddCHGv0hk+KY7BMAlsWeK4Ueg6EV6XQg==",
-      "dev": true
+      "integrity": "sha512-zymm5+u+sCsSWyD9qNaejV3DFvhCKclKdizYaJUuHA83RLjb7nSuGnddCHGv0hk+KY7BMAlsWeK4Ueg6EV6XQg=="
     },
     "is-glob": {
       "version": "4.0.3",
@@ -17399,7 +17559,6 @@
       "version": "5.0.0",
       "resolved": "https://registry.npmjs.org/locate-path/-/locate-path-5.0.0.tgz",
       "integrity": "sha512-t7hw9pI+WvuwNJXwk5zVHpyhIqzg2qTlklJOf0mVxGSbe3Fp2VieZcduNYjaLDoy6p9uGpQEGWG87WpMKlNq8g==",
-      "dev": true,
       "requires": {
         "p-locate": "^4.1.0"
       }
@@ -18184,7 +18343,6 @@
       "version": "2.3.0",
       "resolved": "https://registry.npmjs.org/p-limit/-/p-limit-2.3.0.tgz",
       "integrity": "sha512-//88mFWSJx8lxCzwdAABTJL2MyWB12+eIY7MDL2SqLmAkeKU9qxRvWuSyTjm3FUmpBEMuFfckAIqEaVGUDxb6w==",
-      "dev": true,
       "requires": {
         "p-try": "^2.0.0"
       }
@@ -18193,7 +18351,6 @@
       "version": "4.1.0",
       "resolved": "https://registry.npmjs.org/p-locate/-/p-locate-4.1.0.tgz",
       "integrity": "sha512-R79ZZ/0wAxKGu3oYMlz8jy/kbhsNrS7SKZ7PxEHBgJ5+F2mtFW2fK2cOtBh1cHYkQsbzFV7I+EoRKe6Yt0oK7A==",
-      "dev": true,
       "requires": {
         "p-limit": "^2.2.0"
       }
@@ -18211,8 +18368,7 @@
     "p-try": {
       "version": "2.2.0",
       "resolved": "https://registry.npmjs.org/p-try/-/p-try-2.2.0.tgz",
-      "integrity": "sha512-R4nPAVTAU0B9D35/Gk3uJf/7XYbQcyohSKdvAxIRSNghFl4e71hVoGnBNQz9cWaXxO2I10KTC+3jMdvvoKw6dQ==",
-      "dev": true
+      "integrity": "sha512-R4nPAVTAU0B9D35/Gk3uJf/7XYbQcyohSKdvAxIRSNghFl4e71hVoGnBNQz9cWaXxO2I10KTC+3jMdvvoKw6dQ=="
     },
     "param-case": {
       "version": "3.0.4",
@@ -18292,8 +18448,7 @@
     "path-exists": {
       "version": "4.0.0",
       "resolved": "https://registry.npmjs.org/path-exists/-/path-exists-4.0.0.tgz",
-      "integrity": "sha512-ak9Qy5Q7jYb2Wwcey5Fpvg2KoAc/ZIhLSLOSBmRmygPsGwkVVt0fZa0qrtMz+m6tJTAHfZQ8FnmB4MG4LWy7/w==",
-      "dev": true
+      "integrity": "sha512-ak9Qy5Q7jYb2Wwcey5Fpvg2KoAc/ZIhLSLOSBmRmygPsGwkVVt0fZa0qrtMz+m6tJTAHfZQ8FnmB4MG4LWy7/w=="
     },
     "path-is-absolute": {
       "version": "1.0.1",
@@ -18350,6 +18505,11 @@
         "find-up": "^4.0.0"
       }
     },
+    "pngjs": {
+      "version": "5.0.0",
+      "resolved": "https://registry.npmmirror.com/pngjs/-/pngjs-5.0.0.tgz",
+      "integrity": "sha512-40QW5YalBNfQo5yRYmiw7Yz6TKKVr3h6970B2YE+3fQpsWcrbj1PzJgxeJ19DRQjhMbKPIuMY8rFaXc8moolVw=="
+    },
     "portfinder": {
       "version": "1.0.32",
       "resolved": "https://registry.npmjs.org/portfinder/-/portfinder-1.0.32.tgz",
@@ -18835,6 +18995,96 @@
       "resolved": "https://registry.npmjs.org/punycode/-/punycode-2.3.0.tgz",
       "integrity": "sha512-rRV+zQD8tVFys26lAGR9WUuS4iUAngJScM+ZRSKtvl5tKeZ2t5bvdNFdNHBW9FWR4guGHlgmsZ1G7BSm2wTbuA=="
     },
+    "qrcode": {
+      "version": "1.5.4",
+      "resolved": "https://registry.npmmirror.com/qrcode/-/qrcode-1.5.4.tgz",
+      "integrity": "sha512-1ca71Zgiu6ORjHqFBDpnSMTR2ReToX4l1Au1VFLyVeBTFavzQnv5JxMFr3ukHVKpSrSA2MCk0lNJSykjUfz7Zg==",
+      "requires": {
+        "dijkstrajs": "^1.0.1",
+        "pngjs": "^5.0.0",
+        "yargs": "^15.3.1"
+      },
+      "dependencies": {
+        "ansi-styles": {
+          "version": "4.3.0",
+          "resolved": "https://registry.npmmirror.com/ansi-styles/-/ansi-styles-4.3.0.tgz",
+          "integrity": "sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==",
+          "requires": {
+            "color-convert": "^2.0.1"
+          }
+        },
+        "camelcase": {
+          "version": "5.3.1",
+          "resolved": "https://registry.npmmirror.com/camelcase/-/camelcase-5.3.1.tgz",
+          "integrity": "sha512-L28STB170nwWS63UjtlEOE3dldQApaJXZkOI1uMFfzf3rRuPegHaHesyee+YxQ+W6SvRDQV6UrdOdRiR153wJg=="
+        },
+        "cliui": {
+          "version": "6.0.0",
+          "resolved": "https://registry.npmmirror.com/cliui/-/cliui-6.0.0.tgz",
+          "integrity": "sha512-t6wbgtoCXvAzst7QgXxJYqPt0usEfbgQdftEPbLL/cvv6HPE5VgvqCuAIDR0NgU52ds6rFwqrgakNLrHEjCbrQ==",
+          "requires": {
+            "string-width": "^4.2.0",
+            "strip-ansi": "^6.0.0",
+            "wrap-ansi": "^6.2.0"
+          }
+        },
+        "color-convert": {
+          "version": "2.0.1",
+          "resolved": "https://registry.npmmirror.com/color-convert/-/color-convert-2.0.1.tgz",
+          "integrity": "sha512-RRECPsj7iu/xb5oKYcsFHSppFNnsj/52OVTRKb4zP5onXwVF3zVmmToNcOfGC+CRDpfK/U584fMg38ZHCaElKQ==",
+          "requires": {
+            "color-name": "~1.1.4"
+          }
+        },
+        "color-name": {
+          "version": "1.1.4",
+          "resolved": "https://registry.npmmirror.com/color-name/-/color-name-1.1.4.tgz",
+          "integrity": "sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA=="
+        },
+        "wrap-ansi": {
+          "version": "6.2.0",
+          "resolved": "https://registry.npmmirror.com/wrap-ansi/-/wrap-ansi-6.2.0.tgz",
+          "integrity": "sha512-r6lPcBGxZXlIcymEu7InxDMhdW0KDxpLgoFLcguasxCaJ/SOIZwINatK9KY/tf+ZrlywOKU0UDj3ATXUBfxJXA==",
+          "requires": {
+            "ansi-styles": "^4.0.0",
+            "string-width": "^4.1.0",
+            "strip-ansi": "^6.0.0"
+          }
+        },
+        "y18n": {
+          "version": "4.0.3",
+          "resolved": "https://registry.npmmirror.com/y18n/-/y18n-4.0.3.tgz",
+          "integrity": "sha512-JKhqTOwSrqNA1NY5lSztJ1GrBiUodLMmIZuLiDaMRJ+itFd+ABVE8XBjOvIWL+rSqNDC74LCSFmlb/U4UZ4hJQ=="
+        },
+        "yargs": {
+          "version": "15.4.1",
+          "resolved": "https://registry.npmmirror.com/yargs/-/yargs-15.4.1.tgz",
+          "integrity": "sha512-aePbxDmcYW++PaqBsJ+HYUFwCdv4LVvdnhBy78E57PIor8/OVvhMrADFFEDh8DHDFRv/O9i3lPhsENjO7QX0+A==",
+          "requires": {
+            "cliui": "^6.0.0",
+            "decamelize": "^1.2.0",
+            "find-up": "^4.1.0",
+            "get-caller-file": "^2.0.1",
+            "require-directory": "^2.1.1",
+            "require-main-filename": "^2.0.0",
+            "set-blocking": "^2.0.0",
+            "string-width": "^4.2.0",
+            "which-module": "^2.0.0",
+            "y18n": "^4.0.0",
+            "yargs-parser": "^18.1.2"
+          }
+        },
+        "yargs-parser": {
+          "version": "18.1.3",
+          "resolved": "https://registry.npmmirror.com/yargs-parser/-/yargs-parser-18.1.3.tgz",
+          "integrity": "sha512-o50j0JeToy/4K6OZcaQmW6lyXXKhq7csREXcDwk2omFPJEwUNOVtJKvmDr9EI1fAJZUyZcRF7kxGBWmRXudrCQ==",
+          "requires": {
+            "camelcase": "^5.0.0",
+            "decamelize": "^1.2.0"
+          }
+        }
+      }
+    },
     "qs": {
       "version": "6.11.2",
       "resolved": "https://registry.npmjs.org/qs/-/qs-6.11.2.tgz",
@@ -19021,8 +19271,7 @@
     "require-directory": {
       "version": "2.1.1",
       "resolved": "https://registry.npmjs.org/require-directory/-/require-directory-2.1.1.tgz",
-      "integrity": "sha512-fGxEI7+wsG9xrvdjsrlmL22OMTTiHRwAMroiEeMgq8gzoLC/PQr7RsRDSTLUg/bZAZtF+TVIkHc6/4RIKrui+Q==",
-      "dev": true
+      "integrity": "sha512-fGxEI7+wsG9xrvdjsrlmL22OMTTiHRwAMroiEeMgq8gzoLC/PQr7RsRDSTLUg/bZAZtF+TVIkHc6/4RIKrui+Q=="
     },
     "require-from-string": {
       "version": "2.0.2",
@@ -19030,6 +19279,11 @@
       "integrity": "sha512-Xf0nWe6RseziFMu+Ap9biiUbmplq6S9/p+7w7YXP/JBHhrUDDUhwa+vANyubuqfZWTveU//DYVGsDG7RKL/vEw==",
       "dev": true
     },
+    "require-main-filename": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmmirror.com/require-main-filename/-/require-main-filename-2.0.0.tgz",
+      "integrity": "sha512-NKN5kMDylKuldxYLSUfrbo5Tuzh4hd+2E8NPPX02mZtn1VuREQToYe/ZdlJy+J3uCpfaiGF05e7B8W0iXbQHmg=="
+    },
     "requires-port": {
       "version": "1.0.0",
       "resolved": "https://registry.npmjs.org/requires-port/-/requires-port-1.0.0.tgz",
@@ -19293,6 +19547,11 @@
         "send": "0.18.0"
       }
     },
+    "set-blocking": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmmirror.com/set-blocking/-/set-blocking-2.0.0.tgz",
+      "integrity": "sha512-KiKBS8AnWGEyLzofFfmvKwpdPzqiy16LvQfK3yv/fVH7Bj13/wl3JSR1J+rfgRE9q7xUJK4qvgS8raSOeLUehw=="
+    },
     "setprototypeof": {
       "version": "1.2.0",
       "resolved": "https://registry.npmjs.org/setprototypeof/-/setprototypeof-1.2.0.tgz",
@@ -19534,7 +19793,6 @@
       "version": "4.2.3",
       "resolved": "https://registry.npmjs.org/string-width/-/string-width-4.2.3.tgz",
       "integrity": "sha512-wKyQRQpjJ0sIp62ErSZdGsjMJWsap5oRNihHhu6G7JVO/9jIB6UyevL+tXuOqrng8j/cxKTWyWUwvSTriiZz/g==",
-      "dev": true,
       "requires": {
         "emoji-regex": "^8.0.0",
         "is-fullwidth-code-point": "^3.0.0",
@@ -19545,7 +19803,6 @@
       "version": "6.0.1",
       "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-6.0.1.tgz",
       "integrity": "sha512-Y38VPSHcqkFrCpFnQ9vuSXmquuv5oXOKpGeT6aGrr3o3Gc9AlVa6JBfUSOCnbxGGZF+/0ooI7KrPuUSztUdU5A==",
-      "dev": true,
       "requires": {
         "ansi-regex": "^5.0.1"
       }
@@ -20524,6 +20781,11 @@
         "isexe": "^2.0.0"
       }
     },
+    "which-module": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmmirror.com/which-module/-/which-module-2.0.1.tgz",
+      "integrity": "sha512-iBdZ57RDvnOR9AGBhML2vFZf7h8vmBjhoaZqODJBFWHVtKkDmKuHai3cx5PgVMrX5YDNp27AofYbAwctSS+vhQ=="
+    },
     "wildcard": {
       "version": "2.0.1",
       "resolved": "https://registry.npmjs.org/wildcard/-/wildcard-2.0.1.tgz",

package.json

@@ -19,6 +19,7 @@
     "element-ui": "^2.15.9",
     "less": "^4.1.3",
     "less-loader": "^11.1.3",
+    "qrcode": "^1.5.4",
     "qs": "^6.11.2",
     "sass": "^1.65.1",
     "sass-loader": "^13.3.2",

public/index.html

@@ -32,6 +32,10 @@
     </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>
+        window.selfLink = window.location.href;
+        window.selfSearch = window.location.search;
+    </script>
     <script>
         // VConsole 默认会挂载到 `window.VConsole` 上
         // let vConsole = new window.VConsole();

src/api/authentication.js

@@ -0,0 +1,72 @@
+import request from '@/utils/http'
+// 根据订单 获取报备类型
+/*export function getReportListByOrder(key){
+  return request({
+    url: '/order/baseDriverReportConfigs/getByOrderId',
+    method:'GET',
+    params: key
+  })
+}*/
+// 弹框
+export function successPopup( data) {
+  return request({
+    url: '/returnOrder/wechatDriver/user/successPopup',
+    method:'POST',
+    contentType: 'application/x-www-form-urlencoded',
+    data
+  })
+}
+// 认证进度
+export function infoVerifyProgress(data){
+  return request({
+    url: '/returnOrder/wechatDriver/user/infoVerifyProgress',
+    method:'POST',
+    contentType: 'application/json',
+    data
+  })
+}
+
+// 认证详情
+export function driverInfoVerifyDetail(data) {
+  return request({
+    url:'/returnOrder/wechatDriver/user/driverInfoVerifyDetail',
+    method:'POST',
+    data: data,
+    contentType: 'application/json',
+  })
+}
+
+// 我的信息
+export function getMyInfo(data) {
+  return request({
+    url:'/returnOrder/wechatDriver/user/driverDetail',
+    method:'POST',
+    data: data,
+  })
+}
+// ocr识别
+export function ocrRecognize( data) {
+  return request( {
+    url:'/returnOrder/wechatDriver/user/ocrRecognize',
+    data: data,
+    method:'POST',
+    contentType: 'application/json'
+  })
+}
+// 认证
+export function driverInfoVerify( data) {
+  return request({
+    url:'/returnOrder/wechatDriver/user/driverInfoVerify',
+    data: data,
+    method:'POST',
+    contentType: 'application/json'
+  })
+}
+// 实名认证
+export function driverRealName( data) {
+  return request('/returnOrder/wechatDriver/user/driverRealNameAuth', {
+    data: data,
+    method:'POST',
+    contentType: 'application/json'
+  })
+}

src/api/mine.js

@@ -18,6 +18,25 @@ export function saveVehicle(data){
         data
     })
 }
+/*车辆更改状态 /supplierAppV2/dispatchApp/user/enableVehicle*/
+export function enableVehicle(data){
+    return request({
+        url:'/supplierAppV2/dispatchApp/user/enableVehicle',
+        method:'POST',
+        contentType:'application/json',
+        data
+    })
+}
+
+//编辑车辆信息
+export function updateInsurance(data){
+    return request({
+        url:'/supplierAppV2/dispatchApp/user/updateInsurance',
+        method:'POST',
+        data
+    })
+}
+
 // 获取车辆信息（用于修改时回显的值,只需传vehicleId）
 export function getInfoById(data){
     return request({
@@ -50,6 +69,62 @@ export function supplierServiceTree(){
         method:'POST'
     })
 }
+
+// 服务商服务能力
+export function supplierServicePartTree(data){
+    return request({
+        url:'/supplier/approval/getSupplierServiceTree',
+        method:'POST',
+        data
+    })
+}
+
+// 申请加入
+export function saveSupplier(data){
+    return request({
+        url:'/supplier/potential/save',
+        method:'POST',
+        data
+    })
+}
+
+// 申请加入
+export function auditSupplier(data){
+    return request({
+        url:'/supplier/potential/audit',
+        method:'POST',
+        data
+    })
+}
+
+// 修改申请信息
+export function getSupplierInfo(key){
+    return request({
+        url:'/supplier/potential/getById',
+        method:'GET',
+        params:key
+    })
+}
+
+// 获取企微二维码
+export function getOrCodeInfo(data){
+    return request({
+        url:'/agg-api/wxcp/createContactQrCode',
+        method:'POST',
+        contentType:'application/json',
+        data
+    })
+}
+
+// 获取是否添加企微结果
+export function getContactQrCodeResult(data){
+    return request({
+        url:'/agg-api/wxcp/getContactQrCodeResult',
+        method:'POST',
+        data
+    })
+}
+
  //司机列表
 export function driverList(data){
     return request({
@@ -318,11 +393,20 @@ export function unifiedOCRWithCompress(data){
     })
 }
 
+export function getArea(data){
+    return request({
+        url:'/base/area/tree',
+        method:'POST',
+        data
+    })
+}
+
 // 服务商是否培训
 export function jumpPage(data){
     return request({
         url:'/supplierAppV2/dispatchApp/user/jumpPage',
         method:'POST',
+        contentType:'application/json',
         data
     })
 }

src/api/order.js

@@ -151,4 +151,11 @@ export function dealWithAlarm(data) {
   })
 }
 
-
+//获取当前任务信息
+export function getConfigByCode(data){
+  return request({
+    url: '/base/baseConfig/getConfigByCode',
+    method:'POST',
+    data
+  })
+}

src/router/authentication-router.js

@@ -0,0 +1,43 @@
+const authenticationRouter = [
+    {
+        path: '/auditList',
+        name: 'auditList',
+        component: () => import('@/views/rvDriverAuthentication/auditList.vue'),
+        meta:{
+            title: '小板运输司机认证',
+        }
+    },
+    {
+        path: '/personAudit',
+        name: 'personAudit',
+        component: () => import('@/views/rvDriverAuthentication/personAudit.vue'),
+        meta:{
+            title: '实名认证',
+        }
+    },
+    {
+        path: '/carAudit',
+        name: 'carAudit',
+        component: () => import('@/views/rvDriverAuthentication/carAudit.vue'),
+        meta:{
+            title: '驾驶证认证',
+        }
+    },
+    {
+        path: '/carInfoAudit',
+        name: 'carInfoAudit',
+        component: () => import('@/views/rvDriverAuthentication/carInfoAudit.vue'),
+        meta:{
+            title: '车辆信息认证',
+        }
+    },
+    {
+        path: '/bankInfo',
+        name: 'bankInfo',
+        component: () => import('@/views/rvDriverAuthentication/bankInfo.vue'),
+        meta:{
+            title: '银行卡信息认证',
+        }
+    },
+]
+export default authenticationRouter

src/router/index.js

@@ -5,11 +5,36 @@ import kpiRouter from './kpi-router'
 import invoiceRouter from "@/router/invoice-router";
 import secondHandRouter from "@/router/second-hand-router";
 import reportRouter from "@/router/report-router"
+import authenticationRouter from "@/router/authentication-router"
 const routes = [
     {
       path: '/',
       redirect: '/index'
     },
+    {
+        path: '/supplierAdd',
+        name: 'supplierAdd',
+        component: () => import('@/views/index/supplierAdd'),
+        meta:{
+            title: '信息录入',
+        }
+    },
+    {
+        path: '/supplierAddResult',
+        name: 'supplierAddResult',
+        component: () => import('@/views/index/supplierAddResult'),
+        meta:{
+            title: '审核中',
+        }
+    },
+    {
+        path: '/supplierInfo',
+        name: 'supplierInfo',
+        component: () => import('@/views/index/supplierInfo'),
+        meta:{
+            title: '信息查看',
+        }
+    },
     {
       path: '/toDoList',
       name: 'toDoList',
@@ -147,6 +172,14 @@ const routes = [
             title: '车辆新增或修改'
         }
     },
+    {
+        path: "/continueInsurance",
+        name: 'continueInsurance',
+        component: () => import('@/views/index/continueInsurance'),
+        meta: {
+            title: '续保更新'
+        }
+    },
     {
         path: '/driverManage',
         name: 'driverManage',
@@ -294,7 +327,8 @@ const routes = [
     ...kpiRouter,
     ...invoiceRouter,
     ...secondHandRouter,
-    ...reportRouter
+    ...reportRouter,
+    ...authenticationRouter
   ]
 
 const router = new VueRouter({

src/styles/common.scss

@@ -47,4 +47,84 @@ select{
   font-size: 14px;
   color: #000000;
 }
+.text_center {
+  text-align: center;
+}
+//同意协议勾选
+.protocol-list {
+  display: flex;
+  //align-items: top;
+  margin-top: 5px;
+  justify-content: center;
+  position: fixed;
+  bottom: 20px;
+  text-align: center;
+  width: 100%;
+  padding: 20px;
+  box-sizing: border-box;
+  .protocol-text {
+    font-size: 12px;
+    color: #203152;
+    line-height: 18px;
+    //text-align: left;
+    .linkColor {
+      color: #3364B7;
+      word-break: keep-all;
+    }
+  }
+}
 
+.icon_register {
+  width: 100%;
+  height: auto;
+}
+.mr15 {
+  margin-right: 15px;
+}
+.mt20 {
+  margin-top: 20px;
+}
+.flex_vertical_center {
+  display: flex;
+  align-items: center;
+}
+.flex {
+  display: flex;
+}
+.flex_between {
+  justify-content: space-between;
+}
+
+
+/*@mixin wh($w,$h) {
+  width: $w;
+  height: $h;
+}
+@mixin flex(){
+  display: flex;
+}
+@mixin alignCenter(){
+  @include flex();
+  align-items: center;
+}
+@mixin col(){
+  @include flex();
+  flex-direction: column;
+}
+@mixin colBothCenter(){
+  @include col();
+  justify-content: center;
+  align-items: center;
+}
+@mixin sizingPadding($t,$r,$b,$l) {
+  box-sizing: border-box;
+  padding: $t $r $b $l;
+}*/
+/*@mixin weigthSize($wei,$size){
+  font-weight:$wei ;
+  font-size: $size;
+}
+@mixin  weigthSizeColor($wei,$size,$col){
+  @include weigthSize($wei,$size);
+  color: $col;
+}*/

src/styles/infoShow.scss

@@ -0,0 +1,43 @@
+.carInfo{
+  margin-top: 10px;
+  box-sizing: border-box;
+  width: 100%;
+  min-height: 151px;
+  background: #FFFFFF;
+  padding:8px 23px 17px 30px ;
+  display: flex;
+  justify-content: space-between;
+  .left_wrap,.right_wrap{
+    display: flex;
+    flex-direction: column;
+    justify-content: space-around;
+  }
+  .title {
+    font-size: 14px;
+    font-family: PingFangSC-Medium, PingFang SC;
+    font-weight: 500;
+    color: #323643;
+    .mar_left{
+      margin-left: 8px;
+    }
+    .star {
+      color: red;
+      margin-right: 3px;
+    }
+  }
+  .right_wrap{
+    align-items: flex-end;
+    .phone{
+      font-size: 13px;
+      font-weight: 500;
+      color: #323643;
+    }
+    input{
+      font-size: 12px;
+      text-align: right;
+      &::-webkit-input-placeholder { /* WebKit browsers，webkit内核浏览器 */
+        color: #A1A1A1;
+      }
+    }
+  }
+}

src/styles/mixin.scss

@@ -105,3 +105,32 @@
     color: $col;
     line-height: $hei;
 }
+@mixin width_height($width,$height){
+    width: $width;
+    height: $height;
+}
+@mixin  flex($row,$colum){
+    display: flex;
+    justify-content: $row;
+    align-items: $colum;
+}
+@mixin center(){
+    display: flex;
+    align-items: center;
+}
+@mixin direction($justify-content){
+    display: flex;
+    flex-direction: column;
+    justify-content: $justify-content;
+}
+@mixin iconImg($width,$height,$marginRight){
+    width: $width;
+    height: $height;
+    margin-right: $marginRight;
+}
+
+@mixin iconImgLeft($width,$height,$marginRight){
+    width: $width;
+    height: $height;
+    margin-left: $marginRight;
+}

src/utils/common.js

@@ -42,11 +42,89 @@ const timeFormat=(data) =>{
   return formattedDate;
 
 }
+// 认证状态
+const verifyStatus=(id)=> {
+  const ids = String(id)
+  const status = {
+    '0': 1,		   // 个人信息认证
+    '-1': 1,     // 已注册
+    '7': 1,      // 已发送待认证
+    '1': 2,		   // 驾照信息认证
+    '2': 3,      // 车辆信息审核
+    '3': 4,		   // 银行卡信息审核
+    '4': 5,		   // 认证中
+    '8': 6,      // 审核中
+    '11': 6,     // 审核失败
+    '12': 6      // 审核成功
+  }
+  return status[ids]
+}
+
+// 认证状态  简易版
+const verifyStatusSimple=(id)=> {
+  const ids = String(id)
+  const status = {
+    '0': 1,		   // 个人信息认证
+    '-1': 1,     // 已注册
+    '7': 1,      // 已发送待认证
+    '1': 3,		   // 驾照信息认证
+    '2': 3,      // 车辆信息审核
+    '3': 4,		   // 银行卡信息审核
+    '4': 5,		   // 认证中
+    '8': 6,      // 审核中
+    '11': 6,     // 审核失败
+    '12': 6      // 审核成功
+  }
+  return status[ids]
+}
+
+// 认证状态
+const tipString=(id)=> {
+  const ids = String(id)
+  const status = {
+    '0': {                     // 个人信息认证
+      tip: '认证待提交',
+      button: '待认证'
+    },
+    '1': {                     // 驾照信息认证
+      tip: '认证待提交',
+      button: '待认证'
+    },
+    '2': {                     // 车辆信息审核
+      tip: '认证待提交',
+      button: '待认证'
+    },
+    '3': {                     // 银行卡信息审核
+      tip: '认证待提交',
+      button: '待认证'
+    },
+    '4': {                     // 认证中
+      tip: '认证待提交',
+      button: '待认证'
+    },
+    '8': {                     // 审核中
+      tip: '认证审核中',
+      button: '审核中'
+    },
+    '11': {                     // 审核失败
+      tip: '认证审核失败',
+      button: '审核失败'
+    },
+    '12': {                     // 审核成功
+      tip: '认证审核成功',
+      button: '审核成功'
+    },
+  }
+  return status[ids]
+}
 
 module.exports = {
   formatNumber,
   formatDate,
   leftCopy,
   timeFormat,
-  formatDate1
+  formatDate1,
+  verifyStatus,
+  verifyStatusSimple,
+  tipString
 }

src/utils/http.js

@@ -19,6 +19,7 @@ if( token ) {
 service.interceptors.request.use(
     config => {
       let reqUrl=config.url
+        console.log('config',config)
       config.data = config.contentType ? config.data : qs.stringify(config.data)
       if (config.testFlag) {
         config.data = qs.stringify(config.data, {arrayFormat: 'indices', allowDots: true})
@@ -27,12 +28,17 @@ service.interceptors.request.use(
       let token = localStorage.getItem('token');
       // 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(!(reqUrl=='/supplier/supplierTraining/trainingTask' || reqUrl=='/supplier/supplierTraining/normalList' || reqUrl=='/supplier/supplierTraining/trainingList')){
+        if (reqUrl=='/supplier/supplierTraining/trainingList' && config?.params?.type==1){
+            console.log('司机app使用该请求不挂token')
+        } else {
             if(token) {
                 config.headers['Authorization'] = `${token}`;
                 config.headers['token'] = `${token}`;
             }
         }
+
+       // }
       return config
     },
     error => {

src/utils/myMixins.js

@@ -5,6 +5,12 @@ export const myMixins = {
     }
   },
   methods: {
+    showFun() {
+      if( localStorage.getItem('infoVerify') == 8 || localStorage.getItem('infoVerify') == 12  ) {
+        return false
+      }
+      return  true
+    },
     goPage(page, query) {
       this.$router.push({
         name: page,

src/views/documentView/diverTrainDocment.vue

@@ -90,6 +90,7 @@ export default {
       totalList:[],
       numInfo:'',
       keyword:'',
+      serviceTypeName:'',
       show:false,
       showEmpty:false,
       isLoading:false,
@@ -101,7 +102,8 @@ export default {
     const urlParams = new URLSearchParams(window.location.search);
     this.driverId = urlParams.get('driverId');
     this.time=timeFormat(Date.now())
-    this.keyword=urlParams.get('keyWord') || ''
+    this.keyword=urlParams.get('keyword') || ''
+    this.serviceTypeName=urlParams.get('serviceTypeName') || ''
     this.getTrainingList();
     document.addEventListener('visibilitychange', async (  ) => {
       let state = document.visibilityState
@@ -129,6 +131,7 @@ export default {
         type:1,
         id:this.driverId,
         text:this.keyword || '',
+        serviceTypeName:this.serviceTypeName || ''
       })
       this.totalList=[]
       this.pageList=[]

src/views/documentView/docmentList.vue

@@ -36,9 +36,6 @@
               v-model="keyword"
               placeholder="名称/关键词/简介"
           >
-            <!--          <template #button>
-                        <van-icon class="search" name="search" size="20"  @click="getTrainingList"/>
-                      </template>-->
           </van-field>
         </template>
         <template slot="left">
@@ -97,6 +94,7 @@ export default {
       showEmpty:false,
       supplierId:'',
       driverId:'',
+      serviceTypeName:'',
     }
   },
   mounted() {
@@ -104,32 +102,36 @@ export default {
     this.supplierId = urlParams.get('supplierId');
     this.driverId = urlParams.get('driverId');
     if(this.driverId){
-      this.keyword=urlParams.get('keyWord') || ''
+      this.keyword=urlParams.get('keyword') || ''
     }
+    this.serviceTypeName=urlParams.get('serviceTypeName') || ''
     this.getNormalList()
   },
   methods:{
     onRefresh() {
       this.getNormalList()
-      setTimeout(() => {
+      if(!this.isLoading){
+        this.$toast('刷新成功');
+      }
+     /* setTimeout(() => {
         this.$toast('刷新成功');
         this.isLoading = false;
-      }, 1000);
+      }, 1000);*/
     },
    async changeTab(index) {
     this.activeIndex = index
     await this.getNormalList()
   },
     async getNormalList(){
-      let res= await getNormalList({
-        type:this.supplierId ? 2 : 1,
-        // type:2,
-        id: this.supplierId ? this.supplierId : this.driverId,
-        // id:this.supplierId,//33041,
-        text:this.keyword || '',
-      })
+      this.isLoading = true;
       this.totalList=[]
       this.pageList=[]
+      let res= await getNormalList({
+        type:this.supplierId ? 2 : 1,
+        id: this.supplierId ? this.supplierId : this.driverId,
+        text:this.keyword || '',
+        serviceTypeName:this.serviceTypeName || ''
+      })
       this.totalList=res.data.list
       let result=[]
       if(this.activeIndex === 0){
@@ -149,6 +151,7 @@ export default {
       }else {
         this.showEmpty = false
       }
+      this.isLoading = false
     },
     initShow(){
       this.keyword= '',

src/views/documentView/trainDocment.vue

@@ -68,6 +68,7 @@ export default {
       pageList:[],
       totalList:[],
       keyword:'',
+      serviceTypeName:'',
       show:false,
       showEmpty:false,
       isLoading:false,
@@ -77,6 +78,8 @@ export default {
   mounted() {
     const urlParams = new URLSearchParams(window.location.search);
     this.supplierId = urlParams.get('supplierId');
+    this.keyword=urlParams.get('keyword') || ''
+    this.serviceTypeName=urlParams.get('serviceTypeName') || ''
     this.getTrainingList();
     document.addEventListener('visibilitychange', async (  ) => {
       let state = document.visibilityState
@@ -104,6 +107,7 @@ export default {
         type:2,
         id: this.supplierId,
         text:this.keyword || '',
+        serviceTypeName:this.serviceTypeName || ''
       })
       this.totalList=[]
       this.pageList=[]

src/views/index/continueInsurance.vue

@@ -0,0 +1,415 @@
+<template>
+<div class="wrap vehicleAdd">
+  <div class="navBar">
+    <van-nav-bar
+        title="续保更新"
+        left-arrow
+        left-arrow-color="#FFFFFF"
+        :border="false"
+        :fixed="true"
+        :safe-area-inset-top="true"
+        @click-left="h5GoBack"
+    />
+  </div>
+<div class="addContentWrap">
+  <div class="itemContent">
+    <div class="titleType">
+      <img class="startImg" src="@/assets/start.png" />
+      <span>有无投保救援职业责任险或货运险</span>
+    </div>
+    <div class="isJoin">
+      <van-radio-group v-model="hasLiabilityInsurance" @change="isChange"  class="joinWrap">
+        <van-radio :name="1" style="margin-right: 26px">
+          有
+          <img
+            slot="icon"
+            slot-scope="props"
+            :src="props.checked ? activeIcon : inactiveIcon"
+          >
+        </van-radio>
+        <van-radio :name="0">
+          无
+          <img
+            slot="icon"
+            slot-scope="props"
+            :src="props.checked ? activeIcon : inactiveIcon"
+          >
+        </van-radio>
+      </van-radio-group>
+    </div>
+  </div>
+  <span style="color: red">如有投保，选“有”，未投保选“无”，不必上传交强险或者商业险等其他保单</span>
+  <div class="lineBot"></div>
+  <template v-if="hasLiabilityInsurance == 1">
+    <div class="itemContent">
+      <div class="titleType">
+        <img class="startImg" src="@/assets/start.png" />
+        <span style="line-height: 20px">请上传救援职业责任险或货运险保单PDF或者关键信息页截图</span>
+      </div>
+      <van-uploader
+        v-model="insurancePictureFiles"
+        :after-read="insurancePictureFilesHandler"
+        max-count="1"
+        :preview-size="54"
+        accept="image "
+      />
+    </div>
+    <div class="lineBot"></div>
+    <div class="itemContent">
+      <div class="titleType">
+        <img class="startImg" src="@/assets/start.png" />
+        <span>承保保司</span>
+      </div>
+      <el-select
+        v-model="insuranceCorp"
+        value-key="name"
+        class="elSelect"
+        collapse-tags="collapse-tags"
+        placeholder="请选择"  style="width: 55%"
+      >
+        <el-option
+          v-for="item in insuranceOptions"
+          :key="item.name"
+          :label="item.name"
+          :value="item.value"
+        >
+        </el-option>
+      </el-select>
+    </div>
+    <div class="lineBot"></div>
+    <div class="itemContent">
+      <div class="titleType">
+        <img class="startImg" src="@/assets/start.png" />
+        <span>保险有效期</span>
+      </div>
+      <el-input style="width: 55%" readonly @focus="showDatePicker = true"  v-model="dateVal"  placeholder="请选择发布日期" :class="{'customSel':true,'customInput':true , 'has-value': dateVal }" >
+        <template #suffix>
+          <i
+            v-if="dateVal"
+            class="el-icon-circle-close el-input__icon"
+            @click="dateVal = ''"
+          ></i>
+        </template>
+      </el-input>
+    </div>
+  </template>
+  <common-btn title="保存" @submitClick="submitBtn"/>
+  <van-calendar v-model="showDatePicker"  :min-date="minDate"
+                :max-date="maxDate" type="range" @confirm="onConfirm" />
+</div>
+</div>
+</template>
+
+<script>
+  import {Dialog} from "vant";
+import {myMixins} from "@/utils/myMixins"
+  import {formatDate1} from "@/utils/common"
+import { uploadImage, updateInsurance, getInfoById} from "@/api/mine"
+  import CommonBtn from "@/components/commonBtn.vue"
+export default {
+  name: "vehicleAdd",
+  mixins:[myMixins],
+  data(){
+    return{
+      defaultProps: {
+        children: 'children',
+        label: 'name'
+      },
+      minDate: new Date(1970, 0, 1),  // 设置最小可选日期（1970年1月1日）
+      maxDate: new Date(2099, 11, 31), // 设置最大可选日期（2099年12月31日）
+      showDatePicker: false,
+      dateVal: '',
+      hasLiabilityInsurance: 1,   // 有无责任险
+      activeIcon: require('@/assets/check.png'),
+      inactiveIcon: require('@/assets/uncheck.png'),
+      // result: [],
+      checked: true,
+      show:false,
+      imageUrl: require('@/assets/arr_right.png'),
+      insurancePictureFiles: [],
+      insurancePicturePhoto: '',    // 保单照片
+      isMultiple: false,     // 是否支持多选
+      insuranceCorp: '',
+      insuranceOptions: [{
+        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
+      }, {
+        name: '申能',
+        value: 11
+      }, {
+        name: '大家',
+        value: 12
+      }, {
+        name: '富德',
+        value: 13
+      }, {
+        name: '其他',
+        value: 14
+      }]
+    }
+  },
+  computed: {
+  },
+  watch:{
+
+  },
+
+  async mounted() {
+    this.id=this.$route.params?.id
+    if( this.id){
+      // await this.vehicleInfo()
+    }
+  },
+  methods:{
+    async vehicleInfo(){
+      let res= await  getInfoById({
+        vehicleId:this.id
+      })
+      let result=res.data;
+      this.id=result.vehicleId
+      this.insurancePicturePhoto = result.insurancePicturePhoto;
+      this.hasLiabilityInsurance = result.hasLiabilityInsurance
+      this.insuranceCorp = result.insuranceCorp;
+      if(this.insurancePicturePhoto) {
+        this.insurancePictureFiles = [{url: this.insurancePicturePhoto}]
+      }
+      if( result.liabilityInsuranceEndTime && result.liabilityInsuranceStartTime ) {
+        this.dateVal =  formatDate1(result.liabilityInsuranceStartTime) + ' - ' + formatDate1(result.liabilityInsuranceEndTime)
+      }
+    },
+    formatDate(date) {
+      return `${date.getFullYear()}/${date.getMonth() + 1}/${date.getDate()}`;
+    },
+    onConfirm(date) {
+      const [start, end] = date;
+      this.showDatePicker = false;
+      this.dateVal = `${this.formatDate(start)} - ${this.formatDate(end)}`;
+    },
+    formatDateTimeRange(str) {
+      const [startStr, endStr] = str.split(' - ').map(s => s.trim());
+      const startDate = new Date(startStr);
+      const startTime = `${startDate.getFullYear()}-${(startDate.getMonth() + 1).toString().padStart(2, '0')}-${startDate.getDate().toString().padStart(2, '0')} 00:00:00`;
+      const endDate = new Date(endStr);
+      const endTime = `${endDate.getFullYear()}-${(endDate.getMonth() + 1).toString().padStart(2, '0')}-${endDate.getDate().toString().padStart(2, '0')} 23:59:59`;
+      return {
+        startTime,
+        endTime
+      };
+    },
+    async insurancePictureFilesHandler(file) {
+      const formData = new FormData();
+      formData.append("file" , file.file);
+      let res = await uploadImage(formData);
+      this.insurancePicturePhoto = res.data;
+    },
+    isChange(e){
+      this.hasLiabilityInsurance=e
+      if (e === 0) {
+        Dialog.confirm({
+          title: '提醒',
+          message: '有救援职业责任险车辆会提升案件聚合能力和接单能力。',
+          confirmButtonText: '我已知晓', // 确认按钮文字，默认为“确认”
+          showCancelButton: false // 是否显示取消按钮，默认为 true。如果不需要取消按钮，可以设置为 false。
+        })
+        .then(() => { /* 确认后的操作 */ })
+        .catch(() => { /* 取消后的操作 */ });
+      }
+    },
+    async submitBtn(){
+      if(this.hasLiabilityInsurance === null || this.hasLiabilityInsurance === undefined || this.hasLiabilityInsurance === '') {  // 有职业责任险，就需要有保单照片
+        this.$toast('救援职业责任险不能为空')
+        return
+      }
+      if(!this.insurancePicturePhoto && this.hasLiabilityInsurance == 1) {  // 有职业责任险，就需要有保单照片
+        this.$toast('保单照片不能为空')
+        return
+      }
+      if(!this.insuranceCorp && this.hasLiabilityInsurance == 1) {  // 有职业责任险，就需要有保单照片
+        this.$toast('承保保司不能为空')
+        return
+      }
+      if(!this.dateVal && this.hasLiabilityInsurance == 1) {  // 有职业责任险，就需要有保单照片
+        this.$toast('保单有效期不能为空')
+        return
+      }
+      let timeObj;
+      if(this.dateVal) {
+        timeObj = this.formatDateTimeRange(this.dateVal)
+      }
+      let params = {
+        id: this.id ? this.id : '',
+        renewInsureInfo: JSON.stringify({
+          hasLiabilityInsurance: this.hasLiabilityInsurance,
+          insurancePictureUrls: this.hasLiabilityInsurance == 1 ? this.insurancePicturePhoto : '',
+          insuranceCorp: this.hasLiabilityInsurance == 1 ? this.insuranceCorp : '',
+          liabilityInsuranceStartTime: this.hasLiabilityInsurance == 1 ? (timeObj?.startTime || '' ) : '',
+          liabilityInsuranceEndTime: this.hasLiabilityInsurance == 1 ? (timeObj?.endTime || '') : '',
+        })
+      }
+      await updateInsurance(params)
+        if(this.id){
+          this.$toast('修改成功')
+        }else{
+          this.$toast('添加成功')
+        }
+        setTimeout(()=>{
+          this.$router.back();
+        },2000)
+      }
+  },
+  components:{
+    CommonBtn
+  }
+}
+</script>
+
+<style>
+  .vehicleAdd .van-field__control:disabled {
+    color: #323643 !important;
+    -webkit-text-fill-color: #323643 !important;
+  }
+</style>
+<style scoped lang="scss">
+@import "@/styles/mixin.scss";
+@import "@/styles/common.scss";
+.mySelect{
+  @include fontWeightSize(bold,13px);
+  color: #323643;
+  appearance: none;
+  padding-right: 16px;
+  background: url('@/assets/arrow_bot.png') no-repeat right center / 15px 14px;
+}
+.checkbox-group {
+  display: none;
+}
+.navBar{
+  margin-bottom: 46px;
+}
+.wrap{
+@include wh(100%,100%);
+  overflow-y: auto;
+}
+.addContentWrap{
+  margin-left: 16px;
+  .item_content_btn {
+    padding-right: 25px;
+    text-align: right;
+    span {
+      display: inline-block;
+      background: #354D93;
+      padding: 5px 10px;
+      font-size: 12px;
+      font-weight: bold;
+      color: #fff;
+      border-radius: 4px;
+      margin-bottom: 5px;
+    }
+  }
+  .itemContent{
+    @include flexColBet;
+    line-height: 56px;
+    box-sizing: border-box;
+    padding-right: 25px;
+    .titleType{
+      @include fontWeightSize(bold,14px);
+      color: #323643;
+    }
+    .isJoin{
+      display: flex;
+      .joinWrap{
+        display: flex;
+      }
+      img{
+        @include widHeiMar(16px,16px,6px)
+      }
+    }
+    .startImg{
+      @include widHeiMar(6px,6px,3px);
+      vertical-align: super;
+    }
+    input{
+      border: none;
+      text-align: right;
+      @include fontWeightSize(bold,13px);
+      opacity: .5;
+    }
+  }
+  .lineBot{
+    @include wh(100%,1px);
+    background: #E9E9EA;
+    opacity: 0.6;
+  }
+  .serviceType{
+    @include fontWeightSize(bold,13px);
+    margin-left: 15px;
+    .trailerService{
+      margin-bottom: 10px;
+    }
+    .serviceline{
+      @include flexCenter;
+      margin-bottom: 10px;
+    }
+    .item{
+     margin: 20px 0;
+      @include flexCenter;
+    }
+    .radioWrap{
+      margin-left: 10px;
+    }
+    .service{
+      @include colorOpa(#323643,0.7);
+      line-height: 18px;
+      white-space: nowrap;
+    }
+    .line{
+      display: inline-block;
+      @include wh(240px,2px);
+      opacity: 0.16;
+      border-bottom: 1px solid;
+      border-image: linear-gradient(270deg, rgba(217, 217, 217, 0.6), rgba(178, 178, 178, 1), rgba(178, 178, 178, 1), rgba(217, 217, 217, 0.6)) 1 1;
+    }
+    img{
+      @include widHeiMar(16px,16px,12px)
+    }
+  }
+  .btn{
+    width: 90%;
+    margin: 40px 0 30px 8px;
+  }
+}
+.elSelect ::v-deep .el-input__inner{
+  border: none !important;
+  text-align: right !important;
+}
+.disabled-tree {
+  pointer-events: none;
+  opacity: 0.6;
+}
+</style>

src/views/index/invoicingNotify.vue

@@ -175,7 +175,7 @@ export default {
             confirmButtonColor: '#0E76F4',
             showCancelButton: false,
           }).then(async() => {
-            this.goPage('newTrainingList', { supplierId : this.supplierId })
+            this.goPage('newTrainingList', { supplierId : this.supplierId, type: 'invoice' })
           }).catch(() => {
             // on cancel
           });
@@ -189,7 +189,9 @@ export default {
       this.getNotifyList()
     },
     async getJumpHandler() {
-      let res = await jumpPage();
+      let res = await jumpPage({
+        type: 'invoice'
+      });
       return res
     },
     getMonth(item) {

src/views/index/supplierAdd.vue

@@ -0,0 +1,573 @@
+<template>
+  <div class="wrap">
+    <div class="top_banner">
+      <img src="@/assets/supplier/topBg.png" alt="">
+    </div>
+    <van-form @submit="applyAdd">
+      <div class="content_wrap">
+        <div class="credentials_info">
+          <img class="title1" src="@/assets/supplier/title1.png" alt="">
+          <div class="credentials_wrap">
+            <div class="credentials_item">
+              <div class="credentials_title">1. 法人身份证正面</div>
+              <van-uploader
+                accept="image/*"
+                v-model="idFrontPhotoList"
+                :after-read="idFrontPhotoHandler"
+                :max-size="5 * 1024 * 1024"
+                max-count="1">
+                <div class="custom-background">
+                  <img src="@/assets/supplier/idCardPerson.png" alt="">
+                </div>
+              </van-uploader>
+            </div>
+            <div class="credentials_item ml2">
+              <div class="credentials_title">2. 法人身份证反面</div>
+              <van-uploader
+                accept="image/*"
+                v-model="idBackPhotoList"
+                :after-read="idBackPhotoHandler"
+                :max-size="5 * 1024 * 1024"
+                max-count="1">
+                <div class="custom-background">
+                  <img src="@/assets/supplier/idCardBack.png" alt="">
+                </div>
+              </van-uploader>
+            </div>
+            <div class="credentials_item ml2">
+              <div class="credentials_title">3. 营业执照</div>
+              <van-uploader
+                accept="image/*"
+                v-model="companyPhotoList"
+                :after-read="companyPhotoHandler"
+                :max-size="5 * 1024 * 1024"
+                max-count="1">
+                <div class="custom-background">
+                  <img src="@/assets/supplier/companyPhoto.png" alt="">
+                </div>
+              </van-uploader>
+            </div>
+          </div>
+        </div>
+        <div class="company_info">
+          <img class="title2" src="@/assets/supplier/title2.png" alt="">
+          <div class="company_wrap">
+              <van-field :border="true" readonly v-model="form.name" class="required" name="name" label="服务商名称" placeholder="请输入"  :rules="[{ required: true, message: '请输入服务商名称' }]" />
+              <van-field :border="true" readonly v-model="form.areaName" class="required" name="areaName" label="注册地址" placeholder="请输入"  :rules="[{ required: true, message: '请输入注册地址' }]" />
+              <van-field :border="true" readonly v-model="form.legalName" class="required" name="legalName" label="法人姓名" placeholder="请输入"  :rules="[{ required: true, message: '请输入法人姓名' }]" />
+              <van-field :border="true" v-model="form.linkName" class="required" name="linkName" label="联系人姓名" placeholder="请输入"  :rules="[{ required: true, message: '请输入联系人姓名' }]" />
+              <van-field :border="true" v-model="form.linkPhone" class="required" name="linkPhone" label="联系电话" placeholder="请输入"  :rules="phoneVerify" />
+              <van-field :border="true" class="required" name="serviceType" label="服务能力">
+                <template #input>
+                  <el-tree
+                    show-checkbox
+                    node-key="id"
+                    ref="tree"
+                    :highlight-current="true"
+                    :expand-on-click-node="false"
+                    :data="bigServiceList"
+                    :props="defaultProps">
+                  </el-tree>
+                </template>
+              </van-field>
+              <van-field :border="true" v-model="form.trailCount" name="trailCount" label="拖车数量" placeholder="请输入" />
+              <van-field :border="true" v-model="form.minorCount" name="minorCount" label="抢修车数量" placeholder="请输入" />
+              <van-field :border="true" class="required" label="服务区域" placeholder="请选择">
+                <template #input>
+                  <el-cascader
+                    v-model="form.serviceAreaCode"
+                    :options="areaList"
+                    :props="areaProps"
+                    ref="areaCascader"
+                    popper-class="responsive-cascader"
+                    :popper-append-to-body="false"
+                    filterable
+                    clearable></el-cascader>
+                </template>
+              </van-field>
+            <div class="wei_code_wrap" v-if="form.name && !id">
+              <div class="wei_title">请先添加企业微信，保证申请流程正常进行。</div>
+              <div class="wei_code_bg">
+                <img v-if="qrCodeUrl" :src="qrCodeUrl" alt="企业微信二维码" />
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+      <div class="btn_wrap">
+        <van-button class="btn" block type="info" :native-type="'submit'">提交申请</van-button>
+      </div>
+    </van-form>
+    <van-popup
+      v-model="areaShow"
+      position="bottom"
+    >
+      <van-area title="服务区域" :area-list="areaList" :columns-num="3"  closeable="true" :value="form.areaCode ? String(form.areaCode) : ''"
+                @cancel="areaShow = false" @confirm="confirmHandle"/>
+    </van-popup>
+  </div>
+</template>
+
+<script>
+  import {leftCopy} from  "@/utils/common"
+  import QRCode from 'qrcode'
+  import { uploadImage, supplierServicePartTree, ocrHandler, unifiedOCRWithCompress, getArea, saveSupplier, getSupplierInfo, getOrCodeInfo, getContactQrCodeResult } from "@/api/mine"
+  import {myMixins} from "@/utils/myMixins"
+  import {Dialog} from "vant";
+  export default {
+    name: "supplierAdd",
+    mixins:[myMixins],
+    data() {
+      return {
+        clickFlag: true,
+        phoneVerify: [{ required: true, message: '请输入联系电话' }, { validator: value => { return /^1[3456789]\d{9}$/.test(value) }, message: '联系电话格式不正确' }],
+        id:'', //车辆Id
+        idBackPhotoList: [],
+        idBackPhoto: '',
+        idFrontPhotoList: [],
+        idFrontPhoto: '',
+        companyPhotoList: [],
+        companyPhoto: '',
+        form: {
+          name: '',
+          legalName: '',
+          areaName: '',
+          linkName: '',
+          linkPhone: '',
+          serviceType: '',
+          trailCount: '',
+          minorCount: '',
+          serviceAreaCode: [],
+        },
+        qrCodeUrl: '',
+        qrCode: '',
+        areaShow: false,
+        areaList: [],
+        supplierServiceList: [],
+        bigServiceList: [],
+        defaultProps: {
+          children: 'children',
+          label: 'title',
+        },
+        areaProps: { multiple: true, checkStrictly: true,  value: 'id',label: 'title', emitPath: false, },
+        configId: '',
+        wechatId: 'test',
+      }
+    },
+    async mounted() {
+      const urlParams = new URLSearchParams(window.location.search);
+      this.id = this.$route.query.id || urlParams.get('id');
+      await this.getAreaTree();
+      if(this.id) {
+        await this.getInfoHandler();
+      }
+
+      await this.getSupplierServiceTree();
+    },
+    methods: {
+      async QrCodeHandler() {
+        await this.QrCodeInfo()
+        await this.getQrCode();
+      },
+      async QrCodeInfo() {
+        let res = await getOrCodeInfo({
+          name: this.form.name
+        });
+        this.configId = res?.configId;
+        this.qrCode = res?.qrCode
+        console.log('idid', res);
+      },
+      async getInfoHandler() {
+        let res = await getSupplierInfo({
+          id: this.id
+        });
+        let _data = res?.data
+        leftCopy(this.form, {..._data})
+        this.idFrontPhoto = _data?.idCardFrontUrl;
+        this.idBackPhoto = _data?.idCardBackUrl;
+        this.companyPhoto = _data?.businessLicense;
+        this.wechatId = _data?.wechatId
+        if(this.idFrontPhoto) {
+          this.idFrontPhotoList = [{ url : this.idFrontPhoto }];
+        }
+        if(this.idBackPhoto) {
+          this.idBackPhotoList = [{ url : this.idBackPhoto }];
+        }
+        if(this.companyPhoto) {
+          this.companyPhotoList = [{ url : this.companyPhoto }];
+        }
+        if( _data.serviceType ) {
+          this.$refs.tree.setCheckedKeys(_data.serviceType.split(','))
+        }
+        if(_data?.serviceAreaCode) {
+          this.$set(this.form, 'serviceAreaCode', _data?.serviceAreaCode.split(',').map(item => Number(item)));
+          // this.form.serviceAreaCode = _data?.serviceAreaCode.split(',').map(item => Number(item));
+        }
+      },
+      async applyAdd() {
+        if( !this.idFrontPhoto ) {
+          this.$toast('法人身份证正面照未上传')
+          return
+        }
+        if( !this.idBackPhoto ) {
+          this.$toast('法人身份证反面照未上传')
+          return
+        }
+        if( !this.companyPhoto ) {
+          this.$toast('营业执照未上传')
+          return
+        }
+        if( !(this.form.serviceAreaCode.length > 0) ) {
+          this.$toast('服务区域不能为空')
+          return
+        }
+        if(!this.wechatId) {
+          await this.QrCodeResult();
+          if( !this.wechatId ) {
+            this.$toast('请先添加企微再申请')
+            return
+          }
+        }
+
+        if( this.$refs.tree.getCheckedKeys().length > 0 ) {
+          await this.saveHandler()
+        } else {
+          this.$toast('服务能力不能为空')
+          return
+        }
+      },
+      async QrCodeResult() {    //获取添加企微结果
+        let res = await getContactQrCodeResult({
+          configId: this.configId
+        });
+        console.log('resres', res)
+        this.wechatId = res?.data?.wechatId
+      },
+      async saveHandler() {
+        if( this.clickFlag ) {
+          try {
+            this.clickFlag = false
+            let _node = this.$refs.areaCascader.getCheckedNodes();
+            let checkArr = [];
+            _node.map(item => {
+              checkArr.push(item.data.id)
+            })
+
+            let treeArr = this.$refs.tree.getCheckedKeys();
+            let childrenTreeArr = [];
+            treeArr.map(item => {
+              let _arr = this.supplierServiceList.filter(_item => _item.id == item) || []   // 获取对应的大类
+              _arr[0]?.children?.map(childItem => {
+                childrenTreeArr?.push(childItem?.id)
+              })
+            })
+            let allArr = [...treeArr, ...childrenTreeArr]
+            let res = await saveSupplier({
+              id: this.id,
+              ...this.form,
+              idCardFrontUrl: this.idFrontPhoto,
+              idCardBackUrl: this.idBackPhoto,
+              businessLicense: this.companyPhoto,
+              serviceType: allArr.join(',') ,
+              serviceAreaCode: checkArr.join(','),
+              wechatId: this.wechatId,
+            });
+            Dialog.alert({
+              title: '提示',
+              message: "操作成功"
+            }).then(async () => {
+              this.goPage('supplierAddResult', { id : res?.data })
+              this.clickFlag = true
+            });
+          } finally {
+            this.clickFlag = true
+          }
+        }
+      },
+      async getAreaTree() {
+        let res = await getArea();
+        this.areaList = res?.data;
+      },
+      async getSupplierServiceTree(){
+        let res = await supplierServicePartTree({
+          serviceTypes: '1002,1003',
+          treeType: 2
+        });
+        this.supplierServiceList=res.data
+        this.bigServiceList = [];
+        res.data.map(item => {
+          let obj = {...item, children: null}
+          this.bigServiceList.push(obj)
+        })
+      },
+      confirmHandle(val){
+        this.region=[]
+        val?.forEach(item => this.region.push(item.name))
+        let code=[]
+        val?.forEach(item => code.push(item.code))
+        this.form.areaCode=code[code.length - 1]
+        this.areaShow=false
+      },
+      async getQrCode() {
+        try {
+          this.qrCodeUrl = await QRCode.toDataURL(this.qrCode, {
+            width: 150,
+            margin: 2,
+            color: {
+              dark: '#000000',
+              light: '#FFFFFF'
+            },
+          })
+        } catch (error) {
+          console.error('生成二维码失败:', error)
+        }
+      },
+      async idBackPhotoHandler(file) {
+        const formData = new FormData();
+        formData.append("file" , file.file);
+        let res = await uploadImage(formData);
+        this.idBackPhoto = res.data
+      },
+      async idFrontPhotoHandler(file) {
+        const formData = new FormData();
+        formData.append("file" , file.file);
+        let res = await uploadImage(formData);
+        this.idFrontPhoto = res.data;
+        await this.idCardOcrHandler();
+      },
+      async idCardOcrHandler() {    // 身份证正面 ocr识别
+        this.form.legalName = '';
+        let res = await ocrHandler({
+          ocrType: 1,
+          imageUrl: this.idFrontPhoto,
+          cardSide: 'FRONT'
+        })
+        this.form.legalName = res?.data?.name
+      },
+      async companyPhotoHandler(file) {
+        const formData = new FormData();
+        formData.append("file" , file.file);
+        let res = await uploadImage(formData);
+        this.companyPhoto = res.data
+        await this.companyOcrHandler()
+      },
+      async companyOcrHandler() {    // 营业照 ocr识别
+        this.form.name = '';
+        this.form.areaName = '';
+        let res = await unifiedOCRWithCompress({
+          ocrType: 7,
+          imageUrl: this.companyPhoto,
+          cardSide: 'FRONT'
+        })
+        this.form.name = res?.data?.name;
+        this.form.areaName = res?.data?.address
+        await this.QrCodeHandler();
+      },
+    },
+    computed: {
+      regionText() {
+        return this.region.length ? `${this.region[0]}/${this.region[1]}/${this.region[2]}` : '请选择所在地区';
+      }
+    },
+  }
+</script>
+
+<style scoped lang="scss">
+  @import "@/styles/mixin.scss";
+  @import "@/styles/common.scss";
+  .wrap{
+    @include wh(100%,100%);
+    box-sizing: border-box;
+    padding-bottom: 100px;
+    overflow-y: auto;
+  }
+.top_banner {
+  width: 100%;
+  img {
+    width: 100%;
+    height: 169px;
+  }
+}
+.content_wrap {
+  padding: 0 20px;
+}
+.credentials_info {
+  height: 170px;
+}
+.credentials_wrap {
+  display: flex;
+  width: 100%;
+  margin-top: 10px;
+  .credentials_item {
+    width: 32%;
+    text-align: center;
+    .credentials_title {
+      font-size: 12px;
+      color: #4A4A4A;
+      padding: 10px 0;
+    }
+    .custom-background img {
+      width: 97px;
+      height: 64px;
+    }
+  }
+  .ml2 {
+    margin-left: 2%;
+  }
+}
+::v-deep .van-uploader__preview-image {
+  width: 97px;
+  height: 64px;
+}
+.title1 {
+  width: 106px;
+  height: 19px;
+  margin-top: 25px;
+}
+.title2 {
+  width: 90px;
+  height: 18px;
+  margin-top: 25px;
+  margin-bottom: 10px;
+}
+.van-cell.required::before{
+  content: "＊";
+  position: absolute;
+  color: #F00;
+  left: 0px;
+  top: .25rem;
+  font-size: .3rem;
+}
+  .wei_code_wrap {
+    margin-top: 10px;
+    .wei_title {
+      font-size: 15px;
+      color: #FF553B;
+      text-align: center;
+    }
+    .wei_code_bg {
+      width: 163px;
+      height: 173px;
+      background-image: url("~@/assets/supplier/weiCodeBg.png");
+      background-size: 100% 100%;
+      margin: 8px auto;
+      display: flex;
+      align-items: center;
+      justify-content: center;
+    }
+  }
+
+  .btn_wrap {
+    width: 100%;
+    padding: 15px 0;
+    position: fixed;
+    bottom: 0;
+    background: #F7F7F9;
+    box-shadow: 0px -7px 24px 0px rgba(0, 0, 0, 0.11);
+    z-index: 10000 !important;
+    .btn {
+      width: calc(100% - 80px);
+      margin-left: 40px;
+      height: 46px;
+      background: #0E76F4;
+      border-radius: 5px;
+      font-size: 15px;
+      color: #FFFFFF;
+      text-align: center;
+      line-height: 46px;
+    }
+  }
+  /*::v-deep .el-cascader {
+    width: 100% !important;
+  }
+
+  ::v-deep .el-input__inner {
+    width: 100% !important;
+    border: none !important;
+    padding-left: 0 !important;
+    background: transparent !important;
+  }
+
+  ::v-deep .el-input {
+    width: 100% !important;
+  }
+
+  ::v-deep .el-input__suffix {
+    right: 0 !important;
+  }*/
+</style>
+<style>
+  .responsive-cascader .el-cascader-menu {
+    min-width: 100px !important;
+  }
+  .responsive-cascader .el-cascader-panel {
+    font-size: 12px !important;
+  }
+  .responsive-cascader .el-cascader-node {
+    padding-left: 5px !important;
+    padding-right: 4px !important;
+  }
+ /* !* 级联选择器下拉框样式 *!
+  .responsive-cascader {
+    width: 90vw !important;
+    max-width: 400px !important;
+    left: 50% !important;
+    transform: translateX(-50%) !important;
+  }
+
+  .responsive-cascader .el-cascader-panel {
+    display: flex !important;
+    width: 100% !important;
+    max-height: 60vh !important;
+  }
+
+
+
+  .responsive-cascader .el-cascader-node {
+    padding: 12px 16px !important;
+    font-size: 12px !important;
+    height: 20px !important;
+    !*min-height: 44px !important;*!
+    display: flex !important;
+    align-items: center !important;
+  }
+
+  .responsive-cascader .el-cascader-node__label {
+    font-size: 12px !important;
+    white-space: nowrap !important;
+    overflow: hidden !important;
+    text-overflow: ellipsis !important;
+    flex: 1 !important;
+  }
+
+  !* 移动端触摸优化 *!
+  .responsive-cascader .el-cascader-node {
+    padding: 6px 6px !important;
+  }
+
+  !* 选中状态 *!
+  .responsive-cascader .el-cascader-node.in-active-path,
+  .responsive-cascader .el-cascader-node.is-active {
+    color: #1989fa !important;
+    background-color: #f2f8ff !important;
+  }
+
+  !* 移动端适配 *!
+  @media (max-width: 768px) {
+    .responsive-cascader {
+      width: 95vw !important;
+      max-width: none !important;
+    }
+
+    .responsive-cascader .el-cascader-menu {
+      width: 33.33% !important;
+      flex: none !important;
+    }
+
+    .responsive-cascader .el-cascader-node__label {
+      font-size: 13px !important;
+    }
+  }*/
+
+
+</style>

src/views/index/supplierAddResult.vue

@@ -0,0 +1,83 @@
+<template>
+  <div class="wrap">
+    <div class="top-wrap"></div>
+    <div class="center-info">
+      <img class="wait_icon" src="@/assets/supplier/successIcon.png" alt="">
+      <div class="info-tip">信息录入完成，请等待审核结果。</div>
+    </div>
+    <div class="btn_wrap">
+      <div class="btn" @click="searchInfo">信息查看</div>
+    </div>
+  </div>
+</template>
+
+<script>
+  import {myMixins} from "@/utils/myMixins"
+  export default {
+    name: "supplierAddResult",
+    mixins:[myMixins],
+    data() {
+      return {
+        id: '',
+      }
+    },
+    async mounted() {
+      const urlParams = new URLSearchParams(window.location.search);
+      this.id = this.$route.query.id || urlParams.get('id');
+    },
+    methods: {
+      searchInfo() {
+        this.goPage('supplierInfo', { id : this.id })
+      }
+    }
+  }
+</script>
+
+<style scoped lang="scss">
+  @import "@/styles/mixin.scss";
+  @import "@/styles/common.scss";
+  .wrap{
+    @include wh(100%,100%);
+    box-sizing: border-box;
+    padding-bottom: 100px;
+    overflow-y: auto;
+    background: linear-gradient( 180deg, #FBFDFE 0%, #F6FBFF 73%, #F0F7FF 100%);
+    backdrop-filter: blur(5.602678571428572px);
+  }
+  .top-wrap {
+    width: 100%;
+    height: 175px;
+    background: linear-gradient( 180deg, #DAECFF 0%, rgba(233,243,255,0) 100%);
+  }
+  .center-info {
+    text-align: center;
+    .wait_icon {
+      width: 54px;
+      height: 54px;
+      margin-bottom: 15px;
+    }
+    .info-tip {
+      font-size: 20px;
+      font-weight: 500;
+      color: #2C2A53;
+    }
+  }
+  .btn_wrap {
+    width: 100%;
+    padding: 15px 0;
+    position: fixed;
+    bottom: 10px;
+    z-index: 10000 !important;
+    .btn {
+      width: calc(100% - 80px);
+      margin-left: 40px;
+      height: 46px;
+      background: #0E76F4;
+      border-radius: 5px;
+      font-size: 15px;
+      color: #FFFFFF;
+      text-align: center;
+      line-height: 46px;
+    }
+  }
+</style>

src/views/index/supplierInfo.vue

@@ -0,0 +1,350 @@
+<template>
+  <div class="wrap">
+    <div class="nav_bar_bg" :class="{ 'status_wait': supplierInfo?.state == 0, 'status_danger': supplierInfo?.state == 99, 'status_success': supplierInfo?.state == 1 }">
+      <template v-if="supplierInfo?.state == 0">
+        <div class="status_wrap">
+          <img class="wait_icon" src="@/assets/supplier/waitIcon.png" alt="">
+          <span class="wait_status">审批中</span>
+        </div>
+      </template>
+      <template v-if="supplierInfo?.state == 1">
+        <div class="status_wrap">
+          <img class="wait_icon" src="@/assets/supplier/successIcon.png" alt="">
+          <span class="wait_status success_status">恭喜你，审核通过！</span>
+        </div>
+      </template>
+      <template v-if="supplierInfo?.state == 99">
+        <div class="status_wrap">
+          <img class="wait_icon" src="@/assets/supplier/failIcon.png" alt="">
+          <span class="wait_status danger_status">审核不通过</span>
+        </div>
+        <div class="danger_tip">
+          {{supplierInfo?.failReason}}
+        </div>
+      </template>
+    </div>
+    <div class="supplier_content">
+      <div class="credentials_info">
+        <div class="common_title">证件照信息</div>
+        <div class="credentials_wrap">
+          <div class="credentials_item">
+            <div class="credentials_title">1. 法人身份证正面</div>
+            <img :src="supplierInfo?.idCardFrontUrl" alt="">
+          </div>
+          <div class="credentials_item ml2">
+            <div class="credentials_title">2. 法人身份证反面</div>
+            <img :src="supplierInfo?.idCardBackUrl" alt="">
+          </div>
+          <div class="credentials_item ml2">
+            <div class="credentials_title">3. 营业执照</div>
+            <img :src="supplierInfo?.businessLicense" alt="">
+          </div>
+        </div>
+      </div>
+      <div class="company_info">
+        <div class="common_title">公司信息</div>
+        <div class="info_wrap">
+          <div class="info_item">
+            <div class="label">服务商名称：</div>
+            <div class="content">{{supplierInfo?.name}}</div>
+          </div>
+          <div class="info_item" v-if="supplierInfo?.abbr">
+            <div class="label">服务商简称：</div>
+            <div class="content">{{supplierInfo?.abbr}}</div>
+          </div>
+          <div class="info_item" v-if="supplierInfo?.supplierCode">
+            <div class="label">服务商编号：</div>
+            <div class="content">{{supplierInfo?.supplierCode}}</div>
+          </div>
+          <div class="info_item" v-if="supplierInfo?.areaName">
+            <div class="label">注册地址：</div>
+            <div class="content">{{supplierInfo?.areaName}}</div>
+          </div>
+          <div class="info_item">
+            <div class="label">法人姓名：</div>
+            <div class="content">{{supplierInfo?.legalName}}</div>
+          </div>
+          <div class="info_item">
+            <div class="label">联系人姓名：</div>
+            <div class="content">{{supplierInfo?.linkName}}</div>
+          </div>
+          <div class="info_item">
+            <div class="label">联系电话：</div>
+            <div class="content">{{supplierInfo?.linkPhone}}</div>
+          </div>
+          <div class="info_item">
+            <div class="label">服务能力：</div>
+            <div class="content service_color">{{supplierInfo?.serviceName}}</div>
+          </div>
+          <div class="info_item">
+            <div class="label">拖车数量：</div>
+            <div class="content">{{supplierInfo?.trailCount || ''}}</div>
+          </div>
+          <div class="info_item">
+            <div class="label">抢修车数量：</div>
+            <div class="content">{{supplierInfo?.minorCount || ''}}</div>
+          </div>
+          <div class="info_item">
+            <div class="label">服务区域：</div>
+            <div class="content">{{supplierInfo?.serviceAreaName}}</div>
+          </div>
+          <template v-if="type == 'audit' && supplierInfo?.state != 1">
+            <div class="info_item">
+              <div class="label"><span style="color: red;margin-right: 2px">*</span>审批：</div>
+              <div class="content">
+                <van-radio-group v-model="form.state"  direction="horizontal" icon-size="18px">
+                  <van-radio name="1">审批通过</van-radio>
+                  <van-radio name="99">审批不通过</van-radio>
+                </van-radio-group>
+              </div>
+            </div>
+            <div class="info_item" v-if="form.state == 1">
+              <div class="label"><span style="color: red;margin-right: 2px">*</span>服务商简称：</div>
+              <div class="content">
+                <el-input style="width: 100%" v-model.trim="form.abbr" placeholder="请输入服务商简称"></el-input>
+              </div>
+            </div>
+            <div class="info_item" v-if="form.state == 99">
+              <div class="label"><span style="color: red;margin-right: 2px">*</span>不通过原因：</div>
+              <div class="content">
+                <textarea class="report_textarea" rows="4" maxlength="200" show-word-limit placeholder="点击这里输入不通过原因" v-model.trim="form.failReason"></textarea>
+              </div>
+            </div>
+          </template>
+
+        </div>
+      </div>
+
+
+      <div class="btn_wrap" v-if="type == 'show' && supplierInfo?.state == 99 && origin != 'web'">
+        <div class="btn" @click="goModifyPage">修改信息</div>
+      </div>
+      <div class="btn_wrap" v-if="type == 'audit' && supplierInfo?.state != 1">
+        <div class="btn" v-if="type == 'audit'" @click="auditSupplier">保 存</div>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+  import { getSupplierInfo, auditSupplier } from "@/api/mine"
+  import {myMixins} from "@/utils/myMixins"
+  export default {
+    name: "supplierInfo",
+    mixins:[myMixins],
+    data() {
+      return {
+        id:'', //车辆Id
+        form: {
+          state: '',
+          abbr: '',
+          failReason: '',
+        },
+        supplierInfo: {},
+        type: 'show',
+        origin: '',
+      }
+    },
+    async mounted() {
+      const urlParams = new URLSearchParams(window.location.search);
+      this.id=this.$route.query.id ||  urlParams.get('id');
+      this.type=this.$route.query.type || urlParams.get('type') || 'show';
+      this.origin = this.$route.query.origin || ''
+      await this.getInfoHandler();
+    },
+    methods: {
+      goModifyPage() {
+        this.goPage('supplierAdd', { id : this.id })
+      },
+      async auditSupplier() {
+        if( !this.form.state ) {
+          this.$toast('请选择审批结果')
+          return
+        }
+        if( this.form.state == 99 && !this.form.failReason ) {
+          this.$toast('请输入不通过原因')
+          return
+        }
+        if( this.form.state == 1 ) {
+          const reg = /^[\u4e00-\u9fa5]{2}$/;
+          if(!this.form.abbr) {
+            this.$toast('请输入服务商简称')
+            return
+          }
+          if(!(reg.test(this.form.abbr))) {
+            this.$toast('服务商简称请输入两位汉字')
+            return
+          }
+        }
+        try {
+          await auditSupplier({
+            id: this.id,
+            ...this.form,
+            wechatId: 'test',  // 参数将会被去掉
+          })
+        } finally {
+          this.closeParentDialog();
+        }
+      },
+      async getInfoHandler() {
+        let res = await getSupplierInfo({
+          id: this.id,
+        });
+        this.supplierInfo = res?.data;
+        console.log('res', res)
+      },
+    }
+  }
+</script>
+
+<style scoped lang="scss">
+  @import "@/styles/mixin.scss";
+  @import "@/styles/common.scss";
+  .report_textarea {
+    width: 100%;
+    box-sizing: border-box;
+    border-radius: 6px;
+    min-height: 95px;
+    border: 1px solid #E2EAF6;
+    padding: 10px;
+    font-size: 13px;
+  }
+  .wrap{
+    @include wh(100%,100%);
+    box-sizing: border-box;
+    padding-bottom: 100px;
+    overflow-y: auto;
+  }
+  .nav_bar_bg {
+    width: 100%;
+    height: 125px;
+    padding-top: 50px;
+  }
+  .status_wait {
+    background: linear-gradient( 180deg, #FFE4C9 0%, rgba(255,248,233,0) 100%);
+  }
+  .status_success {
+    background: linear-gradient( 180deg, #DAFFF8 0%, rgba(237,255,233,0) 100%);
+  }
+  .status_danger {
+    background: linear-gradient( 180deg, #FFE8DA 0%, rgba(255,233,233,0) 100%);
+  }
+  .status_wrap {
+    display: flex;
+    align-items: center;
+    .wait_icon {
+      width: 34px;
+      height: 34px;
+      margin-left: 31px;
+    }
+    .wait_status {
+      color: #E69B0B;
+      font-weight: 600;
+      font-size: 16px;
+      margin-left: 11px;
+    }
+    .success_status {
+      color: #37B864;
+    }
+    .danger_status {
+      color: #ED440C;
+    }
+  }
+  .danger_tip {
+    font-size: 12px;
+    color: #FF553B;
+    line-height: 18px;
+    padding-left: 38px;
+    padding-right: 23px;
+    margin-top: 5px;
+  }
+  .supplier_content {
+    padding: 0 24px;
+    width: 100%;
+    box-sizing: border-box;
+  }
+  .common_title {
+    font-weight: 500;
+    font-size: 14px;
+    color: rgba(50, 54, 67, 0.66);
+    padding-left: 2px;
+  }
+  .common_title::after {
+    content: '';
+    display: block;
+    width: 100%;
+    border: 1px solid;
+    margin-top: 10px;
+    opacity: 0.16;
+    border-image: linear-gradient(270deg, rgba(217, 217, 217, 0.6), rgba(178, 178, 178, 1), rgba(178, 178, 178, 1), rgba(217, 217, 217, 0.6)) 1 1;
+  }
+  .credentials_wrap {
+    display: flex;
+    width: 100%;
+    margin-top: 10px;
+    .credentials_item {
+      width: 32%;
+      text-align: center;
+      .credentials_title {
+        font-size: 12px;
+        color: #4A4A4A;
+        padding: 10px 0;
+      }
+      img {
+        width: 97px;
+        height: 64px;
+      }
+    }
+    .ml2 {
+      margin-left: 2%;
+    }
+  }
+  .company_info {
+    margin-top: 20px;
+    /*.company_wrap {*/
+      .info_wrap {
+        margin-top: 10px;
+        .info_item {
+          display: flex;
+          padding: 10px 2px;
+          .label {
+            font-size: 13px;
+            color: rgba(50, 54, 67, 0.6);
+            width: 90px;
+            flex-shrink: 0;
+          }
+          .content {
+            font-size: 13px;
+            color: #323643;
+            /*font-weight: bold;*/
+            flex: 1;
+          }
+          .service_color {
+            color: rgba(230, 155, 11, 0.9);
+          }
+        }
+      /*}*/
+    }
+  }
+  .btn_wrap {
+    width: 100%;
+    padding: 15px 0;
+    position: fixed;
+    bottom: 0;
+    background: #F7F7F9;
+    box-shadow: 0px -7px 24px 0px rgba(0, 0, 0, 0.11);
+    z-index: 10000 !important;
+    left: 0;
+    .btn {
+      width: calc(100% - 80px);
+      margin-left: 40px;
+      height: 46px;
+      background: #0E76F4;
+      border-radius: 5px;
+      font-size: 15px;
+      color: #FFFFFF;
+      text-align: center;
+      line-height: 46px;
+    }
+  }
+</style>

src/views/index/vehicleAdd.vue

@@ -72,7 +72,7 @@
   <div class="itemContent">
     <div class="titleType">
       <img class="startImg" src="@/assets/start.png" />
-      <span>车辆类型</span>
+      <span>车辆类别</span>
     </div>
 <!--
     <select
@@ -95,6 +95,7 @@
         multiple
         :multiple-limit="isMultiple ? 2 : 1"
         v-model="selectedOption"
+        :disabled="vehicleInfoDisabled"
         value-key="name"
         class="elSelect"
         collapse-tags="collapse-tags"
@@ -111,6 +112,30 @@
     </el-select>
 
   </div>
+  <div class="itemContent">
+    <div class="titleType">
+      <img class="startImg" src="@/assets/start.png" />
+      <span>车辆属性</span>
+    </div>
+    <el-select
+      v-model="virtualVehicle"
+      value-key="name"
+      class="elSelect"
+      collapse-tags="collapse-tags"
+      :disabled="vehicleInfoDisabled"
+      placeholder="请选择"  style="width: 55%"
+    >
+      <el-option
+        v-for="item in virtualVehicleOptions"
+        :key="item.name"
+        :label="item.name"
+        :value="item.value"
+      >
+      </el-option>
+    </el-select>
+
+  </div>
+  <div class="lineBot"></div>
   <div class="itemContent">
     <div class="titleType">
       <span>牌照</span>
@@ -134,7 +159,7 @@
 
   </div>
   <div class="lineBot"></div>
-  <div class="itemContent">
+  <!--<div class="itemContent">
     <div class="titleType">
       <img class="startImg" src="@/assets/start.png" />
       <span>是否参与聚合</span>
@@ -160,7 +185,121 @@
       </van-radio-group>
     </div>
   </div>
+  <div class="lineBot"></div>-->
+  <div class="itemContent">
+    <div class="titleType">
+      <img class="startImg" src="@/assets/start.png" />
+      <span>车辆状态</span>
+    </div>
+    <div class="isJoin">
+      <van-radio-group v-model="vehicleStatus"  :class="{ 'disabled-tree': vehicleInfoDisabled }" :disabled="vehicleInfoDisabled" @change="isVehicleChange"  class="joinWrap">
+        <van-radio :name="1" style="margin-right: 26px">
+          启用
+          <img
+            slot="icon"
+            slot-scope="props"
+            :src="props.checked ? activeIcon : inactiveIcon"
+          >
+        </van-radio>
+        <van-radio :name="2">
+          停用
+          <img
+            slot="icon"
+            slot-scope="props"
+            :src="props.checked ? activeIcon : inactiveIcon"
+          >
+        </van-radio>
+      </van-radio-group>
+    </div>
+  </div>
+  <div class="itemContent">
+    <div class="titleType">
+      <img class="startImg" src="@/assets/start.png" />
+      <span>有无投保救援职业责任险或货运险</span>
+    </div>
+    <div class="isJoin">
+      <van-radio-group v-model="hasLiabilityInsurance" @change="isChange" :disabled="disabledShow" class="joinWrap">
+        <van-radio :name="1" style="margin-right: 26px">
+          有
+          <img
+            slot="icon"
+            slot-scope="props"
+            :src="props.checked ? activeIcon : inactiveIcon"
+          >
+        </van-radio>
+        <van-radio :name="0">
+          无
+          <img
+            slot="icon"
+            slot-scope="props"
+            :src="props.checked ? activeIcon : inactiveIcon"
+          >
+        </van-radio>
+      </van-radio-group>
+    </div>
+  </div>
+  <div class="item_content_btn">
+    <span @click="goContinueInsurance">续保更新</span>
+  </div>
+  <span style="color: red">如有投保，选“有”，未投保选“无”，不必上传交强险或者商业险等其他保单</span>
   <div class="lineBot"></div>
+  <template v-if="hasLiabilityInsurance == 1">
+    <div class="itemContent">
+      <div class="titleType">
+        <img class="startImg" src="@/assets/start.png" />
+        <span style="line-height: 20px">请上传救援职业责任险或货运险保单PDF或者关键信息页截图</span>
+      </div>
+      <van-uploader
+        v-model="insurancePictureFiles"
+        :after-read="insurancePictureFilesHandler"
+        :disabled="disabledShow"
+        :deletable="!disabledShow"
+        max-count="1"
+        :preview-size="54"
+      />
+    </div>
+    <div class="lineBot"></div>
+    <div class="itemContent">
+      <div class="titleType">
+        <img class="startImg" src="@/assets/start.png" />
+        <span>承保保司</span>
+      </div>
+      <el-select
+        v-model="insuranceCorp"
+        value-key="name"
+        class="elSelect"
+        collapse-tags="collapse-tags"
+        :disabled="disabledShow"
+        placeholder="请选择"  style="width: 55%"
+      >
+        <el-option
+          v-for="item in insuranceOptions"
+          :key="item.name"
+          :label="item.name"
+          :value="item.value"
+        >
+        </el-option>
+      </el-select>
+    </div>
+    <div class="lineBot"></div>
+    <div class="itemContent">
+      <div class="titleType">
+        <img class="startImg" src="@/assets/start.png" />
+        <span>保险有效期</span>
+      </div>
+      <el-input style="width: 55%" readonly @focus="showDateHandler"  v-model="dateVal"  placeholder="请选择发布日期" :class="{'customSel':true,'customInput':true , 'has-value': dateVal }" >
+        <template #suffix>
+          <i
+            v-if="dateVal && !disabledShow"
+            class="el-icon-circle-close el-input__icon"
+            @click="dateVal = ''"
+          ></i>
+        </template>
+      </el-input>
+    </div>
+  </template>
+
+
   <div class="itemContent">
     <div class="titleType">
       <img class="startImg" src="@/assets/start.png" />
@@ -168,8 +307,17 @@
     </div>
   </div>
   <div class="serviceType">
-
-    <div class="trailerService" v-for="(item,index) in supplierServiceList" :key="index">
+    <el-tree
+      show-checkbox
+      node-key="id"
+      ref="tree"
+      :highlight-current="true"
+      :expand-on-click-node="false"
+      :class="{ 'disabled-tree': vehicleInfoDisabled }"
+      :data="supplierServiceList"
+      :props="defaultProps">
+    </el-tree>
+      <!--<div class="trailerService" v-for="(item,index) in supplierServiceList" :key="index">
         <div class="serviceline"  @click="loadAll(index)">
           <img  :ref="'serviceline' + index" :src="imageUrl" style="width: 20px;height: 15px" >
           <span  class="service">{{ item.name }}:</span>
@@ -180,18 +328,21 @@
             <van-checkbox class="item" :name="item2.id">{{item2.name }}</van-checkbox>
           </van-checkbox-group>
         </div>
-
-    </div>
+      </div>-->
   </div>
   <two-common-btn class="btn" @cancelClick="h5GoBack" @submitClick="submitBtn" />
+  <van-calendar v-model="showDatePicker"  :min-date="minDate"
+                :max-date="maxDate" type="range" @confirm="onConfirm" />
 </div>
 </div>
 </template>
 
 <script>
   // uploadImage
+  import {Dialog} from "vant";
+  import {formatDate1} from "@/utils/common"
 import {myMixins} from "@/utils/myMixins"
-import {vehicleTypeList,saveVehicle,getInfoById,supplierServiceTree, uploadImage, ocrHandler} from "@/api/mine"
+import {vehicleTypeList,saveVehicle,getInfoById,supplierServiceTree, uploadImage, ocrHandler, userOperationPermissions} from "@/api/mine"
 import TwoCommonBtn from "@/components/twoBtnCommon.vue"
 import CellGroup from "@/components/cellGroup.vue";
 export default {
@@ -199,8 +350,21 @@ export default {
   mixins:[myMixins],
   data(){
     return{
+      defaultProps: {
+        children: 'children',
+        label: 'name'
+      },
+      minDate: new Date(1970, 0, 1),  // 设置最小可选日期（1970年1月1日）
+      maxDate: new Date(2099, 11, 31), // 设置最大可选日期（2099年12月31日）
+      checkList: [],
+      virtualVehicle: '',
+      vehicleStatus: '',
+      showDatePicker: false,
+      dateVal: '',
       trailerService: '',//拖车服务
       isJoin:'',//是否参与
+      hasLiabilityInsurance: '',   // 有无责任险
+      liabilityInsuranceAudit: '',
       activeIcon: require('@/assets/check.png'),
       inactiveIcon: require('@/assets/uncheck.png'),
       // result: [],
@@ -218,15 +382,20 @@ export default {
       vehicleLicenseBackList: [],
       vehicleLicenseCarPhotoList: [],
       vehicleFrontPhotoList: [],
+      insurancePictureFiles: [],
       vehicleLicenseFront: '',  // 行驶证首页
       vehicleLicenseBack: '',   // 行驶证副页
       vehicleLicenseCarPhoto: '',  // 行驶证车辆照片
       vehicleFrontPhoto: '',    // 车头照
+      insurancePicturePhoto: '',    // 保单照片
       vehicleLicenseInfo: {},
       vehicleLicenseBackOcrFlag: false,   // 行驶证副页 修改时默认不需要 ocr识别
       isMultiple: false,     // 是否支持多选
       vehicleLicense:'',//牌照
       vehicleFrontLicensePlate:'',//车头照车牌号码
+      insuranceCorp: '',
+      auditStatus: '',
+      permissonList:[],
       vehicleTypes:[{
         name: '小修车',
         value: 1
@@ -244,7 +413,7 @@ export default {
           name:'牵引车',
           value: 5 },
         {
-          name:'大力神',
+          name:'随车吊平板车',
           value:6},
         {
           name:'充电车',
@@ -275,9 +444,77 @@ export default {
       }, {
         name: '其他',
         value: 5
+      }],
+      virtualVehicleOptions: [{
+        name: '自有车辆',
+        value: 1
+      }, {
+        name: '挂靠车辆',
+        value: 2
+      }, {
+        name: '虚拟车辆',
+        value: 3
+      }, {
+        name: '借入车辆',
+        value: 4
+      }],
+      insuranceOptions: [{
+        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
+      }, {
+        name: '申能',
+        value: 11
+      }, {
+        name: '大家',
+        value: 12
+      }, {
+        name: '富德',
+        value: 13
+      }, {
+        name: '其他',
+        value: 14
       }]
     }
   },
+  computed: {
+    vehicleInfoDisabled() {
+      return [1,2].includes(this.auditStatus)
+    },
+    disabledShow() {
+      if (this.id) {
+        return !this.permissonList.includes('hasInsuranceAudit') && [2,3].includes(this.liabilityInsuranceAudit)
+      } else {
+        return false
+      }
+    }
+  },
   watch:{
     selectedOption(newVal){
       if(newVal == 4){
@@ -297,7 +534,7 @@ export default {
         this.vehicleTypes[8].disabled=false
         this.vehicleTypes[9].disabled=false
       }
-      if (newVal == 1 || newVal == 7){
+      if (newVal == 1 || newVal == 7 || newVal == 9){
         let arr = []
         this.supplierServiceList.forEach((item)=>{
           if(!(item.name == '拖车服务' || item.name == '大型车救援')){
@@ -321,6 +558,47 @@ export default {
     }
   },
   methods:{
+    showDateHandler() {
+      if( this.id ) {   // 修改
+        if( this.permissonList.includes('hasInsuranceAudit') ) {
+          this.showDatePicker = true
+        }
+      } else {
+        this.showDatePicker = true
+      }
+
+    },
+    async getPermissions(){
+      let res = await userOperationPermissions();
+      this.permissonList = res.data
+    },
+    goContinueInsurance() {
+      this.$router.push({
+        name:'continueInsurance',
+        params:{
+          id: this.id
+        }
+      })
+    },
+    formatDate(date) {
+      return `${date.getFullYear()}/${date.getMonth() + 1}/${date.getDate()}`;
+    },
+    onConfirm(date) {
+      const [start, end] = date;
+      this.showDatePicker = false;
+      this.dateVal = `${this.formatDate(start)} - ${this.formatDate(end)}`;
+    },
+    formatDateTimeRange(str) {
+      const [startStr, endStr] = str.split(' - ').map(s => s.trim());
+      const startDate = new Date(startStr);
+      const startTime = `${startDate.getFullYear()}-${(startDate.getMonth() + 1).toString().padStart(2, '0')}-${startDate.getDate().toString().padStart(2, '0')} 00:00:00`;
+      const endDate = new Date(endStr);
+      const endTime = `${endDate.getFullYear()}-${(endDate.getMonth() + 1).toString().padStart(2, '0')}-${endDate.getDate().toString().padStart(2, '0')} 23:59:59`;
+      return {
+        startTime,
+        endTime
+      };
+    },
     setDefault() {
       if( this.vehicleLicenseInfo?.vehicleType?.includes('小型') || this.vehicleLicenseInfo?.vehicleType?.includes('微型') || this.vehicleLicenseInfo?.vehicleType?.includes('普通') || this.vehicleLicenseInfo?.vehicleType?.includes('摩托') ) {
         this.vehicleTypes.map(item => {
@@ -331,6 +609,14 @@ export default {
           }
         })
         this.$forceUpdate();
+      } else if( this.vehicleLicenseInfo?.vehicleType?.includes('载货') || this.vehicleLicenseInfo?.vehicleType?.includes('中型') || this.vehicleLicenseInfo?.vehicleType?.includes('重型')) {
+        this.vehicleTypes.map(item => {
+          if( item.value == 1 || item.value == 9 ) {
+            item.disabled = true;
+          } else {
+            item.disabled = false;
+          }
+        })
       } else {
         this.vehicleTypes.map(item => {
           item.disabled = false;
@@ -379,6 +665,12 @@ export default {
       this.vehicleFrontPhoto = res.data;
       await this.ocrCarFrontHandler()
     },
+    async insurancePictureFilesHandler(file) {
+      const formData = new FormData();
+      formData.append("file" , file.file);
+      let res = await uploadImage(formData);
+      this.insurancePicturePhoto = res.data;
+    },
     async ocrCarFrontHandler() {     // 车辆正面 orc 识别
       let res = await ocrHandler({
         ocrType: 10,
@@ -420,8 +712,21 @@ export default {
         this.vehicleLicenseInfo.issueDate = frontInfo?.issueDate;
         this.vehicleLicenseInfo.issueAuthority = frontInfo?.seal;
         this.setDefault();
+        this.checkDisabledItems();
       }
     },
+    checkDisabledItems() {
+      let _arr = [];
+      this.selectedOption.map(item => {
+        let _tempArr = this.vehicleTypes.filter(_item => _item.disabled && _item.value == item);
+        _arr = [..._arr, ..._tempArr]
+      })
+      if (_arr.length > 0) {
+        this.$toast(`车辆类别数据不合法：${_arr.map(item => item.name).join('、')}`)
+        return false
+      }
+      return  true
+    },
     async vehicleBackOcrHandler() {     // 行驶证副页 ocr 识别
       this.vehicleLicenseInfo.recordNumber = '';
       this.vehicleLicenseInfo.passengerCapacity = '';
@@ -493,14 +798,24 @@ export default {
       this.selectedOption=result.vehicleType?.split(',').map((item)=>{
         return Number(item);
       });
-      this.serviceIds=result.serviceIds
+      this.auditStatus = result.auditStatus;
+      this.virtualVehicle = result.virtualVehicle;
+      this.$refs.tree.setCheckedKeys(result.serviceIds)
+      this.vehicleStatus = result.vehicleStatus
       this.vehicleLicenseFront = result.vehicleLicenseFront;
       this.vehicleLicenseBack = result.vehicleLicenseBack;
       this.vehicleFrontPhoto = result.vehicleFrontPhoto;
+      this.insurancePicturePhoto = result.insurancePicturePhoto;
       this.vehicleLicenseInfo = result.vehicleLicenseInfo;
       this.vehicleLicenseCarPhoto = result.vehicleLicenseCarPhoto;
       this.vehicleLicense = result.vehicleLicense;
       this.vehicleFrontLicensePlate = result.vehicleFrontLicensePlate;
+      this.hasLiabilityInsurance = result.hasLiabilityInsurance
+      this.insuranceCorp = result.insuranceCorp;
+      this.liabilityInsuranceAudit = result.liabilityInsuranceAudit
+      if(this.insurancePicturePhoto) {
+        this.insurancePictureFiles = [{url: this.insurancePicturePhoto}]
+      }
       if( this.vehicleLicenseFront ) {
         this.vehicleLicenseFrontList = [{ url : this.vehicleLicenseFront }];
       }
@@ -513,9 +828,28 @@ export default {
       if(this.vehicleLicenseCarPhoto) {
         this.vehicleLicenseCarPhotoList = [{ url : this.vehicleLicenseCarPhoto }];
       }
+      if(this.vehicleLicenseCarPhoto) {
+        this.vehicleLicenseCarPhotoList = [{ url : this.vehicleLicenseCarPhoto }];
+      }
+      if( result.liabilityInsuranceEndTime && result.liabilityInsuranceStartTime ) {
+        this.dateVal =  formatDate1(result.liabilityInsuranceStartTime) + ' - ' + formatDate1(result.liabilityInsuranceEndTime)
+      }
     },
     isChange(e){
-      this.isJoin=e
+      this.hasLiabilityInsurance=e
+      if (e === 0) {
+        Dialog.confirm({
+          title: '提醒',
+          message: '有救援职业责任险车辆会提升案件聚合能力和接单能力。',
+          confirmButtonText: '我已知晓', // 确认按钮文字，默认为“确认”
+          showCancelButton: false // 是否显示取消按钮，默认为 true。如果不需要取消按钮，可以设置为 false。
+        })
+        .then(() => { /* 确认后的操作 */ })
+        .catch(() => { /* 取消后的操作 */ });
+      }
+    },
+    isVehicleChange(e) {
+      this.vehicleStatus=e
     },
     async submitBtn(){
         if( !this.vehicleLicenseFront ) {
@@ -543,18 +877,51 @@ export default {
         return
       }
       if(!(this.selectedOption.length > 0)){
-        this.$toast('车辆类型不能为空')
+        this.$toast('车辆类别不能为空')
+        return
+      }
+      let res = this.checkDisabledItems();
+      if(!res) {
+        return false
+      }
+      if( !this.virtualVehicle ) {
+        this.$toast('车辆属性不能为空')
+        return
+      }
+      if( !this.vehicleStatus ) {
+        this.$toast('车辆状态不能为空')
+        return
+      }
+      if(this.hasLiabilityInsurance === null || this.hasLiabilityInsurance === undefined || this.hasLiabilityInsurance === '') {  // 有职业责任险，就需要有保单照片
+        this.$toast('救援职业责任险不能为空')
+        return
+      }
+      if(!this.insurancePicturePhoto && this.hasLiabilityInsurance == 1) {  // 有职业责任险，就需要有保单照片
+        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));
       }
+      if(!this.insuranceCorp && this.hasLiabilityInsurance == 1) {  // 有职业责任险，就需要有保单照片
+        this.$toast('承保保司不能为空')
+        return
+      }
+      if(!this.dateVal && this.hasLiabilityInsurance == 1) {  // 有职业责任险，就需要有保单照片
+        this.$toast('保单有效期不能为空')
+        return
+      }
+      let timeObj;
+      if(this.dateVal) {
+        timeObj = this.formatDateTimeRange(this.dateVal)
+      }
+      this.serviceIds = this.$refs.tree.getCheckedKeys(true)
       await saveVehicle({
           vehicleId:this.id ? this.id : '',
           plateNumber:this.carNum ? this.carNum :'',
           vehicleType:this.selectedOption?.length>0 ? this.selectedOption.join(',') : '',
-          hasPolymerization:this.isJoin,
+          // hasPolymerization:this.isJoin,
           serviceIds:this.serviceIds ? this.serviceIds : [],
           vehicleLicenseFront: this.vehicleLicenseFront,
           vehicleLicenseBack: this.vehicleLicenseBack,
@@ -563,6 +930,12 @@ export default {
           vehicleLicenseCarPhoto: this.vehicleLicenseCarPhoto,
           vehicleLicense: this.vehicleLicense,
           vehicleFrontLicensePlate:this.vehicleFrontLicensePlate,
+          hasLiabilityInsurance: this.hasLiabilityInsurance,
+          insurancePicturePhoto: this.hasLiabilityInsurance == 1 ? this.insurancePicturePhoto : '',
+          insuranceCorp: this.hasLiabilityInsurance == 1 ? this.insuranceCorp : '',
+          liabilityInsuranceStartTime: this.hasLiabilityInsurance == 1 ? (timeObj?.startTime || '' ) : '',
+          liabilityInsuranceEndTime: this.hasLiabilityInsurance == 1 ? (timeObj?.endTime || '') : '',
+          virtualVehicle: this.virtualVehicle,
         })
         if(this.id){
           this.$toast('修改成功')
@@ -609,6 +982,20 @@ export default {
 }
 .addContentWrap{
   margin-left: 16px;
+  .item_content_btn {
+    padding-right: 25px;
+    text-align: right;
+    span {
+      display: inline-block;
+      background: #354D93;
+      padding: 5px 10px;
+      font-size: 12px;
+      font-weight: bold;
+      color: #fff;
+      border-radius: 4px;
+      margin-bottom: 5px;
+    }
+  }
   .itemContent{
     @include flexColBet;
     line-height: 56px;
@@ -685,4 +1072,8 @@ export default {
   border: none !important;
   text-align: right !important;
 }
+.disabled-tree {
+  pointer-events: none;
+  opacity: 0.6;
+}
 </style>

src/views/index/vehicleManage.vue

@@ -18,6 +18,57 @@
       </template>
     </van-nav-bar>
   </div>
+  <van-search
+    v-model="searchVal"
+    show-action
+    placeholder="车辆名称/车牌号/车架号"
+    @search="resetHandler"
+  >
+    <template #action>
+      <div @click="resetHandler">搜索</div>
+    </template>
+  </van-search>
+  <div class="filterWrap">
+<!--    <div >-->
+      <!--<el-input v-model="searchVal" @blur="resetHandler" placeholder="车辆名称/车牌号/车架号" :class="{'customSel':true,'customInput':true , 'has-value': searchVal }" >
+        <template #suffix>
+          <i
+            v-if="searchVal"
+            class="el-icon-circle-close el-input__icon"
+            @click="searchVal = ''"
+          ></i>
+        </template>
+      </el-input>-->
+      <el-select @change="resetHandler" multiple :collapse-tags="true" v-model="inputStatusList" placeholder="录入状态" :class="{'customSel':true , 'has-value': inputStatusList }" clearable>
+        <el-option
+          v-for="item in inputStatusListOptions"
+          :key="item.value"
+          :label="item.name"
+          :value="item.value">
+        </el-option>
+      </el-select>
+<!--    </div>-->
+<!--    <div>-->
+      <el-select @change="resetHandler" multiple :collapse-tags="true" v-model="authStates" placeholder="认证状态" :class="{'customSel':true , 'has-value': authStates }" clearable>
+        <el-option
+          v-for="item in authStatesOptions"
+          :key="item.value"
+          :label="item.name"
+          :value="item.value">
+        </el-option>
+      </el-select>
+      <el-select @change="resetHandler" multiple :collapse-tags="true" v-model="liabilityInsuranceAuditList" placeholder="职业责任险" :class="{'customSel':true , 'has-value': liabilityInsuranceAuditList }" clearable>
+        <el-option
+          v-for="item in insuresOptions"
+          :key="item.value"
+          :label="item.name"
+          :value="item.value">
+        </el-option>
+      </el-select>
+<!--    </div>-->
+
+  </div>
+  <div class="wrap_cls">
     <van-pull-refresh v-model="isLoading" @refresh="onRefresh">
       <van-list
         v-model="loading"
@@ -25,31 +76,45 @@
         finished-text="没有更多了"
         @load="onLoad"
       >
-      <div class="carItem" v-for="(item,index) in vehicleList" :key="index">
+        <div class="carItem" v-for="(item,index) in vehicleList" :key="index" @click.stop="updateVehicle(item)">
           <div class="carCode">
-          <div class="codeLeft">{{item.plateNumber}} / {{item.vehicleTypeString}}</div>
-          <div class="twoBtn">
-            <button v-if="permissonList.includes('vehicleAddBtn')" class="del" @click="deleteItem(item.vehicleId)">删除</button>
-            <button v-if="permissonList.includes('vehicleModifyBtn')" class="revise" @click="updateVehicle(item)">修改</button>
+            <div class="codeLeft">{{item.plateNumber}} / {{item.vehicleTypeString}}
+              <span class="ml10" @click.stop="updateStatus(item)"  :class="{'insuranceSuccess': item.vehicleStatus == 1, 'insuranceDanger': item.vehicleStatus == 2 ,'insuranceGray': !item.vehicleStatus }">{{ item.vehicleStatus == 1 ? '启用' :( item.vehicleStatus == 2 ? '停用' : '无状态') }} </span>
             </div>
+
           </div>
-        <div class="carType">{{ item.serviceName }}</div>
-        <div class="juhe">
-          <span class="zdJuhe">是否参与中道聚合:        </span>
-          <span :class="item.hasPolymerization.code == 0  ? 'isYes' :'isNo'">{{item.hasPolymerization.label}}</span>
+          <div class="juhe flex-between">
+            <span class="flex-right">
+            <span class="common_cls" v-if="item.inputStatusString" :class="getClass(item.inputStatusString)?.className">{{item.inputStatusString}}</span>
+            <span class="common_cls" v-if="item.authStateString" :class="getClass(item.authStateString)?.className">{{item.authStateString}}</span>
+          </span>
           </div>
+          <div class="juhe flex-between">
+            <span class="zdJuhe">救援责任险</span>
+            <span class="flex-right" v-if="item.rescueInsurance">
+            <span class="common_cls" @click.stop="showTip(item.liabilityInsuranceAuditMsg)" :class="getClass(item.rescueInsurance)?.className">{{item.rescueInsurance}}</span>
+          </span>
+          </div>
+          <div class="juhe flex-between">
+            <span class="zdJuhe">最近登录时间</span>
+            <span class="flex-right">{{item.lastLoginTime}}</span>
+          </div>
+          <van-icon class="arrow_position" v-if="permissonList.includes('vehicleModifyBtn')" name="arrow" />
         </div>
 
       </van-list>
     </van-pull-refresh>
+  </div>
+
   <van-dialog v-model="show" title="确定删除吗" show-cancel-button @confirm="handleConfirm"></van-dialog>
 </div>
 
 </template>
 
 <script>
+  import {Dialog} from "vant";
 import { myMixins} from "@/utils/myMixins";
-import {supplierVehicleList,deleteVehicle,userOperationPermissions} from "@/api/mine"
+  import {supplierVehicleList, deleteVehicle, userOperationPermissions, enableVehicle} from "@/api/mine"
 export default {
   name: "vehicleManage",
   mixins:[myMixins],
@@ -64,14 +129,118 @@ export default {
       isLoading: false,
       loading: false,
       finished: false,
+      showPopover: false,
       permissonList:[],
+      inputStatusList: [],
+      searchVal: '',
+      authStates: [],
+      liabilityInsuranceAuditList: [],
+      inputStatusListOptions: [{
+        name: '行驶证未录入',
+        value: 0
+      },{
+        name: '行驶证核验通过',
+        value: 1
+      },{
+        name: '行驶证核验不通过',
+        value: 2
+      }],
+      authStatesOptions: [{
+        name: '车头照片未录入',
+        value: 1
+      },{
+        name: '车头照片认证通过',
+        value: 2
+      },{
+        name: '车头照片认证不通过',
+        value: 3
+      }],
+        insuresOptions: [{
+          name: '待审核',
+          value: 1
+        },{
+          name: '有责任险',
+          value: 2
+        },{
+          name: '有货物险',
+          value: 3
+        },{
+          name: '未通过',
+          value: 4
+        },{
+          name: '无',
+          value: 5
+        },{
+          name: '空',
+          value: 6
+        },{
+          name: '原责任险过期',
+          value: 8
+        },{
+          name: '原货物险过期',
+          value: 9
+        }],
     }
   },
   mounted() {
-    // this.getVehicleList();
     this.getPermissions();
   },
   methods:{
+    showTip(msg) {
+      Dialog.alert({
+        title: '未通过原因',
+        message: msg,
+      }).then(() => {
+      });
+    },
+    getClass(id) {
+      const ids = String(id)
+      const steps = {
+        '待审核': {
+          className: 'main_cls'
+        },
+        '有责任险': {
+          className: 'success_cls'
+        },
+        '有货物险': {
+          className: 'info_cls'
+        },
+        '未通过': {
+          className: 'danger_cls'
+        },
+        '原责任险过期': {
+          className: 'danger_cls'
+        },
+        '原货物险过期': {
+          className: 'danger_cls'
+        },
+        '无': {
+          className: 'default_cls'
+        },
+        '空': {
+          className: 'default_cls'
+        },
+        '行驶证未录入': {
+          className: 'default_cls'
+        },
+        '行驶证核验通过': {
+          className: 'success_cls'
+        },
+        '行驶证核验不通过': {
+          className: 'danger_cls'
+        },
+        '车头照未录入': {
+          className: 'default_cls'
+        },
+        '车头照认证通过': {
+          className: 'success_cls'
+        },
+        '车头照认证不通过': {
+          className: 'danger_cls'
+        }
+      }
+      return steps[ids] || { className: 'default_cls' }
+    },
     async onLoad(){
       await this.getVehicleList()
       this.pageNum++;
@@ -80,11 +249,12 @@ export default {
       // 数据全部加载完成
       if (this.vehicleList.length >= this.total) {
         this.finished = true;
+      } else {
+        this.finished = false;
       }
     },
-    onRefresh() {
-      this.pageNum=1
-      // this.getVehicleList()
+    async onRefresh() {
+      await this.resetHandler()
       setTimeout(() => {
         this.$toast('刷新成功');
         this.isLoading = false;
@@ -93,7 +263,11 @@ export default {
     async getVehicleList(){
         let result = await supplierVehicleList({
           pageNum:this.pageNum,
-          pageSize:this.pageSize
+          pageSize:this.pageSize,
+          searchVal: this.searchVal,
+          inputStatusList: this.inputStatusList,
+          authStates: this.authStates,
+          liabilityInsuranceAuditList: this.liabilityInsuranceAuditList,
         })
           this.total=result.total
           if(this.pageNum == 1){// 第一页直接赋值
@@ -121,13 +295,41 @@ export default {
       this.pageNum=1
       await this.getVehicleList();
     },
+    async resetHandler() {
+        this.pageNum=1
+        this.finished = false;
+        this.total = 0;
+        // this.vehicleList = [];
+        await this.getVehicleList();
+    },
+    updateStatus(item){
+      if(item.vehicleStatus != 1){
+        return
+      }
+      Dialog.confirm({
+        message: '当前状态为启用，是否要改为停用?',
+      }).then(async () => {
+            // on confirm
+        await enableVehicle({
+          vehicleId:item.vehicleId,
+          vehicleStatus:2,
+        })
+        this.pageNum=1
+        await this.getVehicleList()
+        console.log("item",item)
+      }).catch(() => {
+            // on cancel
+      });
+    },
     updateVehicle(item){//修改
+      if( this.permissonList.includes('vehicleModifyBtn') ) {
         this.$router.push({
           name:'vehicleAdd',
           params:{
             id:item.vehicleId
           }
         })
+      }
     },
 
   }
@@ -137,12 +339,41 @@ export default {
 <style scoped lang="scss">
 @import "@/styles/mixin.scss";
 @import "@/styles/common.scss";
+.ml10 {
+  margin-left: 10px;
+}
 .wrap{
   background: #F4F5F7;
-  @include sizingPadding(13px,13px);
   @include wh(100%, 100%);
   overflow-y: auto;
 }
+.wrap_cls {
+  width: 100%;
+  padding-left: 13px;
+  padding-right: 13px;
+  box-sizing: border-box;
+}
+.common_cls {
+  color: #fff;
+  padding: 4px 8px;
+  border-radius: 3px;
+  margin-right: 6px;
+}
+.default_cls {
+  background-color: #B0BEC5;
+}
+.danger_cls {
+  background-color: red;
+}
+.success_cls {
+  background-color: #4CAF50;
+}
+.info_cls {
+  background-color: #FF9800;
+}
+.main_cls {
+  background-color: #6C9BFF;
+}
 .navBar{
   margin-bottom: 46px;
   .rightWrap{
@@ -161,13 +392,14 @@ export default {
   }
 }
 .carItem{
-  @include wh(100%,86px);
+  @include wh(100%,120px);
   background: #FFFFFF;
   box-shadow: 0px 2px 10px 0px rgba(216,216,216,0.5);
   @include radiusSizing(6px);
   padding: 11px 13px 11px 15px;
   margin-bottom: 10px;
   @include flexBetween;
+  position: relative;
   .carCode{
     @include flexColBet;
     .codeLeft{
@@ -175,6 +407,7 @@ export default {
     }
     .twoBtn{
       display: flex;
+      align-items: center;
       button{
         border: none;
         padding: 4px  8px;
@@ -202,6 +435,11 @@ export default {
     opacity: .7;
     @include fontWeightSize(400,12px)
   }
+  .zdJuhe {
+    width: 80px;
+    text-align: right;
+    margin-left: -10px;
+  }
   .isYes{
     color: #09B820;
     @include fontWeightSize(400,12px);
@@ -211,4 +449,125 @@ export default {
     @include fontWeightSize(400,12px);
   }
 }
+.arrow_position {
+  position: absolute;
+  right: 5px;
+  top: 50px;
+  font-size: 20px;
+  opacity: 0.6;
+}
+  .mr10 {
+    margin-right: 10px;
+  }
+  .insuranceMain {
+    color: #354D93;
+  }
+  .insuranceSuccess {
+    color: green;
+  }
+  .insuranceTip {
+    color: orange;
+  }
+  .insuranceDanger {
+    color: red;
+  }
+  .insuranceGray{
+    color: #aaa;
+  }
+  .flex-between {
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+  }
+
+.filterWrap {
+  width: 100%;
+  padding-right: 13px;
+  padding-left: 13px;
+  display: flex;
+  overflow-x: auto; /* 允许横向滚动 */
+  white-space: nowrap; /* 防止子元素换行 */
+  padding-bottom: 10px;
+  -webkit-overflow-scrolling: touch; /* 在iOS上平滑滚动 */
+  scrollbar-width: none; /* Firefox */
+  padding-bottom: 10px;
+  /*padding: 10px;*/
+  margin-bottom: 10px;
+  background-color: #fff;
+  box-sizing: border-box;
+  &::-webkit-scrollbar {
+    display: none; /* Chrome/Safari */
+  }
+  .customSel {
+    flex: 0 0 auto; /* 防止子元素被压缩 */
+    width: calc(33% - 5px);
+    /*width: 100%;*/
+    height: 25px;
+    background: #F5F5F5;
+    border-radius: 4px;
+    font-size: 10px;
+    color: #323233;
+    margin-right: 5px;
+    ::v-deep .el-input__inner{
+      padding: 0 2px;
+      height: 25px;
+      font-size: 10px;
+      background: #F5F5F5;
+      border-radius: 4px;
+      border: none;
+    }
+    ::v-deep .el-input__icon{
+      line-height: 25px;
+      font-size: 10px;
+      width: 18px;
+      color: #2A5094;
+    }
+    ::v-deep .el-input__suffix{
+      right: 2px;
+    }
+  }
+  .customInput{
+    /*width: 49%;*/
+    width: 130px;
+  }
+  .has-value  ::v-deep .el-input__inner{
+    background: #F1F6FF ;
+    color: #007BE9;
+    font-weight: bold;
+    padding-left: 8px;
+  }
+  .has-value ::v-deep .el-input__icon{
+    color: #007BE9;
+  }
+  .priceSel{
+    display: flex;
+    justify-content: space-around;
+    align-items: center;
+    color: #C0C4CC;
+    .iconSpan{
+      display: flex;
+      flex-direction: column;
+      justify-content: center;
+      align-items: center;
+      font-size: 8px;
+    }
+  }
+  .has-price{
+    color: #007BE9 !important;
+  }
+}
+
+::v-deep .el-select .el-select__tags>span {
+  display: flex;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+  .flex-right {
+    display: flex;
+    flex: 1;
+    justify-content: flex-start;
+    margin-left: 10px;
+  }
+
 </style>

src/views/index/workOrderDetail.vue

@@ -1,12 +1,17 @@
 <template>
   <div class="wrap">
-    <div class="baseInfo common">
+    <div class="baseInfo common" :style="{'height':orderDetailInfo.contractParentId == 110 ? '300px' : '240px'}">
       <div class="title">基本信息:</div>
       <div class="line"></div>
       <div class="infoWrap fontColor">
         <div class="leftTitle">
           <div class="leftItem">工单编号:</div>
           <div class="leftItem">合同:</div>
+          <template v-if="orderDetailInfo.contractParentId == 110">
+            <div class="leftItem">机构名称:</div>
+            <div class="leftItem">销售人员:</div>
+            <div class="leftItem">司机号码:</div>
+          </template>
           <div class="leftItem">结算方式:</div>
           <div class="leftItem">客户姓名:</div>
           <div class="leftItem">客户电话:</div>
@@ -19,6 +24,11 @@
             <img @click="copyText" src="@/assets/copy.png" style="width: 35px;height: 15px;margin-left: 10px"/>
           </div>
           <div class="rightItem">{{ orderDetailInfo.contractName }}</div>
+          <template v-if="orderDetailInfo.contractParentId == 110">
+            <div class="rightItem">{{ orderDetailInfo.organizeName }}</div>
+            <div class="rightItem">{{ orderDetailInfo.saleName }}</div>
+            <div class="rightItem">{{ orderDetailInfo.driverPhone }}</div>
+          </template>
           <div class="rightItem">{{ orderDetailInfo.contractSettleType?.label }}</div>
           <div class="rightItem">{{ orderDetailInfo.userName }}</div>
           <div class="rightItem">{{ orderDetailInfo.userPhone }}</div>
@@ -36,6 +46,9 @@
         <div class="item">
           <span class="leftTitle fontColor">服务类型:</span><span class="rightContent">{{ orderDetailInfo.taskServiceName }}</span>
         </div>
+        <div class="item">
+          <span class="leftTitle fontColor">车辆类型:</span><span class="rightContent">{{ orderDetailInfo.userVehicleTypeString }}<van-icon class="icon" name="question" @click="showCarTypeShow = true" /></span>
+        </div>
         <div class="item">
           <span class="leftTitle fontColor">车辆位于:</span><span class="rightContent">{{ orderDetailInfo.positionEnvironment?.label }}</span>
         </div>
@@ -85,7 +98,15 @@
         </div>
       </div>
     </div>
-
+    <van-popup v-model="showCarTypeShow" round position="center" class="popupCenter">
+      <table v-for="(item, index) in carTypeList" :key="index">
+        <tr>
+          <td width="50">{{item.type}}:</td>
+          <td>{{item.abbr}}</td>
+        </tr>
+      </table>
+<!--      <div v-for="(item, index) in carTypeList" :key="index"><span style="margin-right: 5px">{{item.type}}:</span><span>{{item.abbr}}</span></div>-->
+    </van-popup>
     <div class="map" v-show="showPopup"   id="container">
       <img @click="showPopup = false"  src="@/assets/delKey.png" class="mapImg">
     </div>
@@ -93,7 +114,7 @@
 </template>
 <script>
 import {myMixins} from '@/utils/myMixins'
-import {getOrderDetail,showVehiclePositionInfo} from "@/api/order"
+import {getOrderDetail,showVehiclePositionInfo, getConfigByCode} from "@/api/order"
 import minePosition from '@/assets/minePosition.png';
 import vehiclePosition from '@/assets/vehiclePosition.png';
 import  desitationPosition from '@/assets/desitationPosition.png'
@@ -111,6 +132,8 @@ export default {
       map: '',
       driverPoiInfo:{},
       noClick:true,
+      showCarTypeShow: false,
+      carTypeList: []
     }
   },
   async mounted() {
@@ -121,6 +144,7 @@ export default {
     this.userOrderId = urlParams.get('userOrderId');
     this.orderCode=urlParams.get('orderCode');
     this.taskOrderId=urlParams.get('taskOrderId') ? urlParams.get('taskOrderId') : '';
+    await this.getConfigByCodeHandler();
     await this.getDetail();
     if(this.queryType == 5){
       await this.getDriverPoi();
@@ -131,6 +155,12 @@ export default {
 
   },
   methods:{
+    async getConfigByCodeHandler() {
+      let res = await getConfigByCode({
+        code: 'userVehicleTypeConfig'
+      });
+      this.carTypeList = res?.data?.userVehicleType
+    },
     async getDetail(){
       let result=await getOrderDetail({
         queryType:this.queryType,
@@ -263,7 +293,8 @@ export default {
   line-height: 24px;
 }
 .baseInfo{
-  @include wh(100%,260px);
+  width: 100%;
+  //@include wh(100%,260px);
   margin-bottom: 12px;
   .infoWrap{
     display: flex;
@@ -330,4 +361,8 @@ export default {
   margin: 7px 0;
   border-image: linear-gradient(270deg, rgba(217, 217, 217, 0.6), rgba(178, 178, 178, 1), rgba(178, 178, 178, 1), rgba(217, 217, 217, 0.6)) 1 1;
 }
+  .popupCenter {
+    padding: 20px 10px;
+    width: 80%;
+  }
 </style>

src/views/kpi/kpiIndex.vue

@@ -42,11 +42,10 @@
       <div v-if="isMobile && !([9,10, 11].includes(active))" class="tipArrow right">>>></div>
     </van-tabs>
     <div v-loading="loadingData" :class="{'contentWrap':true,'webcontentWrap':!isMobile}" v-if="active===0">
-      <div :class="{'reciceOrder':true,'webCom':!isMobile}">
+      <!--<div :class="{'reciceOrder':true,'webCom':!isMobile}">
         <div :class="{'title':true,'webTitle':!isMobile}">接单指标</div>
         <div class="reciceOrderIWrap">
           <div class="left common">
-<!--            indexData && -->
             <div class="num">{{ formatCurrency(indexData?.receiveOrderCount) }}</div>
             <div class="itemTitle">承接案件量</div>
           </div>
@@ -59,13 +58,13 @@
             <div class="itemTitle"  style="cursor: pointer">超时率 ></div>
           </div>
         </div>
-      </div>
+      </div>-->
       <div :class="{'reciceOrder':true,'webCom':!isMobile,'evaluate':isMobile}">
         <div class="title">客户评价</div>
         <div class="reciceOrderIWrap" v-if="indexData">
           <circle-char  ref="Doughnut1"  :data="indexData && indexData.complainOrderRate" :title-text="'投诉率'" :bg-color="Number(indexData?.complainOrderRate || 0) <= 0.1 ? 'green' : 'red'"
                        :is-store="false" @clickComplain="clickJumpHandle(7)"></circle-char>
-          <circle-char  ref="Doughnut2" :data="indexData && indexData.pinganFavorableRate" :title-text="'平安好评率'" :is-store="false"
+          <circle-char v-if="false"  ref="Doughnut2" :data="indexData && indexData.pinganFavorableRate" :title-text="'平安好评率'" :is-store="false"
                        :bg-color="Number(indexData?.pinganFavorableRate || 0) >= 99.4 ? 'green' : 'red'"></circle-char>
           <circle-char  ref="Doughnut3" :data="indexData && indexData.urgeRate" :title-text="'催促率'"
                        :bg-color="Number(indexData?.urgeRate || 0) >= 3 ? 'red' : 'green'"></circle-char>
@@ -88,8 +87,8 @@
             <div class="num" :class="{'numRed': Number(indexData?.receiving) > 5, 'numGreen': Number(indexData?.receiving) <= 5 }">{{ indexData && indexData.receiving }}</div>
             <div class="itemTitle">接单时效(分)</div>
           </div>
-          <div class="line"></div>
-          <div class="center common">
+          <div class="line" v-if="false"></div>
+          <div class="center common"  v-if="false">
             <div class="num" :class="{'numRed': Number(indexData?.pinganJuheSuccessArriving) > 22, 'numGreen': Number(indexData?.pinganJuheSuccessArriving) <= 22 }">{{ indexData && indexData.pinganJuheSuccessArriving }}</div>
             <div class="itemTitle">平安聚合成功到达时效(分)</div>
           </div>
@@ -112,38 +111,28 @@
           <circle-char v-show="showScoreChart"  ref="Doughnut7" :data="indexData && indexData.score" :bg-color="Number(indexData?.score || 0) >= 60 ? 'green' : 'red'" :is-store="true"></circle-char>
           <div  v-show="!showScoreChart"  class="detailScore">
             <div class="left">
-              <div>
-                <span class="defen">接单得分:</span>
-              </div>
-              <div>
-                <span class="defen">接单时效得分:</span>
-              </div>
-              <div>
-                <span class="defen">接单时效得分:</span>
-              </div>
-              <div><span class="defen">聚合成功率得分:</span>
-              </div>
-              <div><span class="defen">APP使用率得分:</span>
-              </div>
-              <div><span class="defen">催促率得分:</span>
-              </div>
-              <div><span class="defen">投诉率得分:</span>
-              </div>
+<!--              <div><span class="defen">接单得分:</span></div>-->
+              <div><span class="defen">接单时效得分:</span></div>
+              <div><span class="defen">到达时效得分:</span></div>
+              <div><span class="defen">聚合成功率得分:</span></div>
+              <div><span class="defen">APP使用率得分:</span></div>
+              <div><span class="defen">催促率得分:</span></div>
+              <div><span class="defen">投诉率得分:</span></div>
+              <div><span class="defen">超时率得分:</span></div>
+              <div><span class="defen">拒单率得分:</span></div>
+              <div><span class="defen">3'联系率得分:</span></div>
             </div>
             <div class="right">
-              <div>
-                <span>{{ indexData.orderScore }}</span>
-              </div>
-              <div>
-                <span>{{ indexData.orderAgeingScore }}</span>
-              </div>
-              <div>
-                <span>{{ indexData.arriveAgeingScore }}</span>
-              </div>
+<!--              <div><span>{{ indexData.orderScore }}</span></div>-->
+              <div><span>{{ indexData.orderAgeingScore }}</span></div>
+              <div><span>{{ indexData.arriveAgeingScore }}</span></div>
               <div> <span>{{ indexData.polymerizationSuccessScore }}</span></div>
               <div> <span>{{ indexData.appUseScore }}</span></div>
               <div> <span>{{ indexData.urgeScore }}</span></div>
               <div><span>{{ indexData.urgeScore }}</span></div>
+              <div> <span>{{ indexData.timeOutScore }}</span></div>
+              <div> <span>{{ indexData.refuseOrderScore }}</span></div>
+              <div><span>{{ indexData.threeMinutesContactSocre }}</span></div>
             </div>
           </div>
         </div>
@@ -164,7 +153,7 @@
           <div v-if="active==1" style="width: 100%">
             <div id="chartWrap" style="width: 100%;height:300px"></div>
           </div>
-          <div v-if="activeIndex==3" class="selectWrap">
+          <div v-if="activeIndex==2" class="selectWrap">
             <el-select v-model="value" @change="changeHandle">
               <el-option
                   v-for="item in options"
@@ -176,7 +165,7 @@
           </div>
         </template>
         <template v-else>
-          <div v-if="[0,1,2].includes(activeIndex)">
+          <div v-if="[0,1].includes(activeIndex)">
             <div id="chartWrap" style="width: 100%;height:300px"></div>
           </div>
           <div v-else style="width: 100%;display: flex;justify-content: space-between">
@@ -200,8 +189,8 @@
         <noFit-table v-else :active='active'  :is-mobile='isMobile' :table-data="detailList" :label-list="labelList"></noFit-table>
      </div>
     </div>
-    <div v-loading="loadingData" class="contentWrap  monthTotal" v-if="[2,4,5].includes(active)">
-      <div class="searchDriverName" v-if="[5,4].includes(active)">
+    <div v-loading="loadingData" class="contentWrap  monthTotal" v-if="[2,3,4].includes(active)">
+      <div class="searchDriverName" v-if="[3,4].includes(active)">
         <el-select
             v-model="driverName"
             filterable
@@ -223,12 +212,12 @@
         </el-select>
       </div>
       <div :class="{'tabWrap':true,'webTabWrap':!isMobile,'mobileTab':isMobile}">
-        <div v-for="(item,index) in (active===4 ? driverList : list)" :class="activeIndex===index ? 'active' : ''"
+        <div v-for="(item,index) in (active===3 ? driverList : list)" :class="activeIndex===index ? 'active' : ''"
              :key="index"
              @click="changeTab(index)">{{ item.name }}
         </div>
       </div>
-      <div :class="{'comTab':active !== 4,'comTabActive3':active === 4}">
+      <div :class="{'comTab':active !== 3,'comTabActive3':active === 3}">
         <noFit-table :active='active'  :is-mobile='isMobile' :table-data="detailList" :label-list="labelList"></noFit-table>
       </div>
       <el-pagination
@@ -243,7 +232,7 @@
           :total="total">
       </el-pagination>
     </div>
-    <div v-loading="loadingData" class="contentWrap  monthTotal" v-if="[3,6,7,8,9,10, 11].includes(active)">
+    <div v-loading="loadingData" class="contentWrap  monthTotal" v-if="[5,6,7,8,9,10, 11].includes(active)">
       <div :class="{'comTab':true,'detailTable':isMobile}">
         <noFit-table :active='active'  :is-mobile='isMobile' :table-data="detailList" :label-list="labelList"
                      ></noFit-table>
@@ -272,8 +261,9 @@ import {
   getStatisticsKpi,
   getSupplierId,
   getDriverName,getDriverStatisticsKpi,
-  getRecentSupplierKpi, querySupplierDriverStatisticsScore
+  getRecentSupplierKpi,
 } from "@/api/kpi.js"
+// querySupplierDriverStatisticsScore
 import {myMixins} from "@/utils/myMixins"
 import CircleChar from "@/views/kpi/components/circleChar.vue";
 import NoFitTable from "@/views/kpi/components/noFit-table.vue";
@@ -289,11 +279,14 @@ export default {
       activeIndex: 0,
       //
       tabArr: [
-        {name: '总览'}, {name: '月/总'}, {name: '日/总'},{name: '师傅满意度'},{name: '月/师傅'}, {name: '日/师傅'},  {name: '拒单明细'},
-        {name: '超时明细'}, {name: '投诉明细'}, {name: '不使用APP案件明细'}, {name: '车辆在线情况'} , {name: '聚合失败案件明细'}
+        {name: '总览',value:0}, {name: '月/总'}, {name: '日/总'},{name: '月/师傅'}, {name: '日/师傅'},  {name: '拒单明细'},
+        {name: '超时明细'}, {name: '催促明细'},{name: '投诉明细'}, {name: '不使用APP案件明细'}, {name: '车辆在线情况'} , {name: '聚合失败案件明细'}
       ],
-      list: [{name: '接单指标'}, {name: '客户评价'}, {name: 'APP使用'}, {name: ' 时效 '}],
-      driverList: [{name: '得分总览'},{name: '接单情况'}, {name: '服务评价'}, {name: 'APP使用情况'}, {name: '时效 '}],
+      list: [ {name: '服务评价'}, {name: 'APP使用情况'}, {name: ' 时效 '}],
+      // driverList: [{name: '得分总览'},{name: '接单情况'}, {name: '服务评价'}, {name: 'APP使用情况'}, {name: '时效 '}],
+    // {name: '接单情况'},
+    driverList: [{name: '服务评价'}, {name: 'APP使用情况'}, {name: '时效 '}],//story#7149,要求暂时隐藏得分总览
+
       startMonthTime: '',
       startTime: '',
       endTime: '',
@@ -316,7 +309,6 @@ export default {
       isMobile: false,
       isZd: '',
       current:'2024-10',
-      // current: dayjs(new Date()).format('M'),
       supplierName:'',
       value: '1',
       options: [
@@ -370,21 +362,13 @@ export default {
       }
     },
     monthChangeHandle(value){
-      console.log('valuevaluevalue', dayjs(new Date(value)).format('YYYY-MM-DD'))
       if (value) {
         this.current = dayjs(new Date(value)).format('YYYY-MM')
         const _tempDate = dayjs(new Date(value)).format('YYYY-MM-DD')
         const lastDay = dayjs(_tempDate).endOf('month');
-
-        /*const year = value.getFullYear();
-        const month = value.getMonth() + 1; // 月份从 0 开始，需要加 1
-        const yearAndMonth = year + '-' + (month > 9 ? month : '0' + month);
-        this.current = dayjs(new Date(yearAndMonth)).format('YYYY-MM')*/
         this.startTime = `${this.current}-01 00:00:00`;
-        // const lastDay = new Date(year, month, 0).getDate(); // 获取该月的最后一天
         this.endTime = `${this.current}-${this.padZero(lastDay.date())} 23:59:59`;
         this.startMonthTime=this.getStartTimeFromEndTime(this.endTime)
-        console.log(" this.startMonthTime", this.startMonthTime)
         this.selectSupplierNameHandle();
         if(this.active===1){
           this.tabClickHandle()
@@ -400,7 +384,7 @@ export default {
         return
       }
       this.$refs.Doughnut1.initCircle()
-      this.$refs.Doughnut2.initCircle()
+      // this.$refs.Doughnut2.initCircle()
       this.$refs.Doughnut3.initCircle()
       this.$refs.Doughnut4.initCircle()
       this.$refs.Doughnut5.initCircle()
@@ -513,7 +497,7 @@ export default {
       let myChart = echarts.init(document.getElementById('chartWrap'))
       let option;
       //接单指标
-      let series1 = [{
+      /*let series1 = [{
         name: '派遣案件量',
         type: 'bar',
         data: this.v1?.map(item => Number(item?.toString()?.replace(/,/g, ''))),
@@ -552,19 +536,19 @@ export default {
             formatter: '{c}%'
           },
         },
-       /* {
-          name: '客户取消率',
-          type: "line",
-          data: this.v4,
-          yAxisIndex: 1,
-          smooth: true,
-          label: {
-            show: true,
-            position: 'top',
-            formatter: '{c}%'
-          },
-        },*/
-      ]
+        // {
+        //   name: '客户取消率',
+        //   type: "line",
+        //   data: this.v4,
+        //   yAxisIndex: 1,
+        //   smooth: true,
+        //   label: {
+        //     show: true,
+        //     position: 'top',
+        //     formatter: '{c}%'
+        //   },
+        // },
+      ]*/
       let series2 = [
         {
           name: '投诉率',
@@ -740,7 +724,7 @@ export default {
           },
         },
       ]
-      let yAxis1 = [
+      /*let yAxis1 = [
         {type: 'value'},
         {
           type: 'value',
@@ -748,7 +732,7 @@ export default {
             formatter: '{value}%'
           }
         },
-      ]
+      ]*/
       let yAxis2 = [
         {
           type: 'value',
@@ -779,16 +763,17 @@ export default {
       let series = []
       let yAxis = []
       if (this.active === 1) {
-        if (this.activeIndex === 0) {
+       /* if (this.activeIndex === 0) {
           series = series1
           yAxis = yAxis1
-        } else if (this.activeIndex === 1) {
+        } else*/
+          if (this.activeIndex === 0) {
           series = series2
           yAxis = yAxis2
-        } else if (this.activeIndex === 2) {
+        } else if (this.activeIndex === 1) {
           series = []
           yAxis = []
-        } else if (this.activeIndex === 3) {
+        } else if (this.activeIndex === 2) {
           if (this.value == 1) {
             series = series4
             yAxis = yAxis4
@@ -800,7 +785,7 @@ export default {
       }
       option = {
         title: {
-          text: this.isMobile ? this.getTitle(this.activeIndex) : (this.active === 1 && this.activeIndex === 2) ? '' : '师傅接单时效',
+          text: this.isMobile ? this.getTitle(this.activeIndex) : (this.active === 1 && this.activeIndex === 1) ? '' : '师傅接单时效',
           textStyle: {
             fontSize: 12
           },
@@ -812,7 +797,7 @@ export default {
           right: '1%',
           itemWidth: this.isMobile ? 10 : 18, // 设置图例图标的宽度，从而调整图标大小
           itemHeight: this.isMobile ? 6 : 10,
-          width: (this.active == 1 && this.activeIndex == 2) ? '60%' : '100%',
+          width: (this.active == 1 && this.activeIndex == 1) ? '60%' : '100%',
         },
         xAxis: {
           type: 'category',
@@ -985,7 +970,7 @@ export default {
     async getKpiData() {
       try {
         this.loading = true
-        if (this.active === 0) {
+        if (this.active === 0) {//总览
           await this.allDataChart()
           let res = await getStatisticsKpiByMonth({
             startTime: this.startTime,
@@ -1016,7 +1001,7 @@ export default {
               this.indexData[key] = this.processPercentage(this.indexData[key]);
             }
           }
-        } else if ([1, 2].includes(this.active)) {
+        } else if ([1, 2].includes(this.active)) {//月总 日总
           let res = await getStatisticsKpi({
             startTime: this.active === 1 ? this.startMonthTime : this.startTime,
             endTime: this.endTime,
@@ -1047,8 +1032,6 @@ export default {
             item.minorFortyMinutesArrivalRate=this.formatPercentage(item.minorFortyMinutesArrivalRate) ;
             let formatVal = dayjs(item.statisticsDate).format('DD');
             let formatVal1 = dayjs(item.statisticsDate).format('M');
-            // console.log("formatVal1",formatVal1)
-            // return {...item, date: formatVal, month: (formatVal1 == this.current) ? '本月' : (formatVal1 + '月')};
             return {...item, date: formatVal, month: formatVal1 + '月'};
           });
           this.loading = false
@@ -1056,33 +1039,8 @@ export default {
             this.xAxisArr.push(item.month)
             this.xAxisArr = [...new Set(this.xAxisArr)]; // 去重
           })
-          console.log(" this.xAxisArr", this.xAxisArr)
-          // this.xAxisArr[this.xAxisArr.length - 1] = '本月'
           await this.twoTabHanldeData()
-        }else if (this.active === 3) {
-          let res = await querySupplierDriverStatisticsScore({
-            startTime: this.startTime ,
-            endTime: this.endTime,
-            statisticsType: 1,
-            supplierId: this.supplierId,
-            driverId: this.driverId,
-            driverName:this.driverName,
-            pageNum: this.pageNum,
-            pageSize: this.pageSize
-          })
-          this.total = res.total
-          this.detailList = res.data?.map(item => {
-            let formatVal = dayjs(item.statisticsDate).format('DD');
-            return {...item, date: formatVal};
-          });
-          this.labelList = [
-            {label: '师傅姓名', prop: 'driverName'},
-            {label: '案件总量', prop: 'orderCount'},
-            {label: '满意度得分  ', prop: 'driverSatisfaction'},
-          ]
-          this.loading = false;
-        }
-        else if ([4,5].includes(this.active)) {
+        } else if ([3,4].includes(this.active)) {//月师傅 日师傅
           let res = await getDriverStatisticsKpi({
             startTime: this.startTime ,
             endTime: this.endTime,
@@ -1113,13 +1071,32 @@ export default {
             return {...item, date: formatVal};
           });
           this.loading = false;
-          if(this.active===5 && !this.driverName){
+         /* if(this.active===5 && !this.driverName){
             this.detailList=[]
             this.total=0
-          }
+          }*/
           await this.twoTabHanldeData();
         }
-        else if ([ 6, 7, 8,9,10, 11].includes(this.active)) {
+    /*    else if (this.active ===7) {
+          let res = await querySupplierDriverStatisticsScore({
+            startTime: this.startTime ,
+            endTime: this.endTime,
+            statisticsType: 1,
+            supplierId: this.supplierId,
+            driverId: this.driverId,
+            driverName:this.driverName,
+            pageNum: this.pageNum,
+            pageSize: this.pageSize
+          })
+          this.total = res.total
+          this.detailList = res.data?.map(item => {
+            let formatVal = dayjs(item.statisticsDate).format('DD');
+            return {...item, date: formatVal};
+          });
+
+          this.loading = false;
+        } */
+        else if ([ 5,6,7, 8,9,10,11].includes(this.active)) {
           this.detailList = []
           this.labelList = []
           let result = await getKpiDetailsData({
@@ -1136,7 +1113,7 @@ export default {
             return {...item, date: formatVal};
           });
           this.loading = false
-          if (this.active === 6) {//拒单明细
+          if (this.active === 5) {//拒单明细
             this.labelList = [
               {label: '案件编号', prop: 'orderCode'},
               {label: '服务内容', prop: 'serviceName'},
@@ -1146,7 +1123,7 @@ export default {
               {label: '拒绝时间', prop: 'time'},
               {label: '拒单原因', prop: 'reason'},
             ]
-          } else if (this.active === 7) {//超时明细
+          } else if (this.active === 6) {//超时明细
             this.labelList = [
               {label: '案件编号', prop: 'orderCode'},
               {label: '服务内容', prop: 'serviceName'},
@@ -1156,6 +1133,23 @@ export default {
               {label: '超时时间', prop: 'time'},
               {label: '超时原因', prop: 'reason'},
             ]
+          } else if (this.active === 7) {//催促明细
+            this.labelList = [
+              {label: '案件编号', prop: 'orderCode'},
+              {label: '二级合同名称', prop: 'contractName'},
+              {label: '案件创建时间', prop: 'orderCreateTime'},
+              {label: '催促创建时间  ', prop: 'urgeTime'},
+              {label: '服务商接单时间  ', prop: 'taskAcceptTime'},
+              {label: '备注内容(催促内容)  ', prop: 'urgeRemark'},
+              {label: '催促次数', prop: 'urgeCount'},//无催促次数，催促一次生成一条新的
+              {label: '服务商名称', prop: 'supplierName'},
+              {label: '服务车辆', prop: 'vehicleName'},
+              {label: '服务完成状况', prop: 'orderStatusString'},
+              {label: '案件完成时间', prop: 'finishTime'},
+              {label: '省(B)', prop: 'bProvince'},
+              {label: '市(B)', prop: 'bCity'},
+              {label: '区(B)', prop: 'area'},
+            ]
           } else if (this.active === 8) {//投诉明细
             this.labelList = [
               {label: '案件编号', prop: 'orderCode'},
@@ -1176,15 +1170,14 @@ export default {
             ]
           } else if (this.active === 10) {//车辆在线情况
             this.labelList = [
-              {label: '日期', prop: 'date'},
-              {label: '0点在线车辆数量', prop: 'zeroClockVehicleCount'},
-              {label: '8点在线车辆数量', prop: 'eightClockVehicleCount'},
-              {label: '12点在线车辆数量', prop: 'twelveClockVehicleCount'},
-              {label: '16点在线车辆数量', prop: 'sixteenClockVehicleCount'},
-              {label: '20点在线车辆数量', prop: 'twentyClockVehicleCount'},
-              {label: '22点在线车辆数量', prop: 'twentyTwoClockVehicleCount'},
+              // {label: '总车辆数', prop: 'totalCount'},
+              {label: '在线车辆数(取每日的12点)', prop: 'twelveClockVehicleCount'},
+              {label: '在线拖车数(12点)', prop: 'trailCount'},
+              {label: '在线小修车数(12点)', prop: 'minorCount'},
+              {label: '在线率(在线车辆数/总车辆数)', prop: 'onlineRate'},
+              // {label: '车辆平均在线时长', prop: ''},
             ]
-          } else if (this.active === 11) {//车辆在线情况
+          } else if (this.active === 11) {//聚合失败案件明细
             this.labelList = [
               {label: '案件编号', prop: 'orderCode'},
               {label: '服务内容', prop: 'serviceName'},
@@ -1208,22 +1201,6 @@ export default {
     },
     // 初始化获取当月日期
     initDate() {
-      /*let year=''
-      let month=''
-      if( this.current ) {
-        year = new Date(this.current).getFullYear();
-        month = new Date(this.current).getMonth() + 1;
-      } else {
-        year = new Date().getFullYear();
-        month = new Date().getMonth() + 1;
-      }
-      let yearAndMonth = year + '-' + (month > 9 ? month : '0' + month);
-      this.current = dayjs(new Date(yearAndMonth)).format('YYYY-MM')
-      this.startTime = dayjs(new Date()).format('YYYY-MM') + '-01 00:00:00'
-      this.endTime = dayjs(new Date()).format('YYYY-MM') + '-' + this.getDayLen()+' 23:59:59'*/
-      // test
-      // let _testDate = new Date('2024-11-01 00:00:01')
-
       const today = dayjs(); // 获取当前日期
       const currentDay = today.date(); // 获取今天是几号（1-31）
       let targetMonth = today; // 默认目标月份是当前月
@@ -1240,7 +1217,6 @@ export default {
       }
       this.endTime = endTime.format('YYYY-MM-DD HH:mm:ss');
       this.startMonthTime=this.getStartTimeFromEndTime(this.endTime)
-      console.log(" this.startMonthTime", this.startMonthTime,this.startTime)
     },
     // 获取当月天数
     getDayLen() {
@@ -1295,12 +1271,12 @@ export default {
     twoTabHanldeData() {
       this.etlDetailList=[]
       this.etlLabelList=[]
-      if (this.active === 1) {
+      if (this.active === 1) {//月总
         const columnObj = {} //创建标题数组中第一个对象
         columnObj.label = 'KPI' //第一个标题名称
         columnObj.prop = 'month' //第一个标题名称对应的字段
         this.etlLabelList.push(columnObj)
-        if (this.activeIndex === 0) {//接单指标
+        /*if (this.activeIndex === 0) {//接单指标
           this.etlDetailList=[{ 'month': '派遣量' },{ 'month': '承接量' },{ 'month': '完成量' },
             { 'month': '拒单量' },{ 'month': '拒单率(%)' },{ 'month': '超时接单量' },{ 'month': '超时率(%)' },{ 'month': '客户取消率(%)' }]
           let props = 'prop' //自定义字段名称
@@ -1336,15 +1312,16 @@ export default {
             {label: '超时率(%)', prop: 'timeoutOrderRate'},
             {label: '取消率(%)', prop: 'cancelRate'},
           ]
-        } else if (this.activeIndex === 1) {
-          this.etlDetailList=[{ 'month': '投诉量' },{ 'month': '投诉率(%)' },{ 'month': '平安好评量' }, { 'month': '平安好评率' }]
-          console.log('detailList', this.detailList)
+        } else*/
+          if (this.activeIndex === 0) {
+        // ,{ 'month': '平安好评量' }, { 'month': '平安好评率' }
+          this.etlDetailList=[{ 'month': '投诉量' },{ 'month': '投诉率(%)' }]
           let props = 'prop' //自定义字段名称
           this.detailList?.map((item,index) => {
             this.v1.push(item.complainOrderCount)
             this.v2.push(item.complainOrderRate?.replace('%', ''))
-            this.v3.push(item?.pinganFavorableCount)
-            this.v4.push(item.pinganFavorableRate?.replace('%', ''))
+            // this.v3.push(item?.pinganFavorableCount)
+            // this.v4.push(item.pinganFavorableRate?.replace('%', ''))
             const columnObj = {}
             columnObj.label = item.month // 每一列的标题的名称
             columnObj.prop = props + index //自定义每一列标题字段名称
@@ -1358,22 +1335,23 @@ export default {
             {label: '月份', prop: 'month'},
             {label: '投诉量', prop: 'complainOrderCount'},
             {label: '投诉率', prop: 'complainOrderRate'},
-            {label: '平安好评量', prop: 'pinganFavorableCount'},
-            {label: '平安好评率', prop: 'pinganFavorableRate'},
           ]
-        } else if (this.activeIndex === 2) {
-          this.etlDetailList=[{ 'month': 'APP使用量' }, { 'month': 'APP使用率' }, { 'month': '平安聚合成功量' },{ 'month': '平安聚合成功率' },
+         /* {label: '平安好评量', prop: 'pinganFavorableCount'},
+          {label: '平安好评率', prop: 'pinganFavorableRate'},*/
+        } else if (this.activeIndex === 1) {
+          // { 'month': '平安聚合成功量' },{ 'month': '平安聚合成功率' },
+          this.etlDetailList=[{ 'month': 'APP使用量' }, { 'month': 'APP使用率' },
             { 'month': '中华联合聚合成功量' }, { 'month': '中华联合聚合成功率' }, { 'month': '整体聚合成功量' }, { 'month': '整体聚合成功率' }]
           let props = 'prop' //自定义字段名称
           this.detailList?.map((item,index) => {
             this.v1.push(item.appUseCount)
             this.v2.push(item.appRate.replace('%', ''))
-            this.v3.push(item.pinganJuheSuccessCount)
-            this.v4.push(item.pinganPolymerizationSuccessRate.replace('%', ''))
-            this.v5.push(item.zhonghuaPolymerizationSuccessCount)
-            this.v6.push(item.zhonghuaPolymerizationSuccessRate.replace('%', ''))
-            this.v7.push(item.wholeJuheSuccessCount)
-            this.v7.push(item.wholeJuheSuccessRate.replace('%', ''))
+            /*this.v3.push(item.pinganJuheSuccessCount)
+            this.v4.push(item.pinganPolymerizationSuccessRate.replace('%', ''))*/
+            this.v3.push(item.zhonghuaPolymerizationSuccessCount)
+            this.v4.push(item.zhonghuaPolymerizationSuccessRate.replace('%', ''))
+            this.v5.push(item.wholeJuheSuccessCount)
+            this.v6.push(item.wholeJuheSuccessRate.replace('%', ''))
             const columnObj = {}
             columnObj.label = item.month // 每一列的标题的名称
             columnObj.prop = props + index //自定义每一列标题字段名称
@@ -1383,19 +1361,20 @@ export default {
               this.$set(this.etlDetailList[i], columnObj.prop, item[mappings[i]]);
             }
           })
+          /*{label: '平安聚合成功量', prop: 'pinganJuheSuccessCount'},
+          {label: '平安聚合成功率', prop: 'pinganPolymerizationSuccessRate'},*/
           this.labelList = [
             {label: '月份', prop: 'month'},
             {label: 'APP使用量', prop: 'appUseCount'},
             {label: 'APP使用率', prop: 'appRate'},
-            {label: '平安聚合成功量', prop: 'pinganJuheSuccessCount'},
-            {label: '平安聚合成功率', prop: 'pinganPolymerizationSuccessRate'},
             {label: '中华联合聚合成功量', prop: 'zhonghuaPolymerizationSuccessCount'},
             {label: '中华联合聚合成功率', prop: 'zhonghuaPolymerizationSuccessRate'},
             {label: '整体聚合成功量', prop: 'wholeJuheSuccessCount'},
             {label: '整体聚合成功率', prop: 'wholeJuheSuccessRate'},
           ]
-        } else if (this.activeIndex === 3) {
-          this.etlDetailList=[{ 'month': '接单时效' },{ 'month': '3分钟联系客户率' },{ 'month': '到达时效' },{'month':'平安聚合成功到达时效'}]
+        } else if (this.activeIndex === 2) {
+          // ,{'month':'平安聚合成功到达时效'}
+          this.etlDetailList=[{ 'month': '接单时效' },{ 'month': '3分钟联系客户率' },{ 'month': '到达时效' }]
           let props = 'prop' //自定义字段名称
           if (this.isMobile) {
             if (this.value == 1) {
@@ -1439,16 +1418,16 @@ export default {
               })
             }
           }
+            // {label: '平安聚合成功到达时效', prop: 'pinganJuheSuccessArriving'},
           this.labelList = [
             {label: '月份', prop: 'month'},
             {label: '接单时效', prop: 'receiving'},
             {label: '3分钟联系客户率', prop: 'threeMinutesContactRate'},
             {label: '到达时效', prop: 'arriving'},
-            {label: '平安聚合成功到达时效', prop: 'pinganJuheSuccessArriving'},
           ]
         }
-      } else if (this.active === 2) {
-        if (this.activeIndex === 0) {//接单指标
+      } else if (this.active === 2) {//日总
+        /*if (this.activeIndex === 0) {//接单指标
           this.labelList = [
             {label: '日', prop: 'date'},
             {label: '派单量', prop: 'dispatchOrderCount'},
@@ -1460,7 +1439,8 @@ export default {
             {label: '超时率', prop: 'timeoutOrderRate'},
             // {label: '客户取消率(%)', prop: 'cancelRate'},
           ]
-        } else if (this.activeIndex === 1) {
+        } else*/
+          if (this.activeIndex === 0) {
           this.labelList = [
             {label: '日', prop: 'date'},
             {label: '投诉量', prop: 'complainOrderCount'},
@@ -1468,9 +1448,9 @@ export default {
            /* {label: '好评量', prop: 'favorableCount'},
             {label: '好评率', prop: 'favorableRate'},*/
             {label: '平安评价率', prop: 'pinganEvaluateRate'},
-            {label: '平安好评率', prop: 'pinganFavorableRate'},
+            // {label: '平安好评率', prop: 'pinganFavorableRate'},
           ]
-        } else if (this.activeIndex === 2) {
+        } else if (this.activeIndex === 1) {
           this.labelList = [
             {label: '日', prop: 'date'},
             {label: 'APP使用量', prop: 'appUseCount'},
@@ -1482,21 +1462,17 @@ export default {
             {label: '整体聚合成功量', prop: 'wholeJuheSuccessCount'},
             {label: '整体聚合成功率', prop: 'wholeJuheSuccessRate'},
           ]
-        } else if (this.activeIndex === 3) {
+        } else if (this.activeIndex === 2) {
           this.labelList = [
             {label: '日', prop: 'date'},
             {label: '接单时效(分)', prop: 'receiving'},
             {label: '3分钟联系客户率', prop: 'threeMinutesContactRate'},
             {label: '到达时效(分)', prop: 'arriving'},
-            {label: '平安聚合成功到达时效(分)', prop: 'pinganJuheSuccessArriving'},
+            // {label: '平安聚合成功到达时效(分)', prop: 'pinganJuheSuccessArriving'},
           ]
         }
-      }
-     /* else if(this.active === 3){
-
-      } */
-      else if (this.active === 4) {
-        if (this.activeIndex === 0) {
+      } else if (this.active === 3) {//月师傅
+       /* if (this.activeIndex === 0) {
           this.labelList = [
             {label: '师傅姓名', prop: 'driverName'},
             {label: '总分', prop: 'score'},
@@ -1524,92 +1500,100 @@ export default {
             {label: '新手入列得分', prop: 'listedScore'},
             {label: '星级评分', prop: 'starRank'},
           ]
-        }if (this.activeIndex === 1) {
+        }else*/
+         /* if (this.activeIndex === 0) {
           this.labelList = [
             {label: '师傅姓名', prop: 'driverName'},
-            {label: '承接案件量', prop: 'receiveOrderCount'},
+            {label: '派单量', prop: 'dispatchOrderCount'},
+            {label: '接单量', prop: 'receiveOrderCount'},
             {label: '拒单量', prop: 'refuseOrderCount'},
             {label: '拒单率(%)', prop: 'refuseOrderRate'},
-            {label: '超时接单量', prop: 'timeoutOrderCount'},
+            {label: '超时量', prop: 'timeoutOrderCount'},
             {label: '超时率(%)', prop: 'timeoutOrderRate'},
           ]
+        } else */
+          if (this.activeIndex === 0) {
+          this.labelList = [
+            {label: '师傅姓名', prop: 'driverName'},
+            // {label: '承接案件量', prop: 'receiveOrderCount'},
+            {label: '投诉量', prop: 'complainOrderCount'},
+            {label: '投诉率(%)', prop: 'complainOrderRate'},
+            {label: '平安评价量', prop: 'pinganEvaluateCount'},
+            {label: '平安评价率(%)', prop: 'pinganEvaluateRate'},
+          /*  {label: '平安好评量', prop: 'pinganFavorableCount'},
+            {label: '平安好评率(%)', prop: 'pinganFavorableRate'},*/
+            // {label: '催促率(%)', prop: 'urgeRate'},
+          ]
+        } else if (this.activeIndex === 1) {
+          this.labelList = [
+            {label: '师傅姓名', prop: 'driverName'},
+            {label: 'App使用量', prop: 'appUseCount'},
+            {label: 'App使用率(%)', prop: 'appRate'},
+            // {label: '3′联系客户率(%)', prop: 'threeMinutesContactRate'},
+            {label: '平安聚合成功量', prop: 'pinganPolymerizationSuccessCount'},
+            {label: '平安聚合成功率(%)', prop: 'pinganPolymerizationSuccessRate'},
+            {label: '中华联合聚合成功量', prop: 'zhonghuaPolymerizationSuccessCount'},
+            {label: '中华联合聚合成功率(%)', prop: 'zhonghuaPolymerizationSuccessRate'},
+            // {label: '中道聚合成功率(%)', prop: 'zdPolymerizationSuccessRate'},
+            {label: '整体聚合成功量', prop: 'wholeJuheSuccessCount'},
+            {label: '整体聚合成功率(%)', prop: 'wholeJuheSuccessRate'},
+            // {label: '日均在线时长(h)', prop: 'onlineDuration'},
+          ]
         } else if (this.activeIndex === 2) {
-          this.labelList = [
-            {label: '师傅姓名', prop: 'driverName'},
-            {label: '承接案件量', prop: 'receiveOrderCount'},
-            {label: '投诉量', prop: 'complainOrderCount'},
-            {label: '投诉率(%)', prop: 'complainOrderRate'},
-            {label: '客户满意度(%)', prop: 'customerSatisfaction'},
-            {label: '客户评价率(%)', prop: 'customerEvaluateRate'},
-            {label: '催促率(%)', prop: 'urgeRate'},
-          ]
-        } else if (this.activeIndex === 3) {
-          this.labelList = [
-            {label: '师傅姓名', prop: 'driverName'},
-            {label: '承接案件量', prop: 'receiveOrderCount'},
-            {label: 'App使用率(%)', prop: 'appRate'},
-            {label: '3′联系客户率(%)', prop: 'threeMinutesContactRate'},
-            {label: '平安聚合成功率(%)', prop: 'pinganPolymerizationSuccessRate'},
-            {label: '中华聚合成功率(%)', prop: 'zhonghuaPolymerizationSuccessRate'},
-            {label: '中道聚合成功率(%)', prop: 'zdPolymerizationSuccessRate'},
-            {label: '总聚合成功率(%)', prop: 'polymerizationSuccessRate'},
-            {label: '日均在线时长(h)', prop: 'onlineDuration'},
-          ]
-        } else if (this.activeIndex === 4) {
           this.labelList = [
             {label: '师傅姓名', prop: 'driverName'},
             {label: '接单时效(分)', prop: 'receiving'},
-            {label: '3′接单率(%)', prop: 'threeMinutesReceivingRate'},
+            {label: '3′联系客户率(%)', prop: 'threeMinutesReceivingRate'},
             {label: '到达时效(分)', prop: 'arriving'},
-            {label: '40′到达率(%)', prop: 'fortyMinutesArrivalRate'},
-            {label: '聚合成功到达时效(分)', prop: 'polymerizationSuccessArriving'},
+            // {label: '40′到达率(%)', prop: 'fortyMinutesArrivalRate'},
+            // {label: '平安聚合成功到达时效(分)', prop: 'pinganJuheSuccessArriving'},
           ]
         }
-      } else if (this.active === 5) {
-        if (this.activeIndex === 0) {//接单指标
+      } else if (this.active === 4) {//日师傅
+        /*if (this.activeIndex === 0) {//接单指标
           this.labelList = [
             {label: '日', prop: 'date'},
             {label: '师傅姓名', prop: 'driverName'},
-            {label: '派遣案件量', prop: 'dispatchOrderCount'},
-            {label: '承接案件量', prop: 'receiveOrderCount'},
-            {label: '完成量', prop: 'finishOrderCount'},
+            {label: '派单量', prop: 'dispatchOrderCount'},
+            {label: '接单量', prop: 'receiveOrderCount'},
             {label: '拒单量', prop: 'refuseOrderCount'},
             {label: '拒单率(%)', prop: 'refuseOrderRate'},
-            {label: '超时接单量', prop: 'timeoutOrderCount'},
+            {label: '超时量', prop: 'timeoutOrderCount'},
             {label: '超时率(%)', prop: 'timeoutOrderRate'},
-            {label: '客户取消率(%)', prop: 'cancelRate'},
+          ]
+        } else */
+        if (this.activeIndex === 0) {
+          this.labelList = [
+            {label: '日', prop: 'date'},
+            {label: '师傅姓名', prop: 'driverName'},
+            {label: '投诉量', prop: 'complainOrderCount'},
+            {label: '投诉率(%)', prop: 'complainOrderRate'},
+            {label: '平安评价量', prop: 'pinganEvaluateCount'},
+            {label: '平安评价率(%)', prop: 'pinganEvaluateRate'},
+            // {label: '平安好评量', prop: 'pinganFavorableCount'},
+            // {label: '平安好评率(%)', prop: 'pinganFavorableRate'},
           ]
         } else if (this.activeIndex === 1) {
           this.labelList = [
             {label: '日', prop: 'date'},
             {label: '师傅姓名', prop: 'driverName'},
-            {label: '投诉量', prop: 'complainOrderCount'},
-            {label: '投诉率(%)', prop: 'complainOrderRate'},
-            {label: '客户满意度(%)', prop: 'customerSatisfaction'},
-            {label: '客户评价率(%)', prop: 'customerEvaluateRate'},
-            {label: '催促率(%)', prop: 'urgeRate'},
+            {label: 'App使用量', prop: 'appUseCount'},
+            {label: 'App使用率(%)', prop: 'appRate'},
+            {label: '平安聚合成功量', prop: 'pinganPolymerizationSuccessCount'},
+            {label: '平安聚合成功率(%)', prop: 'pinganPolymerizationSuccessRate'},
+            {label: '中华联合聚合成功量', prop: 'zhonghuaPolymerizationSuccessCount'},
+            {label: '中华联合聚合成功率(%)', prop: 'zhonghuaPolymerizationSuccessRate'},
+            {label: '整体聚合成功量', prop: 'wholeJuheSuccessCount'},
+            {label: '整体聚合成功率(%)', prop: 'wholeJuheSuccessRate'},
           ]
         } else if (this.activeIndex === 2) {
-          this.labelList = [
-            {label: '日', prop: 'date'},
-            {label: '师傅姓名', prop: 'driverName'},
-            {label: '使用率(%)', prop: 'appRate'},
-            {label: '3′联系客户率(%)', prop: 'threeMinutesContactRate'},
-            {label: '平安聚合成功率(%)', prop: 'pinganPolymerizationSuccessRate'},
-            {label: '中华聚合成功率(%)', prop: 'zhonghuaPolymerizationSuccessRate'},
-            {label: '中道聚合成功率(%)', prop: 'zdPolymerizationSuccessRate'},
-            {label: '总聚合成功率(%)', prop: 'polymerizationSuccessRate'},
-            {label: '日均在线时长(h)', prop: 'onlineDuration'},
-          ]
-        } else if (this.activeIndex === 3) {
           this.labelList = [
             {label: '日', prop: 'date'},
             {label: '师傅姓名', prop: 'driverName'},
             {label: '接单时效(分)', prop: 'receiving'},
-            {label: '3′接单率(%)', prop: 'threeMinutesReceivingRate'},
+            {label: '3′联系客户率(%)', prop: 'threeMinutesReceivingRate'},
             {label: '到达时效(分)', prop: 'arriving'},
-            {label: '40′到达率(%)', prop: 'fortyMinutesArrivalRate'},
-            {label: '聚合成功到达时效(分)', prop: 'polymerizationSuccessArriving'},
+            // {label: '平安聚合成功到达时效(分)', prop: 'pinganJuheSuccessArriving'},
           ]
         }
       }
@@ -1621,10 +1605,12 @@ export default {
     },
     setType(type) {
       switch (type) {
-        case 6:
+        case 5:
           return 1;
-        case 7:
+        case 6:
           return 2;
+        case 7:
+          return 7;
         case 8:
           return 3;
         case 9:

src/views/liabilityInsurance/insuredPage.vue

@@ -22,7 +22,7 @@
         为此中道救援经过与保司沟通协调，特为与中道救援合作紧密的服务商，提供救援职业责任险参保渠道，提升服务商服务能力，降低运营风险，实现共同进步。
       </div>
       <div>一、救援职业责任险简介：</div>
-      <div>1、综合保额50万元，可全方位覆盖我们日常的经营活动。</div>
+      <div> 1、综合保额100万元（其中救援责任50万元，物流责任50万元），可全方位覆盖我们日常的经营活动。</div>
       <div> 2、保费支付可采用救援服务费抵扣的方式，降低资金压力。</div>
       <div> 3、详细保险条款、保费和其他问题，如需了解，请与辖区区域经理联系。</div>
       <div> 二、其他意见建议如需交流，请与18621558505曲仁杰联系。</div>

src/views/newcomerTraining/newTrainingList.vue

@@ -78,9 +78,11 @@ export default {
       isLoading:false,
       showPoup:true,//进入弹框
       isFinished:false,
+      type: '',
     }
   },
   mounted() {
+    this.type = this.$route.query?.type;
     // this.onRefresh();
     this.getList();
 
@@ -120,6 +122,7 @@ export default {
         pageSize:this.pageSize,
         docType:1,
         trainingType:4,
+        type: this.type,
       })
       this.pageList=res.data?.list || [];
       if(res.data.assessState == 0){

src/views/rvDriverAuthentication/auditList.vue

@@ -0,0 +1,164 @@
+<template>
+  <div class="content">
+    <div class="navBar">
+      <van-nav-bar
+          title="小板运输司机认证"
+          left-arrow
+          left-arrow-color="#FFFFFF"
+          :border="false"
+          :fixed="true"
+          :safe-area-inset-top="true"
+          @click-left="h5GoBack"
+      />
+    </div>
+    <img class="icon_register" mode="widthFix" src="@/assets/authentication/icon_register.png" />
+    <tip-bar :title="'应国家政策要求：从事货运行业的司机用户，身份证照片、驾驶证信息、行驶证信息、人车合影及承运资质信息必须进行实名认证。'"></tip-bar>
+    <div class="audit_list">
+      <audit-item title="个人信息" tip="上传本人头像和身份证"
+                  :url="currentFlag(1) ? personActiveUrl : personUrl"
+                  :pass="currentFlag(1)" :current-class="currentStep == 1"
+                  @detail="showDetail('personAudit')" @upload="showDetail('personAudit')"></audit-item>
+      <audit-item title="驾照信息" tip="上传驾驶证" :url="currentFlag(2) ? driverActiveUrl : driverUrl" v-if="type != 'simple'" :pass="currentFlag(2)" :current-class="currentStep == 2"
+                  @detail="showDetail('carAudit')" @upload="showDetail('carAudit')"></audit-item>
+      <audit-item title="车辆信息" tip="上传行驶证与车辆照片" :url="currentFlag(3) ? carActiveUrl : carUrl" :pass="currentFlag(3)" :current-class="currentStep == 3"
+                  @detail="showDetail('carInfoAudit')" @upload="showDetail('carInfoAudit')"></audit-item>
+      <audit-item title="银行卡信息" tip="上传本人银行卡信息" :url="currentFlag(4) ? bankActiveUrl :bankUrl" :pass="currentFlag(4)" :current-class="currentStep == 4"
+                  @detail="showDetail('bankInfo')" @upload="showDetail('bankInfo')"></audit-item>
+      <audit-item title="审核信息" :tip="auditTip" :status="statusStr" :url="currentFlag(5) ? bankActiveUrl :bankUrl" :pass="currentFlag(5)" :current-class="currentStep == 5" :button-hide="false"
+                  ></audit-item>
+    </div>
+    <fixed-button v-if="verifyStatus == 11" @myClick="showDetail('personAudit')" title="重新认证"></fixed-button>
+    <success-dialog ref="successDialog"></success-dialog>s
+  </div>
+</template>
+
+<script>
+  import successDialog from "./component/successDialog.vue";
+  import auditItem from "./component/auditItem";
+  import tipBar from "./component/tipBar";
+  import { verifyStatus, verifyStatusSimple ,tipString} from '@/utils/common';
+  import { myMixins } from '@/utils/myMixins.js';
+  import fixedButton from "./component/fixedButton";
+  import {infoVerifyProgress} from "@/api/authentication"
+  export default {
+    name:"auditList",
+    data() {
+      return {
+        personUrl: require('@/assets/authentication/audit_icon4_gray.png'),
+        personActiveUrl: require('@/assets/authentication/audit_icon4.png'),
+        driverUrl: require('@/assets/authentication/audit_icon1_gray.png'),
+        driverActiveUrl: require('@/assets/authentication/aduit_icon1.png'),
+        carUrl: require('@/assets/authentication/audit_icon2_gray.png'),
+        carActiveUrl: require('@/assets/authentication/audit_icon2.png'),
+        bankUrl: require('@/assets/authentication/audit_icon3_gray.png'),
+        bankActiveUrl: require('@/assets/authentication/audit_icon3.png'),
+        currentStep: undefined,
+        auditTip: '',
+        statusStr: '',
+        verifyStatus: '',
+        type: 'full',
+      }
+    },
+    mixins: [ myMixins ],
+    components: {
+      tipBar,
+      auditItem,
+      fixedButton,
+      successDialog
+    },
+    // onLoad() {
+    // },
+    // async onPullDownRefresh() {
+    //   await this.refresh()
+    //   uni.stopPullDownRefresh()
+    // },
+    async mounted() {
+      // await this.$onLaunched;
+      // 禁止双击放大
+      let lastTouchEnd = 0;
+      document.addEventListener('touchend', (event) => {
+        const now = Date.now();
+        if (now - lastTouchEnd <= 300) {
+          event.preventDefault(); // 阻止双击放大
+        }
+        lastTouchEnd = now;
+      }, { passive: false });
+
+      await this.refresh()
+    },
+    methods: {
+      async getRegisterInfo(data) {
+        let res = await infoVerifyProgress( data)
+        // console.log("res",res)
+       localStorage.setItem('infoVerify', res?.data?.infoVerify?.code)
+       localStorage.setItem('failReason', res?.data?.verifyRemark)
+       localStorage.setItem('authIsSuccess', res?.data?.authIsSuccess)
+       localStorage.setItem('name', res?.data?.name)
+      },
+      async refresh() {
+        await this.getRegisterInfo()
+        await this.getVerifyStatus()
+        let obj = await tipString(localStorage.getItem('infoVerify'))
+        this.verifyStatus = localStorage.getItem('infoVerify')
+        if( this.verifyStatus == 11 ) {
+          this.auditTip = localStorage.getItem('failReason')
+          localStorage.setItem('authIsSuccess', 0)
+        } else {
+          this.auditTip = obj.tip
+        }
+        if( this.verifyStatus == 12 && parseInt(localStorage.getItem('authIsSuccess')) != 1) {   // 审核通过
+          this.$refs.successDialog.openHandler()
+        }
+        this.statusStr = obj.button
+      },
+      currentFlag(status) {
+        return this.currentStep > status
+      },
+      showDetail(path) {
+        this.goPage(path,{
+          token:localStorage.getItem('token')
+        })
+      },
+      getVerifyStatus() {
+        if( this.type == 'simple' ) {
+          this.currentStep = verifyStatusSimple(localStorage.getItem('infoVerify'))
+        } else {
+          this.currentStep = verifyStatus(localStorage.getItem('infoVerify'))
+        }
+      },
+    }
+  }
+</script>
+
+<style lang="scss">
+  @import "@/styles/common.scss";
+  .navBar{
+    margin-bottom: 46px;
+  }
+  .content {
+    font-size: 0;
+    padding-bottom: 80px;
+    height: 100%;
+    overflow-y: auto;
+    -webkit-overflow-scrolling: touch; /* 启用iOS惯性滚动 */
+    scroll-behavior: smooth; /* 平滑滚动（部分浏览器支持） */
+  }
+  .audit_list {
+    padding: 20px 30px;
+    .audit_item:after{
+      left: 18px;
+      position: absolute;
+      content: '';
+      display: block;
+      width: 2px;
+      top: 56px;
+      height: 48px;
+      background: rgba($color: #B2C2E4, $alpha: 0.59);
+    }
+    .audit_item:last-child {
+      &::after{
+        display: none !important;
+      }
+    }
+  }
+</style>

src/views/rvDriverAuthentication/bankInfo.vue

@@ -0,0 +1,164 @@
+<template>
+  <div class="content">
+    <div class="navBar">
+      <van-nav-bar
+          title="银行卡信息认证"
+          left-arrow
+          left-arrow-color="#FFFFFF"
+          :border="false"
+          :fixed="true"
+          :safe-area-inset-top="true"
+          @click-left="goListPage"
+      />
+    </div>
+    <tip-bar :title="'温馨提示：服务完成后，平台代收的运费需要提现到您的银行卡账户中，请确保您上传的银行卡信息真实可用。'"></tip-bar>
+    <photo-item title="银行卡正面照片" :left-url="form.bankCardFront || bank" :show="show" @leftImg="bankHandler"></photo-item>
+    <div class="carInfo">
+      <div class="left_wrap title">
+        <span class="mar_left">姓名</span>
+        <div>
+          <span class="star">*</span>
+          <span>账户号</span>
+        </div>
+        <div>
+          <span class="star">*</span>
+          <span>开户行</span>
+        </div>
+      </div>
+      <div class="right_wrap">
+        <input type="text" disabled placeholder="请输入持卡人姓名" v-model="form.name">
+        <input type="text" placeholder="请输入银行卡号" v-model="form.cardNumber">
+        <input type="text" placeholder="请输入开户行" v-model="form.bankName">
+      </div>
+    </div>
+    <fixed-button @myClick="clickHandler" v-if="showFun()"></fixed-button>
+<!--    <protocol-dialog></protocol-dialog>-->
+  </div>
+</template>
+
+<script>
+  // import protocolDialog from "./component/protocolDialog";
+  import fixedButton from "./component/fixedButton";
+  import photoItem from "./component/photoItem";
+  import tipBar from "./component/tipBar";
+  import {ocrRecognize, driverInfoVerify, driverInfoVerifyDetail, infoVerifyProgress} from '@/api/authentication.js'
+  import { leftCopy } from '@/utils/common.js'
+  import { myMixins } from '@/utils/myMixins.js'
+  export default {
+    name: "bankInfo",
+    components: {
+      tipBar,
+      photoItem,
+      fixedButton,
+      // protocolDialog
+    },
+    mixins: [myMixins],
+    data() {
+      return {
+        bank: require('@/assets/authentication/bank_icon1.png'),
+        show: undefined,
+        form: {
+          bankCardFront: '',
+          bankName: '',
+          cardNumber: '',
+          name: '',
+        },
+        type:localStorage.getItem('type')
+      }
+    },
+    async mounted() {
+      // 禁止双击放大
+      let lastTouchEnd = 0;
+      document.addEventListener('touchend', (event) => {
+        const now = Date.now();
+        if (now - lastTouchEnd <= 300) {
+          event.preventDefault(); // 阻止双击放大
+        }
+        lastTouchEnd = now;
+      }, { passive: false });
+
+      // if(options?.show) {
+        this.show = true
+      // }
+      if( this.show ) {
+        await this.getDetail()
+      }
+    },
+    methods: {
+      async clickHandler() {
+        if(!this.form.bankCardFront) {
+           this.$toast('银行卡照片未上传');
+          return
+        }
+        if( this.form.name && this.form.cardNumber && this.form.bankName ) {
+          let res = await driverInfoVerify( {
+            verifyType: 4,
+            ...this.form,
+            type: this.type || 'full',
+          })
+          this.$toast('操作成功')
+          await this.getRegisterInfo({
+            verifyType: 4
+          })
+          setTimeout(() => {
+            this.goListPage()
+          }, 100)
+          console.log('注册', res)
+        } else {
+           this.$toast('银行卡信息识别错误')
+        }
+      },
+      async getRegisterInfo(data) {
+        let res = await infoVerifyProgress( data)
+        localStorage.setItem('infoVerify', res?.data?.infoVerify?.code)
+        localStorage.setItem('failReason', res?.data?.verifyRemark)
+        localStorage.setItem('authIsSuccess', res?.data?.authIsSuccess)
+        localStorage.setItem('name', res?.data?.name)
+      },
+      goListPage(){
+        this.goPage('auditList',{
+          token:localStorage.getItem('token')
+        })
+      },
+      async bankHandler(data) {
+        this.form.bankName = ''
+        this.form.cardNumber = ''
+        this.form.name = ''
+        this.form.bankCardFront = data
+        let res = await this.orcHandler(this.form.bankCardFront, 5)
+        leftCopy(this.form, {...res?.data?.data})
+      },
+      async getDetail() {   // 认证详情
+        let res = await driverInfoVerifyDetail( {
+          verifyType: 4
+        })
+        leftCopy(this.form, {...res?.data?.bankCardInfoData})
+        console.log('bank', res)
+      },
+      async orcHandler(url, type) {     // ocr 识别
+        let res = await ocrRecognize( {
+          ocrType: type,
+          imageUrl: url
+        });
+        return res;
+      },
+    }
+  }
+</script>
+
+<style lang="scss">
+  @import "@/styles/common.scss";
+  @import "@/styles/infoShow.scss";
+  page {
+    background: #F4F5F7;
+  }
+  .content{
+    height: 100%;
+    overflow-y: auto;
+    -webkit-overflow-scrolling: touch; /* 启用iOS惯性滚动 */
+    scroll-behavior: smooth; /* 平滑滚动（部分浏览器支持） */
+  }
+  .navBar{
+    margin-bottom: 46px;
+  }
+</style>

src/views/rvDriverAuthentication/carAudit.vue

@@ -0,0 +1,237 @@
+<template>
+  <div class="content">
+    <div class="navBar">
+      <van-nav-bar
+          title="驾驶证认证"
+          left-arrow
+          left-arrow-color="#FFFFFF"
+          :border="false"
+          :fixed="true"
+          :safe-area-inset-top="true"
+          @click-left="goListPage"
+      />
+    </div>
+    <tip-bar :title="'应国家政策要求：从事货运行业的司机用户，身份证照片、驾驶证信息、行驶证信息、人车合影及承运资质信息必须进行实名认证。'"></tip-bar>
+    <photo-item title="上传驾驶证" :left-url="form.drivingLicenceFront || carFront" :right-url="form.drivingLicenceContrary || carBack"
+                :show="show" @leftImg="carFrontHandler" @rightImg="carBackHandler"></photo-item>
+    <div class="carInfo">
+      <div class="left_wrap title">
+        <div class="form_item">
+          <div>
+            <span class="star">*</span>
+            <span>姓名</span>
+          </div>
+          <span class="phone">{{form.name}}</span>
+        </div>
+        <div class="form_item">
+          <div>
+            <span class="star">*</span>
+            <span>身份证号</span>
+          </div>
+          <input class="phone" type="text" placeholder="请输入持卡人身份证号" v-model="form.licenseNumber">
+        </div>
+        <div class="form_item">
+          <div>
+            <span class="star">*</span>
+            <span>准驾类型</span>
+          </div>
+          <span class="phone">{{form.approvedType}}</span>
+        </div>
+        <div class="form_item">
+          <div>
+            <span class="star">*</span>
+            <span>初次领证日期</span>
+          </div>
+          <span class="phone">{{form.initialIssueDate}}</span>
+        </div>
+        <div class="form_item">
+          <div>
+            <span class="star">*</span>
+            <span>有效期限</span>
+          </div>
+          <span class="phone">{{form.validPeriod}}</span>
+        </div>
+        <div class="form_item">
+          <div>
+            <span class="star">*</span>
+            <span>档案编号</span>
+          </div>
+          <span class="phone">{{form.recordNumber}}</span>
+        </div>
+      </div>
+    </div>
+    <fixed-button  @myClick="clickHandler" v-if="showFun()"></fixed-button>
+<!--    <protocol-dialog></protocol-dialog>-->
+  </div>
+</template>
+
+<script>
+  // import protocolDialog from "./component/protocolDialog";
+  import fixedButton from "./component/fixedButton";
+  import photoItem from "./component/photoItem";
+  import tipBar from "./component/tipBar";
+  import {ocrRecognize, driverInfoVerify, driverInfoVerifyDetail, infoVerifyProgress} from '@/api/authentication.js'
+  import { leftCopy } from '@/utils/common.js'
+  import { myMixins } from '@/utils/myMixins.js'
+  export default {
+    name: "carAudit",
+    components: {
+      tipBar,
+      photoItem,
+      fixedButton,
+      // protocolDialog
+    },
+    mixins: [ myMixins ],
+    data() {
+      return {
+        carFront: require('@/assets/authentication/car_icon1.png'),
+        carBack: require('@/assets/authentication/car_icon2.png'),
+        form: {
+          name: '',
+          drivingLicenceFront: '',
+          drivingLicenceContrary: '',
+          licenseNumber: '',
+          approvedType: '',   // 准驾车型
+          initialIssueDate: '',     // 初次领证日期
+          validPeriod: '',          // 有效期
+          recordNumber: '',    // 档案编号
+        },
+        show: undefined,
+        type:  'full',
+      }
+    },
+    async mounted() {
+      // 禁止双击放大
+      let lastTouchEnd = 0;
+      document.addEventListener('touchend', (event) => {
+        const now = Date.now();
+        if (now - lastTouchEnd <= 300) {
+          event.preventDefault(); // 阻止双击放大
+        }
+        lastTouchEnd = now;
+      }, { passive: false });
+
+      // if(options?.show) {
+        this.show = true
+      // }
+      if( this.show ) {
+        await this.getDetail()
+      }
+    },
+    methods: {
+      backInit() {
+        this.form.recordNumber = ''
+      },
+      frontInit() {
+        this.form.licenseNumber = ''
+        this.form.approvedType = ''
+        this.form.initialIssueDate = ''
+        this.form.validPeriod = ''
+      },
+      async carFrontHandler(data) {
+        await this.frontInit();
+        this.form.drivingLicenceFront = data
+        await this.idOrcHandler(this.form.drivingLicenceFront)
+      },
+      async carBackHandler(data) {
+        await this.backInit();
+        this.form.drivingLicenceContrary = data
+        await this.idOrcHandler(this.form.drivingLicenceContrary, 'back')
+      },
+      async idOrcHandler(url, type = 'front') {     // ocr 识别
+        let res = await ocrRecognize({
+          ocrType: 2,
+          imageUrl: url
+        });
+        let carInfo
+        if(type == 'back') {
+          carInfo = res?.data?.data?.back?.data
+          this.form.recordNumber = carInfo?.recordNumber || ''
+        } else {
+          carInfo = res?.data?.data?.face?.data
+          leftCopy(this.form, {...carInfo})
+        }
+
+      },
+      async getDetail() {   // 认证详情
+        let res = await driverInfoVerifyDetail( {
+          verifyType: 2
+        })
+        leftCopy(this.form, {...res?.data?.drivingLicenseInfoData})
+        console.log('carAudit', res)
+      },
+      async clickHandler() {  // 点击去认证
+        if( !this.form.drivingLicenceFront ) {
+          this.$toast('驾驶证正面照片未上传')
+          return
+        }
+        if( !this.form.drivingLicenceContrary ) {
+          this.$toast('驾驶证反面照片未上传')
+          return
+        }
+        if(!this.form.licenseNumber || !this.form.initialIssueDate || !this.form.validPeriod) {
+          this.$toast('驾驶证正面识别错误，请重新上传')
+          return
+        }
+        if(!this.form.recordNumber) {
+          this.$toast('驾驶证反面识别错误，请重新上传')
+          return
+        }
+        await driverInfoVerify({
+          verifyType: 2,
+          type: this.type || 'full',
+          ...this.form,
+        })
+        this.$toast('操作成功')
+        await this.getRegisterInfo({
+          verifyType: 2
+        })
+        setTimeout(() => {
+          this.goListPage()
+        }, 100)
+      }, async getRegisterInfo(data) {
+        let res = await infoVerifyProgress( data)
+        localStorage.setItem('infoVerify', res?.data?.infoVerify?.code)
+        localStorage.setItem('failReason', res?.data?.verifyRemark)
+        localStorage.setItem('authIsSuccess', res?.data?.authIsSuccess)
+        localStorage.setItem('name', res?.data?.name)
+      },
+      goListPage(){
+        this.goPage('auditList',{
+          token:localStorage.getItem('token')
+        })
+      },
+    }
+  }
+</script>
+
+<style lang="scss">
+  @import "@/styles/common.scss";
+  @import "@/styles/infoShow.scss";
+  page {
+    background: #F4F5F7;
+  }
+  .content{
+
+    height: 100%;
+    overflow-y: auto;
+    -webkit-overflow-scrolling: touch; /* 启用iOS惯性滚动 */
+    scroll-behavior: smooth; /* 平滑滚动（部分浏览器支持） */
+  }
+  .navBar{
+    margin-bottom: 46px;
+  }
+  .carInfo .title {
+    width: 100% !important;
+  }
+  .form_item {
+    line-height: 30px;
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+  }
+  .phone  {
+    flex: 1;
+    text-align: right;
+  }
+</style>

src/views/rvDriverAuthentication/carInfoAudit.vue

@@ -0,0 +1,446 @@
+<template>
+  <div class="content">
+    <div class="navBar">
+      <van-nav-bar
+          title="车辆信息认证"
+          left-arrow
+          left-arrow-color="#FFFFFF"
+          :border="false"
+          :fixed="true"
+          :safe-area-inset-top="true"
+          @click-left="goListPage"
+      />
+    </div>
+    <tip-bar :title="'应国家政策要求：从事货运行业的司机用户，身份证照片、驾驶证信息、行驶证信息、人车合影及承运资质信息必须进行实名认证。'"></tip-bar>
+    <div class="titleWrap">
+      <div class="natureWrap">
+        <span class="title"><span class="star">*</span>业务性质</span>
+        <van-radio-group @change="radioChange" v-model="form.businessNature" class="flexWrap">
+          <van-radio :name="1">全国跑圈业务</van-radio>
+          <van-radio :name="2">固定区域救援业务</van-radio>
+        </van-radio-group>
+      </div>
+      <div class="natureWrap regionWrap" v-if="form.businessNature == 2" >
+        <span class="title"><span class="star">*</span>所在地区</span>
+        <div class="pickerWrap picker" @click="areaShow = true" >{{regionText}}</div>
+      </div>
+    </div>
+    <photo-item title="上传行驶证" :left-url="form.vehicleLicenseFront || driveFront" :right-url="form.vehicleLicenseBack || driveBack" v-if="type != 'simple'"
+                :show="show" @leftImg="vehicleFrontHandler" @rightImg="vehicleBackHandler"></photo-item>
+    <photo-item title="上传车辆照片" :left-url="form.vehicleFrontPhoto || carHead" :right-url="form.peopleVehiclePhoto || personCar" v-if="type != 'simple'"
+                :show="show" @leftImg="carPhotoHandler" @rightImg="personPhotoHandler"></photo-item>
+    <photo-item title="是否有救援责任险/货物运输险" :url-list="form.carrierLiabilityInsurancePhoto" :in-sure="form.hasInsurancePhoto"
+                :show="show" @urlList="carrierHandler" @insureHandle="insureHandle"></photo-item>
+    <div class="titleWrap">
+      <div class="natureWrap">
+        <span class="title"><span class="star">*</span>随车小轮个数</span>
+        <van-radio-group v-model="form.wheelNum" class="flexWrap">
+          <van-radio v-for="item in tyreOptions" :key="item.value"  :name="item.value">{{item.name}}</van-radio>
+        </van-radio-group>
+      </div>
+    </div>
+    <div class="carInfo" v-if="type != 'simple'">
+      <div class="left_wrap title">
+        <div class="form_item">
+          <div>
+            <span class="star">*</span>
+            <span>车牌号</span>
+          </div>
+          <span class="phone">{{form.licensePlateNumber}}</span>
+        </div>
+        <div class="form_item">
+          <div>
+            <span class="star">*</span>
+            <span>车架号</span>
+          </div>
+          <span class="phone">{{form.vinCode}}</span>
+        </div>
+        <div class="form_item">
+          <div>
+            <span class="star">*</span>
+            <span>车型</span>
+          </div>
+          <span class="phone">{{form.vehicleType}}</span>
+        </div>
+        <div class="form_item">
+          <div>
+            <span class="star">*</span>
+            <span>品牌车型</span>
+          </div>
+          <span class="phone">{{form.vehicleLicenseModel}}</span>
+        </div>
+        <div class="form_item">
+          <div>
+            <span class="star">*</span>
+            <span>行驶证人</span>
+          </div>
+          <span class="phone">{{form.vehicleLicenseOwner}}</span>
+        </div>
+        <div class="form_item">
+          <div>
+            <span>检验记录</span>
+          </div>
+          <span class="phone">{{form.inspectionRecord}}</span>
+        </div>
+        <div class="form_item">
+          <div>
+            <span class="star">*</span>
+            <span>总质量</span>
+          </div>
+          <span class="phone">{{form.totalWeight}}</span>
+        </div>
+        <div class="form_item">
+          <div>
+            <span class="star">*</span>
+            <span>整备质量</span>
+          </div>
+          <span class="phone">{{form.curbWeight}}</span>
+        </div>
+        <div class="form_item">
+          <div>
+            <span class="star">*</span>
+            <span>外廓尺寸</span>
+          </div>
+          <span class="phone">{{form.overallDimension}}</span>
+        </div>
+        <div class="form_item">
+          <div>
+            <span class="star"></span>
+            <span>档案编号</span>
+          </div>
+          <span class="phone">{{form.vehicleLicenseRecordNumber}}</span>
+        </div>
+        <div class="form_item">
+          <div>
+            <span class="star"></span>
+            <span>行驶证备注</span>
+          </div>
+          <span class="phone">{{form.vehicleLicenseRemarks}}</span>
+        </div>
+        <div class="form_item">
+          <div>
+            <span class="star">*</span>
+            <span>车头照片中的车牌号码</span>
+          </div>
+          <span class="phone">{{form.carNumber}}</span>
+        </div>
+      </div>
+    </div>
+    <fixed-button @myClick="clickHandler" v-if="showFun()" :noBg="true"></fixed-button>
+    <van-popup
+        v-model="areaShow"
+        position="bottom"
+    >
+      <van-area title="标题" :area-list="areaList" :columns-num="3"  closeable="true" :value="form.areaCode ? String(form.areaCode) : ''"
+                @cancel="areaShow = false" @confirm="confirmHandle"/>
+    </van-popup>
+  </div>
+</template>
+
+<script>
+  import fixedButton from "./component/fixedButton";
+  import photoItem from "./component/photoItem";
+  import tipBar from "./component/tipBar";
+  import {ocrRecognize, driverInfoVerify, driverInfoVerifyDetail, infoVerifyProgress} from '@/api/authentication.js'
+  import { leftCopy } from '@/utils/common.js'
+  import { myMixins } from '@/utils/myMixins.js'
+  import {areaList} from "@vant/area-data";
+  export default {
+    name: "carInfoAudit",
+    components: {
+      tipBar,
+      photoItem,
+      fixedButton,
+    },
+    mixins: [myMixins],
+    data() {
+      return {
+        areaList: areaList,
+        areaShow:false,
+        region: [],
+        driveFront: require('@/assets/authentication/carInfo_icon1.png'),
+        driveBack: require('@/assets/authentication/carInfo_icon2.png'),
+        carHead:require('@/assets/authentication/carInfo_icon3.png'),
+        personCar:require('@/assets/authentication/carInfo_icon4.png'),
+        liabilityInsurance:require('@/assets/authentication/carInfo_icon5.png'),
+        form: {
+          vehicleLicenseFront: '',   // 行驶证主页照片
+          vehicleLicenseBack: '',    // 行驶证副页照片
+          vehicleLicenseAddress: '', // 行驶证地址
+					engineNumber: '',          // 行驶证发动机号
+          licensePlateNumber: '',    // 车牌号
+          vinCode: '',               // 车架号
+          vehicleType: '',           // 车型
+          vehicleLicenseModel: '',   // 行驶证车辆品牌车型
+          vehicleLicenseOwner: '',   // 行驶证所有人
+          inspectionRecord: '',      // 检验记录
+          totalWeight: '',           // 总质量
+          curbWeight: '',            // 整备质量
+          overallDimension: '',      // 外廓尺寸
+          vehicleLicenseRecordNumber: '',          // 行驶证档案编号
+          vehicleLicenseRemarks: '',               // 行驶证备注
+          vehicleFrontPhoto: '',     // 车头照片
+          carNumber: '',             // 车头照片中的车牌号码
+          peopleVehiclePhoto: '',    // 人车合影照片
+          carrierLiabilityInsurancePhoto: [],   // 承运人责任险照片,如多张用英文逗号分开
+          businessNature:'',
+          areaCode:'',
+          hasInsurancePhoto:'',
+          wheelNum:-1,
+          region:[],
+        },
+        show: undefined,
+        type:  'full',
+        tyreOptions:[{value:0,name:'0'},{value:2,name:'2'},{value:4,name:'4'}]
+      }
+    },
+    async mounted() {
+      // 禁止双击放大
+      let lastTouchEnd = 0;
+      document.addEventListener('touchend', (event) => {
+        const now = Date.now();
+        if (now - lastTouchEnd <= 300) {
+          event.preventDefault(); // 阻止双击放大
+        }
+        lastTouchEnd = now;
+      }, { passive: false });
+
+      // if(options?.show) {
+        this.show = true
+      // }
+      if(this.show) {
+        await this.getDetail()
+      }
+    },
+    methods: {
+      confirmHandle(val){
+        this.region=[]
+        val?.forEach(item => this.region.push(item.name))
+        let code=[]
+        val?.forEach(item => code.push(item.code))
+        this.form.areaCode=code[code.length - 1]
+        this.areaShow=false
+      },
+      radioChange(){
+        if(this.form.businessNature==1){
+          this.region=[]
+          this.form.areaCode=''
+        }
+      },
+      async getDetail() {   // 认证详情
+        let res = await driverInfoVerifyDetail( {
+          verifyType: 3
+        })
+        leftCopy(this.form, {...res?.data?.vehicleInfoData})
+        console.log("this.form",this.form)
+        this.form.carrierLiabilityInsurancePhoto=this.form.carrierLiabilityInsurancePhoto ? res?.data?.vehicleInfoData?.carrierLiabilityInsurancePhoto?.split(',') : []
+        if(this.form.businessNature==2){
+          this.region=res?.data?.vehicleInfoData?.region
+          if(this.region[0].includes('市')){
+            this.region?.unshift(this.region[0])
+          }
+        }else {
+          this.region=[]
+        }
+      },
+      async clickHandler() {
+        if( this.type != 'simple' ) {
+          if(!this.form.businessNature){
+            this.$toast('请选择业务性质')
+            return
+          }
+          if(this.form.businessNature==2 && !this.form.areaCode){
+            this.$toast('请选择所在地区')
+            return
+          }
+          if(!this.form.vehicleLicenseFront) {
+            this.$toast('行驶证主页未上传')
+            return
+          }
+          if(!this.form.licensePlateNumber || !this.form.vehicleType ) {
+            this.$toast('行驶证主页信息识别错误')
+            return
+          }
+          if(!this.form.vehicleLicenseBack) {
+            this.$toast('行驶证副页未上传')
+            return
+          }
+          if(!this.form.totalWeight) {
+            this.$toast('行驶证副页信息识别错误')
+            return
+          }
+          if(!this.form.carNumber) {
+            this.$toast('车辆信息识别错误')
+            return
+          }
+          if( !this.form.peopleVehiclePhoto ) {
+            this.$toast('人车合影未上传')
+            return
+          }
+          if(this.form.hasInsurancePhoto == -1){
+            this.$toast('请选择是否有救援责任险')
+            return
+          }
+          if(this.form.hasInsurancePhoto==1 && this.form.carrierLiabilityInsurancePhoto?.length<=0){
+            this.$toast('救援责任险/货物运输险未上传')
+            return
+          }
+          if(this.form.wheelNum==-1){
+            this.$toast('请选择随车小轮个数')
+            return
+          }
+        }
+        await driverInfoVerify( {
+          verifyType: 3,
+          type: this.type || 'full',
+          ...this.form,
+          carrierLiabilityInsurancePhoto:this.form.carrierLiabilityInsurancePhoto?.length>0 ? this.form.carrierLiabilityInsurancePhoto?.join(',') : ''
+        })
+        this.$toast('操作成功')
+        await this.getRegisterInfo({
+          verifyType: 3
+        })
+        setTimeout(() => {
+          this.goListPage()
+        }, 100)
+      },
+      async getRegisterInfo(data) {
+        let res = await infoVerifyProgress( data)
+        localStorage.setItem('infoVerify', res?.data?.infoVerify?.code)
+        localStorage.setItem('failReason', res?.data?.verifyRemark)
+        localStorage.setItem('authIsSuccess', res?.data?.authIsSuccess)
+        localStorage.setItem('name', res?.data?.name)
+      },
+      carrierHandler(data) {    // 承运人责任险照片
+        console.log("data",data)
+        this.form.carrierLiabilityInsurancePhoto = data
+      },
+      insureHandle(val){
+        this.form.hasInsurancePhoto=val
+      },
+      vehicleFrontInit() {
+        this.form.licensePlateNumber = ''
+        this.form.vinCode = ''
+        this.form.vehicleType = ''
+        this.form.vehicleLicenseModel = ''
+        this.form.vehicleLicenseOwner = ''
+      },
+      async vehicleFrontHandler(data) {   // 行驶证正面照，及ocr识别
+        console.log("vehicleFrontHandler",data)
+        await this.vehicleFrontInit()
+        this.form.vehicleLicenseFront = data
+        let vehicleInfo = await this.orcHandler(this.form.vehicleLicenseFront, 3)
+        let tempInfo = vehicleInfo?.data?.data?.face?.data
+        this.form.licensePlateNumber = tempInfo.licensePlateNumber
+        this.form.vinCode = tempInfo.vinCode
+        this.form.vehicleType = tempInfo.vehicleType
+        this.form.vehicleLicenseModel = tempInfo.model
+        this.form.vehicleLicenseOwner = tempInfo.owner
+        this.form.vehicleLicenseAddress = tempInfo.address
+				this.form.engineNumber = tempInfo.engineNumber
+      },
+      vehicleBackInit() {
+        this.form.inspectionRecord = ''
+        this.form.totalWeight = ''
+        this.form.curbWeight = ''
+        this.form.overallDimension = ''
+        this.form.vehicleLicenseRecordNumber = ''
+        this.form.vehicleLicenseRemarks = ''
+      },
+      async vehicleBackHandler(data) {
+        await this.vehicleBackInit()
+        this.form.vehicleLicenseBack = data
+        let vehicleInfo = await this.orcHandler(this.form.vehicleLicenseBack, 3)
+        let tempInfo = vehicleInfo?.data?.data?.back?.data
+        this.form.inspectionRecord = tempInfo.inspectionRecord
+        this.form.totalWeight = tempInfo.totalWeight
+        this.form.curbWeight = tempInfo.curbWeight
+        this.form.overallDimension = tempInfo.overallDimension
+        this.form.vehicleLicenseRecordNumber = tempInfo.recordNumber
+        this.form.vehicleLicenseRemarks = tempInfo.remarks
+      },
+      async carPhotoHandler(data) {   // 车头照
+        this.form.carNumber = ''
+        this.form.vehicleFrontPhoto = data
+        let carInfo = await this.orcHandler(this.form.vehicleFrontPhoto, 6)
+        this.form.carNumber = carInfo?.data
+      },
+      personPhotoHandler(data){     // 人车合影
+        this.form.peopleVehiclePhoto = data
+      },
+      async orcHandler(url, type) {     // ocr 识别
+        let res = await ocrRecognize( {
+          ocrType: type,
+          imageUrl: url
+        });
+        return res;
+      },
+      goListPage(){
+        this.goPage('auditList',{
+          token:localStorage.getItem('token')
+        })
+      },
+    },
+    computed: {
+      regionText() {
+        return this.region.length ? `${this.region[0]}/${this.region[1]}/${this.region[2]}` : '请选择所在地区';
+      }
+    },
+  }
+</script>
+
+<style lang="scss">
+  @import "@/styles/common.scss";
+  @import "@/styles/infoShow.scss";
+  page {
+    background: #F4F5F7;
+  }
+  .navBar{
+    margin-bottom: 46px;
+  }
+  .content {
+    padding-bottom: 86px;
+    height: 100%;
+    overflow-y: auto;
+    -webkit-overflow-scrolling: touch; /* 启用iOS惯性滚动 */
+    scroll-behavior: smooth; /* 平滑滚动（部分浏览器支持） */
+  }
+  .carInfo .title {
+    width: 100% !important;
+  }
+  .form_item {
+    line-height: 30px;
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+  }
+  .carInfo {
+    padding-bottom: 86px;
+  }
+  .star{
+    color: red;
+    margin-right: 3px;
+  }
+  .titleWrap{
+    margin-bottom: 10px;
+    background-color: #FFFFFF;
+    padding: 15px 12px 15px 17px;
+    .natureWrap{
+      display: flex;
+      align-items: center;
+      justify-content: space-between;
+      font-size: 13px !important;
+    }
+    .regionWrap{
+      margin-top: 8px;
+    }
+    .flexWrap{
+      display:flex;
+      align-items: center;
+      ::v-deep .van-radio__icon{
+        transform: scale(0.8);
+        transform-origin: center; /* 保持中心点不变 */
+      }
+    }
+  }
+</style>

src/views/rvDriverAuthentication/component/auditItem.vue

@@ -0,0 +1,131 @@
+<template>
+  <div class="audit_item flex flex_between">
+    <div class="item_left flex">
+      <img class="main_img mr15" :src="url" />
+      <div class="flex_fit">
+        <div class="main_title active">{{title}}</div>
+        <div class="main_tip">{{tip}}</div>
+      </div>
+    </div>
+    <div class="pass_item" v-if="pass" @click="showDetail">
+      <span>{{status}}</span>
+      <img v-if="title != '审核信息'" class="arrow_icon" src="@/assets/authentication/arrow_right.png" />
+    </div>
+    <div class="uploadBtn" :class="{'activeBtn': currentClass }"
+          v-else-if="!pass && buttonHide" @click="uploadHandler">{{buttonTitle}}</div>
+  </div>
+</template>
+
+<script>
+  export default {
+    name: "auditItem",
+    data() {
+      return {
+      }
+    },
+    methods: {
+      uploadHandler(){
+        if( !this.pass && this.currentClass ) {
+          this.$emit('upload')
+        }
+      },
+      showDetail() {
+        this.$emit('detail')
+      }
+    },
+    props: {
+      buttonHide: {
+        type: Boolean,
+        default: true
+      },
+      status: {
+        type: String,
+        default: '查看'
+      },
+      title: {
+        type: String,
+        default: ''
+      },
+      tip: {
+        type: String,
+        default: ''
+      },
+      url: {
+        type: String,
+        default: require('@/assets/authentication/aduit_icon1.png')
+      },
+      pass: {
+        type: Boolean,
+        default: false
+      },
+      currentClass: {
+        type: Boolean,
+        default: false
+      },
+      buttonTitle: {
+        type: String,
+        default: '上传'
+      }
+    }
+  }
+</script>
+
+<style lang="scss" scoped>
+  .audit_item {
+    width: 100%;
+    padding: 20px 0;
+    box-sizing: border-box;
+    position: relative;
+    .item_left {
+      flex: 1;
+      .main_img {
+        width: 36px;
+        height: 36px;
+      }
+      .flex_fit {
+        flex: 1;
+      }
+      .main_title {
+        font-size: 17px;
+        font-weight: bold;
+        line-height: 24px;
+        color: #33495E;
+      }
+      .active {
+        color: #33495E;
+      }
+      .main_tip {
+        font-size: 14px;
+        font-weight: 500;
+        color: #33495E;
+        line-height: 20px;
+        margin-right: 5px;
+      }
+    }
+    .uploadBtn {
+      width: 68px;
+      height: 31px;
+      background: rgba($color: #5B739D, $alpha: 0.24);
+      color: #fff;
+      font-size: 13px;
+      border-radius: 4px;
+      line-height: 31px;
+      text-align: center;
+    }
+    .activeBtn {
+      background: #3364B7;
+    }
+    .pass_item {
+      font-size: 13px;
+      color: rgba($color: #000, $alpha: 0.59);
+      .arrow_icon {
+        width: 8px;
+        height: 12px;
+        vertical-align: sub;
+        margin-left: 5px;
+      }
+    }
+
+
+  }
+</style>

src/views/rvDriverAuthentication/component/fixedButton.vue

@@ -0,0 +1,56 @@
+<template>
+  <div class="button_fixed" :class="{ 'noBg': noBg }">
+    <div class="button_wrap" @click="clickHandler">
+      {{title}}
+    </div>
+  </div>
+</template>
+
+<script>
+  export default {
+    name: "fixedButton",
+    props: {
+      title: {
+        type: String,
+        default: '下一步'
+      },
+      noBg: {
+        type: Boolean,
+        default: false
+      }
+    },
+    methods: {
+      clickHandler() {
+        this.$emit('myClick')
+      }
+    }
+  }
+</script>
+
+<style lang="scss" scoped>
+
+  .button_fixed {
+    width: 100%;
+    background: #F4F5F7;
+    padding: 20px 0;
+    box-sizing: border-box;
+    position: fixed;
+    bottom: 0;
+    left: 0;
+    z-index: 1111;
+    .button_wrap {
+      width: calc(100% - 80px);
+      height: 46px;
+      background: #354D93;
+      border-radius: 23px;
+      margin: 0 auto;
+      line-height: 46px;
+      color: #fff;
+      font-size: 15px;
+      text-align: center;
+    }
+  }
+  .noBg {
+    background: none
+  }
+</style>

src/views/rvDriverAuthentication/component/photoItem.vue

@@ -0,0 +1,301 @@
+<template>
+  <div class="photo_wrap">
+    <template  v-if="title.indexOf('责任险/货物') !== -1">
+      <div class="photo_title custom-title">
+        <span><span class="star">*</span>{{title}}</span>
+        <van-radio-group @change="radioChange" v-model="form.isInsure" class="flexWrap">
+          <van-radio :name="0">否</van-radio>
+          <van-radio :name="1">是</van-radio>
+        </van-radio-group>
+      </div>
+      <div class="photoWrap" v-if="inSure == 1">
+          <van-uploader  :after-read="(file) => afterRead(file,'urlList')" class="customUploadMul" @click-upload="(event)=>clickUpload(event,'urlList')">
+<!--            -->
+<!--            :max-count="3"  v-model="fileList" multiple  :deletable="true" -->
+            <template v-if="urlList.length > 0">
+              <div v-for="(item, index) in urlList" :key="index" class="uploaded-item">
+                <img class="photo_item" mode="widthFix" :src="item.replace(/http:\/\//g, 'https://')" />
+              </div>
+            </template>
+            <template v-if="urlList.length < 3 && showFun()">
+              <div class="tipWrap">
+                <img class="photo_item" mode="widthFix" src="@/assets/authentication/carInfo_icon5.png"/>
+                <img class="camera" v-if="showFun()" src="@/assets/authentication/camera.png" />
+                <span class="picNum">({{ urlList.length }}/3)</span>
+              </div>
+            </template>
+          </van-uploader>
+      </div>
+    </template>
+    <template v-else>
+      <div class="photo_title">
+        <span class="star">*</span>
+        <span>{{title}}</span>
+      </div>
+      <div class="photo_img flex flex_between">
+        <van-uploader v-if="leftUrl"  :after-read="(file) => afterRead(file,'leftImg')" class="customUpload"   @click-upload="(event)=>clickUpload(event,'leftImg')">
+          <template v-if="form.leftImg">
+            <img class="photo_item" mode="widthFix" :src="form.leftImg.replace(/http:\/\//g, 'https://')" />
+          </template>
+          <template v-else>
+            <img class="photo_item"   mode="widthFix" :src="leftUrl" />
+            <img class="camera" v-if="showFun()" src="@/assets/authentication/camera.png" />
+          </template>
+        </van-uploader>
+        <van-uploader v-if="rightUrl"  :after-read="(file) => afterRead(file,'rightImg')" class="customUpload"  @click-upload="(event)=>clickUpload(event,'rightImg')">
+          <template v-if="form.rightImg">
+            <img class="photo_item" mode="widthFix" :src="form.rightImg.replace(/http:\/\//g, 'https://')" />
+          </template>
+          <template v-else>
+            <img class="photo_item" mode="widthFix" :src="rightUrl" />
+            <img class="camera" v-if="showFun()" src="@/assets/authentication/camera.png" />
+          </template>
+        </van-uploader>
+      </div>
+    </template>
+  </div>
+</template>
+
+<script>
+import {uploadImage} from "@/api/mine";
+import { ImagePreview } from 'vant';
+
+/*let baseUrl=''
+if (window.location.href.includes('www.sinoassist.com')) {
+  baseUrl = 'https://www.sinoassist.com'
+} else {
+  baseUrl = 'https://crm1.sino-assist.com'
+}*/
+export default {
+    name: "photoItem",
+    props: {
+      title: {
+        type: String,
+      },
+      leftUrl: {
+        type: String,
+        default: require('@/assets/authentication/person_header.png')
+      },
+      rightUrl: {
+        type: String,
+      },
+      show: {
+
+      },
+      urlList: {
+        type: Array,
+        default: ()=>[]
+      },
+      inSure:{
+        type:Number,
+      }
+    },
+    data() {
+      return {
+        form: {
+          leftImg: '',
+          rightImg: '',
+          urlList:[],
+          isInsure:'',
+        },
+        options:[{value:0,name:'否'},{value:1,name:'是'}],
+      }
+    },
+    mounted() {
+      setTimeout(()=>{
+        this.form.isInsure=this.inSure
+        // this.form.isInsure=1
+      },1500)
+    },
+    methods: {
+      clickUpload(event,type){
+        if (!this.showFun()) {
+          let url=[]
+          if (type=='leftImg'){
+            url=[this.leftUrl?.replace(/http:\/\//g, 'https://')]
+          }else if(type=='rightImg'){
+            url= [this.rightUrl?.replace(/http:\/\//g, 'https://')]
+          }else{
+            url=this.urlList?.map(item => item?.replace(/http:\/\//g, 'https://'))
+          }
+           ImagePreview({
+            images: url,
+            closeable: true,
+            showIndex:false
+          });
+          console.log(url)
+          event.stopPropagation(); // 阻止事件冒泡
+          event.preventDefault(); // 阻止默认上传行为（如果支持）
+          return false; // 阻止后续逻辑
+        }
+        // 默认行为（允许上传）
+      },
+      async afterRead(file,type){ // 支持多文件上传
+        const formData = new FormData();
+        formData.append("file" , file.file);
+        let res = await uploadImage(formData)
+        if (type=='urlList'){
+          console.log("this.urlList",this.urlList?.length)
+          if(this.urlList?.length==3){
+            const updatedList = [...this.urlList];
+            updatedList[2] = res?.data?.replace(/http:\/\//g, 'https://');
+            this.form.urlList = updatedList;
+          }else{
+            this.form.urlList=[res?.data?.replace(/http:\/\//g, 'https://'),...this.urlList]
+          }
+          const uniqueUrls =  this.form.urlList?.reduce((acc, url) => {
+            if (!acc.includes(url)) {
+              acc.push(url);
+            }
+            return acc;
+          }, []);
+          this.$emit(type, uniqueUrls)
+        }else{
+          this.form[type] = res.data
+          this.$emit(type, this.form[type])
+        }
+      },
+      radioChange(val){
+        this.$emit('insureHandle',val)
+        if(this.form.isInsure==0){
+          this.form.urlList=[]
+          this.$emit('urlList', this.form.urlList)
+        }
+      },
+      showFun() {
+        if( localStorage.getItem('infoVerify') == 8 || localStorage.getItem('infoVerify') == 12 ) {
+          return false
+        }
+        return  true
+      },
+    }
+  }
+</script>
+
+<style lang="scss" scoped>
+  @import "@/styles/common.scss";
+  .customUpload{
+    width: calc(50% - 3px);
+    ::v-deep .van-uploader__input-wrapper{
+      width: 100% !important;
+    }
+  }
+  .customUploadMul{
+    width: 100%;
+    ::v-deep .van-uploader__input-wrapper{
+      width: 100% !important;
+      display: flex;
+      flex-wrap: wrap;
+     /* ::v-deep .van-uploader__preview{
+        width: 100% !important;
+      }*/
+    }
+    .uploaded-item,.tipWrap{
+      width: calc(50% - 3px);
+    }
+    ::v-deep .van-uploader__preview{
+      width: calc(50% - 3px);
+      margin: 0 0 8px 0;
+      .van-uploader__preview-image{
+        width: 100% !important;
+      }
+    }
+    ::v-deep .van-uploader__preview:nth-child(odd){
+     margin-right: 5px !important;
+    }
+  }
+  .photo_wrap {
+    padding: 20px 12px 22px 17px;
+    background: #FFFFFF;
+    margin-bottom: 10px;
+    .photo_title {
+      font-size: 14px;
+      padding-left: 10px;
+      margin-bottom: 5px;
+      .star {
+        color: red;
+        margin-right: 3px;
+      }
+    }
+    .custom-title{
+      display: flex;
+      justify-content: space-between;
+      .flexWrap{
+        display:flex;
+        ::v-deep .van-radio__icon{
+          //width: 24px;
+          transform: scale(0.8);
+          transform-origin: center; /* 保持中心点不变 */
+        }
+      }
+      .labelWrap{
+        margin-left: 10px;
+      }
+      .center{
+        align-items: center;
+        justify-content: center;
+      }
+    }
+    .photoWrap{
+      width: 100%;
+      display: flex;
+      flex-wrap: wrap;
+      .tipWrap{
+        position: relative;
+        display: flex;
+        flex-wrap: wrap;
+      }
+      .picNum{
+        position: absolute;
+        z-index: 111;
+        color: #206FFF ;
+        top: 3px;
+        right: 3px;
+        font-size: 11px;
+      }
+      div:nth-child(2n+1) {
+        margin-right: 4px;
+      }
+      div {
+        //width: calc(50% - 3px);
+        position: relative;
+        .photo_item {
+          width: 100%;
+          height: 95px !important;
+        }
+        .camera {
+          position: absolute;
+          left: 50%;
+          top: 50%;
+          transform: translate(-50%, -50%);
+          width: 35px;
+          height: 34px;
+        }
+      }
+    }
+    .photo_img {
+      width: 100%;
+      div {
+        width: calc(50% - 3px);
+        position: relative;
+        .photo_item {
+          width: 100%;
+          height: 95px !important;
+        }
+        .camera {
+          position: absolute;
+          left: 50%;
+          top: 50%;
+          transform: translate(-50%, -50%);
+          width: 35px;
+          height: 34px;
+        }
+      }
+    }
+  }
+</style>
+<style>
+.van-image-preview{
+  z-index: 9999999999 !important;
+}
+</style>

src/views/rvDriverAuthentication/component/protocolDialog.vue

@@ -0,0 +1,195 @@
+<template>
+  <div class="privacy" v-if="showPrivacy">
+    <div class="content">
+      <div class="title">隐私保护指引</div>
+      <div class="pop_con">
+        在使用当前小程序服务之前，请仔细阅读<text class="pop_protocol" @click="openPrivacyContract">{{privacyContractName}}</text>如你同意{{privacyContractName}}，请点击“同意”开始使用。
+      </div>
+      <div class="pop_button_wrap" :style="{'height': 50 + 'px', 'lineHeight': 50 + 'px'}">
+        <div class="border_right" @click="exitMiniProgram">
+          拒绝
+        </div>
+        <button id="agree-btn" plain="true" class="pop_confirm" open-type="agreePrivacyAuthorization" @agreeprivacyauthorization="handleAgreePrivacyAuthorization">同意</button>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+  import { myMixins } from '@/utils/myMixins.js';
+  import twoBtn from "@/components/twoBtn";
+  export default {
+    name: "protocolDialog",
+    data() {
+      return {
+        privacyContractName: '',
+        showPrivacy: false
+      }
+    },
+    components: {
+      twoBtn
+    },
+    mixins: [myMixins],
+    created() {
+      if (wx.getPrivacySetting) {
+        const version = wx.getAppBaseInfo().SDKVersion
+        if (this.compareVersion(version, '2.32.3') >= 0) {
+          wx.getPrivacySetting({
+            success: (res) => {
+              if (res.needAuthorization) {
+                this.showPrivacy = true;
+                this.privacyContractName = res.privacyContractName
+              } else{
+                this.$emit("agree")
+                this.showPrivacy = false;
+              }
+            }
+          })
+        }
+      } else {
+        // 低版本基础库不支持 wx.getPrivacySetting 接口，隐私接口可以直接调用
+        this.$emit("agree")
+        this.showPrivacy = false;
+      }
+    },
+    /**
+     * 组件的生命周期
+     */
+    pageLifetimes: {
+      show() {
+        const _ = this
+        const version = wx.getAppBaseInfo().SDKVersion
+        if (_.compareVersion(version, '2.32.3') >= 0) {
+          wx.getPrivacySetting({
+            success(res) {
+              console.log('隐私设置：', res)
+              if (res.errMsg == "getPrivacySetting:ok") {
+                this.privacyContractName = res.privacyContractName;
+                this.showPrivacy = res.needAuthorization;
+              }
+            }
+          })
+        }
+      }
+    },
+    /**
+     * 组件的方法列表
+     */
+    methods: {
+      // 打开隐私协议页面
+      openPrivacyContract() {
+        wx.openPrivacyContract({
+          fail: () => {
+            wx.showToast({
+              title: '遇到错误',
+              icon: 'error'
+            })
+          }
+        })
+      },
+      // 拒绝隐私协议
+      exitMiniProgram() {
+        // 直接退出小程序
+        wx.exitMiniProgram()
+        this.showPrivacy = false
+      },
+      // 同意隐私协议
+      handleAgreePrivacyAuthorization() {
+        console.log('我点击同意了')
+        this.showPrivacy = false
+        this.$emit('agree')
+      },
+      // 比较版本号
+      compareVersion(v1, v2) {
+        v1 = v1.split('.')
+        v2 = v2.split('.')
+        const len = Math.max(v1.length, v2.length)
+
+        while (v1.length < len) {
+          v1.push('0')
+        }
+        while (v2.length < len) {
+          v2.push('0')
+        }
+
+        for (let i = 0; i < len; i++) {
+          const num1 = parseInt(v1[i])
+          const num2 = parseInt(v2[i])
+
+          if (num1 > num2) {
+            return 1
+          } else if (num1 < num2) {
+            return -1
+          }
+        }
+
+        return 0
+      }
+    },
+  }
+</script>
+
+<style scoped lang="scss">
+  .privacy {
+    position: fixed;
+    top: 0;
+    right: 0;
+    bottom: 0;
+    left: 0;
+    background: rgba(0, 0, 0, .5);
+    z-index: 9999999;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    .content {
+      width: 632rpx;
+      padding-top: 48rpx !important;
+      box-sizing: border-box;
+      background: #fff;
+      border-radius: 16rpx;
+    }
+  }
+
+
+
+  .content .title {
+    font-size: 16px;
+    color: #000;
+    margin-bottom: 10px;
+    text-align: center;
+  }
+
+  /*登录弹框样式*/
+  .pop_con {
+    color: #203152;
+    font-size: 14px;
+    margin-bottom: 30px;
+    /*text-align: left;*/
+    padding: 0 20px;
+    line-height: 26px;
+    text-align: center;
+  }
+  .pop_protocol {
+    color: #1D64D2;
+    word-break: keep-all;
+  }
+
+  .pop_button_wrap {
+    display: flex;
+    border-top:  1rpx solid rgba($color: #979797, $alpha: 0.34);
+    div {
+      width: calc(50% - 1rpx);
+      text-align: center;
+      font-size: 14px;
+      color: rgba(0,0,0,0.73);
+    }
+    .border_right {
+      border-right: 1rpx solid rgba($color: #979797, $alpha: 0.34);
+    }
+    .pop_confirm {
+      color: #1D64D2;
+      border: none;
+      background-color: transparent;
+    }
+  }
+</style>

src/views/rvDriverAuthentication/component/successDialog.vue

@@ -0,0 +1,135 @@
+<template>
+  <div class="dialog_wrap">
+    <van-popup ref="success"  v-model="poupShow">
+      <div class="pop_wrap">
+        <img class="tip_bg" src="@/assets/authentication/tipBg.png" />
+        <div class="pop_title">
+          恭喜您！
+        </div>
+        <div class="pop_content">
+          <div>
+            您的信息已经认证完成，
+          </div>
+          <div>
+            请开启您的接单赚钱之旅！
+          </div>
+          <div>
+            关注服务号，新订单及时提醒，接单更快！
+          </div>
+        </div>
+        <div class="tip_button_wrap">
+          <div class="continue" @click="focusHandler">
+            关注
+          </div>
+        </div>
+      </div>
+    </van-popup>
+  </div>
+</template>
+
+<script>
+  import  { successPopup,getMyInfo } from '@/api/authentication'
+  import { myMixins } from '@/utils/myMixins.js'
+  export default {
+    name: "successDialog",
+    data() {
+      return {
+        poupShow:false,
+      }
+    },
+    mixins: [ myMixins ],
+    components: {},
+    methods: {
+      async getMineInfo() {  // 获取用户信息
+        let myInfo = await getMyInfo()
+        if(!( myInfo.code != 200 || !myInfo.data.phone)) {
+          localStorage.setItem('phone', myInfo?.data?.phone)
+          localStorage.setItem('infoVerify', myInfo?.data?.infoVerify?.code || 0)  // 认证进度
+          localStorage.setItem('authIsSuccess', myInfo?.data?.authIsSuccess)
+          localStorage.setItem('name', myInfo?.data?.name)
+          localStorage.setItem('attentionState', myInfo?.data?.attentionState)
+        }
+      },
+      openHandler() {
+        this.poupShow=true
+      },
+      async focusHandler() {
+        let focusFlag = localStorage.getItem('attentionState');   // 是否关注过公众号的标志
+        if( focusFlag ) {
+          await this.continueHandler()
+        } else {//去关注公众号页面
+          this.goPage('https://mp.weixin.qq.com/s/VNy_ppgDTLtwTtdRV_vPgA')
+        }
+      },
+      async continueHandler() {
+        await successPopup();
+        this.poupShow=false
+        await this.getMineInfo()
+      }
+    }
+  }
+</script>
+<style lang="scss" scoped>
+@import "@/styles/common.scss";
+  // 弹框样式
+  .pop_wrap {
+    width: 304px;
+    height: 267px;
+    position: relative;
+    .tip_bg {
+      position: absolute;
+      width: 304px;
+      height: 267px;
+      top: 0;
+      left: 0;
+      z-index: 100;
+    }
+    .pop_title {
+      font-size: 19px;
+      font-weight: bold;
+      color: #3364B7;
+      position: absolute;
+      width: 304px;
+      text-align: center;
+      top: 100px;
+      z-index: 101;
+    }
+    .pop_content {
+      width: 304px;
+      position: absolute;
+      top: 130px;
+      z-index: 101;
+      font-size: 14px;
+      color: #4C5361;
+      div {
+        width: 100%;
+        text-align: center;
+        line-height: 20px;
+      }
+    }
+    .tip_button_wrap {
+      position: absolute;
+      z-index: 101;
+      width: 275px;
+      margin: 0 auto;
+      bottom: 14px;
+      display: flex;
+      border-top: 1px solid #F1F2F5;
+      left: 15px;
+      height: 45px;
+      div {
+        font-size: 13px;
+        width: 100%;
+        text-align: center;
+        line-height: 45px;
+      }
+      .close {
+        color: #999B9F;
+        border-right: 1px solid #F1F2F5;
+      }
+      .continue {
+        color: #3364B7;
+      }
+    }
+  }
+</style>

src/views/rvDriverAuthentication/component/tipBar.vue

@@ -0,0 +1,44 @@
+<template>
+  <div class="tip_content" :style="styleCls">
+    <img class="icon_tip" mode="widthFix" src="@/assets/authentication/icon_tip.png" />
+    <span>{{title}}</span>
+  </div>
+</template>
+<script>
+  export default {
+    name: "tipBar",
+    props: {
+      title: {
+        type: String,
+        default: ''
+      },
+      styleCls: {
+        type: String,
+        default: ''
+      }
+    }
+  }
+</script>
+
+<style lang="scss" scoped>
+.tip_content{
+  width: 100%;
+  box-sizing: border-box;
+  padding: 10px 22px;
+  line-height: 15px;
+  background: #FFF0EE;
+  .icon_tip{
+    width: 13px;
+    height: 13px;
+    margin-right: 6px;
+    position: relative;
+    margin-bottom: -3px;
+  }
+  span{
+    font-size: 11px;
+    font-family: PingFangSC-Medium, PingFang SC;
+    font-weight: 500;
+    color: #FF6337;
+  }
+}
+</style>

src/views/rvDriverAuthentication/personAudit.vue

@@ -0,0 +1,283 @@
+<template>
+  <div class="content">
+    <div class="navBar">
+      <van-nav-bar
+          title="实名认证"
+          left-arrow
+          left-arrow-color="#FFFFFF"
+          :border="false"
+          :fixed="true"
+          :safe-area-inset-top="true"
+          @click-left="goListPage"
+      />
+    </div>
+    <tip-bar :title="'应国家政策要求：从事货运行业的司机用户，身份证照片、驾驶证信息、行驶证信息、人车合影及承运资质信息必须进行实名认证。'"></tip-bar>
+    <photo-item title="个人头像" v-if="type != 'simple'" :show="show" :left-url="form.icon ||headerUrl" @leftImg="headerHandler"></photo-item>
+    <photo-item title="身份证正反面" :show="show" :left-url="form.identityCardFront || idFront" :right-url="form.identityCardContrary || idBack"
+                @leftImg="idFrontHandler" @rightImg="idBackHandler" ></photo-item>
+    <div class="carInfo">
+      <div class="left_wrap title">
+            <span class="mar_left">注册手机号</span>
+             <div>
+               <span class="star">*</span>
+               <span>本人姓名</span>
+             </div>
+            <div>
+              <span class="star">*</span>
+              <span>本人性别</span>
+            </div>
+              <div>
+                <span class="star">*</span>
+                <span>本人身份证号</span>
+              </div>
+      </div>
+      <div class="right_wrap">
+        <span class="phone">{{form.phone}}</span>
+        <input type="text" disabled placeholder="请输入持卡人姓名" v-model="form.name">
+        <input type="text" disabled placeholder="请输入持卡人性别" v-model="form.sex">
+        <input type="text" placeholder="请输入持卡人身份证号" v-model="form.identityCardNumber">
+      </div>
+    </div>
+    <fixed-button title="实名认证" @myClick="goRealName" v-if="showFun() && !esignFlag"></fixed-button>
+    <fixed-button @myClick="clickHandler" v-if="showFun() && esignFlag"></fixed-button>
+<!--    <protocol-dialog></protocol-dialog>-->
+  </div>
+</template>
+
+<script>
+  // import protocolDialog from "./component/protocolDialog";
+  import fixedButton from "./component/fixedButton";
+  import photoItem from "./component/photoItem";
+  import tipBar from "./component/tipBar";
+  import {
+    ocrRecognize,
+    driverInfoVerify,
+    driverInfoVerifyDetail,
+    driverRealName,
+    infoVerifyProgress
+  } from '@/api/authentication'
+  import { leftCopy } from '@/utils/common.js'
+  import { myMixins } from '@/utils/myMixins.js'
+  // import {version} from "@/utils/baseUrl"
+  export default {
+    name: "personAudit",
+    components: {
+      tipBar,
+      photoItem,
+      fixedButton,
+      // protocolDialog
+    },
+    mixins: [myMixins],
+    data() {
+      return {
+        form: {
+          phone: localStorage.getItem('phone'),
+          name: '',
+          sex: '',
+          identityCardNumber: '',
+          icon: '',
+          identityCardFront: '',
+          identityCardContrary: '',
+					idCardAuthority: '',     // 发证机关
+					idCardValidStartTime: '',    // 有效期开始
+					idCardValidEndTime: '',      // 有效期结束
+        },
+        validPeriod: '',    // 有效期
+        headerUrl: require('@/assets/authentication/person_header.png'),
+        idFront: require('@/assets/authentication/person_idcard1.png'),
+        idBack: require('@/assets/authentication/person_idcard2.png'),
+        show: undefined,
+        type:  'full',
+        esignFlag: false,
+      }
+    },
+    async mounted() {
+      // 禁止双击放大
+      let lastTouchEnd = 0;
+      document.addEventListener('touchend', (event) => {
+        const now = Date.now();
+        if (now - lastTouchEnd <= 300) {
+          event.preventDefault(); // 阻止双击放大
+        }
+        lastTouchEnd = now;
+      }, { passive: false });
+
+      this.show = true
+        if( this.show ) {
+          await this.getDetail()
+        }
+      const urlParams = new URLSearchParams(window.location.search);
+      console.log('window.location',window.location)
+      // console.log("urlParams",urlParams)
+      console.log("decodeURIComponent(  window.location.href)",decodeURIComponent(  window.location.href))
+      this.esignFlag = urlParams.get('esignFlag') || localStorage.getItem("esignFlag")
+      if(window.location.search){
+        console.log('有参数')
+        this.esignFlag = localStorage.getItem("esignFlag") || urlParams.get('esignFlag')
+      }else {
+        console.log('无参数，说明认证成功')
+        this.esignFlag =true
+      }
+      localStorage.setItem("esignFlag",this.esignFlag )
+      console.log("this.esignFlag ",this.esignFlag )
+    },
+    methods: {
+      async getDetail() {
+        let res = await driverInfoVerifyDetail( {
+          verifyType: 1
+        })
+        leftCopy(this.form, {...res?.data?.personalInfoData})
+        let personAuditInfo=localStorage.getItem("personAuditInfo") ? JSON.parse(localStorage.getItem("personAuditInfo")) : ''
+        if(!personAuditInfo){
+          return
+        }
+        console.log('personAuditInfo.form',personAuditInfo.form)
+        this.form={...personAuditInfo.form}
+      },
+      async headerHandler(data) {
+        this.form.icon = data
+      },
+      async idFrontHandler(data) {      // 身份证正面
+        this.form.identityCardFront = data
+        await this.idOrcHandler(this.form.identityCardFront)
+      },
+      async idBackHandler(data) {
+        this.form.identityCardContrary = data
+        await this.idBackOrcHandler(this.form.identityCardContrary)
+      },
+      initForm() {
+        this.form.name = ''
+        this.form.sex = ''
+        this.form.identityCardNumber = ''
+      },
+      backInit() {
+        this.validPeriod = ''
+      },
+      async idBackOrcHandler(url) {
+        let res = await ocrRecognize( {
+          ocrType: 1,
+          imageUrl: url
+        });
+        let idInfo = res?.data?.data?.back?.data
+        let validPeriod = idInfo?.validPeriod;			// 有效期
+				this.form.idCardAuthority = idInfo?.issueAuthority
+				let dateArr = validPeriod.split('-');
+				let startDate = dateArr[0];
+				let endDate = dateArr[1];
+				this.form.idCardValidStartTime = startDate.replace(/\./g, '/') + ' 00:00:00';
+				if( endDate.indexOf('长期') != -1 ) {
+					this.form.idCardValidEndTime = '2099/01/01 00:00:00'
+				} else {
+					this.form.idCardValidEndTime = endDate.replace(/\./g, '/') + ' 00:00:00';
+				}
+      },
+      async idOrcHandler(url) {
+        await this.initForm()
+        let res = await ocrRecognize({
+          ocrType: 1,
+          imageUrl: url
+        });
+        let idInfo = res?.data?.data?.face?.data
+        this.form.name = idInfo?.name
+        this.form.sex = idInfo?.sex
+        this.form.identityCardNumber = idInfo?.idNumber
+      },
+      async goRealName() {
+        if (!this.form.identityCardContrary) {
+          this.$toast('身份证反面照片未上传')
+          return
+        }
+        if( !this.form.idCardValidStartTime ) {
+          this.$toast('身份证反面识别错误')
+          return
+        }
+        if (!this.form.identityCardFront) {
+          this.$toast('身份证正面照片未上传')
+          return
+        }
+        const urlParams = new URLSearchParams(window.location.search);
+        let token = urlParams.get('token');
+        if(this.form.name && this.form.identityCardNumber) {
+          let res = await driverRealName( {
+            phone: this.form.phone,
+            name: this.form.name,
+            idNo: this.form.identityCardNumber,
+            token:token,
+            jump:1
+          })
+          let info = res?.data
+          console.log('info', info)
+          localStorage.setItem("personAuditInfo",JSON.stringify({form:this.form}))
+          window.location.href=info?.shortLink
+        } else {
+          this.$toast('身份证信息识别错误')
+        }
+      },
+      async clickHandler() {
+        if (!this.form.identityCardContrary) {
+          this.$toast('身份证反面照片未上传')
+          return
+        }
+        if( !this.form.idCardValidStartTime ) {
+          this.$toast('身份证反面识别错误')
+          return
+        }
+        if (!this.form.identityCardFront) {
+          this.$toast('身份证正面照片未上传')
+          return
+        }
+        if(this.form.name && this.form.identityCardNumber) {
+         await driverInfoVerify( {
+            verifyType: 1,
+            type: this.type || 'full',
+            ...this.form,
+          })
+          this.$toast('操作成功')
+          await this.getRegisterInfo({
+            verifyType: 1
+          })
+          localStorage.setItem("personAuditInfo",'')
+          setTimeout(() => {
+            this.goListPage()
+          }, 100)
+        } else {
+          this.$toast('身份证信息识别错误')
+        }
+      },
+      goListPage(){
+        this.goPage('auditList',{
+          token:localStorage.getItem('token')
+        })
+      },
+      async getRegisterInfo(data) {
+        let res = await infoVerifyProgress( data)
+        localStorage.setItem('infoVerify', res?.data?.infoVerify?.code)
+        localStorage.setItem('failReason', res?.data?.verifyRemark)
+        localStorage.setItem('authIsSuccess', res?.data?.authIsSuccess)
+        localStorage.setItem('name', res?.data?.name)
+      },
+    }
+  }
+</script>
+
+<style lang="scss">
+  @import "@/styles/common.scss";
+  @import "@/styles/infoShow.scss";
+  page {
+    background: #F4F5F7;
+  }
+  .navBar{
+    margin-bottom: 46px;
+  }
+  .empty{
+    width: 100%;
+    height:151px;
+  }
+  .content {
+    padding-bottom: 86px;
+    height: 90%;
+    overflow-y: auto;
+    -webkit-overflow-scrolling: touch; /* 启用iOS惯性滚动 */
+    scroll-behavior: smooth; /* 平滑滚动（部分浏览器支持） */
+  }
+</style>