Compare commits
3 Commits
prod-25-11
...
prod-25-08
| Author | SHA1 | Date | |
|---|---|---|---|
| 43b763bbce | |||
| c333298f82 | |||
| 1bd67b4f28 |
330
package-lock.json
generated
@ -18,7 +18,6 @@
|
|||||||
"element-ui": "^2.15.9",
|
"element-ui": "^2.15.9",
|
||||||
"less": "^4.1.3",
|
"less": "^4.1.3",
|
||||||
"less-loader": "^11.1.3",
|
"less-loader": "^11.1.3",
|
||||||
"qrcode": "^1.5.4",
|
|
||||||
"qs": "^6.11.2",
|
"qs": "^6.11.2",
|
||||||
"sass": "^1.65.1",
|
"sass": "^1.65.1",
|
||||||
"sass-loader": "^13.3.2",
|
"sass-loader": "^13.3.2",
|
||||||
@ -3351,6 +3350,7 @@
|
|||||||
"version": "5.0.1",
|
"version": "5.0.1",
|
||||||
"resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-5.0.1.tgz",
|
"resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-5.0.1.tgz",
|
||||||
"integrity": "sha512-quJQXlTSUGL2LH9SUXo8VwsY4soanhgo6LNSm84E1LBcE8s3O0wpdiRzyR9z/ZZJMlMWv37qOOb9pdJlMUEKFQ==",
|
"integrity": "sha512-quJQXlTSUGL2LH9SUXo8VwsY4soanhgo6LNSm84E1LBcE8s3O0wpdiRzyR9z/ZZJMlMWv37qOOb9pdJlMUEKFQ==",
|
||||||
|
"dev": true,
|
||||||
"engines": {
|
"engines": {
|
||||||
"node": ">=8"
|
"node": ">=8"
|
||||||
}
|
}
|
||||||
@ -4801,15 +4801,6 @@
|
|||||||
"integrity": "sha512-sGkPx+VjMtmA6MX27oA4FBFELFCZZ4S4XqeGOXCv68tT+jb3vk/RyaKWP0PTKyWtmLSM0b+adUTEvbs1PEaH2w==",
|
"integrity": "sha512-sGkPx+VjMtmA6MX27oA4FBFELFCZZ4S4XqeGOXCv68tT+jb3vk/RyaKWP0PTKyWtmLSM0b+adUTEvbs1PEaH2w==",
|
||||||
"dev": true
|
"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": {
|
"node_modules/decimal.js": {
|
||||||
"version": "10.4.3",
|
"version": "10.4.3",
|
||||||
"resolved": "https://registry.npmmirror.com/decimal.js/-/decimal.js-10.4.3.tgz",
|
"resolved": "https://registry.npmmirror.com/decimal.js/-/decimal.js-10.4.3.tgz",
|
||||||
@ -5029,12 +5020,6 @@
|
|||||||
"integrity": "sha512-T0NIuQpnTvFDATNuHN5roPwSBG83rFsuO+MXXH9/3N1eFbn4wcPjttvjMLEPWJ0RGUYgQE7cGgS3tNxbqCGM7g==",
|
"integrity": "sha512-T0NIuQpnTvFDATNuHN5roPwSBG83rFsuO+MXXH9/3N1eFbn4wcPjttvjMLEPWJ0RGUYgQE7cGgS3tNxbqCGM7g==",
|
||||||
"dev": true
|
"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": {
|
"node_modules/dir-glob": {
|
||||||
"version": "3.0.1",
|
"version": "3.0.1",
|
||||||
"resolved": "https://registry.npmjs.org/dir-glob/-/dir-glob-3.0.1.tgz",
|
"resolved": "https://registry.npmjs.org/dir-glob/-/dir-glob-3.0.1.tgz",
|
||||||
@ -5225,7 +5210,8 @@
|
|||||||
"node_modules/emoji-regex": {
|
"node_modules/emoji-regex": {
|
||||||
"version": "8.0.0",
|
"version": "8.0.0",
|
||||||
"resolved": "https://registry.npmjs.org/emoji-regex/-/emoji-regex-8.0.0.tgz",
|
"resolved": "https://registry.npmjs.org/emoji-regex/-/emoji-regex-8.0.0.tgz",
|
||||||
"integrity": "sha512-MSjYzcWNOA0ewAHpz0MxpYFvwg6yjy1NG3xteoqz644VCo/RPgnr1/GGt+ic3iJTzQ8Eu3TdM14SawnVUmGE6A=="
|
"integrity": "sha512-MSjYzcWNOA0ewAHpz0MxpYFvwg6yjy1NG3xteoqz644VCo/RPgnr1/GGt+ic3iJTzQ8Eu3TdM14SawnVUmGE6A==",
|
||||||
|
"dev": true
|
||||||
},
|
},
|
||||||
"node_modules/emojis-list": {
|
"node_modules/emojis-list": {
|
||||||
"version": "3.0.0",
|
"version": "3.0.0",
|
||||||
@ -6229,6 +6215,7 @@
|
|||||||
"version": "4.1.0",
|
"version": "4.1.0",
|
||||||
"resolved": "https://registry.npmjs.org/find-up/-/find-up-4.1.0.tgz",
|
"resolved": "https://registry.npmjs.org/find-up/-/find-up-4.1.0.tgz",
|
||||||
"integrity": "sha512-PpOwAdQ/YlXQ2vj8a3h8IipDuYRi3wceVQQGYWxNINccq40Anw7BlsEXCMbt1Zt+OLA6Fq9suIpIWD0OsnISlw==",
|
"integrity": "sha512-PpOwAdQ/YlXQ2vj8a3h8IipDuYRi3wceVQQGYWxNINccq40Anw7BlsEXCMbt1Zt+OLA6Fq9suIpIWD0OsnISlw==",
|
||||||
|
"dev": true,
|
||||||
"dependencies": {
|
"dependencies": {
|
||||||
"locate-path": "^5.0.0",
|
"locate-path": "^5.0.0",
|
||||||
"path-exists": "^4.0.0"
|
"path-exists": "^4.0.0"
|
||||||
@ -6383,6 +6370,7 @@
|
|||||||
"version": "2.0.5",
|
"version": "2.0.5",
|
||||||
"resolved": "https://registry.npmjs.org/get-caller-file/-/get-caller-file-2.0.5.tgz",
|
"resolved": "https://registry.npmjs.org/get-caller-file/-/get-caller-file-2.0.5.tgz",
|
||||||
"integrity": "sha512-DyFP3BM/3YHTQOCUL/w0OZHR0lpKeGrxotcHWcqNEdnltqFwXVfhEBQ94eIo34AfQpo0rGki4cyIiftY06h2Fg==",
|
"integrity": "sha512-DyFP3BM/3YHTQOCUL/w0OZHR0lpKeGrxotcHWcqNEdnltqFwXVfhEBQ94eIo34AfQpo0rGki4cyIiftY06h2Fg==",
|
||||||
|
"dev": true,
|
||||||
"engines": {
|
"engines": {
|
||||||
"node": "6.* || 8.* || >= 10.*"
|
"node": "6.* || 8.* || >= 10.*"
|
||||||
}
|
}
|
||||||
@ -7004,6 +6992,7 @@
|
|||||||
"version": "3.0.0",
|
"version": "3.0.0",
|
||||||
"resolved": "https://registry.npmjs.org/is-fullwidth-code-point/-/is-fullwidth-code-point-3.0.0.tgz",
|
"resolved": "https://registry.npmjs.org/is-fullwidth-code-point/-/is-fullwidth-code-point-3.0.0.tgz",
|
||||||
"integrity": "sha512-zymm5+u+sCsSWyD9qNaejV3DFvhCKclKdizYaJUuHA83RLjb7nSuGnddCHGv0hk+KY7BMAlsWeK4Ueg6EV6XQg==",
|
"integrity": "sha512-zymm5+u+sCsSWyD9qNaejV3DFvhCKclKdizYaJUuHA83RLjb7nSuGnddCHGv0hk+KY7BMAlsWeK4Ueg6EV6XQg==",
|
||||||
|
"dev": true,
|
||||||
"engines": {
|
"engines": {
|
||||||
"node": ">=8"
|
"node": ">=8"
|
||||||
}
|
}
|
||||||
@ -7419,6 +7408,7 @@
|
|||||||
"version": "5.0.0",
|
"version": "5.0.0",
|
||||||
"resolved": "https://registry.npmjs.org/locate-path/-/locate-path-5.0.0.tgz",
|
"resolved": "https://registry.npmjs.org/locate-path/-/locate-path-5.0.0.tgz",
|
||||||
"integrity": "sha512-t7hw9pI+WvuwNJXwk5zVHpyhIqzg2qTlklJOf0mVxGSbe3Fp2VieZcduNYjaLDoy6p9uGpQEGWG87WpMKlNq8g==",
|
"integrity": "sha512-t7hw9pI+WvuwNJXwk5zVHpyhIqzg2qTlklJOf0mVxGSbe3Fp2VieZcduNYjaLDoy6p9uGpQEGWG87WpMKlNq8g==",
|
||||||
|
"dev": true,
|
||||||
"dependencies": {
|
"dependencies": {
|
||||||
"p-locate": "^4.1.0"
|
"p-locate": "^4.1.0"
|
||||||
},
|
},
|
||||||
@ -8455,6 +8445,7 @@
|
|||||||
"version": "2.3.0",
|
"version": "2.3.0",
|
||||||
"resolved": "https://registry.npmjs.org/p-limit/-/p-limit-2.3.0.tgz",
|
"resolved": "https://registry.npmjs.org/p-limit/-/p-limit-2.3.0.tgz",
|
||||||
"integrity": "sha512-//88mFWSJx8lxCzwdAABTJL2MyWB12+eIY7MDL2SqLmAkeKU9qxRvWuSyTjm3FUmpBEMuFfckAIqEaVGUDxb6w==",
|
"integrity": "sha512-//88mFWSJx8lxCzwdAABTJL2MyWB12+eIY7MDL2SqLmAkeKU9qxRvWuSyTjm3FUmpBEMuFfckAIqEaVGUDxb6w==",
|
||||||
|
"dev": true,
|
||||||
"dependencies": {
|
"dependencies": {
|
||||||
"p-try": "^2.0.0"
|
"p-try": "^2.0.0"
|
||||||
},
|
},
|
||||||
@ -8469,6 +8460,7 @@
|
|||||||
"version": "4.1.0",
|
"version": "4.1.0",
|
||||||
"resolved": "https://registry.npmjs.org/p-locate/-/p-locate-4.1.0.tgz",
|
"resolved": "https://registry.npmjs.org/p-locate/-/p-locate-4.1.0.tgz",
|
||||||
"integrity": "sha512-R79ZZ/0wAxKGu3oYMlz8jy/kbhsNrS7SKZ7PxEHBgJ5+F2mtFW2fK2cOtBh1cHYkQsbzFV7I+EoRKe6Yt0oK7A==",
|
"integrity": "sha512-R79ZZ/0wAxKGu3oYMlz8jy/kbhsNrS7SKZ7PxEHBgJ5+F2mtFW2fK2cOtBh1cHYkQsbzFV7I+EoRKe6Yt0oK7A==",
|
||||||
|
"dev": true,
|
||||||
"dependencies": {
|
"dependencies": {
|
||||||
"p-limit": "^2.2.0"
|
"p-limit": "^2.2.0"
|
||||||
},
|
},
|
||||||
@ -8493,6 +8485,7 @@
|
|||||||
"version": "2.2.0",
|
"version": "2.2.0",
|
||||||
"resolved": "https://registry.npmjs.org/p-try/-/p-try-2.2.0.tgz",
|
"resolved": "https://registry.npmjs.org/p-try/-/p-try-2.2.0.tgz",
|
||||||
"integrity": "sha512-R4nPAVTAU0B9D35/Gk3uJf/7XYbQcyohSKdvAxIRSNghFl4e71hVoGnBNQz9cWaXxO2I10KTC+3jMdvvoKw6dQ==",
|
"integrity": "sha512-R4nPAVTAU0B9D35/Gk3uJf/7XYbQcyohSKdvAxIRSNghFl4e71hVoGnBNQz9cWaXxO2I10KTC+3jMdvvoKw6dQ==",
|
||||||
|
"dev": true,
|
||||||
"engines": {
|
"engines": {
|
||||||
"node": ">=6"
|
"node": ">=6"
|
||||||
}
|
}
|
||||||
@ -8589,6 +8582,7 @@
|
|||||||
"version": "4.0.0",
|
"version": "4.0.0",
|
||||||
"resolved": "https://registry.npmjs.org/path-exists/-/path-exists-4.0.0.tgz",
|
"resolved": "https://registry.npmjs.org/path-exists/-/path-exists-4.0.0.tgz",
|
||||||
"integrity": "sha512-ak9Qy5Q7jYb2Wwcey5Fpvg2KoAc/ZIhLSLOSBmRmygPsGwkVVt0fZa0qrtMz+m6tJTAHfZQ8FnmB4MG4LWy7/w==",
|
"integrity": "sha512-ak9Qy5Q7jYb2Wwcey5Fpvg2KoAc/ZIhLSLOSBmRmygPsGwkVVt0fZa0qrtMz+m6tJTAHfZQ8FnmB4MG4LWy7/w==",
|
||||||
|
"dev": true,
|
||||||
"engines": {
|
"engines": {
|
||||||
"node": ">=8"
|
"node": ">=8"
|
||||||
}
|
}
|
||||||
@ -8669,15 +8663,6 @@
|
|||||||
"node": ">=8"
|
"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": {
|
"node_modules/portfinder": {
|
||||||
"version": "1.0.32",
|
"version": "1.0.32",
|
||||||
"resolved": "https://registry.npmjs.org/portfinder/-/portfinder-1.0.32.tgz",
|
"resolved": "https://registry.npmjs.org/portfinder/-/portfinder-1.0.32.tgz",
|
||||||
@ -9409,131 +9394,6 @@
|
|||||||
"node": ">=6"
|
"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": {
|
"node_modules/qs": {
|
||||||
"version": "6.11.2",
|
"version": "6.11.2",
|
||||||
"resolved": "https://registry.npmjs.org/qs/-/qs-6.11.2.tgz",
|
"resolved": "https://registry.npmjs.org/qs/-/qs-6.11.2.tgz",
|
||||||
@ -9783,6 +9643,7 @@
|
|||||||
"version": "2.1.1",
|
"version": "2.1.1",
|
||||||
"resolved": "https://registry.npmjs.org/require-directory/-/require-directory-2.1.1.tgz",
|
"resolved": "https://registry.npmjs.org/require-directory/-/require-directory-2.1.1.tgz",
|
||||||
"integrity": "sha512-fGxEI7+wsG9xrvdjsrlmL22OMTTiHRwAMroiEeMgq8gzoLC/PQr7RsRDSTLUg/bZAZtF+TVIkHc6/4RIKrui+Q==",
|
"integrity": "sha512-fGxEI7+wsG9xrvdjsrlmL22OMTTiHRwAMroiEeMgq8gzoLC/PQr7RsRDSTLUg/bZAZtF+TVIkHc6/4RIKrui+Q==",
|
||||||
|
"dev": true,
|
||||||
"engines": {
|
"engines": {
|
||||||
"node": ">=0.10.0"
|
"node": ">=0.10.0"
|
||||||
}
|
}
|
||||||
@ -9796,12 +9657,6 @@
|
|||||||
"node": ">=0.10.0"
|
"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": {
|
"node_modules/requires-port": {
|
||||||
"version": "1.0.0",
|
"version": "1.0.0",
|
||||||
"resolved": "https://registry.npmjs.org/requires-port/-/requires-port-1.0.0.tgz",
|
"resolved": "https://registry.npmjs.org/requires-port/-/requires-port-1.0.0.tgz",
|
||||||
@ -10178,12 +10033,6 @@
|
|||||||
"node": ">= 0.8.0"
|
"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": {
|
"node_modules/setprototypeof": {
|
||||||
"version": "1.2.0",
|
"version": "1.2.0",
|
||||||
"resolved": "https://registry.npmjs.org/setprototypeof/-/setprototypeof-1.2.0.tgz",
|
"resolved": "https://registry.npmjs.org/setprototypeof/-/setprototypeof-1.2.0.tgz",
|
||||||
@ -10475,6 +10324,7 @@
|
|||||||
"version": "4.2.3",
|
"version": "4.2.3",
|
||||||
"resolved": "https://registry.npmjs.org/string-width/-/string-width-4.2.3.tgz",
|
"resolved": "https://registry.npmjs.org/string-width/-/string-width-4.2.3.tgz",
|
||||||
"integrity": "sha512-wKyQRQpjJ0sIp62ErSZdGsjMJWsap5oRNihHhu6G7JVO/9jIB6UyevL+tXuOqrng8j/cxKTWyWUwvSTriiZz/g==",
|
"integrity": "sha512-wKyQRQpjJ0sIp62ErSZdGsjMJWsap5oRNihHhu6G7JVO/9jIB6UyevL+tXuOqrng8j/cxKTWyWUwvSTriiZz/g==",
|
||||||
|
"dev": true,
|
||||||
"dependencies": {
|
"dependencies": {
|
||||||
"emoji-regex": "^8.0.0",
|
"emoji-regex": "^8.0.0",
|
||||||
"is-fullwidth-code-point": "^3.0.0",
|
"is-fullwidth-code-point": "^3.0.0",
|
||||||
@ -10488,6 +10338,7 @@
|
|||||||
"version": "6.0.1",
|
"version": "6.0.1",
|
||||||
"resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-6.0.1.tgz",
|
"resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-6.0.1.tgz",
|
||||||
"integrity": "sha512-Y38VPSHcqkFrCpFnQ9vuSXmquuv5oXOKpGeT6aGrr3o3Gc9AlVa6JBfUSOCnbxGGZF+/0ooI7KrPuUSztUdU5A==",
|
"integrity": "sha512-Y38VPSHcqkFrCpFnQ9vuSXmquuv5oXOKpGeT6aGrr3o3Gc9AlVa6JBfUSOCnbxGGZF+/0ooI7KrPuUSztUdU5A==",
|
||||||
|
"dev": true,
|
||||||
"dependencies": {
|
"dependencies": {
|
||||||
"ansi-regex": "^5.0.1"
|
"ansi-regex": "^5.0.1"
|
||||||
},
|
},
|
||||||
@ -11851,12 +11702,6 @@
|
|||||||
"which": "bin/which"
|
"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": {
|
"node_modules/wildcard": {
|
||||||
"version": "2.0.1",
|
"version": "2.0.1",
|
||||||
"resolved": "https://registry.npmjs.org/wildcard/-/wildcard-2.0.1.tgz",
|
"resolved": "https://registry.npmjs.org/wildcard/-/wildcard-2.0.1.tgz",
|
||||||
@ -14573,7 +14418,8 @@
|
|||||||
"ansi-regex": {
|
"ansi-regex": {
|
||||||
"version": "5.0.1",
|
"version": "5.0.1",
|
||||||
"resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-5.0.1.tgz",
|
"resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-5.0.1.tgz",
|
||||||
"integrity": "sha512-quJQXlTSUGL2LH9SUXo8VwsY4soanhgo6LNSm84E1LBcE8s3O0wpdiRzyR9z/ZZJMlMWv37qOOb9pdJlMUEKFQ=="
|
"integrity": "sha512-quJQXlTSUGL2LH9SUXo8VwsY4soanhgo6LNSm84E1LBcE8s3O0wpdiRzyR9z/ZZJMlMWv37qOOb9pdJlMUEKFQ==",
|
||||||
|
"dev": true
|
||||||
},
|
},
|
||||||
"ansi-styles": {
|
"ansi-styles": {
|
||||||
"version": "3.2.1",
|
"version": "3.2.1",
|
||||||
@ -15627,11 +15473,6 @@
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
"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": {
|
"decimal.js": {
|
||||||
"version": "10.4.3",
|
"version": "10.4.3",
|
||||||
"resolved": "https://registry.npmmirror.com/decimal.js/-/decimal.js-10.4.3.tgz",
|
"resolved": "https://registry.npmmirror.com/decimal.js/-/decimal.js-10.4.3.tgz",
|
||||||
@ -15786,11 +15627,6 @@
|
|||||||
"integrity": "sha512-T0NIuQpnTvFDATNuHN5roPwSBG83rFsuO+MXXH9/3N1eFbn4wcPjttvjMLEPWJ0RGUYgQE7cGgS3tNxbqCGM7g==",
|
"integrity": "sha512-T0NIuQpnTvFDATNuHN5roPwSBG83rFsuO+MXXH9/3N1eFbn4wcPjttvjMLEPWJ0RGUYgQE7cGgS3tNxbqCGM7g==",
|
||||||
"dev": true
|
"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": {
|
"dir-glob": {
|
||||||
"version": "3.0.1",
|
"version": "3.0.1",
|
||||||
"resolved": "https://registry.npmjs.org/dir-glob/-/dir-glob-3.0.1.tgz",
|
"resolved": "https://registry.npmjs.org/dir-glob/-/dir-glob-3.0.1.tgz",
|
||||||
@ -15947,7 +15783,8 @@
|
|||||||
"emoji-regex": {
|
"emoji-regex": {
|
||||||
"version": "8.0.0",
|
"version": "8.0.0",
|
||||||
"resolved": "https://registry.npmjs.org/emoji-regex/-/emoji-regex-8.0.0.tgz",
|
"resolved": "https://registry.npmjs.org/emoji-regex/-/emoji-regex-8.0.0.tgz",
|
||||||
"integrity": "sha512-MSjYzcWNOA0ewAHpz0MxpYFvwg6yjy1NG3xteoqz644VCo/RPgnr1/GGt+ic3iJTzQ8Eu3TdM14SawnVUmGE6A=="
|
"integrity": "sha512-MSjYzcWNOA0ewAHpz0MxpYFvwg6yjy1NG3xteoqz644VCo/RPgnr1/GGt+ic3iJTzQ8Eu3TdM14SawnVUmGE6A==",
|
||||||
|
"dev": true
|
||||||
},
|
},
|
||||||
"emojis-list": {
|
"emojis-list": {
|
||||||
"version": "3.0.0",
|
"version": "3.0.0",
|
||||||
@ -16708,6 +16545,7 @@
|
|||||||
"version": "4.1.0",
|
"version": "4.1.0",
|
||||||
"resolved": "https://registry.npmjs.org/find-up/-/find-up-4.1.0.tgz",
|
"resolved": "https://registry.npmjs.org/find-up/-/find-up-4.1.0.tgz",
|
||||||
"integrity": "sha512-PpOwAdQ/YlXQ2vj8a3h8IipDuYRi3wceVQQGYWxNINccq40Anw7BlsEXCMbt1Zt+OLA6Fq9suIpIWD0OsnISlw==",
|
"integrity": "sha512-PpOwAdQ/YlXQ2vj8a3h8IipDuYRi3wceVQQGYWxNINccq40Anw7BlsEXCMbt1Zt+OLA6Fq9suIpIWD0OsnISlw==",
|
||||||
|
"dev": true,
|
||||||
"requires": {
|
"requires": {
|
||||||
"locate-path": "^5.0.0",
|
"locate-path": "^5.0.0",
|
||||||
"path-exists": "^4.0.0"
|
"path-exists": "^4.0.0"
|
||||||
@ -16812,7 +16650,8 @@
|
|||||||
"get-caller-file": {
|
"get-caller-file": {
|
||||||
"version": "2.0.5",
|
"version": "2.0.5",
|
||||||
"resolved": "https://registry.npmjs.org/get-caller-file/-/get-caller-file-2.0.5.tgz",
|
"resolved": "https://registry.npmjs.org/get-caller-file/-/get-caller-file-2.0.5.tgz",
|
||||||
"integrity": "sha512-DyFP3BM/3YHTQOCUL/w0OZHR0lpKeGrxotcHWcqNEdnltqFwXVfhEBQ94eIo34AfQpo0rGki4cyIiftY06h2Fg=="
|
"integrity": "sha512-DyFP3BM/3YHTQOCUL/w0OZHR0lpKeGrxotcHWcqNEdnltqFwXVfhEBQ94eIo34AfQpo0rGki4cyIiftY06h2Fg==",
|
||||||
|
"dev": true
|
||||||
},
|
},
|
||||||
"get-intrinsic": {
|
"get-intrinsic": {
|
||||||
"version": "1.2.1",
|
"version": "1.2.1",
|
||||||
@ -17249,7 +17088,8 @@
|
|||||||
"is-fullwidth-code-point": {
|
"is-fullwidth-code-point": {
|
||||||
"version": "3.0.0",
|
"version": "3.0.0",
|
||||||
"resolved": "https://registry.npmjs.org/is-fullwidth-code-point/-/is-fullwidth-code-point-3.0.0.tgz",
|
"resolved": "https://registry.npmjs.org/is-fullwidth-code-point/-/is-fullwidth-code-point-3.0.0.tgz",
|
||||||
"integrity": "sha512-zymm5+u+sCsSWyD9qNaejV3DFvhCKclKdizYaJUuHA83RLjb7nSuGnddCHGv0hk+KY7BMAlsWeK4Ueg6EV6XQg=="
|
"integrity": "sha512-zymm5+u+sCsSWyD9qNaejV3DFvhCKclKdizYaJUuHA83RLjb7nSuGnddCHGv0hk+KY7BMAlsWeK4Ueg6EV6XQg==",
|
||||||
|
"dev": true
|
||||||
},
|
},
|
||||||
"is-glob": {
|
"is-glob": {
|
||||||
"version": "4.0.3",
|
"version": "4.0.3",
|
||||||
@ -17559,6 +17399,7 @@
|
|||||||
"version": "5.0.0",
|
"version": "5.0.0",
|
||||||
"resolved": "https://registry.npmjs.org/locate-path/-/locate-path-5.0.0.tgz",
|
"resolved": "https://registry.npmjs.org/locate-path/-/locate-path-5.0.0.tgz",
|
||||||
"integrity": "sha512-t7hw9pI+WvuwNJXwk5zVHpyhIqzg2qTlklJOf0mVxGSbe3Fp2VieZcduNYjaLDoy6p9uGpQEGWG87WpMKlNq8g==",
|
"integrity": "sha512-t7hw9pI+WvuwNJXwk5zVHpyhIqzg2qTlklJOf0mVxGSbe3Fp2VieZcduNYjaLDoy6p9uGpQEGWG87WpMKlNq8g==",
|
||||||
|
"dev": true,
|
||||||
"requires": {
|
"requires": {
|
||||||
"p-locate": "^4.1.0"
|
"p-locate": "^4.1.0"
|
||||||
}
|
}
|
||||||
@ -18343,6 +18184,7 @@
|
|||||||
"version": "2.3.0",
|
"version": "2.3.0",
|
||||||
"resolved": "https://registry.npmjs.org/p-limit/-/p-limit-2.3.0.tgz",
|
"resolved": "https://registry.npmjs.org/p-limit/-/p-limit-2.3.0.tgz",
|
||||||
"integrity": "sha512-//88mFWSJx8lxCzwdAABTJL2MyWB12+eIY7MDL2SqLmAkeKU9qxRvWuSyTjm3FUmpBEMuFfckAIqEaVGUDxb6w==",
|
"integrity": "sha512-//88mFWSJx8lxCzwdAABTJL2MyWB12+eIY7MDL2SqLmAkeKU9qxRvWuSyTjm3FUmpBEMuFfckAIqEaVGUDxb6w==",
|
||||||
|
"dev": true,
|
||||||
"requires": {
|
"requires": {
|
||||||
"p-try": "^2.0.0"
|
"p-try": "^2.0.0"
|
||||||
}
|
}
|
||||||
@ -18351,6 +18193,7 @@
|
|||||||
"version": "4.1.0",
|
"version": "4.1.0",
|
||||||
"resolved": "https://registry.npmjs.org/p-locate/-/p-locate-4.1.0.tgz",
|
"resolved": "https://registry.npmjs.org/p-locate/-/p-locate-4.1.0.tgz",
|
||||||
"integrity": "sha512-R79ZZ/0wAxKGu3oYMlz8jy/kbhsNrS7SKZ7PxEHBgJ5+F2mtFW2fK2cOtBh1cHYkQsbzFV7I+EoRKe6Yt0oK7A==",
|
"integrity": "sha512-R79ZZ/0wAxKGu3oYMlz8jy/kbhsNrS7SKZ7PxEHBgJ5+F2mtFW2fK2cOtBh1cHYkQsbzFV7I+EoRKe6Yt0oK7A==",
|
||||||
|
"dev": true,
|
||||||
"requires": {
|
"requires": {
|
||||||
"p-limit": "^2.2.0"
|
"p-limit": "^2.2.0"
|
||||||
}
|
}
|
||||||
@ -18368,7 +18211,8 @@
|
|||||||
"p-try": {
|
"p-try": {
|
||||||
"version": "2.2.0",
|
"version": "2.2.0",
|
||||||
"resolved": "https://registry.npmjs.org/p-try/-/p-try-2.2.0.tgz",
|
"resolved": "https://registry.npmjs.org/p-try/-/p-try-2.2.0.tgz",
|
||||||
"integrity": "sha512-R4nPAVTAU0B9D35/Gk3uJf/7XYbQcyohSKdvAxIRSNghFl4e71hVoGnBNQz9cWaXxO2I10KTC+3jMdvvoKw6dQ=="
|
"integrity": "sha512-R4nPAVTAU0B9D35/Gk3uJf/7XYbQcyohSKdvAxIRSNghFl4e71hVoGnBNQz9cWaXxO2I10KTC+3jMdvvoKw6dQ==",
|
||||||
|
"dev": true
|
||||||
},
|
},
|
||||||
"param-case": {
|
"param-case": {
|
||||||
"version": "3.0.4",
|
"version": "3.0.4",
|
||||||
@ -18448,7 +18292,8 @@
|
|||||||
"path-exists": {
|
"path-exists": {
|
||||||
"version": "4.0.0",
|
"version": "4.0.0",
|
||||||
"resolved": "https://registry.npmjs.org/path-exists/-/path-exists-4.0.0.tgz",
|
"resolved": "https://registry.npmjs.org/path-exists/-/path-exists-4.0.0.tgz",
|
||||||
"integrity": "sha512-ak9Qy5Q7jYb2Wwcey5Fpvg2KoAc/ZIhLSLOSBmRmygPsGwkVVt0fZa0qrtMz+m6tJTAHfZQ8FnmB4MG4LWy7/w=="
|
"integrity": "sha512-ak9Qy5Q7jYb2Wwcey5Fpvg2KoAc/ZIhLSLOSBmRmygPsGwkVVt0fZa0qrtMz+m6tJTAHfZQ8FnmB4MG4LWy7/w==",
|
||||||
|
"dev": true
|
||||||
},
|
},
|
||||||
"path-is-absolute": {
|
"path-is-absolute": {
|
||||||
"version": "1.0.1",
|
"version": "1.0.1",
|
||||||
@ -18505,11 +18350,6 @@
|
|||||||
"find-up": "^4.0.0"
|
"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": {
|
"portfinder": {
|
||||||
"version": "1.0.32",
|
"version": "1.0.32",
|
||||||
"resolved": "https://registry.npmjs.org/portfinder/-/portfinder-1.0.32.tgz",
|
"resolved": "https://registry.npmjs.org/portfinder/-/portfinder-1.0.32.tgz",
|
||||||
@ -18995,96 +18835,6 @@
|
|||||||
"resolved": "https://registry.npmjs.org/punycode/-/punycode-2.3.0.tgz",
|
"resolved": "https://registry.npmjs.org/punycode/-/punycode-2.3.0.tgz",
|
||||||
"integrity": "sha512-rRV+zQD8tVFys26lAGR9WUuS4iUAngJScM+ZRSKtvl5tKeZ2t5bvdNFdNHBW9FWR4guGHlgmsZ1G7BSm2wTbuA=="
|
"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": {
|
"qs": {
|
||||||
"version": "6.11.2",
|
"version": "6.11.2",
|
||||||
"resolved": "https://registry.npmjs.org/qs/-/qs-6.11.2.tgz",
|
"resolved": "https://registry.npmjs.org/qs/-/qs-6.11.2.tgz",
|
||||||
@ -19271,7 +19021,8 @@
|
|||||||
"require-directory": {
|
"require-directory": {
|
||||||
"version": "2.1.1",
|
"version": "2.1.1",
|
||||||
"resolved": "https://registry.npmjs.org/require-directory/-/require-directory-2.1.1.tgz",
|
"resolved": "https://registry.npmjs.org/require-directory/-/require-directory-2.1.1.tgz",
|
||||||
"integrity": "sha512-fGxEI7+wsG9xrvdjsrlmL22OMTTiHRwAMroiEeMgq8gzoLC/PQr7RsRDSTLUg/bZAZtF+TVIkHc6/4RIKrui+Q=="
|
"integrity": "sha512-fGxEI7+wsG9xrvdjsrlmL22OMTTiHRwAMroiEeMgq8gzoLC/PQr7RsRDSTLUg/bZAZtF+TVIkHc6/4RIKrui+Q==",
|
||||||
|
"dev": true
|
||||||
},
|
},
|
||||||
"require-from-string": {
|
"require-from-string": {
|
||||||
"version": "2.0.2",
|
"version": "2.0.2",
|
||||||
@ -19279,11 +19030,6 @@
|
|||||||
"integrity": "sha512-Xf0nWe6RseziFMu+Ap9biiUbmplq6S9/p+7w7YXP/JBHhrUDDUhwa+vANyubuqfZWTveU//DYVGsDG7RKL/vEw==",
|
"integrity": "sha512-Xf0nWe6RseziFMu+Ap9biiUbmplq6S9/p+7w7YXP/JBHhrUDDUhwa+vANyubuqfZWTveU//DYVGsDG7RKL/vEw==",
|
||||||
"dev": true
|
"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": {
|
"requires-port": {
|
||||||
"version": "1.0.0",
|
"version": "1.0.0",
|
||||||
"resolved": "https://registry.npmjs.org/requires-port/-/requires-port-1.0.0.tgz",
|
"resolved": "https://registry.npmjs.org/requires-port/-/requires-port-1.0.0.tgz",
|
||||||
@ -19547,11 +19293,6 @@
|
|||||||
"send": "0.18.0"
|
"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": {
|
"setprototypeof": {
|
||||||
"version": "1.2.0",
|
"version": "1.2.0",
|
||||||
"resolved": "https://registry.npmjs.org/setprototypeof/-/setprototypeof-1.2.0.tgz",
|
"resolved": "https://registry.npmjs.org/setprototypeof/-/setprototypeof-1.2.0.tgz",
|
||||||
@ -19793,6 +19534,7 @@
|
|||||||
"version": "4.2.3",
|
"version": "4.2.3",
|
||||||
"resolved": "https://registry.npmjs.org/string-width/-/string-width-4.2.3.tgz",
|
"resolved": "https://registry.npmjs.org/string-width/-/string-width-4.2.3.tgz",
|
||||||
"integrity": "sha512-wKyQRQpjJ0sIp62ErSZdGsjMJWsap5oRNihHhu6G7JVO/9jIB6UyevL+tXuOqrng8j/cxKTWyWUwvSTriiZz/g==",
|
"integrity": "sha512-wKyQRQpjJ0sIp62ErSZdGsjMJWsap5oRNihHhu6G7JVO/9jIB6UyevL+tXuOqrng8j/cxKTWyWUwvSTriiZz/g==",
|
||||||
|
"dev": true,
|
||||||
"requires": {
|
"requires": {
|
||||||
"emoji-regex": "^8.0.0",
|
"emoji-regex": "^8.0.0",
|
||||||
"is-fullwidth-code-point": "^3.0.0",
|
"is-fullwidth-code-point": "^3.0.0",
|
||||||
@ -19803,6 +19545,7 @@
|
|||||||
"version": "6.0.1",
|
"version": "6.0.1",
|
||||||
"resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-6.0.1.tgz",
|
"resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-6.0.1.tgz",
|
||||||
"integrity": "sha512-Y38VPSHcqkFrCpFnQ9vuSXmquuv5oXOKpGeT6aGrr3o3Gc9AlVa6JBfUSOCnbxGGZF+/0ooI7KrPuUSztUdU5A==",
|
"integrity": "sha512-Y38VPSHcqkFrCpFnQ9vuSXmquuv5oXOKpGeT6aGrr3o3Gc9AlVa6JBfUSOCnbxGGZF+/0ooI7KrPuUSztUdU5A==",
|
||||||
|
"dev": true,
|
||||||
"requires": {
|
"requires": {
|
||||||
"ansi-regex": "^5.0.1"
|
"ansi-regex": "^5.0.1"
|
||||||
}
|
}
|
||||||
@ -20781,11 +20524,6 @@
|
|||||||
"isexe": "^2.0.0"
|
"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": {
|
"wildcard": {
|
||||||
"version": "2.0.1",
|
"version": "2.0.1",
|
||||||
"resolved": "https://registry.npmjs.org/wildcard/-/wildcard-2.0.1.tgz",
|
"resolved": "https://registry.npmjs.org/wildcard/-/wildcard-2.0.1.tgz",
|
||||||
|
|||||||
@ -19,7 +19,6 @@
|
|||||||
"element-ui": "^2.15.9",
|
"element-ui": "^2.15.9",
|
||||||
"less": "^4.1.3",
|
"less": "^4.1.3",
|
||||||
"less-loader": "^11.1.3",
|
"less-loader": "^11.1.3",
|
||||||
"qrcode": "^1.5.4",
|
|
||||||
"qs": "^6.11.2",
|
"qs": "^6.11.2",
|
||||||
"sass": "^1.65.1",
|
"sass": "^1.65.1",
|
||||||
"sass-loader": "^13.3.2",
|
"sass-loader": "^13.3.2",
|
||||||
|
|||||||
@ -32,10 +32,6 @@
|
|||||||
</script>
|
</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 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 src="https://unpkg.com/vconsole@latest/dist/vconsole.min.js"></script>-->
|
||||||
<script>
|
|
||||||
window.selfLink = window.location.href;
|
|
||||||
window.selfSearch = window.location.search;
|
|
||||||
</script>
|
|
||||||
<script>
|
<script>
|
||||||
// VConsole 默认会挂载到 `window.VConsole` 上
|
// VConsole 默认会挂载到 `window.VConsole` 上
|
||||||
// let vConsole = new window.VConsole();
|
// let vConsole = new window.VConsole();
|
||||||
|
|||||||
@ -1,72 +0,0 @@
|
|||||||
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'
|
|
||||||
})
|
|
||||||
}
|
|
||||||
107
src/api/mine.js
@ -18,25 +18,6 @@ export function saveVehicle(data){
|
|||||||
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)
|
// 获取车辆信息(用于修改时回显的值,只需传vehicleId)
|
||||||
export function getInfoById(data){
|
export function getInfoById(data){
|
||||||
return request({
|
return request({
|
||||||
@ -69,62 +50,6 @@ export function supplierServiceTree(){
|
|||||||
method:'POST'
|
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){
|
export function driverList(data){
|
||||||
return request({
|
return request({
|
||||||
@ -392,35 +317,3 @@ export function unifiedOCRWithCompress(data){
|
|||||||
data
|
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
|
|
||||||
})
|
|
||||||
}
|
|
||||||
//发送确认参保
|
|
||||||
export function sendInsuranceEmail(){
|
|
||||||
return request({
|
|
||||||
url:'/supplierAppV2/dispatchApp/user/sendInsuranceEmail',
|
|
||||||
method:'POST',
|
|
||||||
})
|
|
||||||
}
|
|
||||||
// 判断服务商是否参保
|
|
||||||
export function isSendInsuranceEmail(){
|
|
||||||
return request({
|
|
||||||
url:'/supplierAppV2/dispatchApp/user/isSendInsuranceEmail',
|
|
||||||
method:'POST',
|
|
||||||
})
|
|
||||||
}
|
|
||||||
|
|||||||
@ -151,11 +151,4 @@ export function dealWithAlarm(data) {
|
|||||||
})
|
})
|
||||||
}
|
}
|
||||||
|
|
||||||
//获取当前任务信息
|
|
||||||
export function getConfigByCode(data){
|
|
||||||
return request({
|
|
||||||
url: '/base/baseConfig/getConfigByCode',
|
|
||||||
method:'POST',
|
|
||||||
data
|
|
||||||
})
|
|
||||||
}
|
|
||||||
|
|||||||
@ -103,13 +103,3 @@ export function auditCarInfoAgain(data){
|
|||||||
data
|
data
|
||||||
})
|
})
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
// 我的发布列表
|
|
||||||
export function getAddressForService(data){
|
|
||||||
return request({
|
|
||||||
url: '/base/gaodeMap/getPlaceByAddress',
|
|
||||||
method:'GET',
|
|
||||||
params: data,
|
|
||||||
})
|
|
||||||
}
|
|
||||||
|
|||||||
|
Before Width: | Height: | Size: 790 B |
|
Before Width: | Height: | Size: 441 B |
|
Before Width: | Height: | Size: 277 B |
|
Before Width: | Height: | Size: 727 B |
|
Before Width: | Height: | Size: 901 B |
|
Before Width: | Height: | Size: 803 B |
|
Before Width: | Height: | Size: 478 B |
|
Before Width: | Height: | Size: 470 B |
|
Before Width: | Height: | Size: 795 B |
|
Before Width: | Height: | Size: 725 B |
|
Before Width: | Height: | Size: 1.6 KiB |
|
Before Width: | Height: | Size: 721 B |
|
Before Width: | Height: | Size: 1.0 KiB |
|
Before Width: | Height: | Size: 7.4 KiB |
|
Before Width: | Height: | Size: 7.1 KiB |
|
Before Width: | Height: | Size: 29 KiB |
|
Before Width: | Height: | Size: 33 KiB |
|
Before Width: | Height: | Size: 14 KiB |
|
Before Width: | Height: | Size: 6.9 KiB |
|
Before Width: | Height: | Size: 4.9 KiB |
|
Before Width: | Height: | Size: 106 KiB |
|
Before Width: | Height: | Size: 727 B |
|
Before Width: | Height: | Size: 8.6 KiB |
|
Before Width: | Height: | Size: 14 KiB |
|
Before Width: | Height: | Size: 11 KiB |
|
Before Width: | Height: | Size: 44 KiB |
|
Before Width: | Height: | Size: 19 KiB |
|
Before Width: | Height: | Size: 28 KiB |
|
Before Width: | Height: | Size: 7.4 KiB |
|
Before Width: | Height: | Size: 5.4 KiB |
|
Before Width: | Height: | Size: 5.8 KiB |
|
Before Width: | Height: | Size: 7.0 KiB |
|
Before Width: | Height: | Size: 2.6 KiB |
|
Before Width: | Height: | Size: 7.0 KiB |
|
Before Width: | Height: | Size: 4.9 KiB |
|
Before Width: | Height: | Size: 251 KiB |
|
Before Width: | Height: | Size: 2.2 KiB |
|
Before Width: | Height: | Size: 11 KiB |
@ -1,43 +0,0 @@
|
|||||||
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
|
|
||||||
@ -5,36 +5,11 @@ import kpiRouter from './kpi-router'
|
|||||||
import invoiceRouter from "@/router/invoice-router";
|
import invoiceRouter from "@/router/invoice-router";
|
||||||
import secondHandRouter from "@/router/second-hand-router";
|
import secondHandRouter from "@/router/second-hand-router";
|
||||||
import reportRouter from "@/router/report-router"
|
import reportRouter from "@/router/report-router"
|
||||||
import authenticationRouter from "@/router/authentication-router"
|
|
||||||
const routes = [
|
const routes = [
|
||||||
{
|
{
|
||||||
path: '/',
|
path: '/',
|
||||||
redirect: '/index'
|
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',
|
path: '/toDoList',
|
||||||
name: 'toDoList',
|
name: 'toDoList',
|
||||||
@ -172,14 +147,6 @@ const routes = [
|
|||||||
title: '车辆新增或修改'
|
title: '车辆新增或修改'
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
{
|
|
||||||
path: "/continueInsurance",
|
|
||||||
name: 'continueInsurance',
|
|
||||||
component: () => import('@/views/index/continueInsurance'),
|
|
||||||
meta: {
|
|
||||||
title: '续保更新'
|
|
||||||
}
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
path: '/driverManage',
|
path: '/driverManage',
|
||||||
name: 'driverManage',
|
name: 'driverManage',
|
||||||
@ -327,8 +294,7 @@ const routes = [
|
|||||||
...kpiRouter,
|
...kpiRouter,
|
||||||
...invoiceRouter,
|
...invoiceRouter,
|
||||||
...secondHandRouter,
|
...secondHandRouter,
|
||||||
...reportRouter,
|
...reportRouter
|
||||||
...authenticationRouter
|
|
||||||
]
|
]
|
||||||
|
|
||||||
const router = new VueRouter({
|
const router = new VueRouter({
|
||||||
|
|||||||
@ -17,13 +17,5 @@ const reportRouter = [
|
|||||||
title: '道路救援',
|
title: '道路救援',
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
{
|
|
||||||
path: '/insuredPage',
|
|
||||||
name: 'insuredPage',
|
|
||||||
component: () => import('@/views/liabilityInsurance/insuredPage'),
|
|
||||||
meta:{
|
|
||||||
title: '参保救援职业责任险',
|
|
||||||
}
|
|
||||||
},
|
|
||||||
]
|
]
|
||||||
export default reportRouter
|
export default reportRouter
|
||||||
|
|||||||
@ -47,84 +47,4 @@ select{
|
|||||||
font-size: 14px;
|
font-size: 14px;
|
||||||
color: #000000;
|
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;
|
|
||||||
}*/
|
|
||||||
|
|||||||
@ -1,43 +0,0 @@
|
|||||||
.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;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
@ -105,32 +105,3 @@
|
|||||||
color: $col;
|
color: $col;
|
||||||
line-height: $hei;
|
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;
|
|
||||||
}
|
|
||||||
@ -42,89 +42,11 @@ const timeFormat=(data) =>{
|
|||||||
return formattedDate;
|
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 = {
|
module.exports = {
|
||||||
formatNumber,
|
formatNumber,
|
||||||
formatDate,
|
formatDate,
|
||||||
leftCopy,
|
leftCopy,
|
||||||
timeFormat,
|
timeFormat,
|
||||||
formatDate1,
|
formatDate1
|
||||||
verifyStatus,
|
|
||||||
verifyStatusSimple,
|
|
||||||
tipString
|
|
||||||
}
|
}
|
||||||
@ -19,7 +19,6 @@ if( token ) {
|
|||||||
service.interceptors.request.use(
|
service.interceptors.request.use(
|
||||||
config => {
|
config => {
|
||||||
let reqUrl=config.url
|
let reqUrl=config.url
|
||||||
console.log('config',config)
|
|
||||||
config.data = config.contentType ? config.data : qs.stringify(config.data)
|
config.data = config.contentType ? config.data : qs.stringify(config.data)
|
||||||
if (config.testFlag) {
|
if (config.testFlag) {
|
||||||
config.data = qs.stringify(config.data, {arrayFormat: 'indices', allowDots: true})
|
config.data = qs.stringify(config.data, {arrayFormat: 'indices', allowDots: true})
|
||||||
@ -28,17 +27,12 @@ service.interceptors.request.use(
|
|||||||
let token = localStorage.getItem('token');
|
let token = localStorage.getItem('token');
|
||||||
// let token='eyJhbGciOiJIUzI1NiJ9.eyJzdWIiOiJBTkNIQU5HIiwidXNlcklkIjo0NTY3MSwibmFtZSI6IuWuieeVhSIsInVzZXJOYW1lIjoiQU5DSEFORyIsInN1cHBsaWVySWQiOjExMjgsImlzWmQiOjAsImV4cCI6MTc1NTQyMjUyNX0.xzDZhaANJFnbeViIHJA0SEtOyTv7Ja3rKmXqRKRuFkc'
|
// let token='eyJhbGciOiJIUzI1NiJ9.eyJzdWIiOiJBTkNIQU5HIiwidXNlcklkIjo0NTY3MSwibmFtZSI6IuWuieeVhSIsInVzZXJOYW1lIjoiQU5DSEFORyIsInN1cHBsaWVySWQiOjExMjgsImlzWmQiOjAsImV4cCI6MTc1NTQyMjUyNX0.xzDZhaANJFnbeViIHJA0SEtOyTv7Ja3rKmXqRKRuFkc'
|
||||||
// let token='eyJhbGciOiJIUzI1NiJ9.eyJzdWIiOiJTSEhQWEIiLCJ1c2VySWQiOjU0NzI2LCJuYW1lIjoiI-a1i-ivleWwj-eZveeZvSIsInVzZXJOYW1lIjoiU0hIUFhCIiwic3VwcGxpZXJJZCI6MTAwMDE2NSwiZXhwIjoxNzQ0NTEwNzkwfQ.JPk0OA7slYJN3FIi_uhW4Y0CiWRvl6R1dK8MRTbyhD8'
|
// 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) {
|
if(token) {
|
||||||
config.headers['Authorization'] = `${token}`;
|
config.headers['Authorization'] = `${token}`;
|
||||||
config.headers['token'] = `${token}`;
|
config.headers['token'] = `${token}`;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
// }
|
|
||||||
return config
|
return config
|
||||||
},
|
},
|
||||||
error => {
|
error => {
|
||||||
|
|||||||
@ -1,4 +1,3 @@
|
|||||||
import { getAddressForService } from "@/api/secondHandCar"
|
|
||||||
// 获取定位, 返回 经纬度
|
// 获取定位, 返回 经纬度
|
||||||
export function getLocal(mapContext) {
|
export function getLocal(mapContext) {
|
||||||
return new Promise((resolve, reject) => {
|
return new Promise((resolve, reject) => {
|
||||||
@ -47,19 +46,7 @@ export function getAddress(mapContext, lnglat) {
|
|||||||
// 输入提示
|
// 输入提示
|
||||||
export function searchFun(mapContext, cityCode, keyword) {
|
export function searchFun(mapContext, cityCode, keyword) {
|
||||||
return new Promise((resolve) => {
|
return new Promise((resolve) => {
|
||||||
getAddressForService({
|
mapContext.plugin('AMap.AutoComplete', function(){
|
||||||
city: '',
|
|
||||||
address: keyword
|
|
||||||
}).then((res) => {
|
|
||||||
if(res.code == 200) {
|
|
||||||
resolve(res?.data?.pois || [])
|
|
||||||
} else {
|
|
||||||
resolve([])
|
|
||||||
}
|
|
||||||
}).catch(() => {
|
|
||||||
resolve([])
|
|
||||||
})
|
|
||||||
/*mapContext.plugin('AMap.AutoComplete', function(){
|
|
||||||
var autoOptions = {
|
var autoOptions = {
|
||||||
city: cityCode || '全国',
|
city: cityCode || '全国',
|
||||||
};
|
};
|
||||||
@ -74,7 +61,7 @@ export function searchFun(mapContext, cityCode, keyword) {
|
|||||||
resolve([])
|
resolve([])
|
||||||
}
|
}
|
||||||
})
|
})
|
||||||
})*/
|
})
|
||||||
})
|
})
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|||||||
@ -5,12 +5,6 @@ export const myMixins = {
|
|||||||
}
|
}
|
||||||
},
|
},
|
||||||
methods: {
|
methods: {
|
||||||
showFun() {
|
|
||||||
if( localStorage.getItem('infoVerify') == 8 || localStorage.getItem('infoVerify') == 12 ) {
|
|
||||||
return false
|
|
||||||
}
|
|
||||||
return true
|
|
||||||
},
|
|
||||||
goPage(page, query) {
|
goPage(page, query) {
|
||||||
this.$router.push({
|
this.$router.push({
|
||||||
name: page,
|
name: page,
|
||||||
|
|||||||
@ -90,7 +90,6 @@ export default {
|
|||||||
totalList:[],
|
totalList:[],
|
||||||
numInfo:'',
|
numInfo:'',
|
||||||
keyword:'',
|
keyword:'',
|
||||||
serviceTypeName:'',
|
|
||||||
show:false,
|
show:false,
|
||||||
showEmpty:false,
|
showEmpty:false,
|
||||||
isLoading:false,
|
isLoading:false,
|
||||||
@ -102,8 +101,7 @@ export default {
|
|||||||
const urlParams = new URLSearchParams(window.location.search);
|
const urlParams = new URLSearchParams(window.location.search);
|
||||||
this.driverId = urlParams.get('driverId');
|
this.driverId = urlParams.get('driverId');
|
||||||
this.time=timeFormat(Date.now())
|
this.time=timeFormat(Date.now())
|
||||||
this.keyword=urlParams.get('keyword') || ''
|
this.keyword=urlParams.get('keyWord') || ''
|
||||||
this.serviceTypeName=urlParams.get('serviceTypeName') || ''
|
|
||||||
this.getTrainingList();
|
this.getTrainingList();
|
||||||
document.addEventListener('visibilitychange', async ( ) => {
|
document.addEventListener('visibilitychange', async ( ) => {
|
||||||
let state = document.visibilityState
|
let state = document.visibilityState
|
||||||
@ -131,7 +129,6 @@ export default {
|
|||||||
type:1,
|
type:1,
|
||||||
id:this.driverId,
|
id:this.driverId,
|
||||||
text:this.keyword || '',
|
text:this.keyword || '',
|
||||||
serviceTypeName:this.serviceTypeName || ''
|
|
||||||
})
|
})
|
||||||
this.totalList=[]
|
this.totalList=[]
|
||||||
this.pageList=[]
|
this.pageList=[]
|
||||||
|
|||||||
@ -36,6 +36,9 @@
|
|||||||
v-model="keyword"
|
v-model="keyword"
|
||||||
placeholder="名称/关键词/简介"
|
placeholder="名称/关键词/简介"
|
||||||
>
|
>
|
||||||
|
<!-- <template #button>
|
||||||
|
<van-icon class="search" name="search" size="20" @click="getTrainingList"/>
|
||||||
|
</template>-->
|
||||||
</van-field>
|
</van-field>
|
||||||
</template>
|
</template>
|
||||||
<template slot="left">
|
<template slot="left">
|
||||||
@ -94,7 +97,6 @@ export default {
|
|||||||
showEmpty:false,
|
showEmpty:false,
|
||||||
supplierId:'',
|
supplierId:'',
|
||||||
driverId:'',
|
driverId:'',
|
||||||
serviceTypeName:'',
|
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
mounted() {
|
mounted() {
|
||||||
@ -102,36 +104,32 @@ export default {
|
|||||||
this.supplierId = urlParams.get('supplierId');
|
this.supplierId = urlParams.get('supplierId');
|
||||||
this.driverId = urlParams.get('driverId');
|
this.driverId = urlParams.get('driverId');
|
||||||
if(this.driverId){
|
if(this.driverId){
|
||||||
this.keyword=urlParams.get('keyword') || ''
|
this.keyword=urlParams.get('keyWord') || ''
|
||||||
}
|
}
|
||||||
this.serviceTypeName=urlParams.get('serviceTypeName') || ''
|
|
||||||
this.getNormalList()
|
this.getNormalList()
|
||||||
},
|
},
|
||||||
methods:{
|
methods:{
|
||||||
onRefresh() {
|
onRefresh() {
|
||||||
this.getNormalList()
|
this.getNormalList()
|
||||||
if(!this.isLoading){
|
setTimeout(() => {
|
||||||
this.$toast('刷新成功');
|
|
||||||
}
|
|
||||||
/* setTimeout(() => {
|
|
||||||
this.$toast('刷新成功');
|
this.$toast('刷新成功');
|
||||||
this.isLoading = false;
|
this.isLoading = false;
|
||||||
}, 1000);*/
|
}, 1000);
|
||||||
},
|
},
|
||||||
async changeTab(index) {
|
async changeTab(index) {
|
||||||
this.activeIndex = index
|
this.activeIndex = index
|
||||||
await this.getNormalList()
|
await this.getNormalList()
|
||||||
},
|
},
|
||||||
async getNormalList(){
|
async getNormalList(){
|
||||||
this.isLoading = true;
|
|
||||||
this.totalList=[]
|
|
||||||
this.pageList=[]
|
|
||||||
let res= await getNormalList({
|
let res= await getNormalList({
|
||||||
type:this.supplierId ? 2 : 1,
|
type:this.supplierId ? 2 : 1,
|
||||||
|
// type:2,
|
||||||
id: this.supplierId ? this.supplierId : this.driverId,
|
id: this.supplierId ? this.supplierId : this.driverId,
|
||||||
|
// id:this.supplierId,//33041,
|
||||||
text:this.keyword || '',
|
text:this.keyword || '',
|
||||||
serviceTypeName:this.serviceTypeName || ''
|
|
||||||
})
|
})
|
||||||
|
this.totalList=[]
|
||||||
|
this.pageList=[]
|
||||||
this.totalList=res.data.list
|
this.totalList=res.data.list
|
||||||
let result=[]
|
let result=[]
|
||||||
if(this.activeIndex === 0){
|
if(this.activeIndex === 0){
|
||||||
@ -151,7 +149,6 @@ export default {
|
|||||||
}else {
|
}else {
|
||||||
this.showEmpty = false
|
this.showEmpty = false
|
||||||
}
|
}
|
||||||
this.isLoading = false
|
|
||||||
},
|
},
|
||||||
initShow(){
|
initShow(){
|
||||||
this.keyword= '',
|
this.keyword= '',
|
||||||
|
|||||||
@ -68,7 +68,6 @@ export default {
|
|||||||
pageList:[],
|
pageList:[],
|
||||||
totalList:[],
|
totalList:[],
|
||||||
keyword:'',
|
keyword:'',
|
||||||
serviceTypeName:'',
|
|
||||||
show:false,
|
show:false,
|
||||||
showEmpty:false,
|
showEmpty:false,
|
||||||
isLoading:false,
|
isLoading:false,
|
||||||
@ -78,8 +77,6 @@ export default {
|
|||||||
mounted() {
|
mounted() {
|
||||||
const urlParams = new URLSearchParams(window.location.search);
|
const urlParams = new URLSearchParams(window.location.search);
|
||||||
this.supplierId = urlParams.get('supplierId');
|
this.supplierId = urlParams.get('supplierId');
|
||||||
this.keyword=urlParams.get('keyword') || ''
|
|
||||||
this.serviceTypeName=urlParams.get('serviceTypeName') || ''
|
|
||||||
this.getTrainingList();
|
this.getTrainingList();
|
||||||
document.addEventListener('visibilitychange', async ( ) => {
|
document.addEventListener('visibilitychange', async ( ) => {
|
||||||
let state = document.visibilityState
|
let state = document.visibilityState
|
||||||
@ -107,7 +104,6 @@ export default {
|
|||||||
type:2,
|
type:2,
|
||||||
id: this.supplierId,
|
id: this.supplierId,
|
||||||
text:this.keyword || '',
|
text:this.keyword || '',
|
||||||
serviceTypeName:this.serviceTypeName || ''
|
|
||||||
})
|
})
|
||||||
this.totalList=[]
|
this.totalList=[]
|
||||||
this.pageList=[]
|
this.pageList=[]
|
||||||
|
|||||||
@ -1,415 +0,0 @@
|
|||||||
<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>
|
|
||||||
@ -88,8 +88,7 @@
|
|||||||
<script>
|
<script>
|
||||||
import { Decimal } from 'decimal.js';
|
import { Decimal } from 'decimal.js';
|
||||||
import {myMixins} from "@/utils/myMixins"
|
import {myMixins} from "@/utils/myMixins"
|
||||||
import {notifyInvoiceList, jumpPage} from "@/api/mine"
|
import {notifyInvoiceList} from "@/api/mine"
|
||||||
import {Dialog} from "vant";
|
|
||||||
export default {
|
export default {
|
||||||
name: "invoicingNotify",
|
name: "invoicingNotify",
|
||||||
mixins:[myMixins],
|
mixins:[myMixins],
|
||||||
@ -155,7 +154,7 @@ export default {
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
async changeTabHandler() {
|
changeTabHandler() {
|
||||||
this.pageNum = 1;
|
this.pageNum = 1;
|
||||||
this.notifyList = [];
|
this.notifyList = [];
|
||||||
this.checkList = [];
|
this.checkList = [];
|
||||||
@ -167,20 +166,6 @@ export default {
|
|||||||
this.status = 2;
|
this.status = 2;
|
||||||
this.dispatchAppSearchInvoiced = '';
|
this.dispatchAppSearchInvoiced = '';
|
||||||
this.pageSize = 10000
|
this.pageSize = 10000
|
||||||
let res = await this.getJumpHandler();
|
|
||||||
if(res?.data?.jump) {
|
|
||||||
Dialog.alert({
|
|
||||||
message: '您有暂未完成的培训,请在中道调度APP上完成培训,再进行发票上传',
|
|
||||||
confirmButtonText: '去培训',
|
|
||||||
confirmButtonColor: '#0E76F4',
|
|
||||||
showCancelButton: false,
|
|
||||||
}).then(async() => {
|
|
||||||
this.goPage('newTrainingList', { supplierId : this.supplierId, type: 'invoice' })
|
|
||||||
}).catch(() => {
|
|
||||||
// on cancel
|
|
||||||
});
|
|
||||||
return false
|
|
||||||
}
|
|
||||||
} else if(this.active == 3) { // 已开票,需要分页
|
} else if(this.active == 3) { // 已开票,需要分页
|
||||||
this.status = '';
|
this.status = '';
|
||||||
this.dispatchAppSearchInvoiced = 1;
|
this.dispatchAppSearchInvoiced = 1;
|
||||||
@ -188,12 +173,6 @@ export default {
|
|||||||
}
|
}
|
||||||
this.getNotifyList()
|
this.getNotifyList()
|
||||||
},
|
},
|
||||||
async getJumpHandler() {
|
|
||||||
let res = await jumpPage({
|
|
||||||
type: 'invoice'
|
|
||||||
});
|
|
||||||
return res
|
|
||||||
},
|
|
||||||
getMonth(item) {
|
getMonth(item) {
|
||||||
let str = '';
|
let str = '';
|
||||||
let startTime = new Date(item.createTime);
|
let startTime = new Date(item.createTime);
|
||||||
|
|||||||
@ -1,573 +0,0 @@
|
|||||||
<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>
|
|
||||||
@ -1,83 +0,0 @@
|
|||||||
<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>
|
|
||||||
@ -1,350 +0,0 @@
|
|||||||
<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>
|
|
||||||
@ -62,7 +62,7 @@
|
|||||||
</div>
|
</div>
|
||||||
<div class="upload_btn_wrap">
|
<div class="upload_btn_wrap">
|
||||||
<div class="btn_save" @click="createInvoiceHandler">保存</div>
|
<div class="btn_save" @click="createInvoiceHandler">保存</div>
|
||||||
<van-uploader :before-read="beforeRead" use-before-read :after-read="afterRead" accept=".png,.jpg,.jpeg,.pdf,.ofd">
|
<van-uploader :before-read="beforeRead" :after-read="afterRead" accept=".png,.jpg,.jpeg,.pdf,.ofd">
|
||||||
<div class="btn_upload">
|
<div class="btn_upload">
|
||||||
<img class="icon_upload" src="@/assets/icon_upload.png" alt="">
|
<img class="icon_upload" src="@/assets/icon_upload.png" alt="">
|
||||||
上传发票
|
上传发票
|
||||||
@ -83,7 +83,6 @@
|
|||||||
data(){
|
data(){
|
||||||
return {
|
return {
|
||||||
list: [],
|
list: [],
|
||||||
fileObj: '',
|
|
||||||
invoiceMoneyTotal: 0,
|
invoiceMoneyTotal: 0,
|
||||||
tableData: [],
|
tableData: [],
|
||||||
activeObj: {},
|
activeObj: {},
|
||||||
@ -133,10 +132,6 @@
|
|||||||
}
|
}
|
||||||
},
|
},
|
||||||
methods: {
|
methods: {
|
||||||
/* async getJumpHandler() {
|
|
||||||
let res = await jumpPage();
|
|
||||||
return res
|
|
||||||
},*/
|
|
||||||
async initData() {
|
async initData() {
|
||||||
this.list = JSON.parse(localStorage.getItem('list'));
|
this.list = JSON.parse(localStorage.getItem('list'));
|
||||||
this.batchIds = [];
|
this.batchIds = [];
|
||||||
@ -235,13 +230,14 @@
|
|||||||
}).catch(() => {
|
}).catch(() => {
|
||||||
});
|
});
|
||||||
},
|
},
|
||||||
async beforeRead (file) {
|
beforeRead (file) {
|
||||||
const FileExt = file.name.replace(/.+\./, "");
|
const FileExt = file.name.replace(/.+\./, "");
|
||||||
if (['jpg', 'png', 'jpeg', 'pdf', 'ofd'].indexOf(FileExt.toLowerCase()) === -1) {
|
if (['jpg', 'png', 'jpeg', 'pdf', 'ofd'].indexOf(FileExt.toLowerCase()) === -1) {
|
||||||
this.$toast('请上传后缀名为jpg、jpeg、png、pdf、ofd的文件!')
|
this.$toast('请上传后缀名为jpg、jpeg、png、pdf、ofd的文件!')
|
||||||
return false
|
return false;
|
||||||
}
|
}
|
||||||
this.$set(this.activeObj, 'fileType', FileExt)
|
this.$set(this.activeObj, 'fileType', FileExt)
|
||||||
|
return true
|
||||||
},
|
},
|
||||||
async afterRead (file) {
|
async afterRead (file) {
|
||||||
try {
|
try {
|
||||||
|
|||||||
@ -72,7 +72,7 @@
|
|||||||
<div class="itemContent">
|
<div class="itemContent">
|
||||||
<div class="titleType">
|
<div class="titleType">
|
||||||
<img class="startImg" src="@/assets/start.png" />
|
<img class="startImg" src="@/assets/start.png" />
|
||||||
<span>车辆类别</span>
|
<span>车辆类型</span>
|
||||||
</div>
|
</div>
|
||||||
<!--
|
<!--
|
||||||
<select
|
<select
|
||||||
@ -95,7 +95,6 @@
|
|||||||
multiple
|
multiple
|
||||||
:multiple-limit="isMultiple ? 2 : 1"
|
:multiple-limit="isMultiple ? 2 : 1"
|
||||||
v-model="selectedOption"
|
v-model="selectedOption"
|
||||||
:disabled="vehicleInfoDisabled"
|
|
||||||
value-key="name"
|
value-key="name"
|
||||||
class="elSelect"
|
class="elSelect"
|
||||||
collapse-tags="collapse-tags"
|
collapse-tags="collapse-tags"
|
||||||
@ -112,30 +111,6 @@
|
|||||||
</el-select>
|
</el-select>
|
||||||
|
|
||||||
</div>
|
</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="itemContent">
|
||||||
<div class="titleType">
|
<div class="titleType">
|
||||||
<span>牌照</span>
|
<span>牌照</span>
|
||||||
@ -159,7 +134,7 @@
|
|||||||
|
|
||||||
</div>
|
</div>
|
||||||
<div class="lineBot"></div>
|
<div class="lineBot"></div>
|
||||||
<!--<div class="itemContent">
|
<div class="itemContent">
|
||||||
<div class="titleType">
|
<div class="titleType">
|
||||||
<img class="startImg" src="@/assets/start.png" />
|
<img class="startImg" src="@/assets/start.png" />
|
||||||
<span>是否参与聚合</span>
|
<span>是否参与聚合</span>
|
||||||
@ -185,121 +160,7 @@
|
|||||||
</van-radio-group>
|
</van-radio-group>
|
||||||
</div>
|
</div>
|
||||||
</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>
|
<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="itemContent">
|
||||||
<div class="titleType">
|
<div class="titleType">
|
||||||
<img class="startImg" src="@/assets/start.png" />
|
<img class="startImg" src="@/assets/start.png" />
|
||||||
@ -307,17 +168,8 @@
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="serviceType">
|
<div class="serviceType">
|
||||||
<el-tree
|
|
||||||
show-checkbox
|
<div class="trailerService" v-for="(item,index) in supplierServiceList" :key="index">
|
||||||
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)">
|
<div class="serviceline" @click="loadAll(index)">
|
||||||
<img :ref="'serviceline' + index" :src="imageUrl" style="width: 20px;height: 15px" >
|
<img :ref="'serviceline' + index" :src="imageUrl" style="width: 20px;height: 15px" >
|
||||||
<span class="service">{{ item.name }}:</span>
|
<span class="service">{{ item.name }}:</span>
|
||||||
@ -328,21 +180,18 @@
|
|||||||
<van-checkbox class="item" :name="item2.id">{{item2.name }}</van-checkbox>
|
<van-checkbox class="item" :name="item2.id">{{item2.name }}</van-checkbox>
|
||||||
</van-checkbox-group>
|
</van-checkbox-group>
|
||||||
</div>
|
</div>
|
||||||
</div>-->
|
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<two-common-btn class="btn" @cancelClick="h5GoBack" @submitClick="submitBtn" />
|
<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>
|
||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script>
|
<script>
|
||||||
// uploadImage
|
// uploadImage
|
||||||
import {Dialog} from "vant";
|
|
||||||
import {formatDate1} from "@/utils/common"
|
|
||||||
import {myMixins} from "@/utils/myMixins"
|
import {myMixins} from "@/utils/myMixins"
|
||||||
import {vehicleTypeList,saveVehicle,getInfoById,supplierServiceTree, uploadImage, ocrHandler, userOperationPermissions} from "@/api/mine"
|
import {vehicleTypeList,saveVehicle,getInfoById,supplierServiceTree, uploadImage, ocrHandler} from "@/api/mine"
|
||||||
import TwoCommonBtn from "@/components/twoBtnCommon.vue"
|
import TwoCommonBtn from "@/components/twoBtnCommon.vue"
|
||||||
import CellGroup from "@/components/cellGroup.vue";
|
import CellGroup from "@/components/cellGroup.vue";
|
||||||
export default {
|
export default {
|
||||||
@ -350,21 +199,8 @@ export default {
|
|||||||
mixins:[myMixins],
|
mixins:[myMixins],
|
||||||
data(){
|
data(){
|
||||||
return{
|
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: '',//拖车服务
|
trailerService: '',//拖车服务
|
||||||
isJoin:'',//是否参与
|
isJoin:'',//是否参与
|
||||||
hasLiabilityInsurance: '', // 有无责任险
|
|
||||||
liabilityInsuranceAudit: '',
|
|
||||||
activeIcon: require('@/assets/check.png'),
|
activeIcon: require('@/assets/check.png'),
|
||||||
inactiveIcon: require('@/assets/uncheck.png'),
|
inactiveIcon: require('@/assets/uncheck.png'),
|
||||||
// result: [],
|
// result: [],
|
||||||
@ -382,20 +218,15 @@ export default {
|
|||||||
vehicleLicenseBackList: [],
|
vehicleLicenseBackList: [],
|
||||||
vehicleLicenseCarPhotoList: [],
|
vehicleLicenseCarPhotoList: [],
|
||||||
vehicleFrontPhotoList: [],
|
vehicleFrontPhotoList: [],
|
||||||
insurancePictureFiles: [],
|
|
||||||
vehicleLicenseFront: '', // 行驶证首页
|
vehicleLicenseFront: '', // 行驶证首页
|
||||||
vehicleLicenseBack: '', // 行驶证副页
|
vehicleLicenseBack: '', // 行驶证副页
|
||||||
vehicleLicenseCarPhoto: '', // 行驶证车辆照片
|
vehicleLicenseCarPhoto: '', // 行驶证车辆照片
|
||||||
vehicleFrontPhoto: '', // 车头照
|
vehicleFrontPhoto: '', // 车头照
|
||||||
insurancePicturePhoto: '', // 保单照片
|
|
||||||
vehicleLicenseInfo: {},
|
vehicleLicenseInfo: {},
|
||||||
vehicleLicenseBackOcrFlag: false, // 行驶证副页 修改时默认不需要 ocr识别
|
vehicleLicenseBackOcrFlag: false, // 行驶证副页 修改时默认不需要 ocr识别
|
||||||
isMultiple: false, // 是否支持多选
|
isMultiple: false, // 是否支持多选
|
||||||
vehicleLicense:'',//牌照
|
vehicleLicense:'',//牌照
|
||||||
vehicleFrontLicensePlate:'',//车头照车牌号码
|
vehicleFrontLicensePlate:'',//车头照车牌号码
|
||||||
insuranceCorp: '',
|
|
||||||
auditStatus: '',
|
|
||||||
permissonList:[],
|
|
||||||
vehicleTypes:[{
|
vehicleTypes:[{
|
||||||
name: '小修车',
|
name: '小修车',
|
||||||
value: 1
|
value: 1
|
||||||
@ -413,7 +244,7 @@ export default {
|
|||||||
name:'牵引车',
|
name:'牵引车',
|
||||||
value: 5 },
|
value: 5 },
|
||||||
{
|
{
|
||||||
name:'随车吊平板车',
|
name:'大力神',
|
||||||
value:6},
|
value:6},
|
||||||
{
|
{
|
||||||
name:'充电车',
|
name:'充电车',
|
||||||
@ -444,77 +275,9 @@ export default {
|
|||||||
}, {
|
}, {
|
||||||
name: '其他',
|
name: '其他',
|
||||||
value: 5
|
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:{
|
watch:{
|
||||||
selectedOption(newVal){
|
selectedOption(newVal){
|
||||||
if(newVal == 4){
|
if(newVal == 4){
|
||||||
@ -534,7 +297,7 @@ export default {
|
|||||||
this.vehicleTypes[8].disabled=false
|
this.vehicleTypes[8].disabled=false
|
||||||
this.vehicleTypes[9].disabled=false
|
this.vehicleTypes[9].disabled=false
|
||||||
}
|
}
|
||||||
if (newVal == 1 || newVal == 7 || newVal == 9){
|
if (newVal == 1 || newVal == 7){
|
||||||
let arr = []
|
let arr = []
|
||||||
this.supplierServiceList.forEach((item)=>{
|
this.supplierServiceList.forEach((item)=>{
|
||||||
if(!(item.name == '拖车服务' || item.name == '大型车救援')){
|
if(!(item.name == '拖车服务' || item.name == '大型车救援')){
|
||||||
@ -558,47 +321,6 @@ export default {
|
|||||||
}
|
}
|
||||||
},
|
},
|
||||||
methods:{
|
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() {
|
setDefault() {
|
||||||
if( this.vehicleLicenseInfo?.vehicleType?.includes('小型') || this.vehicleLicenseInfo?.vehicleType?.includes('微型') || this.vehicleLicenseInfo?.vehicleType?.includes('普通') || this.vehicleLicenseInfo?.vehicleType?.includes('摩托') ) {
|
if( this.vehicleLicenseInfo?.vehicleType?.includes('小型') || this.vehicleLicenseInfo?.vehicleType?.includes('微型') || this.vehicleLicenseInfo?.vehicleType?.includes('普通') || this.vehicleLicenseInfo?.vehicleType?.includes('摩托') ) {
|
||||||
this.vehicleTypes.map(item => {
|
this.vehicleTypes.map(item => {
|
||||||
@ -609,14 +331,6 @@ export default {
|
|||||||
}
|
}
|
||||||
})
|
})
|
||||||
this.$forceUpdate();
|
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 {
|
} else {
|
||||||
this.vehicleTypes.map(item => {
|
this.vehicleTypes.map(item => {
|
||||||
item.disabled = false;
|
item.disabled = false;
|
||||||
@ -665,12 +379,6 @@ export default {
|
|||||||
this.vehicleFrontPhoto = res.data;
|
this.vehicleFrontPhoto = res.data;
|
||||||
await this.ocrCarFrontHandler()
|
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 识别
|
async ocrCarFrontHandler() { // 车辆正面 orc 识别
|
||||||
let res = await ocrHandler({
|
let res = await ocrHandler({
|
||||||
ocrType: 10,
|
ocrType: 10,
|
||||||
@ -712,21 +420,8 @@ export default {
|
|||||||
this.vehicleLicenseInfo.issueDate = frontInfo?.issueDate;
|
this.vehicleLicenseInfo.issueDate = frontInfo?.issueDate;
|
||||||
this.vehicleLicenseInfo.issueAuthority = frontInfo?.seal;
|
this.vehicleLicenseInfo.issueAuthority = frontInfo?.seal;
|
||||||
this.setDefault();
|
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 识别
|
async vehicleBackOcrHandler() { // 行驶证副页 ocr 识别
|
||||||
this.vehicleLicenseInfo.recordNumber = '';
|
this.vehicleLicenseInfo.recordNumber = '';
|
||||||
this.vehicleLicenseInfo.passengerCapacity = '';
|
this.vehicleLicenseInfo.passengerCapacity = '';
|
||||||
@ -798,24 +493,14 @@ export default {
|
|||||||
this.selectedOption=result.vehicleType?.split(',').map((item)=>{
|
this.selectedOption=result.vehicleType?.split(',').map((item)=>{
|
||||||
return Number(item);
|
return Number(item);
|
||||||
});
|
});
|
||||||
this.auditStatus = result.auditStatus;
|
this.serviceIds=result.serviceIds
|
||||||
this.virtualVehicle = result.virtualVehicle;
|
|
||||||
this.$refs.tree.setCheckedKeys(result.serviceIds)
|
|
||||||
this.vehicleStatus = result.vehicleStatus
|
|
||||||
this.vehicleLicenseFront = result.vehicleLicenseFront;
|
this.vehicleLicenseFront = result.vehicleLicenseFront;
|
||||||
this.vehicleLicenseBack = result.vehicleLicenseBack;
|
this.vehicleLicenseBack = result.vehicleLicenseBack;
|
||||||
this.vehicleFrontPhoto = result.vehicleFrontPhoto;
|
this.vehicleFrontPhoto = result.vehicleFrontPhoto;
|
||||||
this.insurancePicturePhoto = result.insurancePicturePhoto;
|
|
||||||
this.vehicleLicenseInfo = result.vehicleLicenseInfo;
|
this.vehicleLicenseInfo = result.vehicleLicenseInfo;
|
||||||
this.vehicleLicenseCarPhoto = result.vehicleLicenseCarPhoto;
|
this.vehicleLicenseCarPhoto = result.vehicleLicenseCarPhoto;
|
||||||
this.vehicleLicense = result.vehicleLicense;
|
this.vehicleLicense = result.vehicleLicense;
|
||||||
this.vehicleFrontLicensePlate = result.vehicleFrontLicensePlate;
|
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 ) {
|
if( this.vehicleLicenseFront ) {
|
||||||
this.vehicleLicenseFrontList = [{ url : this.vehicleLicenseFront }];
|
this.vehicleLicenseFrontList = [{ url : this.vehicleLicenseFront }];
|
||||||
}
|
}
|
||||||
@ -828,28 +513,9 @@ export default {
|
|||||||
if(this.vehicleLicenseCarPhoto) {
|
if(this.vehicleLicenseCarPhoto) {
|
||||||
this.vehicleLicenseCarPhotoList = [{ url : 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){
|
isChange(e){
|
||||||
this.hasLiabilityInsurance=e
|
this.isJoin=e
|
||||||
if (e === 0) {
|
|
||||||
Dialog.confirm({
|
|
||||||
title: '提醒',
|
|
||||||
message: '有救援职业责任险车辆会提升案件聚合能力和接单能力。',
|
|
||||||
confirmButtonText: '我已知晓', // 确认按钮文字,默认为“确认”
|
|
||||||
showCancelButton: false // 是否显示取消按钮,默认为 true。如果不需要取消按钮,可以设置为 false。
|
|
||||||
})
|
|
||||||
.then(() => { /* 确认后的操作 */ })
|
|
||||||
.catch(() => { /* 取消后的操作 */ });
|
|
||||||
}
|
|
||||||
},
|
|
||||||
isVehicleChange(e) {
|
|
||||||
this.vehicleStatus=e
|
|
||||||
},
|
},
|
||||||
async submitBtn(){
|
async submitBtn(){
|
||||||
if( !this.vehicleLicenseFront ) {
|
if( !this.vehicleLicenseFront ) {
|
||||||
@ -877,51 +543,18 @@ export default {
|
|||||||
return
|
return
|
||||||
}
|
}
|
||||||
if(!(this.selectedOption.length > 0)){
|
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
|
return
|
||||||
}
|
}
|
||||||
if(this.selectedOption?.length==1 && this.selectedOption.includes(1)){//选择小修车时需清除原本的拖车服务类型
|
if(this.selectedOption?.length==1 && this.selectedOption.includes(1)){//选择小修车时需清除原本的拖车服务类型
|
||||||
let data=this.oldSupplierServiceList.filter(item => item.name ==='拖车服务')
|
let data=this.oldSupplierServiceList.filter(item => item.name ==='拖车服务')
|
||||||
this.serviceIds = this.serviceIds.filter(item => !data[0].children.some(obj => obj.id === item));
|
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({
|
await saveVehicle({
|
||||||
vehicleId:this.id ? this.id : '',
|
vehicleId:this.id ? this.id : '',
|
||||||
plateNumber:this.carNum ? this.carNum :'',
|
plateNumber:this.carNum ? this.carNum :'',
|
||||||
vehicleType:this.selectedOption?.length>0 ? this.selectedOption.join(',') : '',
|
vehicleType:this.selectedOption?.length>0 ? this.selectedOption.join(',') : '',
|
||||||
// hasPolymerization:this.isJoin,
|
hasPolymerization:this.isJoin,
|
||||||
serviceIds:this.serviceIds ? this.serviceIds : [],
|
serviceIds:this.serviceIds ? this.serviceIds : [],
|
||||||
vehicleLicenseFront: this.vehicleLicenseFront,
|
vehicleLicenseFront: this.vehicleLicenseFront,
|
||||||
vehicleLicenseBack: this.vehicleLicenseBack,
|
vehicleLicenseBack: this.vehicleLicenseBack,
|
||||||
@ -930,12 +563,6 @@ export default {
|
|||||||
vehicleLicenseCarPhoto: this.vehicleLicenseCarPhoto,
|
vehicleLicenseCarPhoto: this.vehicleLicenseCarPhoto,
|
||||||
vehicleLicense: this.vehicleLicense,
|
vehicleLicense: this.vehicleLicense,
|
||||||
vehicleFrontLicensePlate:this.vehicleFrontLicensePlate,
|
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){
|
if(this.id){
|
||||||
this.$toast('修改成功')
|
this.$toast('修改成功')
|
||||||
@ -982,20 +609,6 @@ export default {
|
|||||||
}
|
}
|
||||||
.addContentWrap{
|
.addContentWrap{
|
||||||
margin-left: 16px;
|
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{
|
.itemContent{
|
||||||
@include flexColBet;
|
@include flexColBet;
|
||||||
line-height: 56px;
|
line-height: 56px;
|
||||||
@ -1072,8 +685,4 @@ export default {
|
|||||||
border: none !important;
|
border: none !important;
|
||||||
text-align: right !important;
|
text-align: right !important;
|
||||||
}
|
}
|
||||||
.disabled-tree {
|
|
||||||
pointer-events: none;
|
|
||||||
opacity: 0.6;
|
|
||||||
}
|
|
||||||
</style>
|
</style>
|
||||||
|
|||||||
@ -18,57 +18,6 @@
|
|||||||
</template>
|
</template>
|
||||||
</van-nav-bar>
|
</van-nav-bar>
|
||||||
</div>
|
</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-pull-refresh v-model="isLoading" @refresh="onRefresh">
|
||||||
<van-list
|
<van-list
|
||||||
v-model="loading"
|
v-model="loading"
|
||||||
@ -76,45 +25,31 @@
|
|||||||
finished-text="没有更多了"
|
finished-text="没有更多了"
|
||||||
@load="onLoad"
|
@load="onLoad"
|
||||||
>
|
>
|
||||||
<div class="carItem" v-for="(item,index) in vehicleList" :key="index" @click.stop="updateVehicle(item)">
|
<div class="carItem" v-for="(item,index) in vehicleList" :key="index">
|
||||||
<div class="carCode">
|
<div class="carCode">
|
||||||
<div class="codeLeft">{{item.plateNumber}} / {{item.vehicleTypeString}}
|
<div class="codeLeft">{{item.plateNumber}} / {{item.vehicleTypeString}}</div>
|
||||||
<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 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>
|
</div>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
<div class="juhe flex-between">
|
<div class="carType">{{ item.serviceName }}</div>
|
||||||
<span class="flex-right">
|
<div class="juhe">
|
||||||
<span class="common_cls" v-if="item.inputStatusString" :class="getClass(item.inputStatusString)?.className">{{item.inputStatusString}}</span>
|
<span class="zdJuhe">是否参与中道聚合: </span>
|
||||||
<span class="common_cls" v-if="item.authStateString" :class="getClass(item.authStateString)?.className">{{item.authStateString}}</span>
|
<span :class="item.hasPolymerization.code == 0 ? 'isYes' :'isNo'">{{item.hasPolymerization.label}}</span>
|
||||||
</span>
|
|
||||||
</div>
|
</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>
|
</div>
|
||||||
|
|
||||||
</van-list>
|
</van-list>
|
||||||
</van-pull-refresh>
|
</van-pull-refresh>
|
||||||
</div>
|
|
||||||
|
|
||||||
<van-dialog v-model="show" title="确定删除吗" show-cancel-button @confirm="handleConfirm"></van-dialog>
|
<van-dialog v-model="show" title="确定删除吗" show-cancel-button @confirm="handleConfirm"></van-dialog>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script>
|
<script>
|
||||||
import {Dialog} from "vant";
|
|
||||||
import { myMixins} from "@/utils/myMixins";
|
import { myMixins} from "@/utils/myMixins";
|
||||||
import {supplierVehicleList, deleteVehicle, userOperationPermissions, enableVehicle} from "@/api/mine"
|
import {supplierVehicleList,deleteVehicle,userOperationPermissions} from "@/api/mine"
|
||||||
export default {
|
export default {
|
||||||
name: "vehicleManage",
|
name: "vehicleManage",
|
||||||
mixins:[myMixins],
|
mixins:[myMixins],
|
||||||
@ -129,118 +64,14 @@ export default {
|
|||||||
isLoading: false,
|
isLoading: false,
|
||||||
loading: false,
|
loading: false,
|
||||||
finished: false,
|
finished: false,
|
||||||
showPopover: false,
|
|
||||||
permissonList:[],
|
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() {
|
mounted() {
|
||||||
|
// this.getVehicleList();
|
||||||
this.getPermissions();
|
this.getPermissions();
|
||||||
},
|
},
|
||||||
methods:{
|
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(){
|
async onLoad(){
|
||||||
await this.getVehicleList()
|
await this.getVehicleList()
|
||||||
this.pageNum++;
|
this.pageNum++;
|
||||||
@ -249,12 +80,11 @@ export default {
|
|||||||
// 数据全部加载完成
|
// 数据全部加载完成
|
||||||
if (this.vehicleList.length >= this.total) {
|
if (this.vehicleList.length >= this.total) {
|
||||||
this.finished = true;
|
this.finished = true;
|
||||||
} else {
|
|
||||||
this.finished = false;
|
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
async onRefresh() {
|
onRefresh() {
|
||||||
await this.resetHandler()
|
this.pageNum=1
|
||||||
|
// this.getVehicleList()
|
||||||
setTimeout(() => {
|
setTimeout(() => {
|
||||||
this.$toast('刷新成功');
|
this.$toast('刷新成功');
|
||||||
this.isLoading = false;
|
this.isLoading = false;
|
||||||
@ -263,11 +93,7 @@ export default {
|
|||||||
async getVehicleList(){
|
async getVehicleList(){
|
||||||
let result = await supplierVehicleList({
|
let result = await supplierVehicleList({
|
||||||
pageNum:this.pageNum,
|
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
|
this.total=result.total
|
||||||
if(this.pageNum == 1){// 第一页直接赋值
|
if(this.pageNum == 1){// 第一页直接赋值
|
||||||
@ -295,41 +121,13 @@ export default {
|
|||||||
this.pageNum=1
|
this.pageNum=1
|
||||||
await this.getVehicleList();
|
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){//修改
|
updateVehicle(item){//修改
|
||||||
if( this.permissonList.includes('vehicleModifyBtn') ) {
|
|
||||||
this.$router.push({
|
this.$router.push({
|
||||||
name:'vehicleAdd',
|
name:'vehicleAdd',
|
||||||
params:{
|
params:{
|
||||||
id:item.vehicleId
|
id:item.vehicleId
|
||||||
}
|
}
|
||||||
})
|
})
|
||||||
}
|
|
||||||
},
|
},
|
||||||
|
|
||||||
}
|
}
|
||||||
@ -339,41 +137,12 @@ export default {
|
|||||||
<style scoped lang="scss">
|
<style scoped lang="scss">
|
||||||
@import "@/styles/mixin.scss";
|
@import "@/styles/mixin.scss";
|
||||||
@import "@/styles/common.scss";
|
@import "@/styles/common.scss";
|
||||||
.ml10 {
|
|
||||||
margin-left: 10px;
|
|
||||||
}
|
|
||||||
.wrap{
|
.wrap{
|
||||||
background: #F4F5F7;
|
background: #F4F5F7;
|
||||||
|
@include sizingPadding(13px,13px);
|
||||||
@include wh(100%, 100%);
|
@include wh(100%, 100%);
|
||||||
overflow-y: auto;
|
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{
|
.navBar{
|
||||||
margin-bottom: 46px;
|
margin-bottom: 46px;
|
||||||
.rightWrap{
|
.rightWrap{
|
||||||
@ -392,14 +161,13 @@ export default {
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
.carItem{
|
.carItem{
|
||||||
@include wh(100%,120px);
|
@include wh(100%,86px);
|
||||||
background: #FFFFFF;
|
background: #FFFFFF;
|
||||||
box-shadow: 0px 2px 10px 0px rgba(216,216,216,0.5);
|
box-shadow: 0px 2px 10px 0px rgba(216,216,216,0.5);
|
||||||
@include radiusSizing(6px);
|
@include radiusSizing(6px);
|
||||||
padding: 11px 13px 11px 15px;
|
padding: 11px 13px 11px 15px;
|
||||||
margin-bottom: 10px;
|
margin-bottom: 10px;
|
||||||
@include flexBetween;
|
@include flexBetween;
|
||||||
position: relative;
|
|
||||||
.carCode{
|
.carCode{
|
||||||
@include flexColBet;
|
@include flexColBet;
|
||||||
.codeLeft{
|
.codeLeft{
|
||||||
@ -407,7 +175,6 @@ export default {
|
|||||||
}
|
}
|
||||||
.twoBtn{
|
.twoBtn{
|
||||||
display: flex;
|
display: flex;
|
||||||
align-items: center;
|
|
||||||
button{
|
button{
|
||||||
border: none;
|
border: none;
|
||||||
padding: 4px 8px;
|
padding: 4px 8px;
|
||||||
@ -435,11 +202,6 @@ export default {
|
|||||||
opacity: .7;
|
opacity: .7;
|
||||||
@include fontWeightSize(400,12px)
|
@include fontWeightSize(400,12px)
|
||||||
}
|
}
|
||||||
.zdJuhe {
|
|
||||||
width: 80px;
|
|
||||||
text-align: right;
|
|
||||||
margin-left: -10px;
|
|
||||||
}
|
|
||||||
.isYes{
|
.isYes{
|
||||||
color: #09B820;
|
color: #09B820;
|
||||||
@include fontWeightSize(400,12px);
|
@include fontWeightSize(400,12px);
|
||||||
@ -449,125 +211,4 @@ export default {
|
|||||||
@include fontWeightSize(400,12px);
|
@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>
|
</style>
|
||||||
@ -1,17 +1,12 @@
|
|||||||
<template>
|
<template>
|
||||||
<div class="wrap">
|
<div class="wrap">
|
||||||
<div class="baseInfo common" :style="{'height':orderDetailInfo.contractParentId == 110 ? '300px' : '240px'}">
|
<div class="baseInfo common">
|
||||||
<div class="title">基本信息:</div>
|
<div class="title">基本信息:</div>
|
||||||
<div class="line"></div>
|
<div class="line"></div>
|
||||||
<div class="infoWrap fontColor">
|
<div class="infoWrap fontColor">
|
||||||
<div class="leftTitle">
|
<div class="leftTitle">
|
||||||
<div class="leftItem">工单编号:</div>
|
<div class="leftItem">工单编号:</div>
|
||||||
<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>
|
<div class="leftItem">客户姓名:</div>
|
||||||
<div class="leftItem">客户电话:</div>
|
<div class="leftItem">客户电话:</div>
|
||||||
@ -24,11 +19,6 @@
|
|||||||
<img @click="copyText" src="@/assets/copy.png" style="width: 35px;height: 15px;margin-left: 10px"/>
|
<img @click="copyText" src="@/assets/copy.png" style="width: 35px;height: 15px;margin-left: 10px"/>
|
||||||
</div>
|
</div>
|
||||||
<div class="rightItem">{{ orderDetailInfo.contractName }}</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.contractSettleType?.label }}</div>
|
||||||
<div class="rightItem">{{ orderDetailInfo.userName }}</div>
|
<div class="rightItem">{{ orderDetailInfo.userName }}</div>
|
||||||
<div class="rightItem">{{ orderDetailInfo.userPhone }}</div>
|
<div class="rightItem">{{ orderDetailInfo.userPhone }}</div>
|
||||||
@ -46,9 +36,6 @@
|
|||||||
<div class="item">
|
<div class="item">
|
||||||
<span class="leftTitle fontColor">服务类型:</span><span class="rightContent">{{ orderDetailInfo.taskServiceName }}</span>
|
<span class="leftTitle fontColor">服务类型:</span><span class="rightContent">{{ orderDetailInfo.taskServiceName }}</span>
|
||||||
</div>
|
</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">
|
<div class="item">
|
||||||
<span class="leftTitle fontColor">车辆位于:</span><span class="rightContent">{{ orderDetailInfo.positionEnvironment?.label }}</span>
|
<span class="leftTitle fontColor">车辆位于:</span><span class="rightContent">{{ orderDetailInfo.positionEnvironment?.label }}</span>
|
||||||
</div>
|
</div>
|
||||||
@ -98,15 +85,7 @@
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</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">
|
<div class="map" v-show="showPopup" id="container">
|
||||||
<img @click="showPopup = false" src="@/assets/delKey.png" class="mapImg">
|
<img @click="showPopup = false" src="@/assets/delKey.png" class="mapImg">
|
||||||
</div>
|
</div>
|
||||||
@ -114,7 +93,7 @@
|
|||||||
</template>
|
</template>
|
||||||
<script>
|
<script>
|
||||||
import {myMixins} from '@/utils/myMixins'
|
import {myMixins} from '@/utils/myMixins'
|
||||||
import {getOrderDetail,showVehiclePositionInfo, getConfigByCode} from "@/api/order"
|
import {getOrderDetail,showVehiclePositionInfo} from "@/api/order"
|
||||||
import minePosition from '@/assets/minePosition.png';
|
import minePosition from '@/assets/minePosition.png';
|
||||||
import vehiclePosition from '@/assets/vehiclePosition.png';
|
import vehiclePosition from '@/assets/vehiclePosition.png';
|
||||||
import desitationPosition from '@/assets/desitationPosition.png'
|
import desitationPosition from '@/assets/desitationPosition.png'
|
||||||
@ -132,8 +111,6 @@ export default {
|
|||||||
map: '',
|
map: '',
|
||||||
driverPoiInfo:{},
|
driverPoiInfo:{},
|
||||||
noClick:true,
|
noClick:true,
|
||||||
showCarTypeShow: false,
|
|
||||||
carTypeList: []
|
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
async mounted() {
|
async mounted() {
|
||||||
@ -144,7 +121,6 @@ export default {
|
|||||||
this.userOrderId = urlParams.get('userOrderId');
|
this.userOrderId = urlParams.get('userOrderId');
|
||||||
this.orderCode=urlParams.get('orderCode');
|
this.orderCode=urlParams.get('orderCode');
|
||||||
this.taskOrderId=urlParams.get('taskOrderId') ? urlParams.get('taskOrderId') : '';
|
this.taskOrderId=urlParams.get('taskOrderId') ? urlParams.get('taskOrderId') : '';
|
||||||
await this.getConfigByCodeHandler();
|
|
||||||
await this.getDetail();
|
await this.getDetail();
|
||||||
if(this.queryType == 5){
|
if(this.queryType == 5){
|
||||||
await this.getDriverPoi();
|
await this.getDriverPoi();
|
||||||
@ -155,12 +131,6 @@ export default {
|
|||||||
|
|
||||||
},
|
},
|
||||||
methods:{
|
methods:{
|
||||||
async getConfigByCodeHandler() {
|
|
||||||
let res = await getConfigByCode({
|
|
||||||
code: 'userVehicleTypeConfig'
|
|
||||||
});
|
|
||||||
this.carTypeList = res?.data?.userVehicleType
|
|
||||||
},
|
|
||||||
async getDetail(){
|
async getDetail(){
|
||||||
let result=await getOrderDetail({
|
let result=await getOrderDetail({
|
||||||
queryType:this.queryType,
|
queryType:this.queryType,
|
||||||
@ -293,8 +263,7 @@ export default {
|
|||||||
line-height: 24px;
|
line-height: 24px;
|
||||||
}
|
}
|
||||||
.baseInfo{
|
.baseInfo{
|
||||||
width: 100%;
|
@include wh(100%,260px);
|
||||||
//@include wh(100%,260px);
|
|
||||||
margin-bottom: 12px;
|
margin-bottom: 12px;
|
||||||
.infoWrap{
|
.infoWrap{
|
||||||
display: flex;
|
display: flex;
|
||||||
@ -361,8 +330,4 @@ export default {
|
|||||||
margin: 7px 0;
|
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;
|
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>
|
</style>
|
||||||
@ -84,7 +84,7 @@ export default {
|
|||||||
color:'rgba(4, 4, 21,0.45)'
|
color:'rgba(4, 4, 21,0.45)'
|
||||||
},
|
},
|
||||||
detail: {
|
detail: {
|
||||||
color:this.isStore ? this.bgColor : (this.bgColor || '#040415'),
|
color:this.isStore ? this.bgColor : '#040415',
|
||||||
fontSize: this.isStore ? 43 :19,
|
fontSize: this.isStore ? 43 :19,
|
||||||
formatter: this.isStore ? '{value}' : '{value}%'
|
formatter: this.isStore ? '{value}' : '{value}%'
|
||||||
}
|
}
|
||||||
|
|||||||
@ -1,208 +0,0 @@
|
|||||||
<template>
|
|
||||||
<div class="wrap">
|
|
||||||
<div class="navBar">
|
|
||||||
<van-nav-bar
|
|
||||||
title="参保救援职业责任险"
|
|
||||||
left-arrow
|
|
||||||
left-arrow-color="#FFFFFF"
|
|
||||||
:border="false"
|
|
||||||
:fixed="true"
|
|
||||||
:safe-area-inset-top="true"
|
|
||||||
@click-left="goBack"
|
|
||||||
/>
|
|
||||||
</div>
|
|
||||||
<div class="contentWrap">
|
|
||||||
<div>
|
|
||||||
为降低日常救援工作中的不可预期的车损赔付带来的运营风险和资金压力,减少由此衍生而来的可能投诉,顺应行业服务标准不断增长的局势,中道救援自有车辆已全部投保了救援职业责任险。
|
|
||||||
</div>
|
|
||||||
<div>
|
|
||||||
通过日常的交流了解,此险种对于服务商而言,投保相对较难,很多服务商在无投保渠道的情况下选择了对于我们救援场景保障能力稍弱、不太匹配的货物险,从而从形成了现在很多救援车无保障、或者特殊场景货物险理赔难的局面。
|
|
||||||
</div>
|
|
||||||
<div>
|
|
||||||
为此中道救援经过与保司沟通协调,特为与中道救援合作紧密的服务商,提供救援职业责任险参保渠道,提升服务商服务能力,降低运营风险,实现共同进步。
|
|
||||||
</div>
|
|
||||||
<div>一、救援职业责任险简介:</div>
|
|
||||||
<div> 1、综合保额100万元(其中救援责任50万元,物流责任50万元),可全方位覆盖我们日常的经营活动。</div>
|
|
||||||
<div> 2、保费支付可采用救援服务费抵扣的方式,降低资金压力。</div>
|
|
||||||
<div> 3、详细保险条款、保费和其他问题,如需了解,请与辖区区域经理联系。</div>
|
|
||||||
<div> 二、其他意见建议如需交流,请与18621558505曲仁杰联系。</div>
|
|
||||||
<div> 三、如确认参保,请点击下方“参保”按钮,会有专人与贵司联系。</div>
|
|
||||||
</div>
|
|
||||||
<div class="upload_btn_wrap">
|
|
||||||
<div class="btn_save" :style="{'backgroundColor':used ? '#cccccc' : '#354D93'}" @click="showPoup = true">参保</div>
|
|
||||||
</div>
|
|
||||||
<div class="poupCommon" v-if="showPoup">
|
|
||||||
<div class="showPoupContainer">
|
|
||||||
<img class="insured" src="@/assets/insured-jianbian.png">
|
|
||||||
<img class="insure" src="@/assets/insured.png">
|
|
||||||
<div class="con">
|
|
||||||
<template v-if="used">
|
|
||||||
<div class="title">您已成功申请参保,请等待</div>
|
|
||||||
<div class="title">专人与贵司联系。</div>
|
|
||||||
</template>
|
|
||||||
<template v-else>
|
|
||||||
<div class="title">请确认</div>
|
|
||||||
<div class="title">是否参保救援职业责任险</div>
|
|
||||||
</template>
|
|
||||||
<div class="btnWrap">
|
|
||||||
<div v-if="used" class="btn confirmBtn" @click="showPoup = false">确认</div>
|
|
||||||
<div v-else class="btn confirmBtn" @click="saveHandle">确认</div>
|
|
||||||
<div class="btn closeBtn" @click="showPoup = false">取消</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</template>
|
|
||||||
|
|
||||||
<script>
|
|
||||||
import {myMixins} from "@/utils/myMixins"
|
|
||||||
import {sendInsuranceEmail,isSendInsuranceEmail} from "@/api/mine"
|
|
||||||
export default {
|
|
||||||
name: "insuredPage",
|
|
||||||
mixins: [myMixins],
|
|
||||||
data() {
|
|
||||||
return {
|
|
||||||
showPoup: false,
|
|
||||||
used:false,
|
|
||||||
}
|
|
||||||
},
|
|
||||||
async mounted() {
|
|
||||||
let res=await isSendInsuranceEmail()
|
|
||||||
this.used=res.data
|
|
||||||
},
|
|
||||||
methods: {
|
|
||||||
async saveHandle() {
|
|
||||||
await sendInsuranceEmail();
|
|
||||||
this.$toast('操作成功');
|
|
||||||
this.showPoup=false
|
|
||||||
setTimeout(()=>{
|
|
||||||
this.goBack()
|
|
||||||
},1500)
|
|
||||||
},
|
|
||||||
}
|
|
||||||
}
|
|
||||||
</script>
|
|
||||||
|
|
||||||
<style scoped lang="scss">
|
|
||||||
@import "@/styles/mixin.scss";
|
|
||||||
@import "@/styles/common.scss";
|
|
||||||
|
|
||||||
.wrap {
|
|
||||||
@include wh(100%, 100%);
|
|
||||||
background-color: #F4F5F7;
|
|
||||||
overflow-y: auto;
|
|
||||||
position: relative;
|
|
||||||
}
|
|
||||||
|
|
||||||
.navBar {
|
|
||||||
height: 46px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.contentWrap {
|
|
||||||
padding-top: 15px;
|
|
||||||
|
|
||||||
div {
|
|
||||||
padding: 0 18px;
|
|
||||||
line-height: 22px;
|
|
||||||
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.upload_btn_wrap {
|
|
||||||
position: fixed;
|
|
||||||
width: 100%;
|
|
||||||
box-sizing: border-box;
|
|
||||||
bottom: 10px;
|
|
||||||
left: 0;
|
|
||||||
padding: 15px 30px;
|
|
||||||
display: flex;
|
|
||||||
color: #fff;
|
|
||||||
font-weight: bold;
|
|
||||||
font-size: 14px;
|
|
||||||
line-height: 40px;
|
|
||||||
div {
|
|
||||||
height: 40px;
|
|
||||||
line-height: 40px;
|
|
||||||
border-radius: 5px;
|
|
||||||
text-align: center;
|
|
||||||
flex: 1;
|
|
||||||
}
|
|
||||||
.btn_save {
|
|
||||||
//background: #354D93;
|
|
||||||
margin-right: 4px;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
.poupCommon {
|
|
||||||
width: 100%;
|
|
||||||
height: 100%;
|
|
||||||
background-color: rgba(0, 0, 0, .7);
|
|
||||||
position: absolute;
|
|
||||||
top: 0;
|
|
||||||
left: 0;
|
|
||||||
.showPoupContainer {
|
|
||||||
width: 290px;
|
|
||||||
height: 242px;
|
|
||||||
background-color: #FFFFFF;
|
|
||||||
border-radius: 12px;
|
|
||||||
position: absolute;
|
|
||||||
z-index: 11;
|
|
||||||
top: 0;
|
|
||||||
bottom: 0;
|
|
||||||
left: 0;
|
|
||||||
right: 0;
|
|
||||||
margin: auto;
|
|
||||||
.con {
|
|
||||||
top: 80px !important;
|
|
||||||
display: flex;
|
|
||||||
flex-direction: column;
|
|
||||||
align-items: center;
|
|
||||||
margin-top: 60px;
|
|
||||||
}
|
|
||||||
.title {
|
|
||||||
font-weight: 500;
|
|
||||||
font-size: 16px;
|
|
||||||
color: #040404;
|
|
||||||
line-height: 28px;
|
|
||||||
}
|
|
||||||
.insure {
|
|
||||||
width: 78px;
|
|
||||||
height: 78px;
|
|
||||||
position: absolute;
|
|
||||||
z-index: 11;
|
|
||||||
top: -34px;
|
|
||||||
left: 50%;
|
|
||||||
transform: translateX(-50%);
|
|
||||||
}
|
|
||||||
.insured {
|
|
||||||
width: 100%;
|
|
||||||
position: absolute;
|
|
||||||
z-index: -1;
|
|
||||||
}
|
|
||||||
.btnWrap {
|
|
||||||
margin-top: 36px;
|
|
||||||
text-align: center;
|
|
||||||
.btn{
|
|
||||||
width: 174px;
|
|
||||||
height: 42px;
|
|
||||||
line-height: 42px;
|
|
||||||
border-radius: 23px;
|
|
||||||
}
|
|
||||||
.closeBtn {
|
|
||||||
font-weight: 400;
|
|
||||||
font-size: 14px;
|
|
||||||
color: #2C4155;
|
|
||||||
opacity: .6;
|
|
||||||
}
|
|
||||||
.confirmBtn {
|
|
||||||
font-weight: 500;
|
|
||||||
font-size: 15px;
|
|
||||||
background: #F1BA63;
|
|
||||||
color: #FFFFFF;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
</style>
|
|
||||||
@ -78,11 +78,9 @@ export default {
|
|||||||
isLoading:false,
|
isLoading:false,
|
||||||
showPoup:true,//进入弹框
|
showPoup:true,//进入弹框
|
||||||
isFinished:false,
|
isFinished:false,
|
||||||
type: '',
|
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
mounted() {
|
mounted() {
|
||||||
this.type = this.$route.query?.type;
|
|
||||||
// this.onRefresh();
|
// this.onRefresh();
|
||||||
this.getList();
|
this.getList();
|
||||||
|
|
||||||
@ -122,7 +120,6 @@ export default {
|
|||||||
pageSize:this.pageSize,
|
pageSize:this.pageSize,
|
||||||
docType:1,
|
docType:1,
|
||||||
trainingType:4,
|
trainingType:4,
|
||||||
type: this.type,
|
|
||||||
})
|
})
|
||||||
this.pageList=res.data?.list || [];
|
this.pageList=res.data?.list || [];
|
||||||
if(res.data.assessState == 0){
|
if(res.data.assessState == 0){
|
||||||
|
|||||||
@ -90,7 +90,7 @@
|
|||||||
}
|
}
|
||||||
let activeObj = this.addressList[this.activeIndex];
|
let activeObj = this.addressList[this.activeIndex];
|
||||||
let _tempObj = {
|
let _tempObj = {
|
||||||
startPoiAddress: activeObj?.address + activeObj?.name,
|
startPoiAddress: activeObj?.district + activeObj?.address + activeObj?.name,
|
||||||
startLat: activeObj?.location?.lat,
|
startLat: activeObj?.location?.lat,
|
||||||
startLng: activeObj?.location?.lng,
|
startLng: activeObj?.location?.lng,
|
||||||
adCode: activeObj?.adcode,
|
adCode: activeObj?.adcode,
|
||||||
|
|||||||
@ -1,164 +0,0 @@
|
|||||||
<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>
|
|
||||||
@ -1,164 +0,0 @@
|
|||||||
<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>
|
|
||||||
@ -1,237 +0,0 @@
|
|||||||
<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>
|
|
||||||
@ -1,446 +0,0 @@
|
|||||||
<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>
|
|
||||||
@ -1,131 +0,0 @@
|
|||||||
<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>
|
|
||||||
@ -1,56 +0,0 @@
|
|||||||
<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>
|
|
||||||
@ -1,301 +0,0 @@
|
|||||||
<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>
|
|
||||||
@ -1,195 +0,0 @@
|
|||||||
<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>
|
|
||||||
@ -1,135 +0,0 @@
|
|||||||
<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>
|
|
||||||
@ -1,44 +0,0 @@
|
|||||||
<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>
|
|
||||||
@ -1,283 +0,0 @@
|
|||||||
<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>
|
|
||||||