lshcomment 1.0.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (430) hide show
  1. package/package.json +16 -0
  2. package/src/assets/Porsche/iconfont.css +19 -0
  3. package/src/assets/Porsche/iconfont.eot +0 -0
  4. package/src/assets/Porsche/iconfont.js +1 -0
  5. package/src/assets/Porsche/iconfont.svg +36 -0
  6. package/src/assets/Porsche/iconfont.ttf +0 -0
  7. package/src/assets/Porsche/iconfont.woff +0 -0
  8. package/src/assets/css/_bootstrap-variables.scss +108 -0
  9. package/src/assets/css/_core-variables.scss +1 -0
  10. package/src/assets/css/_custom.scss +4 -0
  11. package/src/assets/css/bootstrap/_alert.scss +48 -0
  12. package/src/assets/css/bootstrap/_badge.scss +48 -0
  13. package/src/assets/css/bootstrap/_breadcrumb.scss +38 -0
  14. package/src/assets/css/bootstrap/_button-group.scss +198 -0
  15. package/src/assets/css/bootstrap/_buttons.scss +141 -0
  16. package/src/assets/css/bootstrap/_card.scss +223 -0
  17. package/src/assets/css/bootstrap/_carousel.scss +185 -0
  18. package/src/assets/css/bootstrap/_close.scss +29 -0
  19. package/src/assets/css/bootstrap/_code.scss +64 -0
  20. package/src/assets/css/bootstrap/_custom-forms.scss +254 -0
  21. package/src/assets/css/bootstrap/_dropdown.scss +128 -0
  22. package/src/assets/css/bootstrap/_forms.scss +390 -0
  23. package/src/assets/css/bootstrap/_functions.scss +90 -0
  24. package/src/assets/css/bootstrap/_grid.scss +53 -0
  25. package/src/assets/css/bootstrap/_images.scss +43 -0
  26. package/src/assets/css/bootstrap/_input-group.scss +176 -0
  27. package/src/assets/css/bootstrap/_jumbotron.scss +16 -0
  28. package/src/assets/css/bootstrap/_list-group.scss +114 -0
  29. package/src/assets/css/bootstrap/_media.scss +8 -0
  30. package/src/assets/css/bootstrap/_mixins.scss +41 -0
  31. package/src/assets/css/bootstrap/_modal.scss +142 -0
  32. package/src/assets/css/bootstrap/_nav.scss +120 -0
  33. package/src/assets/css/bootstrap/_navbar.scss +284 -0
  34. package/src/assets/css/bootstrap/_pagination.scss +66 -0
  35. package/src/assets/css/bootstrap/_popover.scss +195 -0
  36. package/src/assets/css/bootstrap/_print.scss +111 -0
  37. package/src/assets/css/bootstrap/_progress.scss +32 -0
  38. package/src/assets/css/bootstrap/_reboot.scss +481 -0
  39. package/src/assets/css/bootstrap/_tables.scss +142 -0
  40. package/src/assets/css/bootstrap/_tooltip.scss +107 -0
  41. package/src/assets/css/bootstrap/_transitions.scss +34 -0
  42. package/src/assets/css/bootstrap/_type.scss +123 -0
  43. package/src/assets/css/bootstrap/_utilities.scss +14 -0
  44. package/src/assets/css/bootstrap/_variables.scss +636 -0
  45. package/src/assets/css/bootstrap/bootstrap-grid.scss +37 -0
  46. package/src/assets/css/bootstrap/bootstrap-reboot.scss +9 -0
  47. package/src/assets/css/bootstrap/bootstrap.scss +48 -0
  48. package/src/assets/css/bootstrap/mixins/_alert.scss +13 -0
  49. package/src/assets/css/bootstrap/mixins/_background-variant.scss +12 -0
  50. package/src/assets/css/bootstrap/mixins/_badge.scss +12 -0
  51. package/src/assets/css/bootstrap/mixins/_border-radius.scss +35 -0
  52. package/src/assets/css/bootstrap/mixins/_box-shadow.scss +5 -0
  53. package/src/assets/css/bootstrap/mixins/_breakpoints.scss +105 -0
  54. package/src/assets/css/bootstrap/mixins/_buttons.scss +83 -0
  55. package/src/assets/css/bootstrap/mixins/_clearfix.scss +7 -0
  56. package/src/assets/css/bootstrap/mixins/_float.scss +9 -0
  57. package/src/assets/css/bootstrap/mixins/_forms.scss +81 -0
  58. package/src/assets/css/bootstrap/mixins/_gradients.scss +37 -0
  59. package/src/assets/css/bootstrap/mixins/_grid-framework.scss +56 -0
  60. package/src/assets/css/bootstrap/mixins/_grid.scss +47 -0
  61. package/src/assets/css/bootstrap/mixins/_hover.scss +60 -0
  62. package/src/assets/css/bootstrap/mixins/_image.scss +36 -0
  63. package/src/assets/css/bootstrap/mixins/_list-group.scss +26 -0
  64. package/src/assets/css/bootstrap/mixins/_lists.scss +7 -0
  65. package/src/assets/css/bootstrap/mixins/_nav-divider.scss +10 -0
  66. package/src/assets/css/bootstrap/mixins/_navbar-align.scss +9 -0
  67. package/src/assets/css/bootstrap/mixins/_pagination.scss +22 -0
  68. package/src/assets/css/bootstrap/mixins/_reset-text.scss +18 -0
  69. package/src/assets/css/bootstrap/mixins/_resize.scss +6 -0
  70. package/src/assets/css/bootstrap/mixins/_screen-reader.scss +35 -0
  71. package/src/assets/css/bootstrap/mixins/_size.scss +6 -0
  72. package/src/assets/css/bootstrap/mixins/_table-row.scss +30 -0
  73. package/src/assets/css/bootstrap/mixins/_text-emphasis.scss +12 -0
  74. package/src/assets/css/bootstrap/mixins/_text-hide.scss +8 -0
  75. package/src/assets/css/bootstrap/mixins/_text-truncate.scss +8 -0
  76. package/src/assets/css/bootstrap/mixins/_transition.scss +9 -0
  77. package/src/assets/css/bootstrap/mixins/_visibility.scss +5 -0
  78. package/src/assets/css/bootstrap/utilities/_align.scss +6 -0
  79. package/src/assets/css/bootstrap/utilities/_background.scss +6 -0
  80. package/src/assets/css/bootstrap/utilities/_borders.scss +52 -0
  81. package/src/assets/css/bootstrap/utilities/_clearfix.scss +3 -0
  82. package/src/assets/css/bootstrap/utilities/_display.scss +53 -0
  83. package/src/assets/css/bootstrap/utilities/_embed.scss +52 -0
  84. package/src/assets/css/bootstrap/utilities/_flex.scss +44 -0
  85. package/src/assets/css/bootstrap/utilities/_float.scss +9 -0
  86. package/src/assets/css/bootstrap/utilities/_position.scss +25 -0
  87. package/src/assets/css/bootstrap/utilities/_screenreaders.scss +11 -0
  88. package/src/assets/css/bootstrap/utilities/_sizing.scss +10 -0
  89. package/src/assets/css/bootstrap/utilities/_spacing.scss +41 -0
  90. package/src/assets/css/bootstrap/utilities/_text.scss +49 -0
  91. package/src/assets/css/bootstrap/utilities/_visibility.scss +11 -0
  92. package/src/assets/css/core/_animate.scss +44 -0
  93. package/src/assets/css/core/_aside.scss +64 -0
  94. package/src/assets/css/core/_avatars.scss +51 -0
  95. package/src/assets/css/core/_badge.scss +3 -0
  96. package/src/assets/css/core/_breadcrumb-menu.scss +35 -0
  97. package/src/assets/css/core/_breadcrumb.scss +6 -0
  98. package/src/assets/css/core/_buttons.scss +575 -0
  99. package/src/assets/css/core/_callout.scss +55 -0
  100. package/src/assets/css/core/_card.scss +191 -0
  101. package/src/assets/css/core/_charts.scss +9 -0
  102. package/src/assets/css/core/_dropdown.scss +69 -0
  103. package/src/assets/css/core/_footer.scss +8 -0
  104. package/src/assets/css/core/_grid.scss +15 -0
  105. package/src/assets/css/core/_input-group.scss +6 -0
  106. package/src/assets/css/core/_input.scss +26 -0
  107. package/src/assets/css/core/_layout.scss +397 -0
  108. package/src/assets/css/core/_loading.scss +128 -0
  109. package/src/assets/css/core/_mixins.scss +116 -0
  110. package/src/assets/css/core/_mobile.scss +0 -0
  111. package/src/assets/css/core/_modal.scss +16 -0
  112. package/src/assets/css/core/_nav.scss +32 -0
  113. package/src/assets/css/core/_navbar.scss +106 -0
  114. package/src/assets/css/core/_others.scss +4 -0
  115. package/src/assets/css/core/_progress.scss +15 -0
  116. package/src/assets/css/core/_rtl.scss +267 -0
  117. package/src/assets/css/core/_sidebar.scss +426 -0
  118. package/src/assets/css/core/_switches.scss +301 -0
  119. package/src/assets/css/core/_tables.scss +72 -0
  120. package/src/assets/css/core/_temp.scss +47 -0
  121. package/src/assets/css/core/_typography.scss +36 -0
  122. package/src/assets/css/core/_utilities.scss +3 -0
  123. package/src/assets/css/core/_variables.scss +174 -0
  124. package/src/assets/css/core/_widgets.scss +253 -0
  125. package/src/assets/css/core/core.scss +40 -0
  126. package/src/assets/css/core/utilities/_background.scss +8 -0
  127. package/src/assets/css/core/utilities/_borders.scss +18 -0
  128. package/src/assets/css/core/utilities/_display.scss +18 -0
  129. package/src/assets/css/global.scss +111 -0
  130. package/src/assets/css/iconfont.css +85 -0
  131. package/src/assets/css/loading.css +18 -0
  132. package/src/assets/css/main.scss +15 -0
  133. package/src/assets/css/themes/default.scss +418 -0
  134. package/src/assets/css/themes/first.css +25 -0
  135. package/src/assets/css/vendors/_vendors.scss +1 -0
  136. package/src/assets/css/vendors/chart.js/chart.scss +45 -0
  137. package/src/assets/financial/demo.css +539 -0
  138. package/src/assets/financial/demo_index.html +230 -0
  139. package/src/assets/financial/iconfont.css +21 -0
  140. package/src/assets/financial/iconfont.js +1 -0
  141. package/src/assets/financial/iconfont.json +23 -0
  142. package/src/assets/financial/iconfont.ttf +0 -0
  143. package/src/assets/font_jipan/demo.css +539 -0
  144. package/src/assets/font_jipan/demo_index.html +211 -0
  145. package/src/assets/font_jipan/iconfont.css +19 -0
  146. package/src/assets/font_jipan/iconfont.js +1 -0
  147. package/src/assets/font_jipan/iconfont.json +16 -0
  148. package/src/assets/font_jipan/iconfont.ttf +0 -0
  149. package/src/assets/font_jipan/iconfont.woff +0 -0
  150. package/src/assets/font_jipan/iconfont.woff2 +0 -0
  151. package/src/assets/fontgift/demo.css +539 -0
  152. package/src/assets/fontgift/demo_index.html +207 -0
  153. package/src/assets/fontgift/iconfont.css +17 -0
  154. package/src/assets/fontgift/iconfont.js +1 -0
  155. package/src/assets/fontgift/iconfont.json +16 -0
  156. package/src/assets/fontgift/iconfont.ttf +0 -0
  157. package/src/assets/fonts/iconfont.eot +0 -0
  158. package/src/assets/fonts/iconfont.svg +79 -0
  159. package/src/assets/fonts/iconfont.ttf +0 -0
  160. package/src/assets/fonts/iconfont.woff +0 -0
  161. package/src/assets/img/1.jpg +0 -0
  162. package/src/assets/img/2.jpg +0 -0
  163. package/src/assets/img/404.jpg +0 -0
  164. package/src/assets/img/A01-Line.png +0 -0
  165. package/src/assets/img/A01.png +0 -0
  166. package/src/assets/img/W02-Line.png +0 -0
  167. package/src/assets/img/W02.png +0 -0
  168. package/src/assets/img/arrow-left.png +0 -0
  169. package/src/assets/img/arrow-right.png +0 -0
  170. package/src/assets/img/borad-check.png +0 -0
  171. package/src/assets/img/call-conference-end.png +0 -0
  172. package/src/assets/img/call-conference.png +0 -0
  173. package/src/assets/img/call-consult-end.png +0 -0
  174. package/src/assets/img/call-consult-out.png +0 -0
  175. package/src/assets/img/call-consult.png +0 -0
  176. package/src/assets/img/call-expansion-menu.png +0 -0
  177. package/src/assets/img/call-expansion.png +0 -0
  178. package/src/assets/img/call-hang-up.png +0 -0
  179. package/src/assets/img/call-hold.png +0 -0
  180. package/src/assets/img/call-holding.png +0 -0
  181. package/src/assets/img/call-shrink-menu.png +0 -0
  182. package/src/assets/img/call-shrink.png +0 -0
  183. package/src/assets/img/call-transfer-end.png +0 -0
  184. package/src/assets/img/call-transfer.png +0 -0
  185. package/src/assets/img/call.png +0 -0
  186. package/src/assets/img/cancle-keep.png +0 -0
  187. package/src/assets/img/card.png +0 -0
  188. package/src/assets/img/cash.png +0 -0
  189. package/src/assets/img/customer-portrayal-blue.png +0 -0
  190. package/src/assets/img/customer-portrayal-white.png +0 -0
  191. package/src/assets/img/error.png +0 -0
  192. package/src/assets/img/iris.png +0 -0
  193. package/src/assets/img/left-kuang.png +0 -0
  194. package/src/assets/img/lockimg.png +0 -0
  195. package/src/assets/img/offLine.png +0 -0
  196. package/src/assets/img/success.png +0 -0
  197. package/src/assets/img/tishi.png +0 -0
  198. package/src/assets/img/userimg.png +0 -0
  199. package/src/assets/iocnfont/AI/demo.css +539 -0
  200. package/src/assets/iocnfont/AI/demo_index.html +211 -0
  201. package/src/assets/iocnfont/AI/iconfont.css +19 -0
  202. package/src/assets/iocnfont/AI/iconfont.js +1 -0
  203. package/src/assets/iocnfont/AI/iconfont.json +16 -0
  204. package/src/assets/iocnfont/AI/iconfont.ttf +0 -0
  205. package/src/assets/iocnfont/AI/iconfont.woff +0 -0
  206. package/src/assets/iocnfont/AI/iconfont.woff2 +0 -0
  207. package/src/assets/iocnfont/add/demo.css +539 -0
  208. package/src/assets/iocnfont/add/demo_index.html +212 -0
  209. package/src/assets/iocnfont/add/iconfont.css +20 -0
  210. package/src/assets/iocnfont/add/iconfont.js +1 -0
  211. package/src/assets/iocnfont/add/iconfont.json +16 -0
  212. package/src/assets/iocnfont/add/iconfont.svg +21 -0
  213. package/src/assets/iocnfont/add/iconfont.ttf +0 -0
  214. package/src/assets/iocnfont/add/iconfont.woff +0 -0
  215. package/src/assets/iocnfont/add/iconfont.woff2 +0 -0
  216. package/src/assets/iocnfont/addsf/demo.css +539 -0
  217. package/src/assets/iocnfont/addsf/demo_index.html +506 -0
  218. package/src/assets/iocnfont/addsf/iconfont.css +69 -0
  219. package/src/assets/iocnfont/addsf/iconfont.js +1 -0
  220. package/src/assets/iocnfont/addsf/iconfont.json +107 -0
  221. package/src/assets/iocnfont/addsf/iconfont.ttf +0 -0
  222. package/src/assets/iocnfont/arrow/demo.css +370 -0
  223. package/src/assets/iocnfont/arrow/demo_fontclass.html +58 -0
  224. package/src/assets/iocnfont/arrow/demo_symbol.html +87 -0
  225. package/src/assets/iocnfont/arrow/demo_unicode.html +96 -0
  226. package/src/assets/iocnfont/arrow/iconfont.css +36 -0
  227. package/src/assets/iocnfont/arrow/iconfont.eot +0 -0
  228. package/src/assets/iocnfont/arrow/iconfont.js +1 -0
  229. package/src/assets/iocnfont/arrow/iconfont.svg +35 -0
  230. package/src/assets/iocnfont/arrow/iconfont.ttf +0 -0
  231. package/src/assets/iocnfont/arrow/iconfont.woff +0 -0
  232. package/src/assets/iocnfont/company/demo.css +539 -0
  233. package/src/assets/iocnfont/company/demo_index.html +253 -0
  234. package/src/assets/iocnfont/company/iconfont.css +24 -0
  235. package/src/assets/iocnfont/company/iconfont.js +1 -0
  236. package/src/assets/iocnfont/company/iconfont.json +30 -0
  237. package/src/assets/iocnfont/company/iconfont.ttf +0 -0
  238. package/src/assets/iocnfont/iconfont-otr/iconfont.css +39 -0
  239. package/src/assets/iocnfont/iconfont-otr/iconfont.eot +0 -0
  240. package/src/assets/iocnfont/iconfont-otr/iconfont.js +1 -0
  241. package/src/assets/iocnfont/iconfont-otr/iconfont.json +23 -0
  242. package/src/assets/iocnfont/iconfont-otr/iconfont.svg +14 -0
  243. package/src/assets/iocnfont/iconfont-otr/iconfont.ttf +0 -0
  244. package/src/assets/iocnfont/iconfont-otr/iconfont.woff +0 -0
  245. package/src/assets/iocnfont/iconfont.css +89 -0
  246. package/src/assets/iocnfont/iconfont.eot +0 -0
  247. package/src/assets/iocnfont/iconfont.js +1 -0
  248. package/src/assets/iocnfont/iconfont.svg +134 -0
  249. package/src/assets/iocnfont/iconfont.ttf +0 -0
  250. package/src/assets/iocnfont/iconfont.woff +0 -0
  251. package/src/assets/iocnfont/vehicle/iconfont.css +31 -0
  252. package/src/assets/iocnfont/vehicle/iconfont.eot +0 -0
  253. package/src/assets/iocnfont/vehicle/iconfont.js +1 -0
  254. package/src/assets/iocnfont/vehicle/iconfont.svg +54 -0
  255. package/src/assets/iocnfont/vehicle/iconfont.ttf +0 -0
  256. package/src/assets/iocnfont/vehicle/iconfont.woff +0 -0
  257. package/src/assets/lixinghang/iconfont.css +50 -0
  258. package/src/assets/lixinghang/iconfont.eot +0 -0
  259. package/src/assets/lixinghang/iconfont.js +1 -0
  260. package/src/assets/lixinghang/iconfont.json +58 -0
  261. package/src/assets/lixinghang/iconfont.svg +18 -0
  262. package/src/assets/lixinghang/iconfont.ttf +0 -0
  263. package/src/assets/lixinghang/iconfont.woff +0 -0
  264. package/src/assets/lixinghang/iconfont.woff2 +0 -0
  265. package/src/assets/privacy/demo.css +539 -0
  266. package/src/assets/privacy/demo_index.html +207 -0
  267. package/src/assets/privacy/iconfont.css +17 -0
  268. package/src/assets/privacy/iconfont.js +1 -0
  269. package/src/assets/privacy/iconfont.json +16 -0
  270. package/src/assets/privacy/iconfont.ttf +0 -0
  271. package/src/assets/sheche/demo.css +539 -0
  272. package/src/assets/sheche/demo_index.html +230 -0
  273. package/src/assets/sheche/iconfont.css +21 -0
  274. package/src/assets/sheche/iconfont.js +1 -0
  275. package/src/assets/sheche/iconfont.json +23 -0
  276. package/src/assets/sheche/iconfont.ttf +0 -0
  277. package/src/assets/suggtion/demo.css +539 -0
  278. package/src/assets/suggtion/demo_index.html +207 -0
  279. package/src/assets/suggtion/iconfont.css +17 -0
  280. package/src/assets/suggtion/iconfont.js +1 -0
  281. package/src/assets/suggtion/iconfont.json +16 -0
  282. package/src/assets/suggtion/iconfont.ttf +0 -0
  283. package/src/assets/survey/demo.css +539 -0
  284. package/src/assets/survey/demo_index.html +207 -0
  285. package/src/assets/survey/iconfont.css +17 -0
  286. package/src/assets/survey/iconfont.js +1 -0
  287. package/src/assets/survey/iconfont.json +16 -0
  288. package/src/assets/survey/iconfont.ttf +0 -0
  289. package/src/common/api-collection.js +1749 -0
  290. package/src/common/api-common.js +542 -0
  291. package/src/common/api.js +8475 -0
  292. package/src/common/btn-privilege.js +32 -0
  293. package/src/common/common.js +600 -0
  294. package/src/common/config.js +1508 -0
  295. package/src/common/directives.js +62 -0
  296. package/src/common/filters.js +105 -0
  297. package/src/common/global-filters.js +87 -0
  298. package/src/common/global.js +243 -0
  299. package/src/common/lixinghang-api.js +2941 -0
  300. package/src/common/lixinghang-bankcard.js +174 -0
  301. package/src/common/lixinghang-serviceContract.js +174 -0
  302. package/src/common/lixinghang-url.js +995 -0
  303. package/src/common/lixinghangServiceContract-url.js +38 -0
  304. package/src/common/lixinghangbankcard-url.js +45 -0
  305. package/src/common/logger.js +52 -0
  306. package/src/common/menuData.js +2001 -0
  307. package/src/common/number.js +137 -0
  308. package/src/common/ref-code.js +333 -0
  309. package/src/common/resource-btn.js +807 -0
  310. package/src/common/sequence.js +193 -0
  311. package/src/common/utils.js +17 -0
  312. package/src/components/LshCust/index.vue +885 -0
  313. package/src/components/LshVehicle/index.vue +1027 -0
  314. package/src/components/account-type-select/account-type-select.vue +340 -0
  315. package/src/components/account-type-select/paymentType.vue +287 -0
  316. package/src/components/add-pay-detail/detail-advance.vue +176 -0
  317. package/src/components/add-pay-detail/detail.vue +204 -0
  318. package/src/components/add-pay-detail/index.vue +254 -0
  319. package/src/components/approval-record/approval-record.vue +155 -0
  320. package/src/components/area/index.vue +146 -0
  321. package/src/components/aside/Aside.vue +231 -0
  322. package/src/components/batch-pull/batch-pull.vue +196 -0
  323. package/src/components/blitem-upload/index.vue +224 -0
  324. package/src/components/breadcrumb/Breadcrumb.vue +183 -0
  325. package/src/components/call-popup/index.vue +1318 -0
  326. package/src/components/clueSolitTable/dialog.vue +160 -0
  327. package/src/components/clueSolitTable/index.vue +298 -0
  328. package/src/components/containers/Full.vue +48 -0
  329. package/src/components/custom-fields/index.vue +313 -0
  330. package/src/components/custom-fields1/index.vue +471 -0
  331. package/src/components/customer-vehicle/index.vue +1160 -0
  332. package/src/components/customer-vehicle/new-customer-vehicle.vue +1216 -0
  333. package/src/components/distributeTable/dialog.vue +160 -0
  334. package/src/components/distributeTable/index.vue +262 -0
  335. package/src/components/el/DatePicker.vue +123 -0
  336. package/src/components/el/Dialog.vue +70 -0
  337. package/src/components/el/Page.vue +66 -0
  338. package/src/components/el/Select.vue +217 -0
  339. package/src/components/el/Table.vue +127 -0
  340. package/src/components/el/Upload.vue +215 -0
  341. package/src/components/footer/Footer.vue +18 -0
  342. package/src/components/header/Header.vue +566 -0
  343. package/src/components/header/changeOrg.vue +156 -0
  344. package/src/components/header/changePwd.vue +84 -0
  345. package/src/components/import-exel/index.vue +220 -0
  346. package/src/components/iris-areaqueryshop/index.vue +485 -0
  347. package/src/components/iris-areaqueryshop/lsh-bank-index.vue +233 -0
  348. package/src/components/iris-areaqueryshop/lsh-edit-index.vue +341 -0
  349. package/src/components/iris-areaqueryshop/lsh-index.vue +301 -0
  350. package/src/components/iris-areaqueryshop/lsh-policy-index.vue +280 -0
  351. package/src/components/iris-areaqueryshop/lsh-service-index.vue +208 -0
  352. package/src/components/iris-areaqueryshop/lsh-store-index.vue +231 -0
  353. package/src/components/iris-areaqueryshopCopy/lsh-index.vue +233 -0
  354. package/src/components/iris-car/index.vue +191 -0
  355. package/src/components/iris-card-modal/ApplicableProduct.vue +332 -0
  356. package/src/components/iris-card-modal/BatchProductRef.vue +65 -0
  357. package/src/components/iris-card-modal/index.vue +436 -0
  358. package/src/components/iris-carinfo/index.vue +652 -0
  359. package/src/components/iris-carinfo/iris-carinfo.vue +542 -0
  360. package/src/components/iris-carinfo/iris-carinfo1.vue +564 -0
  361. package/src/components/iris-chinaarea/index.vue +316 -0
  362. package/src/components/iris-chinaarea/list-item.vue +112 -0
  363. package/src/components/iris-chinaarea/treeapi.js +23 -0
  364. package/src/components/iris-input-search/search.vue +226 -0
  365. package/src/components/iris-modal/index.vue +237 -0
  366. package/src/components/iris-oldtree/tree-node.vue +376 -0
  367. package/src/components/iris-oldtree/tree-store.js +250 -0
  368. package/src/components/iris-oldtree/tree.vue +250 -0
  369. package/src/components/iris-plate/index.vue +227 -0
  370. package/src/components/iris-scope/area.vue +254 -0
  371. package/src/components/iris-scope/chinaarea.vue +254 -0
  372. package/src/components/iris-scope/index.vue +285 -0
  373. package/src/components/iris-scope/store.vue +344 -0
  374. package/src/components/iris-scope-clear/index.vue +157 -0
  375. package/src/components/iris-scope-clear/store.vue +355 -0
  376. package/src/components/iris-search/search.vue +299 -0
  377. package/src/components/iris-search/searchSku.vue +312 -0
  378. package/src/components/iris-search2.0/index.vue +163 -0
  379. package/src/components/iris-shopcategory/index.vue +24 -0
  380. package/src/components/iris-suitscope/govt..vue +215 -0
  381. package/src/components/iris-suitscope/index.vue +178 -0
  382. package/src/components/iris-suitscope/sales.vue +224 -0
  383. package/src/components/iris-suitscope/shop.vue +262 -0
  384. package/src/components/iris-suitscope/tableShow.vue +84 -0
  385. package/src/components/iris-tabscarousel/index.vue +268 -0
  386. package/src/components/iris-ticket-modal/index.vue +355 -0
  387. package/src/components/iris-upload/index.vue +217 -0
  388. package/src/components/iris-upload-2.0/index.vue +283 -0
  389. package/src/components/iris-upload-2.1/index.vue +295 -0
  390. package/src/components/iris-upload-2.2/index.vue +317 -0
  391. package/src/components/list-btn-group/list-btn-group.vue +205 -0
  392. package/src/components/lsh-customer/dialog.vue +66 -0
  393. package/src/components/lsh-customer/index.vue +445 -0
  394. package/src/components/lsh-organiza/index.vue +272 -0
  395. package/src/components/lsh-organization/index.vue +254 -0
  396. package/src/components/lsh-vehicle/dialog.vue +53 -0
  397. package/src/components/lsh-vehicle/index.vue +588 -0
  398. package/src/components/lsh-vehicle/lshCust.vue +754 -0
  399. package/src/components/maintaining/index.vue +619 -0
  400. package/src/components/pagination/pagination.vue +178 -0
  401. package/src/components/paginationDistribute/pagination.vue +178 -0
  402. package/src/components/portrayal/portrayal.vue +3671 -0
  403. package/src/components/progress-btn/index.vue +115 -0
  404. package/src/components/query-btn-group/query-btn-group.vue +59 -0
  405. package/src/components/range/china-area-tree.vue +84 -0
  406. package/src/components/range/range.vue +408 -0
  407. package/src/components/range/sales-area-tree.vue +102 -0
  408. package/src/components/recom/index.vue +208 -0
  409. package/src/components/recom/popup.vue +66 -0
  410. package/src/components/recom/recom.vue +169 -0
  411. package/src/components/record/index.vue +148 -0
  412. package/src/components/record/order-history.vue +257 -0
  413. package/src/components/select-car-extend-prop/select-car-extend-prop.vue +265 -0
  414. package/src/components/select-car-extend-prop/tabs.vue +54 -0
  415. package/src/components/select-date/select-date.vue +137 -0
  416. package/src/components/service-info/index.vue +13 -0
  417. package/src/components/sidebar/Sidebar.vue +456 -0
  418. package/src/components/sidebar/SidebarNavDropdown.vue +66 -0
  419. package/src/components/sidebar/SidebarNavLink.vue +157 -0
  420. package/src/components/sidebar/SidebarNavTitle.vue +16 -0
  421. package/src/components/table/dialog.vue +179 -0
  422. package/src/components/table/index.vue +252 -0
  423. package/src/components/tablethree/index.vue +282 -0
  424. package/src/components/tabletwo/dialog.vue +162 -0
  425. package/src/components/tabletwo/index.vue +258 -0
  426. package/src/components/tree/org-tree.vue +188 -0
  427. package/src/components/tree/sku-class.vue +154 -0
  428. package/src/components/treepicker/treepicker.vue +273 -0
  429. package/src/components/utils/Callout.vue +26 -0
  430. package/src/components/utils/Switch.vue +94 -0
package/src/components/portrayal/portrayal.vue ADDED
@@ -0,0 +1,3671 @@
1
+ <template>
2
+ <div class="portrayal" ref="portrayalRef">
3
+ <!-- 画像左侧收缩 -->
4
+ <div class="portrayal-icon">
5
+ <!-- <img v-show="!arrowToggle" src="../../assets/img/arrow-left.png" alt="">-->
6
+ <!-- <img v-show="arrowToggle" src="../../assets/img/arrow-right.png" alt="">-->
7
+ <!-- <img src="../../assets/img/customer-portrayal-white.png" alt="">-->
8
+ <img
9
+ src="../../assets/img/left-kuang.png"
10
+ alt=""
11
+ style="
12
+ position: absolute;
13
+ width: 70px;
14
+ height: 835px;
15
+ left: 0px;
16
+ z-index: -1;
17
+ "
18
+ />
19
+
20
+ <div
21
+ style="
22
+ cursor: pointer;
23
+ position: absolute;
24
+ width: 70px;
25
+ height: 70px;
26
+ left: 0px;
27
+ "
28
+ @click="portrayalExpandOrShrink"
29
+ ></div>
30
+
31
+ <div class="cti">
32
+ <call-popup
33
+ v-bind="$attrs"
34
+ v-on="$listeners"
35
+ :mobileNo="mobileNo"
36
+ @makeCallid="makeCallid"
37
+ @showDialog="showDialog"
38
+ @isCallingTrue="isCallingTrue"
39
+ @isCallingFalse="isCallingFalse"
40
+ @handleQueryPortrayal="callHandleQueryPortrayal"
41
+ @changeHeaderStatusValue="changeHeaderStatusValue"
42
+ @clearData="clearData"
43
+ @open="open"
44
+ @companyId="getSrc"
45
+ ref="callPopup"
46
+ />
47
+ </div>
48
+ </div>
49
+ <div class="left-card" @click.prevent="hidePhList">
50
+ <!-- CTI引入 -->
51
+ <!-- 第二块区域 -->
52
+ <div class="second-box">
53
+ <div style="height: 90vh; overflow: auto; padding-top: 10px">
54
+ <!-- 认证车主 -->
55
+ <!-- <div class="certification-owner">
56
+ <div class="group-name">
57
+ <div>{{ groupName }}</div>
58
+ <div
59
+ style="margin-top: 5px; font-size: 10px"
60
+ :style="{
61
+ display: portrayalVo.isAuth === 1 ? 'block' : 'none',
62
+ }"
63
+ >
64
+ <span>认证车主</span>
65
+ </div>
66
+ </div>
67
+ <div class="characteristic">
68
+ <ul>
69
+ <li v-for="item in tags" :key="item.index">{{ item }}</li>
70
+ </ul>
71
+ </div>
72
+ </div> -->
73
+ <div class="f-mb10 f-fwb">基础信息</div>
74
+ <!-- 车主信息+车辆信息 -->
75
+ <div class="owner-messsage">
76
+ <div class="personal-message">
77
+ <el-row>
78
+ <el-col :span="10">隐私状态：</el-col>
79
+ <el-col :span="14">
80
+ <div
81
+ v-if="privVersion == null || privVersion.status == 0"
82
+ class="header-label"
83
+ >
84
+ <span class="header-text">未确认</span>
85
+ </div>
86
+ <div
87
+ v-if="
88
+ privVersion != null &&
89
+ privVersion.status != null &&
90
+ privVersion.status == 1
91
+ "
92
+ class="header-label1"
93
+ >
94
+ <span class="header-text">{{ privVersion.statusStr }}</span>
95
+ </div>
96
+ <div
97
+ v-if="
98
+ privVersion != null &&
99
+ privVersion.status != null &&
100
+ privVersion.status == 2
101
+ "
102
+ class="header-label2"
103
+ >
104
+ <span style="color: white" class="header-text">{{
105
+ privVersion.statusStr
106
+ }}</span>
107
+ </div>
108
+ <div
109
+ v-if="
110
+ privVersion != null &&
111
+ privVersion.status != null &&
112
+ privVersion.status == 3
113
+ "
114
+ class="header-label2"
115
+ >
116
+ <span style="color: white" class="header-text">{{
117
+ privVersion.statusStr
118
+ }}</span>
119
+ </div>
120
+ <div
121
+ v-if="
122
+ privVersion != null &&
123
+ privVersion.status != null &&
124
+ privVersion.status == 4
125
+ "
126
+ class="header-label4"
127
+ >
128
+ <span class="header-text">{{ privVersion.statusStr }}</span>
129
+ </div>
130
+ </el-col>
131
+ </el-row>
132
+ <el-row class="f-df f-aic">
133
+ <el-col :span="10">客户姓名：</el-col>
134
+ <el-col :span="14" class="f-df f-aic">
135
+ <el-select class="f-f1" v-model="name" placeholder="请选择">
136
+ <el-option
137
+ v-for="item in options"
138
+ :key="item.value"
139
+ :label="item.label"
140
+ :value="item.value"
141
+ @click.native="getCustomMessage(item.value)"
142
+ >
143
+ </el-option>
144
+ </el-select>
145
+ <span v-if="options.length>1" style="width:72px;color:red;font-size:12px">一号多姓名，请注意！</span>
146
+ </el-col>
147
+ </el-row>
148
+ <el-row class="scripte">
149
+ <el-col :span="10">手机号码：</el-col>
150
+ <el-col
151
+ v-if="customerPhoneNo"
152
+ v-show="customerPhoneNo"
153
+ :span="14"
154
+ >{{ customerPhoneNo }}</el-col
155
+ >
156
+ <el-col v-else :span="14">{{ portrayalVo.mobile }}</el-col>
157
+ </el-row>
158
+ <el-row>
159
+ <el-col :span="10">生日：</el-col>
160
+ <el-col
161
+ v-if="
162
+ portrayalVo.carOwner && portrayalVo.carOwner.isLocal === 1
163
+ "
164
+ :span="14"
165
+ >
166
+ {{ portrayalVo.carOwner.customerBirthDateStr }}
167
+ </el-col>
168
+ </el-row>
169
+ <el-row class="scripte">
170
+ <el-col :span="10">公司：</el-col>
171
+ <el-col
172
+ v-if="
173
+ portrayalVo.carOwner && portrayalVo.carOwner.isLocal === 1
174
+ "
175
+ :span="14"
176
+ >
177
+ {{ portrayalVo.carOwner.company }}
178
+ </el-col>
179
+ </el-row>
180
+ <el-row>
181
+ <el-col :span="10">描述：</el-col>
182
+ <el-col
183
+ v-if="
184
+ portrayalVo.carOwner && portrayalVo.carOwner.isLocal === 1
185
+ "
186
+ :span="14"
187
+ >
188
+ {{ portrayalVo.carOwner.remark }}
189
+ </el-col>
190
+ </el-row>
191
+ <el-row class="scripte">
192
+ <el-col :span="10">性别：</el-col>
193
+ <el-col
194
+ v-if="
195
+ portrayalVo.carOwner &&
196
+ portrayalVo.carOwner.isLocal === 1 &&
197
+ portrayalVo.carOwner.customerGender === 'M'
198
+ "
199
+ :span="14"
200
+ >
201
+ 男
202
+ </el-col>
203
+ <el-col
204
+ v-else-if="
205
+ portrayalVo.carOwner &&
206
+ portrayalVo.carOwner.isLocal === 1 &&
207
+ portrayalVo.carOwner.customerGender === 'F'
208
+ "
209
+ :span="14"
210
+ >
211
+ 女
212
+ </el-col>
213
+ <el-col v-else :span="14"></el-col>
214
+ </el-row>
215
+ <el-row>
216
+ <el-col :span="10">个人备注：</el-col>
217
+ <el-col :span="14">
218
+ <el-tooltip
219
+ class="item"
220
+ effect="dark"
221
+ visible-arrow="false"
222
+ :disabled="remarkTooltipDisabled"
223
+ :content="portrayalVo.remark"
224
+ placement="top-start"
225
+ >
226
+ <input
227
+ v-model="portrayalVo.remark"
228
+ type="text"
229
+ placeholder="请编辑个人备注"
230
+ @focus="inputFocus"
231
+ @blur="inputBlur"
232
+ @keyup.enter="inputBlur"
233
+ onkeypress="if(window.event.keyCode == 13) this.blur()"
234
+ />
235
+ </el-tooltip>
236
+ </el-col>
237
+ </el-row>
238
+ </div>
239
+ <div class="car-message">
240
+ <el-row class="scripte">
241
+ <el-col :span="10">车牌号：</el-col>
242
+ <el-col :span="9">
243
+ <!-- :disabled="portrayalVo.vehicleList && (!portrayalVo.vehicleList.length || portrayalVo.vehicleList.length === 1)" -->
244
+ <el-select
245
+ v-model="valueNum"
246
+ size="mini"
247
+ placeholder="请选择"
248
+ style="width: 100%"
249
+ @change="changeVehicle"
250
+ >
251
+ <el-option
252
+ v-for="itemData in portrayalVo.vehicleList"
253
+ :key="itemData.index"
254
+ :label="itemData.licNum || ' '"
255
+ :value="itemData.index"
256
+ />
257
+ </el-select>
258
+ </el-col>
259
+ <el-col :span="5">
260
+ <a href="javascript:void(0)" @click.prevent="expandDetail"
261
+ >详情></a
262
+ >
263
+ </el-col>
264
+ </el-row>
265
+ <el-row>
266
+ <el-col :span="10">车型：</el-col>
267
+ <el-col :span="14">{{ vehicleListObj.vehicleModel }}</el-col>
268
+ </el-row>
269
+ <el-row class="scripte">
270
+ <el-col :span="10">美版车架号：</el-col>
271
+ <el-col :span="14">{{ vehicleListObj.frameNo }}</el-col>
272
+ </el-row>
273
+ <el-row>
274
+ <el-col :span="10">欧版车架号：</el-col>
275
+ <el-col :span="14">{{ vehicleListObj.vehicleNo }}</el-col>
276
+ </el-row>
277
+ <el-row class="scripte">
278
+ <el-col :span="10">送修人：</el-col>
279
+ <el-col :span="14">{{ vehicleListObj.repairPerson }}</el-col>
280
+ </el-row>
281
+ <el-row>
282
+ <el-col :span="10">开票日期：</el-col>
283
+ <el-col :span="14">{{ vehicleListObj.invoiceTime }}</el-col>
284
+ </el-row>
285
+ <el-row class="scripte">
286
+ <el-col :span="10">上牌日期：</el-col>
287
+ <el-col :span="14">{{ vehicleListObj.licDateStr }}</el-col>
288
+ </el-row>
289
+ <el-row>
290
+ <el-col :span="10">三包日期：</el-col>
291
+ <el-col :span="14">{{ vehicleListObj.guaranteeDate }}</el-col>
292
+ </el-row>
293
+ <el-row class="scripte">
294
+ <el-col :span="10">保险到期日：</el-col>
295
+ <el-col :span="14">{{
296
+ vehicleListObj.insExpiryDateStr
297
+ }}</el-col>
298
+ </el-row>
299
+ <el-row class="scripte">
300
+ <el-col :span="10">金融到期日：</el-col>
301
+ <el-col :span="14">{{
302
+ vehicleListObj.financeExpiryDate
303
+ }}</el-col>
304
+ </el-row>
305
+ <el-row>
306
+ <el-col :span="10">上次入场时间：</el-col>
307
+ <el-col :span="14">{{
308
+ vehicleListObj.lastServiceDateStr
309
+ }}</el-col>
310
+ </el-row>
311
+ <el-row class="scripte">
312
+ <el-col :span="10">上次服务顾问：</el-col>
313
+ <el-col :span="14">{{ vehicleListObj.lastSc }}</el-col>
314
+ </el-row>
315
+ <el-row>
316
+ <el-col :span="10">上次进厂里程：</el-col>
317
+ <el-col :span="14">{{ vehicleListObj.serviceMileAge }}</el-col>
318
+ </el-row>
319
+ <el-row class="scripte">
320
+ <el-col :span="10">是否本店：</el-col>
321
+ <el-col :span="14">{{
322
+ filterWhether[vehicleListObj.isLocal]
323
+ }}</el-col>
324
+ </el-row>
325
+ <el-row>
326
+ <el-col :span="10">类型：</el-col>
327
+ <el-col :span="14">{{ vehicleListObj.relationTypeStr }}</el-col>
328
+ </el-row>
329
+ </div>
330
+ </div>
331
+ <!-- 历史呼入呼出记录 -->
332
+ <div class="history-record">
333
+ <div class="title">历史呼入呼出记录</div>
334
+ <div
335
+ v-if="portrayalVo.callList && portrayalVo.callList.length"
336
+ class="record"
337
+ >
338
+ <!-- 通话记录只显示5条 -->
339
+ <div
340
+ v-for="item in portrayalVo.callList.slice(0, 5)"
341
+ :key="item.id"
342
+ >
343
+ <span
344
+ style="
345
+ display: inline-block;
346
+ width: 150px;
347
+ line-height: 14px;
348
+ height: 16px;
349
+ font-size: 14px;
350
+ text-align: left;
351
+ "
352
+ >{{ item.startTimeStr }}</span
353
+ >
354
+ <span
355
+ v-show="item.type === 1"
356
+ style="
357
+ display: inline-block;
358
+ width: 40px;
359
+ height: 14px;
360
+ line-height: 14px;
361
+ text-align: center;
362
+ background: #e6f1f9;
363
+ border-radius: 3px;
364
+ font-size: 10px;
365
+ color: #1470f1;
366
+ "
367
+ >
368
+ {{ typeFilter[item.type] }}
369
+ </span>
370
+ <span
371
+ v-show="item.type === 0"
372
+ style="
373
+ display: inline-block;
374
+ width: 40px;
375
+ height: 14px;
376
+ line-height: 14px;
377
+ text-align: center;
378
+ background: #e9fcf6;
379
+ border-radius: 3px;
380
+ font-size: 10px;
381
+ color: #46d2a3;
382
+ "
383
+ >
384
+ {{ typeFilter[item.type] }}
385
+ </span>
386
+ <el-tooltip
387
+ class="item"
388
+ effect="dark"
389
+ :disabled="(item.empName && item.empName.length) < 6"
390
+ :content="item.empName"
391
+ placement="top-start"
392
+ >
393
+ <span
394
+ style="
395
+ display: inline-block;
396
+ width: 52px;
397
+ line-height: 14px;
398
+ height: 16px;
399
+ font-size: 14px;
400
+ text-align: right;
401
+ overflow: hidden;
402
+ text-overflow: ellipsis;
403
+ "
404
+ >{{ item.empName }}</span
405
+ >
406
+ </el-tooltip>
407
+ </div>
408
+ </div>
409
+ </div>
410
+ </div>
411
+ </div>
412
+ </div>
413
+ <div v-show="expandFlag" class="right-card">
414
+ <div style="height: 75vh; overflow-y: scroll">
415
+ <el-tabs type="border-card" v-model="activeName1" @tab-click="handleClick">
416
+ <el-tab-pane label="车主信息" name="first">
417
+ <div class="gray-line" />
418
+ <el-form label-width="115px">
419
+ <div class="row">
420
+ <div class="col-md-4">
421
+ <el-form-item label="家庭住址:">
422
+ <el-input v-model.trim="ownerInfo.addressDetail" />
423
+ </el-form-item>
424
+ </div>
425
+ <div class="col-md-4">
426
+ <el-form-item label="准驾车型:">
427
+ <el-input v-model.trim="ownerInfo.drivableType" />
428
+ </el-form-item>
429
+ </div>
430
+ <div class="col-md-4">
431
+ <el-form-item label="职务:">
432
+ <el-input v-model.trim="ownerInfo.post" />
433
+ </el-form-item>
434
+ </div>
435
+ </div>
436
+ <div class="row">
437
+ <div class="col-md-4">
438
+ <el-form-item label="身份证:">
439
+ <el-input v-model.trim="ownerInfo.customerIdNo" />
440
+ </el-form-item>
441
+ </div>
442
+ <div class="col-md-4">
443
+ <el-form-item label="初次领证日期:">
444
+ <el-input
445
+ v-model.trim="ownerInfo.driveLicenceStart"
446
+ />
447
+ </el-form-item>
448
+ </div>
449
+ <div class="col-md-4">
450
+ <el-form-item label="年收入:">
451
+ <el-input
452
+ v-model.trim="ownerInfo.annualIncome"
453
+ />
454
+ </el-form-item>
455
+ </div>
456
+ </div>
457
+ <div class="row">
458
+ <div class="col-md-4">
459
+ <el-form-item label="Email:">
460
+ <el-input v-model.trim="ownerInfo.customerMail" />
461
+ </el-form-item>
462
+ </div>
463
+ <div class="col-md-4">
464
+ <el-form-item label="驾照到期日期:">
465
+ <el-input
466
+ v-model.trim="ownerInfo.driveLicenceEnd"
467
+ />
468
+ </el-form-item>
469
+ </div>
470
+ <div class="col-md-4">
471
+ <el-form-item label="婚姻:">
472
+ <el-input v-model.trim="ownerInfo.maritalStatus" />
473
+ </el-form-item>
474
+ </div>
475
+ </div>
476
+ <div class="row">
477
+ <div class="col-md-4">
478
+ <el-form-item label="QQ:">
479
+ <el-input v-model.trim="ownerInfo.qqNo" />
480
+ </el-form-item>
481
+ </div>
482
+ <div class="col-md-4">
483
+ <el-form-item label="客户所在行业:">
484
+ <el-input v-model.trim="ownerInfo.customerTrade" />
485
+ </el-form-item>
486
+ </div>
487
+ <div class="col-md-4">
488
+ <el-form-item label="爱好:">
489
+ <el-input v-model.trim="ownerInfo.interest" />
490
+ </el-form-item>
491
+ </div>
492
+ </div>
493
+ <div class="row">
494
+ <div class="col-md-4">
495
+ <el-form-item label="微信:">
496
+ <el-input v-model.trim="ownerInfo.wxNo" />
497
+ </el-form-item>
498
+ </div>
499
+ <div class="col-md-4">
500
+ <el-form-item label="公司:">
501
+ <el-input v-model.trim="ownerInfo.company" />
502
+ </el-form-item>
503
+ </div>
504
+ <div class="col-md-4">
505
+ <el-form-item label="感兴趣增值服务:">
506
+ <el-input v-model.trim="ownerInfo.interestedVas" />
507
+ </el-form-item>
508
+ </div>
509
+ </div>
510
+ <div class="row">
511
+ <div class="col-md-4">
512
+ <el-form-item label="其他电话1:">
513
+ <el-input
514
+ v-model.trim="ownerInfo.otherPhoneNoOne"
515
+ />
516
+ </el-form-item>
517
+ </div>
518
+ <div class="col-md-4">
519
+ <el-form-item label="其他电话2:">
520
+ <el-input
521
+ v-model.trim="ownerInfo.otherPhoneNoTwo"
522
+ />
523
+ </el-form-item>
524
+ </div>
525
+ <div class="col-md-4">
526
+ <el-form-item label="其他电话3:">
527
+ <el-input
528
+ v-model.trim="ownerInfo.otherPhoneNoThree"
529
+ />
530
+ </el-form-item>
531
+ </div>
532
+ </div>
533
+ <div class="f-tar f-mb10">
534
+ <el-button type="primary" @click="cancelOwnerInfo">取消</el-button>
535
+ <el-button type="primary" @click="saveOwnerInfo">保存</el-button>
536
+ </div>
537
+ </el-form>
538
+ <el-tabs v-model="activeName" @tab-click="handleQuery(1)">
539
+ <el-tab-pane
540
+ v-if="hasCallRecords"
541
+ label="通话记录"
542
+ name="portrayalCallLog"
543
+ >
544
+ <div class="row">
545
+ <div class="col-md-12">
546
+ <el-table
547
+ :data="callData.list"
548
+ border
549
+ style="margin-top: 15px"
550
+ >
551
+ <el-table-column
552
+ prop="startTime"
553
+ label="通话时间"
554
+ min-width="180"
555
+ show-overflow-tooltip
556
+ >
557
+ <template slot-scope="scope">
558
+ {{ parseTime(scope.row.startTime) }}
559
+ </template>
560
+ </el-table-column>
561
+ <el-table-column
562
+ prop="orgName"
563
+ label="组织名称"
564
+ min-width="160"
565
+ show-overflow-tooltip
566
+ />
567
+ <el-table-column
568
+ prop="storeName"
569
+ label="通话门店"
570
+ min-width="160"
571
+ show-overflow-tooltip
572
+ />
573
+ <el-table-column
574
+ prop="custPhone"
575
+ label="客户电话"
576
+ min-width="150"
577
+ show-overflow-tooltip
578
+ />
579
+ <el-table-column
580
+ prop="duration"
581
+ label="通话时长"
582
+ min-width="150"
583
+ show-overflow-tooltip
584
+ />
585
+ <el-table-column
586
+ prop="waiting"
587
+ label="通话等待时间"
588
+ min-width="160"
589
+ show-overflow-tooltip
590
+ />
591
+ <el-table-column
592
+ prop="type"
593
+ label="通话类型"
594
+ min-width="110"
595
+ show-overflow-tooltip
596
+ >
597
+ <template slot-scope="scope">
598
+ <span>{{ typeFilter[scope.row.type] }}</span>
599
+ </template>
600
+ </el-table-column>
601
+ <el-table-column
602
+ prop="operateId"
603
+ label="坐席号"
604
+ min-width="120"
605
+ show-overflow-tooltip
606
+ />
607
+ <el-table-column
608
+ prop="operateName"
609
+ label="坐席名称"
610
+ min-width="120"
611
+ show-overflow-tooltip
612
+ />
613
+ <el-table-column
614
+ prop="remark"
615
+ label="备注"
616
+ min-width="120"
617
+ show-overflow-tooltip
618
+ />
619
+ </el-table>
620
+ </div>
621
+ </div>
622
+ <pagination
623
+ class="pull-right marginTop"
624
+ :page-no="callData.pageNum"
625
+ :page-size="callData.pageSize"
626
+ :total-pages="callData.pages"
627
+ :total-result="callData.total"
628
+ @page-change="handleQuery"
629
+ />
630
+ </el-tab-pane>
631
+ <el-tab-pane
632
+ v-if="hasRepairRecords"
633
+ label="维修记录"
634
+ name="portrayalOrderRepair"
635
+ >
636
+ <div class="row">
637
+ <div class="col-md-12">
638
+ <el-table
639
+ :data="tableData.content"
640
+ border
641
+ style="margin-top: 15px"
642
+ >
643
+ <el-table-column type="expand">
644
+ <template slot-scope="scope">
645
+ <el-table :data="scope.row.item" style="width: 60%">
646
+ <el-table-column
647
+ prop="projectCode"
648
+ label="项目编码"
649
+ min-width="60"
650
+ show-overflow-tooltip
651
+ />
652
+ <el-table-column
653
+ prop="projectDescribe"
654
+ label="项目描述"
655
+ min-width="80"
656
+ show-overflow-tooltip
657
+ />
658
+ <el-table-column
659
+ prop="projectType"
660
+ label="项目类型"
661
+ min-width="50"
662
+ show-overflow-tooltip
663
+ />
664
+ <el-table-column
665
+ prop="quantity"
666
+ label="数量"
667
+ min-width="70"
668
+ show-overflow-tooltip
669
+ />
670
+ <el-table-column
671
+ prop="payMode"
672
+ label="付款方式"
673
+ min-width="60"
674
+ show-overflow-tooltip
675
+ />
676
+ </el-table>
677
+ </template>
678
+ </el-table-column>
679
+ <el-table-column
680
+ prop="orderNo"
681
+ label="工单号"
682
+ min-width="130"
683
+ show-overflow-tooltip
684
+ />
685
+ <el-table-column
686
+ prop="repairPerson"
687
+ label="送修人姓名"
688
+ min-width="130"
689
+ show-overflow-tooltip
690
+ />
691
+ <el-table-column
692
+ prop="repairPhone"
693
+ label="送修人联系方式"
694
+ min-width="140"
695
+ show-overflow-tooltip
696
+ />
697
+ <el-table-column
698
+ prop="carOwner"
699
+ label="车主姓名"
700
+ min-width="130"
701
+ show-overflow-tooltip
702
+ />
703
+ <el-table-column
704
+ prop="sc"
705
+ label="服务顾问"
706
+ min-width="110"
707
+ show-overflow-tooltip
708
+ />
709
+ <el-table-column
710
+ prop="orderCreateTime"
711
+ label="创建时间"
712
+ min-width="200"
713
+ show-overflow-tooltip
714
+ />
715
+ <el-table-column
716
+ prop="mileage"
717
+ label="进厂里程"
718
+ min-width="130"
719
+ show-overflow-tooltip
720
+ />
721
+ <el-table-column
722
+ prop="orderStatus"
723
+ label="工单状态"
724
+ min-width="130"
725
+ show-overflow-tooltip
726
+ />
727
+ <el-table-column
728
+ prop="checkinStoreName"
729
+ label="进厂门店"
730
+ min-width="160"
731
+ show-overflow-tooltip
732
+ />
733
+ <el-table-column
734
+ prop="repairType"
735
+ label="维修类型"
736
+ min-width="160"
737
+ show-overflow-tooltip
738
+ />
739
+ <el-table-column
740
+ prop="repairAmount"
741
+ label="维修金额"
742
+ min-width="130"
743
+ show-overflow-tooltip
744
+ />
745
+ </el-table>
746
+ </div>
747
+ </div>
748
+ <pagination
749
+ class="pull-right marginTop"
750
+ :page-no="tableData.pageable.pageNumber"
751
+ :page-size="tableData.pageable.pageSize"
752
+ :total-pages="tableData.totalPages"
753
+ :total-result="tableData.totalElements"
754
+ @page-change="handleQuery"
755
+ />
756
+ </el-tab-pane>
757
+ <el-tab-pane
758
+ v-if="hasOrderInformation"
759
+ label="订单信息"
760
+ name="portrayalOrder"
761
+ >
762
+ <div class="row">
763
+ <div class="col-md-12">
764
+ <el-table
765
+ :data="tableData.content"
766
+ border
767
+ style="margin-top: 15px"
768
+ >
769
+ <el-table-column
770
+ prop="orderId"
771
+ label="相关订单号"
772
+ min-width="200"
773
+ show-overflow-tooltip
774
+ />
775
+ <el-table-column
776
+ prop="orderTypeName"
777
+ label="订单类型"
778
+ min-width="160"
779
+ show-overflow-tooltip
780
+ />
781
+ <el-table-column
782
+ prop="storeName"
783
+ label="店面名称"
784
+ min-width="200"
785
+ show-overflow-tooltip
786
+ />
787
+ <el-table-column
788
+ prop="orderDate"
789
+ label="订单日期"
790
+ min-width="160"
791
+ show-overflow-tooltip
792
+ />
793
+ <el-table-column
794
+ prop="orderStatus"
795
+ label="关联订单状态"
796
+ min-width="160"
797
+ show-overflow-tooltip
798
+ />
799
+ <el-table-column
800
+ prop="orderPerson"
801
+ label="订购人名称"
802
+ min-width="160"
803
+ show-overflow-tooltip
804
+ />
805
+ <el-table-column
806
+ prop="repairDate"
807
+ label="送修日期"
808
+ min-width="160"
809
+ show-overflow-tooltip
810
+ />
811
+ <el-table-column
812
+ prop="deliveryDate"
813
+ label="提车日期"
814
+ min-width="160"
815
+ show-overflow-tooltip
816
+ />
817
+ <el-table-column
818
+ prop="invoicePerson"
819
+ label="开票人名称"
820
+ min-width="160"
821
+ show-overflow-tooltip
822
+ />
823
+ <el-table-column
824
+ prop="sc"
825
+ label="销售顾问"
826
+ min-width="160"
827
+ show-overflow-tooltip
828
+ />
829
+ <el-table-column
830
+ prop="carModelCode"
831
+ label="车型销售代码"
832
+ min-width="160"
833
+ show-overflow-tooltip
834
+ />
835
+ <el-table-column
836
+ prop="engineNo"
837
+ label="发动机号"
838
+ min-width="160"
839
+ show-overflow-tooltip
840
+ />
841
+ <el-table-column
842
+ prop="invoiceDate"
843
+ label="实际开票时间"
844
+ min-width="160"
845
+ show-overflow-tooltip
846
+ />
847
+ <el-table-column
848
+ prop="vin"
849
+ label="美版车架号"
850
+ min-width="200"
851
+ show-overflow-tooltip
852
+ />
853
+ <el-table-column
854
+ prop="fin"
855
+ label="欧版车架号"
856
+ min-width="200"
857
+ show-overflow-tooltip
858
+ />
859
+ <el-table-column
860
+ prop="carModel"
861
+ label="车型"
862
+ min-width="160"
863
+ show-overflow-tooltip
864
+ />
865
+ <el-table-column
866
+ label="里程"
867
+ min-width="160"
868
+ show-overflow-tooltip
869
+ >
870
+ <template slot-scope="scope">
871
+ <span>{{
872
+ scope.row.mileage + scope.row.mileageUnit
873
+ }}</span>
874
+ </template>
875
+ </el-table-column>
876
+ <el-table-column
877
+ label="是否贷款"
878
+ min-width="160"
879
+ show-overflow-tooltip
880
+ >
881
+ <template slot-scope="scope">
882
+ <span>{{ filterWhether[scope.row.isLoan] }}</span>
883
+ </template>
884
+ </el-table-column>
885
+ <el-table-column
886
+ prop="financeOrganization"
887
+ label="金融机构"
888
+ min-width="160"
889
+ show-overflow-tooltip
890
+ />
891
+ <el-table-column
892
+ prop="financeProduct"
893
+ label="金融产品"
894
+ min-width="160"
895
+ show-overflow-tooltip
896
+ />
897
+ <el-table-column
898
+ prop="financeExpiryDate"
899
+ label="金融到期日"
900
+ min-width="160"
901
+ show-overflow-tooltip
902
+ />
903
+ <el-table-column
904
+ label="是否置换"
905
+ min-width="160"
906
+ show-overflow-tooltip
907
+ >
908
+ <template slot-scope="scope">
909
+ <span>{{
910
+ filterWhether[scope.row.isReplacement]
911
+ }}</span>
912
+ </template>
913
+ </el-table-column>
914
+ <el-table-column
915
+ prop="loanAmount"
916
+ label="贷款金额"
917
+ min-width="160"
918
+ show-overflow-tooltip
919
+ />
920
+ <el-table-column
921
+ prop="term"
922
+ label="期数"
923
+ min-width="160"
924
+ show-overflow-tooltip
925
+ />
926
+ <el-table-column
927
+ prop="monthlyPayment"
928
+ label="客户月供"
929
+ min-width="160"
930
+ show-overflow-tooltip
931
+ />
932
+ <el-table-column
933
+ prop="downPayment"
934
+ label="首付金额"
935
+ min-width="160"
936
+ show-overflow-tooltip
937
+ />
938
+ <el-table-column
939
+ prop="downPaymentRatio"
940
+ label="首付比例(%)"
941
+ min-width="160"
942
+ show-overflow-tooltip
943
+ />
944
+ <el-table-column
945
+ prop="interestRate"
946
+ label="客户利率(%)"
947
+ min-width="160"
948
+ show-overflow-tooltip
949
+ />
950
+ <el-table-column
951
+ prop="interestAmount"
952
+ label="客户利息总额"
953
+ min-width="160"
954
+ show-overflow-tooltip
955
+ />
956
+ <el-table-column
957
+ prop="balancePayment"
958
+ label="尾款金额"
959
+ min-width="160"
960
+ show-overflow-tooltip
961
+ />
962
+ <el-table-column
963
+ prop="balancePaymentRatio"
964
+ label="尾款比例(%)"
965
+ min-width="160"
966
+ show-overflow-tooltip
967
+ />
968
+ </el-table>
969
+ </div>
970
+ </div>
971
+ <pagination
972
+ class="pull-right marginTop"
973
+ :page-no="tableData.pageable.pageNumber"
974
+ :page-size="tableData.pageable.pageSize"
975
+ :total-pages="tableData.totalPages"
976
+ :total-result="tableData.totalElements"
977
+ @page-change="handleQuery"
978
+ />
979
+ </el-tab-pane>
980
+ <el-tab-pane
981
+ v-if="hasExtendWarrantyInformation"
982
+ label="延保信息"
983
+ name="portrayalOrderExtendWarranty"
984
+ >
985
+ <div class="row">
986
+ <div class="col-md-12">
987
+ <el-table
988
+ :data="tableData.content"
989
+ border
990
+ style="margin-top: 15px"
991
+ >
992
+ <el-table-column
993
+ prop="storeName"
994
+ label="门店"
995
+ min-width="160"
996
+ show-overflow-tooltip
997
+ />
998
+ <el-table-column
999
+ prop="orderId"
1000
+ label="整车订单号"
1001
+ min-width="160"
1002
+ show-overflow-tooltip
1003
+ />
1004
+ <el-table-column
1005
+ prop="orderNo"
1006
+ label="延保订单号"
1007
+ min-width="160"
1008
+ show-overflow-tooltip
1009
+ />
1010
+ <el-table-column
1011
+ prop="ewStatus"
1012
+ label="合同状态"
1013
+ min-width="160"
1014
+ show-overflow-tooltip
1015
+ />
1016
+ <el-table-column
1017
+ prop="sc"
1018
+ label="客户顾问"
1019
+ min-width="160"
1020
+ show-overflow-tooltip
1021
+ />
1022
+ <el-table-column
1023
+ prop="carOwner"
1024
+ label="车主姓名"
1025
+ min-width="160"
1026
+ show-overflow-tooltip
1027
+ />
1028
+ <el-table-column
1029
+ prop="productName"
1030
+ label="延保产品名称"
1031
+ min-width="160"
1032
+ show-overflow-tooltip
1033
+ />
1034
+ <el-table-column
1035
+ prop="ewDateStart"
1036
+ label="开始日期"
1037
+ min-width="160"
1038
+ show-overflow-tooltip
1039
+ />
1040
+ <el-table-column
1041
+ prop="ewDateEnd"
1042
+ label="截止日期"
1043
+ min-width="160"
1044
+ show-overflow-tooltip
1045
+ />
1046
+ <el-table-column
1047
+ prop="ewType"
1048
+ label="车辆类型"
1049
+ min-width="160"
1050
+ show-overflow-tooltip
1051
+ />
1052
+ <el-table-column
1053
+ prop="mileage"
1054
+ label="车辆当前里程(km)"
1055
+ min-width="180"
1056
+ show-overflow-tooltip
1057
+ />
1058
+ <el-table-column
1059
+ prop="guaranteeMileage"
1060
+ label="原厂保修里程(星睿)"
1061
+ min-width="180"
1062
+ show-overflow-tooltip
1063
+ />
1064
+ <el-table-column
1065
+ prop="invoiceDate"
1066
+ label="开票时间"
1067
+ min-width="160"
1068
+ show-overflow-tooltip
1069
+ />
1070
+ </el-table>
1071
+ </div>
1072
+ </div>
1073
+ <pagination
1074
+ class="pull-right marginTop"
1075
+ :page-no="tableData.pageable.pageNumber"
1076
+ :page-size="tableData.pageable.pageSize"
1077
+ :total-pages="tableData.totalPages"
1078
+ :total-result="tableData.totalElements"
1079
+ @page-change="handleQuery"
1080
+ />
1081
+ </el-tab-pane>
1082
+ <el-tab-pane
1083
+ v-if="hasCardCouponInformation"
1084
+ label="卡券信息"
1085
+ name="portrayalCardCoupon"
1086
+ >
1087
+ <div class="row">
1088
+ <div class="col-md-12">
1089
+ <el-table
1090
+ :data="tableData.content"
1091
+ border
1092
+ style="margin-top: 15px"
1093
+ >
1094
+ <el-table-column
1095
+ prop="cardCouponSource"
1096
+ label="卡券来源"
1097
+ min-width="160"
1098
+ show-overflow-tooltip
1099
+ />
1100
+ <el-table-column
1101
+ prop="storeName"
1102
+ label="所属门店"
1103
+ min-width="160"
1104
+ show-overflow-tooltip
1105
+ />
1106
+ <el-table-column
1107
+ prop="cardCouponNo"
1108
+ label="卡券号"
1109
+ min-width="200"
1110
+ show-overflow-tooltip
1111
+ />
1112
+ <el-table-column
1113
+ prop="usedStateName"
1114
+ label="使用状态"
1115
+ min-width="200"
1116
+ show-overflow-tooltip
1117
+ />
1118
+ <el-table-column
1119
+ prop="cardStatusName"
1120
+ label="卡券状态"
1121
+ min-width="200"
1122
+ show-overflow-tooltip
1123
+ />
1124
+ <el-table-column
1125
+ prop="cardCouponName"
1126
+ label="名称"
1127
+ min-width="160"
1128
+ show-overflow-tooltip
1129
+ />
1130
+ <el-table-column
1131
+ prop="cardCouponType"
1132
+ label="卡券类型"
1133
+ min-width="160"
1134
+ show-overflow-tooltip
1135
+ />
1136
+ <el-table-column
1137
+ prop="useMobile"
1138
+ label="使用人手机号"
1139
+ min-width="160"
1140
+ show-overflow-tooltip
1141
+ />
1142
+ <el-table-column
1143
+ prop="usePerson"
1144
+ label="使用人姓名"
1145
+ min-width="160"
1146
+ show-overflow-tooltip
1147
+ />
1148
+ <el-table-column
1149
+ prop="carOwnerMobile"
1150
+ label="车主手机号"
1151
+ min-width="160"
1152
+ show-overflow-tooltip
1153
+ />
1154
+ <el-table-column
1155
+ prop="carOwner"
1156
+ label="车主姓名"
1157
+ min-width="160"
1158
+ show-overflow-tooltip
1159
+ />
1160
+ <el-table-column
1161
+ prop="grantTime"
1162
+ label="发放时间"
1163
+ min-width="160"
1164
+ show-overflow-tooltip
1165
+ />
1166
+ <el-table-column
1167
+ prop="grantBizLine"
1168
+ label="发放业务线"
1169
+ min-width="160"
1170
+ show-overflow-tooltip
1171
+ />
1172
+ <el-table-column
1173
+ prop="grantReason"
1174
+ label="发放原因"
1175
+ min-width="160"
1176
+ show-overflow-tooltip
1177
+ />
1178
+ <el-table-column
1179
+ prop="useStoreName"
1180
+ label="使用门店"
1181
+ min-width="160"
1182
+ show-overflow-tooltip
1183
+ />
1184
+ <el-table-column
1185
+ prop="useTime"
1186
+ label="使用时间"
1187
+ min-width="160"
1188
+ show-overflow-tooltip
1189
+ />
1190
+ <el-table-column
1191
+ prop="useBizLine"
1192
+ label="使用业务线"
1193
+ min-width="160"
1194
+ show-overflow-tooltip
1195
+ />
1196
+ <el-table-column
1197
+ prop="validTimeStart"
1198
+ label="开始时间"
1199
+ min-width="160"
1200
+ show-overflow-tooltip
1201
+ />
1202
+ <el-table-column
1203
+ prop="validTimeEnd"
1204
+ label="结束时间"
1205
+ min-width="160"
1206
+ show-overflow-tooltip
1207
+ />
1208
+ <el-table-column
1209
+ prop="cardCouponAmount"
1210
+ label="经销商面值"
1211
+ min-width="160"
1212
+ show-overflow-tooltip
1213
+ />
1214
+ <el-table-column
1215
+ prop="grantPerson"
1216
+ label="发放人"
1217
+ min-width="160"
1218
+ show-overflow-tooltip
1219
+ />
1220
+ <el-table-column
1221
+ label="是否延期"
1222
+ min-width="160"
1223
+ show-overflow-tooltip
1224
+ >
1225
+ <template slot-scope="scope">
1226
+ <span>{{ filterWhether[scope.row.isDelay] }}</span>
1227
+ </template>
1228
+ </el-table-column>
1229
+ <el-table-column
1230
+ prop="delayReason"
1231
+ label="延期原因"
1232
+ min-width="160"
1233
+ show-overflow-tooltip
1234
+ />
1235
+ <el-table-column
1236
+ prop="validTimeExpiry"
1237
+ label="有效截止日期"
1238
+ min-width="160"
1239
+ show-overflow-tooltip
1240
+ />
1241
+ </el-table>
1242
+ </div>
1243
+ </div>
1244
+ <pagination
1245
+ class="pull-right marginTop"
1246
+ :page-no="tableData.pageable.pageNumber"
1247
+ :page-size="tableData.pageable.pageSize"
1248
+ :total-pages="tableData.totalPages"
1249
+ :total-result="tableData.totalElements"
1250
+ @page-change="handleQuery"
1251
+ />
1252
+ </el-tab-pane>
1253
+ <el-tab-pane
1254
+ v-if="hasInsuranceInformation"
1255
+ label="保险信息"
1256
+ name="queryOrderInsurance"
1257
+ >
1258
+ <div class="row">
1259
+ <div class="col-md-12">
1260
+ <el-table
1261
+ :data="tableData.content"
1262
+ border
1263
+ style="margin-top: 15px"
1264
+ >
1265
+ <el-table-column
1266
+ prop="name"
1267
+ label="被保险人姓名"
1268
+ min-width="140"
1269
+ show-overflow-tooltip
1270
+ />
1271
+ <el-table-column
1272
+ prop="insType"
1273
+ label="投保类型"
1274
+ min-width="140"
1275
+ show-overflow-tooltip
1276
+ />
1277
+ <el-table-column
1278
+ prop="insScCode"
1279
+ label="保险专员"
1280
+ min-width="140"
1281
+ show-overflow-tooltip
1282
+ />
1283
+ <el-table-column
1284
+ prop="insurer"
1285
+ label="交强险承保公司"
1286
+ min-width="160"
1287
+ show-overflow-tooltip
1288
+ />
1289
+ <el-table-column
1290
+ prop="comprehensive"
1291
+ label="商业险承保公司"
1292
+ min-width="160"
1293
+ show-overflow-tooltip
1294
+ />
1295
+ <el-table-column
1296
+ prop="compulsoryNo"
1297
+ label="交强险保险单号"
1298
+ min-width="160"
1299
+ show-overflow-tooltip
1300
+ />
1301
+ <el-table-column
1302
+ prop="commercialNo"
1303
+ label="商业险保险单号"
1304
+ min-width="160"
1305
+ show-overflow-tooltip
1306
+ />
1307
+ <el-table-column
1308
+ prop="registerDate"
1309
+ label="车辆注册日期"
1310
+ min-width="160"
1311
+ show-overflow-tooltip
1312
+ />
1313
+ <el-table-column
1314
+ prop="compulsoryDateStart"
1315
+ label="交强险保单开始日期"
1316
+ min-width="180"
1317
+ show-overflow-tooltip
1318
+ />
1319
+ <el-table-column
1320
+ prop="compulsoryOrderTime"
1321
+ label="交强险出单日期"
1322
+ min-width="180"
1323
+ show-overflow-tooltip
1324
+ />
1325
+ <el-table-column
1326
+ prop="commercialDateStart"
1327
+ label="商业险保单开始日期"
1328
+ min-width="180"
1329
+ show-overflow-tooltip
1330
+ />
1331
+ <el-table-column
1332
+ prop="commercialOrderTime"
1333
+ label="商业险出单日期"
1334
+ min-width="180"
1335
+ show-overflow-tooltip
1336
+ />
1337
+ <el-table-column
1338
+ prop="source"
1339
+ label="投保来源"
1340
+ min-width="160"
1341
+ show-overflow-tooltip
1342
+ />
1343
+ <el-table-column
1344
+ prop="compulsoryDateEnd"
1345
+ label="交强险保单结束日期"
1346
+ min-width="180"
1347
+ show-overflow-tooltip
1348
+ />
1349
+ <el-table-column
1350
+ prop="commercialDateEnd"
1351
+ label="商业险保单结束日期"
1352
+ min-width="180"
1353
+ show-overflow-tooltip
1354
+ />
1355
+ <el-table-column
1356
+ prop="isGift"
1357
+ label="是否赠送保险"
1358
+ min-width="160"
1359
+ show-overflow-tooltip
1360
+ >
1361
+ <template slot-scope="scope">
1362
+ {{ scope.row.isGift ? "是" : "否" }}
1363
+ </template>
1364
+ </el-table-column>
1365
+ <el-table-column
1366
+ prop="travel"
1367
+ label="行驶本车主姓名"
1368
+ min-width="160"
1369
+ show-overflow-tooltip
1370
+ />
1371
+ <el-table-column
1372
+ prop="dealer"
1373
+ label="经销商"
1374
+ min-width="140"
1375
+ show-overflow-tooltip
1376
+ />
1377
+ <el-table-column
1378
+ prop="agent"
1379
+ label="代理机构"
1380
+ min-width="140"
1381
+ show-overflow-tooltip
1382
+ />
1383
+ <el-table-column
1384
+ prop="engineNo"
1385
+ label="发动机号码"
1386
+ min-width="160"
1387
+ show-overflow-tooltip
1388
+ />
1389
+ <el-table-column
1390
+ prop="localPlate"
1391
+ label="是否本地牌照"
1392
+ min-width="160"
1393
+ show-overflow-tooltip
1394
+ />
1395
+ <el-table-column
1396
+ prop="localInvoice"
1397
+ label="本店开票车辆"
1398
+ min-width="160"
1399
+ show-overflow-tooltip
1400
+ />
1401
+ <el-table-column
1402
+ prop="currentInvoice"
1403
+ label="车辆当月开票"
1404
+ min-width="160"
1405
+ show-overflow-tooltip
1406
+ />
1407
+ <el-table-column
1408
+ prop="invoiceDealer"
1409
+ label="车辆开票经销商"
1410
+ min-width="160"
1411
+ show-overflow-tooltip
1412
+ />
1413
+ <el-table-column
1414
+ prop="travelType"
1415
+ label="行驶本车主公户个人"
1416
+ min-width="180"
1417
+ show-overflow-tooltip
1418
+ />
1419
+ <el-table-column
1420
+ prop="mobile"
1421
+ label="联系电话"
1422
+ min-width="160"
1423
+ show-overflow-tooltip
1424
+ />
1425
+ <el-table-column
1426
+ prop="certificateType"
1427
+ label="有效证件类型"
1428
+ min-width="160"
1429
+ show-overflow-tooltip
1430
+ />
1431
+ <el-table-column
1432
+ prop="certificateNo"
1433
+ label="有效证件类型值"
1434
+ min-width="160"
1435
+ show-overflow-tooltip
1436
+ />
1437
+ </el-table>
1438
+ </div>
1439
+ </div>
1440
+ <pagination
1441
+ class="pull-right marginTop"
1442
+ :page-no="tableData.pageable.pageNumber"
1443
+ :page-size="tableData.pageable.pageSize"
1444
+ :total-pages="tableData.totalPages"
1445
+ :total-result="tableData.totalElements"
1446
+ @page-change="handleQuery"
1447
+ />
1448
+ </el-tab-pane>
1449
+ <el-tab-pane
1450
+ v-if="hasReservationRecord"
1451
+ label="预约记录"
1452
+ name="appointmentRecord"
1453
+ >
1454
+ <div class="row">
1455
+ <div class="col-md-12">
1456
+ <el-table
1457
+ :data="callData.list"
1458
+ border
1459
+ style="margin-top: 15px"
1460
+ >
1461
+ <el-table-column
1462
+ prop="id"
1463
+ label="ID"
1464
+ min-width="140"
1465
+ show-overflow-tooltip
1466
+ />
1467
+ <el-table-column
1468
+ prop="customerName"
1469
+ label="客户姓名"
1470
+ min-width="140"
1471
+ show-overflow-tooltip
1472
+ />
1473
+ <el-table-column
1474
+ prop="telephone"
1475
+ label="手机号码"
1476
+ min-width="140"
1477
+ show-overflow-tooltip
1478
+ />
1479
+ <el-table-column
1480
+ prop="carModel"
1481
+ label="车型"
1482
+ min-width="140"
1483
+ show-overflow-tooltip
1484
+ />
1485
+ <el-table-column
1486
+ prop="carPlateNumber"
1487
+ label="车牌"
1488
+ min-width="140"
1489
+ show-overflow-tooltip
1490
+ />
1491
+ <el-table-column
1492
+ prop="saId"
1493
+ label="Said"
1494
+ min-width="140"
1495
+ show-overflow-tooltip
1496
+ />
1497
+ <el-table-column
1498
+ prop="saName"
1499
+ label="SA姓名"
1500
+ min-width="140"
1501
+ show-overflow-tooltip
1502
+ />
1503
+ <el-table-column
1504
+ prop="rawChannel"
1505
+ label="来源"
1506
+ min-width="140"
1507
+ show-overflow-tooltip
1508
+ />
1509
+ <el-table-column
1510
+ prop="reservedTime"
1511
+ label="预约时间"
1512
+ min-width="140"
1513
+ show-overflow-tooltip
1514
+ >
1515
+ <template slot-scope="scope">
1516
+ {{scope.row.reservedTime | timeFilter}}
1517
+ </template>
1518
+ </el-table-column>
1519
+
1520
+ <el-table-column
1521
+ prop="arrivalTime"
1522
+ label="到达时间"
1523
+ min-width="140"
1524
+ show-overflow-tooltip
1525
+ >
1526
+ <template slot-scope="scope">
1527
+ {{scope.row.arrivalTime | timeFilter}}
1528
+ </template>
1529
+ </el-table-column>
1530
+ <el-table-column
1531
+ prop="status"
1532
+ label="当前状态"
1533
+ min-width="140"
1534
+ show-overflow-tooltip
1535
+ />
1536
+ <el-table-column
1537
+ prop="serviceTypes"
1538
+ label="服务类型"
1539
+ min-width="140"
1540
+ show-overflow-tooltip
1541
+ />
1542
+ <!-- <el-table-column
1543
+ prop="fin"
1544
+ label="底盘号 FIN"
1545
+ min-width="140"
1546
+ show-overflow-tooltip
1547
+ /> -->
1548
+ <el-table-column
1549
+ prop="vin"
1550
+ label="VIN"
1551
+ min-width="140"
1552
+ show-overflow-tooltip
1553
+ />
1554
+ <el-table-column
1555
+ prop="mileage"
1556
+ label="里程数"
1557
+ min-width="140"
1558
+ show-overflow-tooltip
1559
+ />
1560
+ <el-table-column
1561
+ prop="notes"
1562
+ label="备注"
1563
+ min-width="140"
1564
+ show-overflow-tooltip
1565
+ />
1566
+ <el-table-column
1567
+ prop="creatorId"
1568
+ label="创建人id"
1569
+ min-width="140"
1570
+ show-overflow-tooltip
1571
+ />
1572
+ <el-table-column
1573
+ prop="creatorName"
1574
+ label="创建人姓名"
1575
+ min-width="140"
1576
+ show-overflow-tooltip
1577
+ />
1578
+ <el-table-column
1579
+ prop="createdTime"
1580
+ label="创建时间"
1581
+ min-width="140"
1582
+ show-overflow-tooltip
1583
+ >
1584
+ <template slot-scope="scope">
1585
+ {{scope.row.createdTime | timeFilter}}
1586
+ </template>
1587
+ </el-table-column>
1588
+ <el-table-column
1589
+ prop="fin"
1590
+ label="底盘号 FIN"
1591
+ min-width="140"
1592
+ show-overflow-tooltip
1593
+ />
1594
+ <el-table-column
1595
+ prop="updatedTime"
1596
+ label="更新时间"
1597
+ min-width="140"
1598
+ show-overflow-tooltip
1599
+ >
1600
+ <template slot-scope="scope">
1601
+ {{scope.row.updatedTime | timeFilter}}
1602
+ </template>
1603
+ </el-table-column>
1604
+ <el-table-column
1605
+ prop="serviceOrderNumber"
1606
+ label="订单号"
1607
+ min-width="140"
1608
+ show-overflow-tooltip
1609
+ />
1610
+ <el-table-column
1611
+ prop="cancelComment"
1612
+ label="未到店原因"
1613
+ min-width="140"
1614
+ show-overflow-tooltip
1615
+ />
1616
+ <el-table-column
1617
+ prop="storeName"
1618
+ label="经销商名称"
1619
+ min-width="140"
1620
+ show-overflow-tooltip
1621
+ />
1622
+ </el-table>
1623
+ </div>
1624
+ </div>
1625
+ <pagination
1626
+ class="pull-right marginTop"
1627
+ :page-no="callData.pageNum"
1628
+ :page-size="callData.pageSize"
1629
+ :total-pages="callData.pages"
1630
+ :total-result="callData.total"
1631
+ @page-change="handleQuery"
1632
+ />
1633
+ </el-tab-pane>
1634
+ <el-tab-pane
1635
+ v-if="hasServiceContract"
1636
+ label="厂家服务合约"
1637
+ name="portrayalContractInfo"
1638
+ >
1639
+ <div class="row">
1640
+ <div class="col-md-12">
1641
+ <el-table
1642
+ :data="callData.list"
1643
+ border
1644
+ style="margin-top: 15px"
1645
+ >
1646
+ <el-table-column
1647
+ prop="otrId"
1648
+ label="OTR id"
1649
+ min-width="140"
1650
+ show-overflow-tooltip
1651
+ />
1652
+ <el-table-column
1653
+ prop="externalId"
1654
+ label="External id"
1655
+ min-width="140"
1656
+ show-overflow-tooltip
1657
+ />
1658
+ <el-table-column
1659
+ prop="salesChannel"
1660
+ label="销售渠道"
1661
+ min-width="140"
1662
+ show-overflow-tooltip
1663
+ />
1664
+ <el-table-column
1665
+ prop="mileage"
1666
+ label="当前行驶里程 (km)"
1667
+ min-width="140"
1668
+ show-overflow-tooltip
1669
+ />
1670
+ <el-table-column
1671
+ prop="newSalesComment"
1672
+ label="销售备注"
1673
+ min-width="140"
1674
+ show-overflow-tooltip
1675
+ />
1676
+ <el-table-column
1677
+ prop="productDescription"
1678
+ label="产品名称"
1679
+ min-width="140"
1680
+ show-overflow-tooltip
1681
+ />
1682
+ <el-table-column
1683
+ prop="lastName"
1684
+ label="姓"
1685
+ min-width="140"
1686
+ show-overflow-tooltip
1687
+ />
1688
+ <el-table-column
1689
+ prop="firstName"
1690
+ label="名"
1691
+ min-width="140"
1692
+ show-overflow-tooltip
1693
+ />
1694
+ <el-table-column
1695
+ prop="title"
1696
+ label="称呼"
1697
+ min-width="140"
1698
+ show-overflow-tooltip
1699
+ />
1700
+ <el-table-column
1701
+ prop="quotationActivateStatus"
1702
+ label="激活状态"
1703
+ min-width="140"
1704
+ show-overflow-tooltip
1705
+ />
1706
+ <el-table-column
1707
+ prop="activateDateStr"
1708
+ label="激活日期"
1709
+ min-width="140"
1710
+ show-overflow-tooltip
1711
+ />
1712
+ <el-table-column
1713
+ prop="iconContractNumber"
1714
+ label="icon合同编号"
1715
+ min-width="140"
1716
+ show-overflow-tooltip
1717
+ />
1718
+ <el-table-column
1719
+ prop="vehicleBusinessType"
1720
+ label="车辆类别"
1721
+ min-width="140"
1722
+ show-overflow-tooltip
1723
+ />
1724
+ <el-table-column
1725
+ fixed="right"
1726
+ label="余额信息"
1727
+ width="100">
1728
+ <template slot-scope="scope">
1729
+ <el-button @click="queryBalanceDataInfo(scope.row)" type="text" size="small">查看</el-button>
1730
+ </template>
1731
+ </el-table-column>
1732
+ </el-table>
1733
+ </div>
1734
+ </div>
1735
+ <pagination
1736
+ class="pull-right marginTop"
1737
+ :page-no="callData.pageNum"
1738
+ :page-size="callData.pageSize"
1739
+ :total-pages="callData.pages"
1740
+ :total-result="callData.total"
1741
+ @page-change="handleQuery"
1742
+ />
1743
+ <EleDialog ref="Dialog" title="余额信息详情" size="large" :modalAppendToBody="false" top="10%">
1744
+ <EleTable :api="global.api.liUrl.liOtrPlus.serviceContract.queryBalanceDataInfoUsingPOST" :query="queryBalanceDataInfoQuery" maxHeight="300">
1745
+ <el-table-column prop="contractType" label="合约类型" min-width="165" show-overflow-tooltip />
1746
+ <el-table-column prop="remainderCount" label="剩余次数" min-width="165" show-overflow-tooltip />
1747
+ <el-table-column prop="otrCreateTimeStr" label="创建日期" min-width="165" show-overflow-tooltip />
1748
+ <el-table-column prop="otrUpdateTimeStr" label="更新日期" min-width="165" show-overflow-tooltip />
1749
+ <el-table-column prop="latestConsumingCount" label="上次消费次数" min-width="165" show-overflow-tooltip />
1750
+ </EleTable>
1751
+ </EleDialog>
1752
+ </el-tab-pane>
1753
+ <!-- 利星行服务合约 -->
1754
+ <el-tab-pane
1755
+ v-if="hasServeiceLSH"
1756
+ label="利星行服务合约"
1757
+ name="carRelatedServiceContract"
1758
+ >
1759
+ <div class="row">
1760
+ <div class="col-md-12">
1761
+ <el-table
1762
+ :data="callData.list"
1763
+ border
1764
+ style="margin-top: 15px"
1765
+ >
1766
+ <el-table-column
1767
+ prop="storeName"
1768
+ label="经销商"
1769
+ min-width="140"
1770
+ show-overflow-tooltip
1771
+ />
1772
+ <el-table-column
1773
+ prop="orderNo"
1774
+ label="服务合约订单号"
1775
+ min-width="140"
1776
+ show-overflow-tooltip
1777
+ />
1778
+ <el-table-column
1779
+ prop="productInsuranceStatusStr"
1780
+ label="产品承保状态"
1781
+ min-width="140"
1782
+ show-overflow-tooltip
1783
+ />
1784
+ <el-table-column
1785
+ prop="packageName"
1786
+ label="服务包名称"
1787
+ min-width="160"
1788
+ show-overflow-tooltip
1789
+ />
1790
+ <el-table-column
1791
+ prop="productName"
1792
+ label="产品名称"
1793
+ min-width="160"
1794
+ show-overflow-tooltip
1795
+ />
1796
+ <el-table-column
1797
+ prop="vehicleOwnerName"
1798
+ label="车主"
1799
+ min-width="160"
1800
+ show-overflow-tooltip
1801
+ />
1802
+ <el-table-column
1803
+ prop="insuredName"
1804
+ label="购买人"
1805
+ min-width="160"
1806
+ show-overflow-tooltip
1807
+ />
1808
+ <el-table-column
1809
+ prop="businessInsuranceCompany"
1810
+ label="商业车险承保公司"
1811
+ min-width="180"
1812
+ show-overflow-tooltip
1813
+ />
1814
+ <el-table-column
1815
+ prop="acceptInsuranceCompanyName"
1816
+ label="产品承保公司"
1817
+ min-width="180"
1818
+ show-overflow-tooltip
1819
+ />
1820
+ <el-table-column
1821
+ prop="insurancePolicyNo"
1822
+ label="承保保单号"
1823
+ min-width="180"
1824
+ show-overflow-tooltip
1825
+ />
1826
+ <el-table-column
1827
+ prop="numberOfPeriods"
1828
+ label="服务期限"
1829
+ min-width="180"
1830
+ show-overflow-tooltip
1831
+ />
1832
+ <el-table-column
1833
+ prop="insuranceStartDate"
1834
+ label="承保服务起期"
1835
+ min-width="160"
1836
+ show-overflow-tooltip
1837
+ />
1838
+ <el-table-column
1839
+ prop="insuranceEndDate"
1840
+ label="承保服务止期"
1841
+ min-width="160"
1842
+ show-overflow-tooltip
1843
+ />
1844
+ <el-table-column
1845
+ prop="statusStr"
1846
+ label="理赔状态"
1847
+ min-width="180"
1848
+ show-overflow-tooltip
1849
+ />
1850
+ <el-table-column
1851
+ prop="sellingPrice"
1852
+ label="产品合同价"
1853
+ min-width="180"
1854
+ show-overflow-tooltip
1855
+ />
1856
+ <el-table-column
1857
+ prop="vehicleModel"
1858
+ label="车型"
1859
+ min-width="160"
1860
+ show-overflow-tooltip
1861
+ >
1862
+ </el-table-column>
1863
+ <el-table-column
1864
+ prop="vehicleMsrp"
1865
+ label="MSRP"
1866
+ min-width="160"
1867
+ show-overflow-tooltip
1868
+ />
1869
+ <el-table-column
1870
+ prop="shopInsureStr"
1871
+ label="是否在店投保"
1872
+ min-width="140"
1873
+ show-overflow-tooltip
1874
+ />
1875
+ <el-table-column
1876
+ prop="giveStatusStr"
1877
+ label="销售方式"
1878
+ min-width="140"
1879
+ show-overflow-tooltip
1880
+ />
1881
+ <el-table-column
1882
+ prop="vehicleRegisterDate"
1883
+ label="车龄"
1884
+ min-width="160"
1885
+ show-overflow-tooltip
1886
+ />
1887
+ <el-table-column
1888
+ prop=""
1889
+ label="理赔明细"
1890
+ min-width="100"
1891
+ show-overflow-tooltip
1892
+ >
1893
+ <template slot-scope="scope">
1894
+ <el-button @click="getSettlementOfClaimsByVin(scope.row)" type="text" size="small" style="padding:0">查看详情</el-button>
1895
+ </template>
1896
+ </el-table-column>
1897
+ </el-table>
1898
+ </div>
1899
+ </div>
1900
+ <pagination
1901
+ class="pull-right marginTop"
1902
+ :page-no="callData.pageNum"
1903
+ :page-size="callData.pageSize"
1904
+ :total-pages="callData.pages"
1905
+ :total-result="callData.total"
1906
+ @page-change="handleQuery"
1907
+ />
1908
+ <EleDialog ref="DialogClaimDetails" title="理赔明细" size="large" :modalAppendToBody="false" top="10%">
1909
+ <EleTable :api="global.api.liUrl.portrayal.getSettlementOfClaimsByVin" :query="getSettlementOfClaimsByVinQuery" :ifPage="false" maxHeight="300">
1910
+ <el-table-column prop="orderNo" label="理赔订单号" min-width="165" show-overflow-tooltip />
1911
+ <el-table-column prop="createTime" label="创建时间" min-width="165" show-overflow-tooltip />
1912
+ <el-table-column prop="acceptInsuranceNo" label="承保保单单号" min-width="165" show-overflow-tooltip />
1913
+ <el-table-column prop="productName" label="产品名称" min-width="165" show-overflow-tooltip />
1914
+ <el-table-column prop="salesperson" label="合约销售员工" min-width="165" show-overflow-tooltip />
1915
+ <el-table-column prop="settlementOfClaimsCompanyName" label="理赔保险公司" min-width="165" show-overflow-tooltip />
1916
+ <el-table-column prop="statusDesc" label="理赔状态" min-width="165" show-overflow-tooltip />
1917
+ <el-table-column prop="companyClaimSettlementNo" label="保险公司理赔单号" min-width="165" show-overflow-tooltip />
1918
+ <el-table-column prop="claimSettlementReceivedDate" label="理赔到账日期" min-width="165" show-overflow-tooltip />
1919
+ <el-table-column prop="claimSettlementPrice" label="保司理赔金额" min-width="165" show-overflow-tooltip />
1920
+ <el-table-column prop="customerPrice" label="赔付客户金额" min-width="165" show-overflow-tooltip />
1921
+ <el-table-column prop="customerDetail" label="赔付客户明细" min-width="165" show-overflow-tooltip />
1922
+ <el-table-column prop="insuranceCompanyRemark" label="保险公司理赔备注" min-width="165" show-overflow-tooltip />
1923
+ </EleTable>
1924
+ </EleDialog>
1925
+ </el-tab-pane>
1926
+ <!-- LPO卡券 -->
1927
+ <el-tab-pane
1928
+ v-if="global.showBtn('P-lshcustomer#B-ButtonTypeOther-lpoCoupon')"
1929
+ label="LPO卡券"
1930
+ name="getLpoCouponInfos"
1931
+ >
1932
+ <div class="row">
1933
+ <div class="col-md-12">
1934
+ <el-table
1935
+ :data="callData.list"
1936
+ border
1937
+ style="margin-top: 15px"
1938
+ >
1939
+ <el-table-column prop="lpoId" label="卡券ID" min-width="165" show-overflow-tooltip />
1940
+ <el-table-column prop="orderId" label="订单ID" min-width="165" show-overflow-tooltip />
1941
+ <el-table-column prop="couponCode" label="券码" min-width="165" show-overflow-tooltip />
1942
+ <el-table-column prop="couponName" label="卡券名称" min-width="165" show-overflow-tooltip />
1943
+ <el-table-column prop="childProductCode" label="卡券代码" min-width="165" show-overflow-tooltip />
1944
+ <el-table-column prop="couponTypeName" label="卡券类型" min-width="165" show-overflow-tooltip />
1945
+ <el-table-column prop="couponStatusName" label="卡券状态 " min-width="165" show-overflow-tooltip />
1946
+ <el-table-column prop="otrOrderNo" label="核销OTR+订单号" min-width="165" show-overflow-tooltip />
1947
+ <el-table-column prop="lockStatusName" label="卡券锁定状态" min-width="165" show-overflow-tooltip />
1948
+ <el-table-column prop="couponLimitMileage" label="卡券限制里程" min-width="165" show-overflow-tooltip />
1949
+ <el-table-column prop="activeMonth" label="卡券有效期（月）" min-width="165" show-overflow-tooltip />
1950
+ <el-table-column prop="activeStartTime" label="卡券有效起始时间" min-width="165" show-overflow-tooltip />
1951
+ <el-table-column prop="activeEndTime" label="卡券有效终止时间" min-width="165" show-overflow-tooltip />
1952
+ <el-table-column prop="gsCode" label="经销商code" min-width="165" show-overflow-tooltip />
1953
+ <el-table-column prop="applyScope" label="卡券可用范围" min-width="165" show-overflow-tooltip />
1954
+ <el-table-column prop="claimAmount" label="单张卡券索赔金额" min-width="165" show-overflow-tooltip />
1955
+ <el-table-column prop="claimAmountAccessories" label="索赔金额-配件" min-width="165" show-overflow-tooltip />
1956
+ <el-table-column prop="claimAmountManHours" label="索赔金额-工时" min-width="165" show-overflow-tooltip />
1957
+ <el-table-column prop="rightName" label="权益名称" min-width="165" show-overflow-tooltip />
1958
+ <el-table-column prop="rightTypeFlag" label="权益类型" min-width="165" show-overflow-tooltip />
1959
+ <el-table-column prop="offerContent" label="优惠内容" min-width="165" show-overflow-tooltip />
1960
+ <el-table-column prop="useTotalNumberName" label="共可使用次数" min-width="165" show-overflow-tooltip />
1961
+ <el-table-column prop="usedTimes" label="已使用次数" min-width="165" show-overflow-tooltip />
1962
+ <el-table-column prop="totalRemainingTimesName" label="总剩余次数" min-width="165" show-overflow-tooltip />
1963
+ <el-table-column prop="availableTimesName" label="本期内可使用次数" min-width="165" show-overflow-tooltip />
1964
+ <el-table-column prop="otrUpdateTime" label="更新时间" min-width="165" show-overflow-tooltip />
1965
+ </el-table>
1966
+ </div>
1967
+ </div>
1968
+ <pagination
1969
+ class="pull-right marginTop"
1970
+ :page-no="callData.pageNum"
1971
+ :page-size="callData.pageSize"
1972
+ :total-pages="callData.pages"
1973
+ :total-result="callData.total"
1974
+ @page-change="handleQuery"
1975
+ />
1976
+ </el-tab-pane>
1977
+ </el-tabs>
1978
+ </el-tab-pane>
1979
+ <el-tab-pane
1980
+ v-if="hasAssistantService"
1981
+ label="客服助手"
1982
+ name="second"
1983
+ >
1984
+ <div style="width: 100%; height: 80vh">
1985
+ <iframe
1986
+ v-if="src != ''"
1987
+ style="width: 100%; height: 100%"
1988
+ id="iframeid"
1989
+ :src="src"
1990
+ frameborder="0"
1991
+ ></iframe>
1992
+ </div>
1993
+ </el-tab-pane>
1994
+ <el-tab-pane v-if="global.showBtn('P-lshcustomer#B-ButtonTypeOther-customerTag')" label="客户标签" name="portrayalCustomerTag" >
1995
+ <div class="f-mb15">
1996
+ <span class="f-fs16 f-fwb f-mr10">标签</span>
1997
+ <el-input v-model="portrayalCustomerTagInput" placeholder="请输入标签名称或者标签值" class="f-mr5" style="width:240px !important"></el-input>
1998
+ <el-button type="primary" size="large" @click="portrayalCustomerTagSearch">查询</el-button>
1999
+ </div>
2000
+ <el-collapse v-model="portrayalCustomerTagActiveName">
2001
+ <el-collapse-item v-for="(item,index) in portrayalCustomerTagArrFilter" :key="index" :title="item.categoryName" :name="index">
2002
+ <el-row :gutter="10" v-if="item.tags">
2003
+ <el-col :span="6" class="f-mt5 f-mb5" v-for="(item2,index2) in item.tags" :key="index2">
2004
+ <div class="f-c0 f-wwb">{{ item2.name }}</div>
2005
+ <div class="f-c6 f-wwb">{{ item2.tagValue }}</div>
2006
+ </el-col>
2007
+ </el-row>
2008
+ </el-collapse-item>
2009
+ </el-collapse>
2010
+ </el-tab-pane>
2011
+ <el-tab-pane v-if="global.showBtn('P-lshcustomer#B-ButtonTypeOther-crowd')" label="人群" name="portrayalCrowdTag" >
2012
+ <div class="f-mb15">
2013
+ <span class="f-fs16 f-fwb f-mr10">人群</span>
2014
+ <el-input v-model="portrayalCrowdTagInput" placeholder="请输入人群名称" class="f-mr5" style="width:240px !important"></el-input>
2015
+ <el-button type="primary" size="large" @click="portrayalCrowdTagSearch">查询</el-button>
2016
+ </div>
2017
+ <el-row :gutter="10">
2018
+ <el-col :span="6" class="f-mt5 f-mb5" v-for="(item,index) in portrayalCrowdTagArrFilter" :key="index">
2019
+ <div class="f-wwb">{{ item.audienceName }}</div>
2020
+ </el-col>
2021
+ </el-row>
2022
+ </el-tab-pane>
2023
+ <el-tab-pane v-if="global.showBtn('P-lshcustomer#B-ButtonTypeOther-carTag')" label="车辆标签" name="portrayalCarTag" >
2024
+ <div class="f-mb15">
2025
+ <span class="f-fs16 f-fwb f-mr10">车辆标签</span>
2026
+ <el-input v-model="portrayalCarTagInput" placeholder="请输入车辆标签" class="f-mr5" style="width:240px !important"></el-input>
2027
+ <el-button type="primary" size="large" @click="portrayalCarTagSearch">查询</el-button>
2028
+ </div>
2029
+ <el-row :gutter="10">
2030
+ <el-col :span="8" class="f-mt5 f-mb5" v-for="(item,index) in portrayalCarTagArrFilter" :key="index">
2031
+ <div class="f-c0 f-wwb">{{ item.name }}</div>
2032
+ <div class="f-c6 f-wwb">{{ item.tagValue }}</div>
2033
+ </el-col>
2034
+ </el-row>
2035
+ </el-tab-pane>
2036
+ </el-tabs>
2037
+ <!-- <div class="owner-info">车主信息</div> -->
2038
+ </div>
2039
+ </div>
2040
+
2041
+ <div class="v--model" v-show="isVisible">
2042
+ <div class="solicitModal">
2043
+ <el-dialog
2044
+ hide-header
2045
+ :fullscreen="true"
2046
+ :close-on-click-modal="false"
2047
+ :visible.sync="isVisible"
2048
+ :modal="false"
2049
+ size="large"
2050
+ top="10%"
2051
+ :show-close="false"
2052
+ >
2053
+ <div class="soliciContent">
2054
+ <b-card class="item">
2055
+ <div class="personal-message">
2056
+ <el-row>
2057
+ <el-col :span="10">车主姓名：</el-col>
2058
+ <el-col v-if="statusData.portrayalVo.carOwner" :span="14">{{
2059
+ statusData.portrayalVo.carOwner.customerName
2060
+ }}</el-col>
2061
+ </el-row>
2062
+ <el-row>
2063
+ <el-col :span="10">手机号码：</el-col>
2064
+ <el-col v-if="statusData.portrayalVo.carOwner" :span="14">{{
2065
+ statusData.portrayalVo.carOwner.contactPhoneNo
2066
+ }}</el-col>
2067
+ </el-row>
2068
+ <el-row>
2069
+ <el-col :span="10">生日：</el-col>
2070
+ <el-col
2071
+ v-if="
2072
+ statusData.portrayalVo.carOwner &&
2073
+ statusData.portrayalVo.carOwner.isLocal === 1
2074
+ "
2075
+ :span="14"
2076
+ >
2077
+ {{ statusData.portrayalVo.carOwner.customerBirthDateStr }}
2078
+ </el-col>
2079
+ </el-row>
2080
+ <el-row>
2081
+ <el-col :span="10">公司：</el-col>
2082
+ <el-col
2083
+ v-if="
2084
+ statusData.portrayalVo.carOwner &&
2085
+ statusData.portrayalVo.carOwner.isLocal === 1
2086
+ "
2087
+ :span="14"
2088
+ >
2089
+ {{ statusData.portrayalVo.carOwner.company }}
2090
+ </el-col>
2091
+ </el-row>
2092
+ <el-row>
2093
+ <el-col :span="10">描述：</el-col>
2094
+ <el-col
2095
+ v-if="
2096
+ statusData.portrayalVo.carOwner &&
2097
+ statusData.portrayalVo.carOwner.isLocal === 1
2098
+ "
2099
+ :span="14"
2100
+ >
2101
+ {{ statusData.portrayalVo.carOwner.remark }}
2102
+ </el-col>
2103
+ </el-row>
2104
+ <el-row>
2105
+ <el-col :span="10">性别：</el-col>
2106
+ <el-col
2107
+ v-if="
2108
+ statusData.portrayalVo.carOwner &&
2109
+ statusData.portrayalVo.carOwner.isLocal === 1 &&
2110
+ statusData.portrayalVo.carOwner.customerGender === 'M'
2111
+ "
2112
+ :span="14"
2113
+ >
2114
+ 男
2115
+ </el-col>
2116
+ <el-col
2117
+ v-else-if="
2118
+ statusData.portrayalVo.carOwner &&
2119
+ statusData.portrayalVo.carOwner.isLocal === 1 &&
2120
+ statusData.portrayalVo.carOwner.customerGender === 'F'
2121
+ "
2122
+ :span="14"
2123
+ >
2124
+ 女
2125
+ </el-col>
2126
+ <el-col v-else :span="14"></el-col>
2127
+ </el-row>
2128
+ <el-row>
2129
+ <el-col :span="10">个人备注：</el-col>
2130
+ <el-col :span="14">{{
2131
+ statusData.portrayalVo.remark
2132
+ }}</el-col>
2133
+ </el-row>
2134
+ </div>
2135
+ <hr />
2136
+ <div class="car-message">
2137
+ <el-row>
2138
+ <el-col :span="10">车牌号：</el-col>
2139
+ <el-col :span="14">{{
2140
+ statusData.vehicleListObj.licNum
2141
+ }}</el-col>
2142
+ </el-row>
2143
+ <el-row>
2144
+ <el-col :span="10">车型：</el-col>
2145
+ <el-col :span="14">{{
2146
+ statusData.vehicleListObj.vehicleModel
2147
+ }}</el-col>
2148
+ </el-row>
2149
+ <el-row>
2150
+ <el-col :span="10">美版车架号：</el-col>
2151
+ <el-col :span="14">{{
2152
+ statusData.vehicleListObj.frameNo
2153
+ }}</el-col>
2154
+ </el-row>
2155
+ <el-row>
2156
+ <el-col :span="10">欧版车架号：</el-col>
2157
+ <el-col :span="14">{{
2158
+ statusData.vehicleListObj.vehicleNo
2159
+ }}</el-col>
2160
+ </el-row>
2161
+ <el-row>
2162
+ <el-col :span="10">送修人：</el-col>
2163
+ <el-col :span="14">{{
2164
+ statusData.vehicleListObj.repairPerson
2165
+ }}</el-col>
2166
+ </el-row>
2167
+ <el-row>
2168
+ <el-col :span="10">开票日期：</el-col>
2169
+ <el-col :span="14">{{
2170
+ statusData.vehicleListObj.invoiceTime
2171
+ }}</el-col>
2172
+ </el-row>
2173
+ <el-row>
2174
+ <el-col :span="10">上牌日期：</el-col>
2175
+ <el-col :span="14">{{
2176
+ statusData.vehicleListObj.licDateStr
2177
+ }}</el-col>
2178
+ </el-row>
2179
+ <el-row>
2180
+ <el-col :span="10">三包日期：</el-col>
2181
+ <el-col :span="14">{{
2182
+ statusData.vehicleListObj.guaranteeDate
2183
+ }}</el-col>
2184
+ </el-row>
2185
+ <el-row>
2186
+ <el-col :span="10">保险到期日：</el-col>
2187
+ <el-col :span="14">{{
2188
+ statusData.vehicleListObj.insExpiryDateStr
2189
+ }}</el-col>
2190
+ </el-row>
2191
+ <el-row>
2192
+ <el-col :span="10">金融到期日：</el-col>
2193
+ <el-col :span="14">{{
2194
+ statusData.vehicleListObj.financeExpiryDate
2195
+ }}</el-col>
2196
+ </el-row>
2197
+ <el-row>
2198
+ <el-col :span="10">上次入场时间：</el-col>
2199
+ <el-col :span="14">{{
2200
+ statusData.vehicleListObj.lastServiceDateStr
2201
+ }}</el-col>
2202
+ </el-row>
2203
+ <el-row>
2204
+ <el-col :span="10">上次服务顾问：</el-col>
2205
+ <el-col :span="14">{{
2206
+ statusData.vehicleListObj.lastSc
2207
+ }}</el-col>
2208
+ </el-row>
2209
+ <el-row>
2210
+ <el-col :span="10">上次进厂里程：</el-col>
2211
+ <el-col :span="14">{{
2212
+ statusData.vehicleListObj.serviceMileAge
2213
+ }}</el-col>
2214
+ </el-row>
2215
+ <el-row>
2216
+ <el-col :span="10">是否本店：</el-col>
2217
+ <el-col :span="14">{{
2218
+ filterWhether[statusData.vehicleListObj.isLocal]
2219
+ }}</el-col>
2220
+ </el-row>
2221
+ <el-row>
2222
+ <el-col :span="10">类型：</el-col>
2223
+ <el-col :span="14">{{
2224
+ statusData.vehicleListObj.relationTypeStr
2225
+ }}</el-col>
2226
+ </el-row>
2227
+ <el-row>
2228
+ <el-col :span="10">是否有投诉：</el-col>
2229
+ <el-col :span="14">{{ portrayalVo.whetherThereComplaint }}</el-col>
2230
+ </el-row>
2231
+ </div>
2232
+ </b-card>
2233
+ <!--话术题目-->
2234
+ <b-card class="item questionItem">
2235
+ <hr />
2236
+ <div class="row mt-4">
2237
+ <div class="col-md-9 col-lg-9">
2238
+ <p style="font-size: 20px; font-weight: bold">添加备注</p>
2239
+ <b-form-textarea
2240
+ v-model="callRemark"
2241
+ placeholder="请输入..."
2242
+ :rows="15"
2243
+ >
2244
+ </b-form-textarea>
2245
+ </div>
2246
+ </div>
2247
+ <div class="col-md-12 col-lg-12 mt-4">
2248
+ <button
2249
+ v-if="hasServeiceLSHcomplain"
2250
+ @click="toComplaint"
2251
+ class="md-btn suggestionsBtn"
2252
+ >
2253
+ 创建投诉案件
2254
+ </button>
2255
+ <button
2256
+ v-if="hasServeiceLSHproposal"
2257
+ @click="toSuggestions"
2258
+ class="md-btn suggestionsBtn"
2259
+ >
2260
+ 创建合理化建议
2261
+ </button>
2262
+ <div class="pull-right">
2263
+ <button @click="closeModal" class="md-btn saveBtn">
2264
+ 取消
2265
+ </button>
2266
+ <button @click="saveTaskAnswer" class="md-btn closeBtn">
2267
+ 保存
2268
+ </button>
2269
+ </div>
2270
+ </div>
2271
+ </b-card>
2272
+ </div>
2273
+ </el-dialog>
2274
+ </div>
2275
+ </div>
2276
+ </div>
2277
+ </template>
2278
+
2279
+ <script>
2280
+ import Vue from "vue";
2281
+ import Pagination from "components/pagination/pagination";
2282
+ import CallPopup from "components/call-popup/index";
2283
+ import api from "common/api";
2284
+ import { showBtn, getType } from "common/api-common";
2285
+ import {
2286
+ LSHCUSTOMER_CALLRECORDS,
2287
+ LSHCUSTOMER_REPAIRRECORDS,
2288
+ LSHCUSTOMER_ORDERINFORMATION,
2289
+ LSHCUSTOMER_EXTENDWARRANTYINFORMATION,
2290
+ LSHCUSTOMER_CARDCOUPONINFORMATION,
2291
+ LSHCUSTOMER_INSURANCEINFORMATION,
2292
+ LSHCUSTOMER_RESERVATIONRECORD,
2293
+ LSHSERVICE_CONTRACT,
2294
+ LSH_SERVICE,
2295
+ LSH_CREATE_COMPLAINT,
2296
+ LSH_CREATE_PROPOSAL,
2297
+ ASSISTANT_SERVICE,
2298
+ } from "common/resource-btn";
2299
+ import { Row, Col, Form, FormItem, Input, Tabs, TabPane } from "element-ui";
2300
+ import { mapState, mapActions } from "vuex";
2301
+
2302
+ Vue.use(Row);
2303
+ Vue.use(Col);
2304
+ Vue.use(Form);
2305
+ Vue.use(FormItem);
2306
+ Vue.use(Input);
2307
+ Vue.use(Tabs);
2308
+ Vue.use(TabPane);
2309
+
2310
+ const userInfo = JSON.parse(sessionStorage.getItem("userInfo"));
2311
+ const storeCode = userInfo.userAvailableInfo.storeInfoVo
2312
+ ? userInfo.userAvailableInfo.storeInfoVo.storeCode
2313
+ : "";
2314
+
2315
+ export default {
2316
+ components: {
2317
+ Pagination,
2318
+ CallPopup,
2319
+ },
2320
+ computed: {},
2321
+ data() {
2322
+ return {
2323
+ options: [],
2324
+ name: "",
2325
+ CTI: [],
2326
+ show: true,
2327
+ companyId: "",
2328
+ src: "",
2329
+ valueNum: 0, // 车牌号
2330
+ statusData: {
2331
+ // 缓存清除前的数据用于保存备注信息
2332
+ portrayalVo: {},
2333
+ vehicleListObj: {},
2334
+ mobileNo: "",
2335
+ valueNum: "",
2336
+ tags: [],
2337
+ groupName: "",
2338
+ },
2339
+ empCode: userInfo.empVo.empCode,
2340
+ empCnName: userInfo.empVo.empCnName,
2341
+ portrayalVo: {
2342
+ licNum: "",
2343
+ remark: "",
2344
+ carOwner: {},
2345
+ vehicleList: [],
2346
+ callList: [],
2347
+ },
2348
+ vehicleListObj: {
2349
+ licNum: "",
2350
+ vehicleModel: "",
2351
+ frameNo: "",
2352
+ vehicleNo: "",
2353
+ repairPerson: "",
2354
+ invoiceTime: "",
2355
+ licDateStr: "",
2356
+ guaranteeDate: "",
2357
+ insExpiryDateStr: "",
2358
+ lastServiceDateStr: "",
2359
+ lastSc: "",
2360
+ serviceMileAge: "",
2361
+ isLocal: "",
2362
+ relationTypeStr: "",
2363
+ }, // 选择车牌展示对应的车信息
2364
+ tags: [],
2365
+ groupName: "",
2366
+ expandFlag: false,
2367
+ remarkTooltipDisabled: true,
2368
+ arrowToggle: true,
2369
+ makeCallVo: {
2370
+ callid: "",
2371
+ },
2372
+ activeName: "portrayalCallLog",
2373
+ activeName1: "",
2374
+ scvId: "",
2375
+ postRemark: "",
2376
+ mobileNo: "",
2377
+ ownerInfo: {},
2378
+ ownerInfoOriginal: {},
2379
+ pageStart: 1,
2380
+ callData: {},
2381
+ //利星行服务合约
2382
+ tableData: {
2383
+ pageable: {
2384
+ pageNumber: 0,
2385
+ },
2386
+ },
2387
+ customInfo: {
2388
+ salesLeadsTaskInsuranceInfo: {}, // 保单对象
2389
+ },
2390
+ isVisible: false,
2391
+ tipmodal: false,
2392
+ callRemark: "",
2393
+ isCalling: false, // CTI传过来的是否在通话中 true为通话中 false为非通话中
2394
+ privVersion: "",
2395
+ filterWhether: { 0: "否", 1: "是" },
2396
+ typeFilter: { 0: "呼入", 1: "呼出" },
2397
+ queryBalanceDataInfoQuery: {},
2398
+ getSettlementOfClaimsByVinQuery: {},
2399
+ portrayalCustomerTagActiveName: [], // 客户标签
2400
+ portrayalCustomerTagArr: [],
2401
+ portrayalCustomerTagInput: '',
2402
+ portrayalCustomerTagArrFilter: [],
2403
+ portrayalCrowdTagArr: [],
2404
+ portrayalCrowdTagInput: '',
2405
+ portrayalCrowdTagArrFilter: [],
2406
+ portrayalCarTagArr: [],
2407
+ portrayalCarTagInput: '',
2408
+ portrayalCarTagArrFilter: [],
2409
+ };
2410
+ },
2411
+
2412
+ filters: {
2413
+ // filterWhether(val) {
2414
+ // const fields = { 0: "否", 1: "是" };
2415
+ // return fields[val];
2416
+ // },
2417
+ // typeFilter(val) {
2418
+ // const fields = { 0: "呼入", 1: "呼出" };
2419
+ // return fields[val];
2420
+ // },
2421
+ formatTime(val) {
2422
+ if (!val) {
2423
+ return "";
2424
+ }
2425
+ let y = new Date(val).getFullYear();
2426
+ let m = new Date(val).getMonth() + 1;
2427
+ let d = new Date(val).getDate();
2428
+ let h = new Date(val).getHours();
2429
+ let mm = new Date(val).getMinutes();
2430
+ let s = new Date(val).getSeconds();
2431
+ m < 10 && (m = "0" + m);
2432
+ d < 10 && (d = "0" + d);
2433
+ return `${y}-${m}-${d}`;
2434
+ },
2435
+ },
2436
+ computed: {
2437
+ ...mapState("customerPortrayal", [
2438
+ "scvIdSave",
2439
+ "customerPhoneNo",
2440
+ "portrayalVisible",
2441
+ "storeInfo",
2442
+ ]),
2443
+ userInfos() {
2444
+ return JSON.parse(sessionStorage.getItem("userInfo"));
2445
+ },
2446
+ hasCallRecords() {
2447
+ return showBtn(LSHCUSTOMER_CALLRECORDS);
2448
+ },
2449
+ hasRepairRecords() {
2450
+ return showBtn(LSHCUSTOMER_REPAIRRECORDS);
2451
+ },
2452
+ hasOrderInformation() {
2453
+ return showBtn(LSHCUSTOMER_ORDERINFORMATION);
2454
+ },
2455
+ hasExtendWarrantyInformation() {
2456
+ return showBtn(LSHCUSTOMER_EXTENDWARRANTYINFORMATION);
2457
+ },
2458
+ hasCardCouponInformation() {
2459
+ return showBtn(LSHCUSTOMER_CARDCOUPONINFORMATION);
2460
+ },
2461
+ hasInsuranceInformation() {
2462
+ return showBtn(LSHCUSTOMER_INSURANCEINFORMATION);
2463
+ },
2464
+ hasReservationRecord() {
2465
+ return showBtn(LSHCUSTOMER_RESERVATIONRECORD);
2466
+ },
2467
+ hasServiceContract() {
2468
+ return showBtn(LSHSERVICE_CONTRACT);
2469
+ },
2470
+ hasServeiceLSH() {
2471
+ return showBtn(LSH_SERVICE);
2472
+ },
2473
+ hasServeiceLSHcomplain() {
2474
+ return showBtn(LSH_CREATE_COMPLAINT);
2475
+ },
2476
+ hasServeiceLSHproposal() {
2477
+ return showBtn(LSH_CREATE_PROPOSAL);
2478
+ },
2479
+ hasAssistantService() {
2480
+ return showBtn(ASSISTANT_SERVICE);
2481
+ },
2482
+ },
2483
+
2484
+ watch: {
2485
+ portrayalVisible: {
2486
+ handler(val) {
2487
+ if (val === true) {
2488
+ this.$nextTick(() => {
2489
+ setTimeout(this.handleQueryPortrayal, 100);
2490
+ });
2491
+ // this.handleQueryPortrayal()
2492
+ }
2493
+ if (val === false) {
2494
+ this.$nextTick(() => {
2495
+ // 查询空的电话号码
2496
+ this.saveCustomerPhoneNo("");
2497
+ this.$refs.portrayalRef.style.transition = "all .5s";
2498
+ this.$refs.portrayalRef.style.transform = "translate(0)";
2499
+ this.arrowToggle = true;
2500
+ this.clearData();
2501
+ });
2502
+ }
2503
+ },
2504
+ deep: true,
2505
+ immediate: true,
2506
+ },
2507
+ isCalling: {
2508
+ handler(val) {
2509
+ if (val === true) {
2510
+ }
2511
+ if (val === false) {
2512
+ }
2513
+ },
2514
+ immediate: true,
2515
+ },
2516
+ },
2517
+ filters:{
2518
+ timeFilter(val){
2519
+ return new Date(val).Format('yyyy-MM-dd hh:mm:ss')
2520
+ }
2521
+ },
2522
+ mounted() {
2523
+ getType("CtiAiUrl", (items) => {
2524
+ this.CTI = items.map((item) => {
2525
+ return {
2526
+ text: item.refDetailRemark,
2527
+ value: item.refDetailValue,
2528
+ };
2529
+ });
2530
+ console.log(items, "loginUrl=============================");
2531
+ });
2532
+ this.activeName1 = this.hasAssistantService ? "second" : "first";
2533
+ console.log(this.hasAssistantService, "this.hasAssistantService");
2534
+ this.$nextTick(() => {
2535
+ let id = "1.23452384164.123412415";
2536
+ // if (document.getElementById(id) !== null) {
2537
+ // document.body.removeChild(document.getElementById(id))
2538
+ // }
2539
+ // 创建一个画布
2540
+ let can = document.createElement("canvas");
2541
+ // 设置canvas画布宽高
2542
+ can.width = 150;
2543
+ can.height = 80;
2544
+ let cans = can.getContext("2d");
2545
+ // 水印旋转角度
2546
+ cans.rotate((-25 * Math.PI) / 180);
2547
+ cans.font = "14px Vedana";
2548
+ // 设置填充绘画的颜色、渐变或者模式
2549
+ cans.fillStyle = "rgba(80, 80, 80, .8)";
2550
+ // 设置文本内容的当前对齐方式
2551
+ cans.textAlign = "center";
2552
+ // 设置在绘制文本时使用的当前文本基线
2553
+ cans.textBaseline = "Middle";
2554
+ // 水印在画布的位置x，y轴
2555
+ cans.fillText(this.empCnName, can.width / 2, can.height);
2556
+ cans.fillText(this.empCode, can.width / 2, can.height + 22);
2557
+ let div = document.createElement("div");
2558
+ div.id = id;
2559
+ div.style.pointerEvents = "none";
2560
+ div.style.top = "0";
2561
+ div.style.left = "60px";
2562
+ div.style.opacity = "0.15";
2563
+ div.style.position = "absolute";
2564
+ div.style.zIndex = "100000";
2565
+ div.style.width = "100%";
2566
+ div.style.height = "100%";
2567
+ div.style.background =
2568
+ "url(" + can.toDataURL("image/png") + ") left top repeat";
2569
+ this.$refs.portrayalRef.appendChild(div);
2570
+ //
2571
+ // this.savePortrayalVisible(true)
2572
+ // this.expandFlag = true
2573
+ // this.isVisible = true
2574
+ });
2575
+ },
2576
+
2577
+ methods: {
2578
+ getCustomMessage(value) {
2579
+ this.name = value
2580
+ console.log(this.name,'name');
2581
+ const params = {
2582
+ scvId: this.name,
2583
+ mobile: this.customerPhoneNo.trim() || num.trim(),
2584
+ storeCode: this.storeInfo.storeCode || storeCode,
2585
+ };
2586
+ if (!this.name) return;
2587
+ api.liApi.portrayal.queryPortrayal(params, (res) => {
2588
+ if (res && res.data.code === "success") {
2589
+ this.vehicleListObj = {};
2590
+ this.mobileNo = res.data.obj.mobile;
2591
+ this.valueNum =
2592
+ res.data.obj.plateNoList && res.data.obj.plateNoList[0]
2593
+ ? res.data.obj.plateNoList[0]
2594
+ : "";
2595
+ let { remark, tag, vehicleList, custBasicDealerModInfoVos } =
2596
+ res.data.obj;
2597
+ if (vehicleList && vehicleList.length) {
2598
+ vehicleList = vehicleList.map((item, i) => {
2599
+ return {
2600
+ ...item,
2601
+ index: i,
2602
+ };
2603
+ });
2604
+ }
2605
+
2606
+ this.portrayalVo = res.data.obj;
2607
+ this.privVersion = res.data.obj.privVersion;
2608
+ console.log(typeof res.data.obj.privVersion);
2609
+ console.log(this.privVersion, 123123);
2610
+ if (this.portrayalVo.carOwner) {
2611
+ this.saveCustomerInfo({
2612
+ custName: this.portrayalVo.carOwner.customerName,
2613
+ scvId: this.portrayalVo.carOwner.scvId,
2614
+ });
2615
+ }
2616
+ // this.$set('portrayalVo', this, res.data.obj)
2617
+ console.log(this.portrayalVo);
2618
+ this.portrayalVo.vehicleList = [];
2619
+ this.postRemark = remark;
2620
+ if (remark && remark !== "" && remark.length > 10) {
2621
+ this.remarkTooltipDisabled = false;
2622
+ } else {
2623
+ this.remarkTooltipDisabled = true;
2624
+ }
2625
+ if (vehicleList && vehicleList.length) {
2626
+ this.portrayalVo.vehicleList = vehicleList;
2627
+ this.vehicleListObj = { ...vehicleList[0] };
2628
+ }
2629
+ if (res.data.obj.carOwner) {
2630
+ this.scvId = res.data.obj.carOwner.scvId;
2631
+ }
2632
+ if (tag) {
2633
+ this.groupName = Object.keys(tag)[0];
2634
+ this.tags = tag[this.groupName];
2635
+ } else {
2636
+ this.groupName = "";
2637
+ this.tags = "";
2638
+ }
2639
+ this.options = custBasicDealerModInfoVos.map((item) => {
2640
+ return { label: item.customerName, value: item.scvId };
2641
+ });
2642
+
2643
+ }
2644
+ this.expandFlag = false;
2645
+ // this.scvIdSave = this.name
2646
+ this.saveScvIdSave(this.name)
2647
+ });
2648
+ },
2649
+ getSrc(companyId) {
2650
+ this.companyId = companyId;
2651
+ this.src = `${
2652
+ this.CTI[0].value
2653
+ }/csa/entryPoint/#/?agentId=1&enterpriseId=${
2654
+ this.CTI[0].text
2655
+ }&entId=b386ba0b9d4548899129337727b50f50&phone=${this.companyId}_${
2656
+ (this.userInfos.empVo.hotline &&
2657
+ this.userInfos.empVo.hotline.split("@")[0]) ||
2658
+ ""
2659
+ }`;
2660
+ console.log(this.src, "src===");
2661
+ },
2662
+ toSuggestions() {
2663
+ this.$router.push("/suggestions/edit?source=CTI");
2664
+ },
2665
+ toComplaint() {
2666
+ this.$router.push("/complaint/add?source=CTI");
2667
+ },
2668
+ hidePhList() {
2669
+ this.$refs.callPopup.hidePhoneList();
2670
+ },
2671
+ ...mapActions({
2672
+ savePortrayalVisible: "customerPortrayal/getPortrayalVisible",
2673
+ saveCustomerPhoneNo: "customerPortrayal/getCustomerPhoneNo",
2674
+ saveCustomerInfo: "customerPortrayal/getCustomerInfo",
2675
+ saveScvIdSave: "customerPortrayal/getScvIdSave",
2676
+ }),
2677
+ changeHeaderStatusValue() {
2678
+ this.$emit("changeHeaderStatusValue");
2679
+ },
2680
+ /**
2681
+ * 画像左侧收缩
2682
+ */
2683
+ portrayalExpandOrShrink() {
2684
+ if (this.arrowToggle) {
2685
+ if (this.expandFlag) {
2686
+ if (!this.isCalling) {
2687
+ this.expandFlag = false;
2688
+ this.savePortrayalVisible(false);
2689
+ } else {
2690
+ this.expandFlag = false;
2691
+ setTimeout(() => {
2692
+ this.$refs.portrayalRef.style.transition = "all .5s";
2693
+ this.$refs.portrayalRef.style.transform = "translate(320px)";
2694
+ this.arrowToggle = !this.arrowToggle;
2695
+ }, 100);
2696
+ }
2697
+ } else {
2698
+ if (!this.isCalling) {
2699
+ this.savePortrayalVisible(false);
2700
+ } else {
2701
+ this.$refs.portrayalRef.style.transition = "all .5s";
2702
+ this.$refs.portrayalRef.style.transform = "translate(320px)";
2703
+ this.arrowToggle = !this.arrowToggle;
2704
+ }
2705
+ }
2706
+ } else {
2707
+ this.$refs.portrayalRef.style.transition = "all .5s";
2708
+ this.$refs.portrayalRef.style.transform = "translate(0)";
2709
+ this.arrowToggle = !this.arrowToggle;
2710
+ }
2711
+ },
2712
+
2713
+ /**
2714
+ * 查询画像信息
2715
+ */
2716
+ callHandleQueryPortrayal(val) {
2717
+ this.$store.dispatch('customerPortrayal/getCustomerPhoneNo',val)
2718
+ this.handleQueryPortrayal(val);
2719
+ this.expandFlag=false
2720
+ },
2721
+ // 清空数据
2722
+ clearData() {
2723
+ // 缓存清除前的数据
2724
+ this.statusData.portrayalVo = Object.assign({}, this.portrayalVo);
2725
+ this.statusData.vehicleListObj = Object.assign({}, this.vehicleListObj);
2726
+ this.statusData.mobileNo = this.mobileNo;
2727
+ this.statusData.valueNum = this.valueNum;
2728
+ this.statusData.tags = Object.assign([], this.tags);
2729
+ this.statusData.groupName = this.groupName;
2730
+ setTimeout(() => {
2731
+ this.saveCustomerPhoneNo("");
2732
+ this.portrayalVo = {};
2733
+ this.vehicleListObj = {};
2734
+ this.mobileNo = "";
2735
+ this.valueNum = "";
2736
+ this.tags = [];
2737
+ this.groupName = "";
2738
+ }, 500);
2739
+ },
2740
+ handleQueryPortrayal(num = "") {
2741
+ console.log(66666, this.storeInfo);
2742
+
2743
+ console.log(111);
2744
+ const params = {
2745
+ scvId: this.scvIdSave,
2746
+ // scvId: '',
2747
+ mobile: this.customerPhoneNo.trim() || num.trim(),
2748
+ storeCode: this.storeInfo.storeCode || storeCode,
2749
+ };
2750
+ if (!params.mobile) return;
2751
+ api.liApi.portrayal.queryPortrayal(params, (res) => {
2752
+ if (res && res.data.code === "success") {
2753
+ this.vehicleListObj = {};
2754
+ this.mobileNo = res.data.obj.mobile;
2755
+ this.valueNum =
2756
+ res.data.obj.plateNoList && res.data.obj.plateNoList[0]
2757
+ ? res.data.obj.plateNoList[0]
2758
+ : "";
2759
+ let { remark, tag, vehicleList, custBasicDealerModInfoVos } =
2760
+ res.data.obj;
2761
+ if (vehicleList && vehicleList.length) {
2762
+ vehicleList = vehicleList.map((item, i) => {
2763
+ return {
2764
+ ...item,
2765
+ index: i,
2766
+ };
2767
+ });
2768
+ }
2769
+
2770
+ this.portrayalVo = res.data.obj;
2771
+ this.privVersion = res.data.obj.privVersion;
2772
+ console.log(typeof res.data.obj.privVersion);
2773
+ console.log(this.privVersion, 123123);
2774
+ if (this.portrayalVo.carOwner) {
2775
+ this.saveCustomerInfo({
2776
+ custName: this.portrayalVo.carOwner.customerName,
2777
+ scvId: this.portrayalVo.carOwner.scvId,
2778
+ });
2779
+ }
2780
+ // this.$set('portrayalVo', this, res.data.obj)
2781
+ console.log(this.portrayalVo);
2782
+ this.portrayalVo.vehicleList = [];
2783
+ this.postRemark = remark;
2784
+ if (remark && remark !== "" && remark.length > 10) {
2785
+ this.remarkTooltipDisabled = false;
2786
+ } else {
2787
+ this.remarkTooltipDisabled = true;
2788
+ }
2789
+ if (vehicleList && vehicleList.length) {
2790
+ this.portrayalVo.vehicleList = vehicleList;
2791
+ this.vehicleListObj = { ...vehicleList[0] };
2792
+ }
2793
+ if (res.data.obj.carOwner) {
2794
+ this.scvId = res.data.obj.carOwner.scvId;
2795
+ }
2796
+ if (tag) {
2797
+ this.groupName = Object.keys(tag)[0];
2798
+ this.tags = tag[this.groupName];
2799
+ } else {
2800
+ this.groupName = "";
2801
+ this.tags = "";
2802
+ }
2803
+ if(custBasicDealerModInfoVos){
2804
+ this.options = custBasicDealerModInfoVos.map((item) => {
2805
+ return { label: item.customerName, value: item.scvId };
2806
+ });
2807
+ if (this.options.length) {
2808
+ this.name = this.options[0].value;
2809
+ }
2810
+ }
2811
+
2812
+ }
2813
+ });
2814
+ },
2815
+
2816
+ /**
2817
+ * 更新或保存客户备注
2818
+ */
2819
+ handlePostRemark() {
2820
+ const params = {
2821
+ empCode: userInfo.empVo.empCode,
2822
+ remark: this.portrayalVo.remark,
2823
+ scvId: this.scvId,
2824
+ storeCode,
2825
+ };
2826
+ api.liApi.portrayal.postCustEmpRemarkInfo(params, (res) => {
2827
+ if (res && res.data.code === "success") {
2828
+ this.$message({
2829
+ type: "success",
2830
+ message: "备注更新成功",
2831
+ });
2832
+ this.postRemark = this.portrayalVo.remark;
2833
+ }
2834
+ });
2835
+ },
2836
+
2837
+ /**
2838
+ * 个人备注获取焦点
2839
+ */
2840
+ inputFocus() {
2841
+ this.remarkTooltipDisabled = true;
2842
+ },
2843
+
2844
+ /**
2845
+ * 个人备注失去焦点
2846
+ */
2847
+ inputBlur() {
2848
+ if (this.portrayalVo.remark !== this.postRemark) {
2849
+ this.handlePostRemark();
2850
+ this.remarkTooltipDisabled =
2851
+ this.portrayalVo.remark === "" ||
2852
+ this.portrayalVo.remark.length <= 10;
2853
+ } else {
2854
+ this.remarkTooltipDisabled =
2855
+ this.portrayalVo.remark === "" ||
2856
+ this.portrayalVo.remark.length <= 10;
2857
+ }
2858
+ },
2859
+
2860
+ /**
2861
+ * 车牌号选项变化
2862
+ */
2863
+ handleSelectChange(val) {},
2864
+ /**
2865
+ * tab查询
2866
+ */
2867
+ handleQuery(pageStart) {
2868
+ if ( !this.customerPhoneNo) return;
2869
+ const params = {
2870
+ type: this.activeName,
2871
+ mobile: this.customerPhoneNo,
2872
+ plateNumber: this.vehicleListObj.licNum,
2873
+ vin: this.vehicleListObj.frameNo,
2874
+ // vin: '123',
2875
+ pageStart,
2876
+ pageNums: 5,
2877
+ };
2878
+ api.liApi.portrayal.queryPortrayalByType(params, (res) => {
2879
+ if (res && res.data.code === "success") {
2880
+ if (
2881
+ this.activeName === "portrayalCallLog" ||
2882
+ this.activeName === "portrayalContractInfo" ||
2883
+ this.activeName === "carRelatedServiceContract"||
2884
+ this.activeName === 'appointmentRecord' ||
2885
+ this.activeName === 'getLpoCouponInfos'
2886
+ ) {
2887
+ this.callData = res.data.obj || {};
2888
+ this.pageStart = pageStart;
2889
+ console.log(this.callData.list);
2890
+ } else {
2891
+ this.tableData = res.data.obj || {};
2892
+ this.pageStart = pageStart;
2893
+ this.tableData.pageable.pageNumber =
2894
+ res.data.obj.pageable.pageNumber + 1;
2895
+ }
2896
+ }
2897
+ });
2898
+ },
2899
+ queryFinanceExpiryDate() {
2900
+ const option = {
2901
+ bpNum: this.vehicleListObj.bpNum,
2902
+ frameNo: this.vehicleListObj.frameNo,
2903
+ };
2904
+ api.liApi.portrayal.queryFinanceExpiryDate(option, (res) => {
2905
+ if (res && res.data.code === "success") {
2906
+ this.vehicleListObj.financeExpiryDate =
2907
+ res.data.obj.financeExpiryDate || "";
2908
+ }
2909
+ });
2910
+ },
2911
+ /**
2912
+ * 查询人群特征
2913
+ */
2914
+ queryPortrayalPerson() {
2915
+ const params = {
2916
+ mobile: this.customerPhoneNo || this.portrayalVo.mobile,
2917
+ storeCode,
2918
+ scvId: this.scvIdSave,
2919
+ };
2920
+ api.liApi.portrayal.queryPortrayalPerson(params, (res) => {
2921
+ if (res && res.data.code === "success") {
2922
+ this.ownerInfo =
2923
+ this.portrayalVo.carOwner && this.portrayalVo.carOwner.isLocal === 1
2924
+ ? res.data.obj
2925
+ ? res.data.obj
2926
+ : {}
2927
+ : {};
2928
+ this.ownerInfo.addressProvince = res.data.obj
2929
+ ? res.data.obj.addressProvince +
2930
+ res.data.obj.addressCity +
2931
+ res.data.obj.addressRegion
2932
+ : "";
2933
+ this.ownerInfoOriginal = JSON.parse(JSON.stringify(this.ownerInfo))
2934
+ }
2935
+ });
2936
+ },
2937
+
2938
+ /**
2939
+ * 车牌号右侧 展开详情
2940
+ */
2941
+ expandDetail() {
2942
+ console.log(this.storeInfo.companyId, "info11111=========");
2943
+ this.expandFlag = !this.expandFlag;
2944
+ this.activeName = "portrayalCallLog";
2945
+ if (this.expandFlag) {
2946
+ this.queryPortrayalPerson();
2947
+ this.handleQuery(1);
2948
+
2949
+ this.portrayalCustomerTagArr = []
2950
+ this.portrayalCustomerTagInput = ''
2951
+ this.portrayalCrowdTagArr = []
2952
+ this.portrayalCrowdTagInput = ''
2953
+ this.portrayalCarTagArr = []
2954
+ this.portrayalCarTagInput = ''
2955
+ this.handleClick()
2956
+ }
2957
+ },
2958
+
2959
+ /**
2960
+ * 是否在通话中状态判断——是
2961
+ */
2962
+ isCallingTrue() {
2963
+ this.isCalling = true;
2964
+ // this.expandFlag = true
2965
+ },
2966
+
2967
+ /**
2968
+ * 是否在通话中状态判断——否
2969
+ */
2970
+ isCallingFalse() {
2971
+ this.isCalling = false;
2972
+ },
2973
+
2974
+ /**
2975
+ * 获取CTI传过来的callid
2976
+ */
2977
+ makeCallid(data) {
2978
+ this.makeCallVo.callid = data;
2979
+ },
2980
+
2981
+ /**
2982
+ * 通话结束后任务跟进弹出
2983
+ */
2984
+ showDialog() {
2985
+ this.callRemark = "";
2986
+ this.expandFlag = true;
2987
+ this.isVisible = true;
2988
+ },
2989
+
2990
+ /**
2991
+ * 保存任务跟进中的备注
2992
+ */
2993
+ saveTaskAnswer() {
2994
+ // 待调整，remark 需要在dialog唤醒时重置为''
2995
+ const params = {
2996
+ callId: this.makeCallVo.callid,
2997
+ remark: this.callRemark,
2998
+ };
2999
+ api.liApi.callLog.postRemark(params, (res) => {
3000
+ if (res.data.code == "success") {
3001
+ this.$message({
3002
+ type: "success",
3003
+ message: "添加备注成功",
3004
+ });
3005
+ // 关闭画像
3006
+ this.isVisible = false;
3007
+ this.expandFlag = false;
3008
+ this.savePortrayalVisible(false);
3009
+ }
3010
+ });
3011
+ },
3012
+ parseTime(time, cFormat) {
3013
+ if (!time) {
3014
+ return null;
3015
+ }
3016
+ const format = cFormat || "{y}-{m}-{d} {h}:{i}:{s}";
3017
+ let date;
3018
+ if (typeof time === "object") {
3019
+ date = time;
3020
+ } else {
3021
+ if (typeof time === "string") {
3022
+ if (/^[0-9]+$/.test(time)) {
3023
+ // support "1548221490638"
3024
+ time = parseInt(time);
3025
+ } else {
3026
+ // support safari
3027
+ // https://stackoverflow.com/questions/4310953/invalid-date-in-safari
3028
+ time = time.replace(new RegExp(/-/gm), "/");
3029
+ }
3030
+ }
3031
+
3032
+ if (typeof time === "number" && time.toString().length === 10) {
3033
+ time = time * 1000;
3034
+ }
3035
+ date = new Date(time);
3036
+ }
3037
+ const formatObj = {
3038
+ y: date.getFullYear(),
3039
+ m: date.getMonth() + 1,
3040
+ d: date.getDate(),
3041
+ h: date.getHours(),
3042
+ i: date.getMinutes(),
3043
+ s: date.getSeconds(),
3044
+ a: date.getDay(),
3045
+ };
3046
+ const time_str = format.replace(/{([ymdhisa])+}/g, (result, key) => {
3047
+ const value = formatObj[key];
3048
+ // Note: getDay() returns 0 on Sunday
3049
+ if (key === "a") {
3050
+ return ["日", "一", "二", "三", "四", "五", "六"][value];
3051
+ }
3052
+ return value.toString().padStart(2, "0");
3053
+ });
3054
+ return time_str;
3055
+ },
3056
+ //打开客服助手
3057
+ open(e) {
3058
+ this.expandFlag = e;
3059
+ this.src = "";
3060
+ setTimeout(() => {
3061
+ this.src = `${
3062
+ this.CTI[0].value
3063
+ }/csa/entryPoint/#/?agentId=1&enterpriseId=${
3064
+ this.CTI[0].yext
3065
+ }&entId=b386ba0b9d4548899129337727b50f50&phone=${this.companyId}_${
3066
+ (this.userInfos.empVo.hotline &&
3067
+ this.userInfos.empVo.hotline.split("@")[0]) ||
3068
+ ""
3069
+ }`;
3070
+ }, 200);
3071
+ // this.src = `https://uatai.lshauto.com.cn/csa/entryPoint/#/?agentId=1&enterpriseId=103&entId=b386ba0b9d4548899129337727b50f50&phone=${
3072
+ // this.companyId
3073
+ // }_${
3074
+ // (this.userInfos.empVo.hotline &&
3075
+ // this.userInfos.empVo.hotline.split("@")[0]) ||
3076
+ // ""
3077
+ // }`;
3078
+ // setTimeout(() => {
3079
+ // document.getElementById('iframeid').contentWindow.location.reload(true);
3080
+ // }, 200)
3081
+ },
3082
+
3083
+ /**
3084
+ * 关闭任务跟进弹窗
3085
+ */
3086
+ closeModal() {
3087
+ // 关闭画像
3088
+ this.isVisible = false;
3089
+ this.expandFlag = false;
3090
+ this.savePortrayalVisible(false);
3091
+ },
3092
+ changeVehicle(val) {
3093
+ console.log(val);
3094
+ if (val === "") {
3095
+ this.vehicleListObj = {
3096
+ licNum: "",
3097
+ vehicleModel: "",
3098
+ frameNo: "",
3099
+ vehicleNo: "",
3100
+ repairPerson: "",
3101
+ invoiceTime: "",
3102
+ licDateStr: "",
3103
+ guaranteeDate: "",
3104
+ insExpiryDateStr: "",
3105
+ lastServiceDateStr: "",
3106
+ lastSc: "",
3107
+ serviceMileAge: "",
3108
+ isLocal: "",
3109
+ relationTypeStr: "",
3110
+ financeExpiryDate: "",
3111
+ };
3112
+ this.handleQuery();
3113
+ return;
3114
+ }
3115
+ this.vehicleListObj =
3116
+ this.portrayalVo.vehicleList[val] || this.portrayalVo.vehicleList[0];
3117
+ this.handleQuery();
3118
+ this.queryFinanceExpiryDate();
3119
+
3120
+ this.portrayalCustomerTagArr = []
3121
+ this.portrayalCustomerTagInput = ''
3122
+ this.portrayalCrowdTagArr = []
3123
+ this.portrayalCrowdTagInput = ''
3124
+ this.portrayalCarTagArr = []
3125
+ this.portrayalCarTagInput = ''
3126
+ this.handleClick()
3127
+ },
3128
+ cancelOwnerInfo(){
3129
+ this.ownerInfo = JSON.parse(JSON.stringify(this.ownerInfoOriginal))
3130
+ },
3131
+ saveOwnerInfo(){
3132
+ api.liApi.custVehcile.getCustByPhoneName({
3133
+ contactPhoneNo: this.customerPhoneNo || this.portrayalVo.mobile,
3134
+ scvId: this.scvId,
3135
+ pageStart: 1,
3136
+ pageNums: 1000
3137
+ }, res => {
3138
+ if (res && res.data.code === 'success') {
3139
+ const cust = res.data.obj[0] || {};
3140
+ api.liApi.custVehcile.setCustVehicle({
3141
+ saveFrom: 0,
3142
+ custVo: {
3143
+ ...cust,
3144
+ ...this.ownerInfo
3145
+ },
3146
+ }, res2 => {
3147
+ if (res2 && res2.data.code === 'success') {
3148
+ this.$message({
3149
+ message: '保存成功',
3150
+ type: 'success'
3151
+ })
3152
+ this.handleQueryPortrayal()
3153
+ this.queryPortrayalPerson()
3154
+ }
3155
+ })
3156
+ }
3157
+ })
3158
+ },
3159
+ queryBalanceDataInfo(row){
3160
+ this.queryBalanceDataInfoQuery = {
3161
+ externalId: row.externalId
3162
+ }
3163
+ this.$refs.Dialog.visible = true
3164
+ },
3165
+ getSettlementOfClaimsByVin(row){
3166
+ this.getSettlementOfClaimsByVinQuery = {
3167
+ vin: row.vin,
3168
+ // vin: 'HDYE2637384928386',
3169
+ }
3170
+ this.$refs.DialogClaimDetails.visible = true
3171
+ },
3172
+ handleClick(){
3173
+ this.$nextTick(() => {
3174
+ if(['portrayalCustomerTag','portrayalCrowdTag','portrayalCarTag'].includes(this.activeName1)){
3175
+ this[this.activeName1 + "Arr"] = []
3176
+ this[this.activeName1 + "ArrFilter"] = []
3177
+ this.global.post(this.global.isdev + '/v1/basis/cdp/queryCdpTagInfoAndAddLog.htm', {
3178
+ "clickChannel": "PC", //点击渠道 PC GWC 企微用GWC ，老的接口不用传，有默认
3179
+ "clickType": this.activeName1, //点击类型 portrayalCustomerTag 客户标签 portrayalCarTag 车辆标签 portrayalCrowdTag 人群
3180
+ empCode: this.empCode,
3181
+ "mobile": this.portrayalVo.mobile, //人群、客户标签必填
3182
+ "name": this.options.filter(item => item.value == this.name)[0].label, //人群必填
3183
+ "vin": this.vehicleListObj.frameNo, //车辆必填
3184
+ scvId: this.portrayalVo.carOwner.scvId,
3185
+ customerIdNo: this.portrayalVo.carOwner.customerIdNo,
3186
+ }, obj => {
3187
+ this[this.activeName1 + "Arr"] = obj
3188
+ this[this.activeName1 + "Search"]()
3189
+ })
3190
+ }
3191
+ });
3192
+ },
3193
+ // 客户标签查询
3194
+ portrayalCustomerTagSearch(){
3195
+ let arr = this.portrayalCustomerTagArr.map(item => {
3196
+ if(!this.portrayalCustomerTagInput || !item.tags) return item
3197
+ return {
3198
+ ...item,
3199
+ tags: item.tags.filter(item2 => {
3200
+ return item2.name.indexOf(this.portrayalCustomerTagInput) > -1 || item2.tagValue.indexOf(this.portrayalCustomerTagInput) > -1
3201
+ }),
3202
+ }
3203
+ })
3204
+ this.portrayalCustomerTagArrFilter = !this.portrayalCustomerTagInput ? arr : arr.filter(item => item.tags && item.tags.length)
3205
+ this.portrayalCustomerTagActiveName = this.portrayalCustomerTagArrFilter.map((item,index) => index)
3206
+ },
3207
+ // 人群查询
3208
+ portrayalCrowdTagSearch(){
3209
+ this.portrayalCrowdTagArrFilter = this.portrayalCrowdTagArr.filter(item => !this.portrayalCrowdTagInput || item.audienceName.indexOf(this.portrayalCrowdTagInput) > -1)
3210
+ },
3211
+ // 车辆标签查询
3212
+ portrayalCarTagSearch(){
3213
+ this.portrayalCarTagArrFilter = this.portrayalCarTagArr.filter(item => !this.portrayalCarTagInput || item.tagValue.indexOf(this.portrayalCarTagInput) > -1)
3214
+ },
3215
+ },
3216
+ };
3217
+ </script>
3218
+
3219
+ <style lang="scss" scoped>
3220
+ .scripte {
3221
+ background: #f9fafc;
3222
+ padding: 3px;
3223
+ }
3224
+ .portrayal {
3225
+ display: flex;
3226
+ position: fixed;
3227
+ right: 0;
3228
+ top: 92px;
3229
+ bottom: 51px;
3230
+ height: 835px;
3231
+ z-index: 2;
3232
+ // overflow: auto;
3233
+ .portrayal-icon {
3234
+ position: relative;
3235
+ width: 70px;
3236
+ line-height: 59px;
3237
+ text-align: center;
3238
+ border-radius: 5px 0 0 5px;
3239
+ img:not(:last-child) {
3240
+ width: 6px;
3241
+ height: 9px;
3242
+ }
3243
+ img:last-child {
3244
+ width: 24px;
3245
+ height: 19px;
3246
+ }
3247
+ }
3248
+ .left-card {
3249
+ width: 320px;
3250
+ height: 834px;
3251
+ background-color: #fff;
3252
+ box-shadow: 0 1px 7px 0 rgba(0, 0, 0, 0.12);
3253
+ overflow-y: hidden;
3254
+ .cti {
3255
+ position: fixed;
3256
+ width: 320px;
3257
+ z-index: 1;
3258
+ }
3259
+ .second-box {
3260
+ margin-top: 10px;
3261
+ padding: 0 10px 20px;
3262
+ box-sizing: border-box;
3263
+ .certification-owner {
3264
+ display: flex;
3265
+ margin-bottom: 10px;
3266
+ .group-name {
3267
+ & > div:first-child {
3268
+ font-size: 30px;
3269
+ font-weight: 500;
3270
+ text-align: center;
3271
+ }
3272
+ & > div:last-child {
3273
+ margin-top: -6px;
3274
+ color: #fff;
3275
+ background-color: #15528a;
3276
+ box-sizing: border-box;
3277
+ border-radius: 2px;
3278
+ padding: 0 4px;
3279
+ }
3280
+ }
3281
+ .characteristic {
3282
+ width: 65%;
3283
+ padding-top: 10px;
3284
+ box-sizing: border-box;
3285
+ ul {
3286
+ text-align: left;
3287
+ margin-bottom: 0;
3288
+ padding-left: 10px;
3289
+ color: #666;
3290
+ box-sizing: border-box;
3291
+ &::after {
3292
+ content: "";
3293
+ display: block;
3294
+ clear: both;
3295
+ }
3296
+ li {
3297
+ display: inline-block;
3298
+ list-style: none;
3299
+ line-height: 20px;
3300
+ font-size: 12px;
3301
+ }
3302
+ li::before {
3303
+ content: "";
3304
+ display: inline-block;
3305
+ width: 5px;
3306
+ height: 5px;
3307
+ border-radius: 50%;
3308
+ background-color: #777;
3309
+ margin: 0 5px 0;
3310
+ vertical-align: middle;
3311
+ }
3312
+ & > li:last-child {
3313
+ margin-right: 0;
3314
+ }
3315
+ }
3316
+ }
3317
+ }
3318
+ .owner-messsage {
3319
+ width: 280px;
3320
+ margin-bottom: 15px;
3321
+ padding: 10px;
3322
+ font-size: 14px;
3323
+ box-sizing: border-box;
3324
+ /*box-shadow: 0 0 6px 0 rgba(0, 0, 0, .14);*/
3325
+ border-radius: 3px;
3326
+ .personal-message {
3327
+ margin-bottom: 12px;
3328
+ /*border-bottom: 1px solid #DADADA;*/
3329
+ box-sizing: border-box;
3330
+ .cunstomSelect {
3331
+ display: flex;
3332
+ align-items: center;
3333
+ justify-content: space-evenly;
3334
+ .el-select {
3335
+ width: 100%;
3336
+ }
3337
+ }
3338
+ .el-row:not(:last-child) {
3339
+ text-align: left;
3340
+ margin-bottom: 5px;
3341
+ }
3342
+ .el-row:last-child {
3343
+ text-align: left;
3344
+ margin-bottom: 8px;
3345
+ .el-col:first-child {
3346
+ line-height: 25px;
3347
+ }
3348
+ .el-col:last-child {
3349
+ .el-tooltip {
3350
+ overflow: hidden;
3351
+ text-overflow: ellipsis;
3352
+ white-space: nowrap;
3353
+ }
3354
+ input {
3355
+ outline: none;
3356
+ border: 1px solid transparent;
3357
+ &:focus {
3358
+ border: 1px solid #333;
3359
+ }
3360
+ }
3361
+ }
3362
+ }
3363
+ }
3364
+ .car-message {
3365
+ & > .el-row:first-child {
3366
+ margin-bottom: 5px;
3367
+ .el-col:last-child {
3368
+ text-align: right;
3369
+ a {
3370
+ text-decoration: none !important;
3371
+ }
3372
+ }
3373
+ .el-col:not(:last-child) {
3374
+ text-align: left;
3375
+ }
3376
+ }
3377
+ & > .el-row:not(:first-child) {
3378
+ text-align: left;
3379
+ margin-bottom: 5px;
3380
+ }
3381
+ }
3382
+ }
3383
+ .history-record {
3384
+ margin-bottom: 40px;
3385
+ .title {
3386
+ margin-bottom: 10px;
3387
+ font-size: 14px;
3388
+ font-weight: 700;
3389
+ text-align: left;
3390
+ }
3391
+ .record {
3392
+ width: 280px;
3393
+ padding: 10px;
3394
+ font-size: 14px;
3395
+ box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.14);
3396
+ border-radius: 3px;
3397
+ div {
3398
+ display: flex;
3399
+ justify-content: space-between;
3400
+ margin-bottom: 11px;
3401
+ & > span:first-child {
3402
+ display: inline-block;
3403
+ width: 145px;
3404
+ }
3405
+ }
3406
+ }
3407
+ }
3408
+ }
3409
+ }
3410
+ .right-card {
3411
+ overflow-y: hidden;
3412
+ width: 850px;
3413
+ /*margin-left: 10px;*/
3414
+ padding: 20px 30px;
3415
+ background-color: #fff;
3416
+ /*box-shadow: 0 1px 7px 0 rgba(0, 0, 0, .12);*/
3417
+ border-radius: 3px;
3418
+ box-sizing: border-box;
3419
+ height: 835px;
3420
+ .owner-info {
3421
+ color: #333;
3422
+ font-size: 15px;
3423
+ font-weight: 600;
3424
+ text-align: left;
3425
+ }
3426
+ .gray-line {
3427
+ margin: 15px 0 20px;
3428
+ border: 1px solid #eee;
3429
+ box-sizing: border-box;
3430
+ }
3431
+ .marginTop {
3432
+ margin-top: 15px;
3433
+ }
3434
+ }
3435
+ .v--model {
3436
+ position: fixed;
3437
+ left: -3000px;
3438
+ top: -1000px;
3439
+ width: 6000px;
3440
+ height: 5000px;
3441
+ background: rgba(0, 0, 0, 0.5);
3442
+ z-index: 2000;
3443
+ }
3444
+ .solicitModal {
3445
+ & /deep/ .el-dialog__body {
3446
+ border: 0 !important;
3447
+ margin-top: 0;
3448
+ padding: 0;
3449
+ }
3450
+ & /deep/ .el-dialog__header {
3451
+ padding: 0;
3452
+ }
3453
+ .border-red {
3454
+ border: 1px solid red;
3455
+ }
3456
+ }
3457
+ .solicitModal .actives {
3458
+ background: #e0e6ee;
3459
+ }
3460
+ @media (min-width: 576px) {
3461
+ #solicitModal .modal-dialog {
3462
+ max-width: 100% !important;
3463
+ }
3464
+ }
3465
+ .soliciContent {
3466
+ .cus-title {
3467
+ padding: 0;
3468
+ font-size: 15px !important;
3469
+ font-weight: bold;
3470
+ }
3471
+ display: flex;
3472
+ align-content: space-between;
3473
+ .text-b {
3474
+ font-weight: bold;
3475
+ }
3476
+ .head-img-wrap {
3477
+ display: inline-block;
3478
+ width: 100px;
3479
+ height: 150px;
3480
+ line-height: 150px;
3481
+ text-align: center;
3482
+ background: #f2f2f2;
3483
+ margin-bottom: 20px;
3484
+ img {
3485
+ width: 100%;
3486
+ }
3487
+ }
3488
+ .item {
3489
+ flex: 1;
3490
+ height: 740px;
3491
+ overflow: auto;
3492
+ color: #48576a;
3493
+ }
3494
+ .p-line {
3495
+ display: inline-block;
3496
+ width: 30px;
3497
+ height: 2px;
3498
+ }
3499
+ .item:nth-child(1) {
3500
+ .head-name {
3501
+ font-weight: bold;
3502
+ font-size: 16px;
3503
+ .head-name-tip {
3504
+ padding: 0px 6px;
3505
+ background: #e5eefd;
3506
+ border-radius: 5px;
3507
+ font-size: 14px;
3508
+ font-weight: normal;
3509
+ }
3510
+ }
3511
+ }
3512
+ .questionItem {
3513
+ flex: 2;
3514
+ background: linear-gradient(to bottom right, #6e789b, #6e7899);
3515
+ color: #fff;
3516
+ ul {
3517
+ margin: 0;
3518
+ padding: 0;
3519
+ li {
3520
+ margin-bottom: 10px;
3521
+ .custom-control {
3522
+ min-width: 80px;
3523
+ }
3524
+ }
3525
+ }
3526
+ .task-footer {
3527
+ position: fixed;
3528
+ bottom: 10px;
3529
+ right: 10px;
3530
+ }
3531
+ }
3532
+ .item:nth-child(3) {
3533
+ margin-right: 0px;
3534
+ border: 0;
3535
+ .nav-tabs .nav-link,
3536
+ .nav-tabs .navbar .dropdown-toggle,
3537
+ .navbar .nav-tabs .dropdown-toggle {
3538
+ background: #e4e9f0;
3539
+ width: 100%;
3540
+ height: 32px;
3541
+ line-height: 32px;
3542
+ text-align: center;
3543
+ padding: 0;
3544
+ margin-right: 10px;
3545
+ border-radius: 4px;
3546
+ margin-bottom: 15px;
3547
+ margin-top: 20px;
3548
+ }
3549
+ .nav-tabs .nav-item {
3550
+ width: 100px;
3551
+ margin-right: 20px;
3552
+ }
3553
+ .ml-120 {
3554
+ margin-left: 120px;
3555
+ }
3556
+ .nav-tabs .nav-link.active,
3557
+ .nav-tabs .navbar .active.dropdown-toggle,
3558
+ .navbar .nav-tabs .active.dropdown-toggle {
3559
+ border: 0;
3560
+ background: linear-gradient(to right, #ff9d9d, #ff8584) !important;
3561
+ color: #fff !important;
3562
+ }
3563
+ .p-line {
3564
+ display: inline-block;
3565
+ width: 100px;
3566
+ height: 2px;
3567
+ position: absolute;
3568
+ top: 0;
3569
+ left: 0;
3570
+ background: #ff8584;
3571
+ }
3572
+ .ps-right {
3573
+ right: 10px;
3574
+ left: auto;
3575
+ }
3576
+ .tab-content .tab-pane {
3577
+ position: relative;
3578
+ }
3579
+ .tab-content {
3580
+ border: 0;
3581
+ box-shadow: 0 5px 20px 0 #dedede;
3582
+ border-radius: 5px;
3583
+ }
3584
+ }
3585
+ .item_3 {
3586
+ flex: 3;
3587
+ }
3588
+ .card {
3589
+ margin-bottom: 0;
3590
+ border: 0;
3591
+ }
3592
+ .subTitle {
3593
+ font-weight: bold;
3594
+ font-size: 14px;
3595
+ }
3596
+ .sm-btn {
3597
+ background: #e4e9f0 !important;
3598
+ border-radius: 3px;
3599
+ padding: 2px 10px !important;
3600
+ color: #64748c;
3601
+ }
3602
+ .md-btn {
3603
+ border: 1px solid #e4e9f0;
3604
+ box-shadow: 0 2px 4px 0 #546380;
3605
+ border-radius: 4.2px;
3606
+ width: 126px;
3607
+ padding: 9px 0;
3608
+ text-align: center;
3609
+ }
3610
+ .closeBtn {
3611
+ color: #e4e9f0;
3612
+ background: #546380 !important;
3613
+ }
3614
+ .saveBtn {
3615
+ color: #546380;
3616
+ background: #e4e9f0;
3617
+ }
3618
+ .suggestionsBtn {
3619
+ color: #e4e9f0;
3620
+ background: #169bd5;
3621
+ }
3622
+ }
3623
+ }
3624
+ .header-text {
3625
+ display: flex;
3626
+ justify-content: center;
3627
+ line-height: 25px;
3628
+ color: black;
3629
+ }
3630
+ .header-label {
3631
+ border: 1px solid #4395ff;
3632
+ // float: right;
3633
+ line-height: 22px;
3634
+ height: 25px;
3635
+ width: 120px;
3636
+ background: #fa8072;
3637
+ border-radius: 5px;
3638
+ }
3639
+ .header-label1 {
3640
+ border: 1px solid #4395ff;
3641
+ // float: right;
3642
+ line-height: 22px;
3643
+ height: 25px;
3644
+ width: 120px;
3645
+ background: #7fff00;
3646
+ border-radius: 5px;
3647
+ }
3648
+ .header-label2 {
3649
+ border: 1px solid #4395ff;
3650
+ // float: right;
3651
+ line-height: 22px;
3652
+ height: 25px;
3653
+ width: 120px;
3654
+ background: red;
3655
+ border-radius: 5px;
3656
+ }
3657
+ .header-label4 {
3658
+ border: 1px solid #4395ff;
3659
+ // float: right;
3660
+ line-height: 22px;
3661
+ height: 25px;
3662
+ width: 120px;
3663
+ background: #00ffff;
3664
+ border-radius: 5px;
3665
+ }
3666
+ .label-height::after {
3667
+ clear: both;
3668
+ content: "";
3669
+ display: block;
3670
+ }
3671
+ </style>