Domů Procházet Nápověda
Přihlásit se
wfg
/
lottery
2
0
Rozštěpit 0
Soubory Úkoly 0 Pull Requesty 0 Wiki
Strom: 4378405ae5
Větve Značky
lottery
/
lottery
/
userProfile.html

userProfile.html 32 KB
Historie Surový

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192939495969798991001011021031041051061071081091101111121131141151161171181191201211221231241251261271281291301311321331341351361371381391401411421431441451461471481491501511521531541551561571581591601611621631641651661671681691701711721731741751761771781791801811821831841851861871881891901911921931941951961971981992002012022032042052062072082092102112122132142152162172182192202212222232242252262272282292302312322332342352362372382392402412422432442452462472482492502512522532542552562572582592602612622632642652662672682692702712722732742752762772782792802812822832842852862872882892902912922932942952962972982993003013023033043053063073083093103113123133143153163173183193203213223233243253263273283293303313323333343353363373383393403413423433443453463473483493503513523533543553563573583593603613623633643653663673683693703713723733743753763773783793803813823833843853863873883893903913923933943953963973983994004014024034044054064074084094104114124134144154164174184194204214224234244254264274284294304314324334344354364374384394404414424434444454464474484494504514524534544554564574584594604614624634644654664674684694704714724734744754764774784794804814824834844854864874884894904914924934944954964974984995005015025035045055065075085095105115125135145155165175185195205215225235245255265275285295305315325335345355365375385395405415425435445455465475485495505515525535545555565575585595605615625635645655665675685695705715725735745755765775785795805815825835845855865875885895905915925935945955965975985996006016026036046056066076086096106116126136146156166176186196206216226236246256266276286296306316326336346356366376386396406416426436446456466476486496506516526536546556566576586596606616626636646656666676686696706716726736746756766776786796806816826836846856866876886896906916926936946956966976986997007017027037047057067077087097107117127137147157167177187197207217227237247257267277287297307317327337347357367377387397407417427437447457467477487497507517527537547557567577587597607617627637647657667677687697707717727737747757767777787797807817827837847857867877887897907917927937947957967977987998008018028038048058068078088098108118128138148158168178188198208218228238248258268278288298308318328338348358368378388398408418428438448458468478488498508518528538548558568578588598608618628638648658668678688698708718728738748758768778788798808818828838848858868878888898908918928938948958968978988999009019029039049059069079089099109119129139149159169179189199209219229239249259269279289299309319329339349359369379389399409419429439449459469479489499509519529539549559569579589599609619629639649659669679689699709719729739749759769779789799809819829839849859869879889899909919929939949959969979989991000100110021003100410051006100710081009101010111012101310141015101610171018101910201021102210231024102510261027102810291030103110321033103410351036103710381039104010411042104310441045104610471048104910501051105210531054105510561057105810591060106110621063106410651066106710681069107010711072107310741075107610771078107910801081108210831084 
  1. <!DOCTYPE html>
    2. 

  2. <html lang="en">
    3. 

  3. 

  4. <head>
    5. 

  5.   <meta charset="UTF-8">
    6. 

  6.   <meta http-equiv="X-UA-Compatible" content="IE=edge">
    7. 

  7.   <meta name="viewport"
    8. 

  8.     content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no, viewport-fit=cover" />
    9. 

  9.   <title>微分机器人</title>
    10. 

  10.   <!--引入 element-ui 的样式，-->
    11. 

  11.   <link rel="stylesheet"
    12. 

  12.     href="https://wl-1306604067.cos.ap-guangzhou.myqcloud.com/production/ct/103548289110001/1742018383195/element-ui.css">
    13. 

  13.   <!-- 必须先引入vue，  后使用element-ui -->
    14. 

  14.   <script
    15. 

  15.     src="https://wl-1306604067.cos.ap-guangzhou.myqcloud.com/production/ct/103548289110001/1742017957144/vue.js"></script>
    16. 

  16.   <!-- 引入element 的组件库-->
    17. 

  17.   <script
    18. 

  18.     src="https://wl-1306604067.cos.ap-guangzhou.myqcloud.com/production/ct/103548289110001/1742017747738/element-ui.js"></script>
    19. 

  19.   <!-- <script src="https://unpkg.com/vconsole/dist/vconsole.min.js"></script>
    20. 

  20.   <script>
    21. 

  21. 		  var vConsole = new window.VConsole();
    22. 

  22. 		</script> -->
    23. 

  23. </head>
    24. 

  24. <style>
    25. 

  25.   body {
    26. 

  26.     margin: 0;
    27. 

  27.     padding: 0;
    28. 

  28.   }
    29. 

  29. 

  30.   .box {
    31. 

  31.     width: 100vw;
    32. 

  32.     height: auto;
    33. 

  33.     box-sizing: border-box;
    34. 

  34.     background: #FAFAFA;
    35. 

  35.   }
    36. 

  36. 

  37.   .page6 {
    38. 

  38.     width: 100vw;
    39. 

  39.     box-sizing: border-box;
    40. 

  40.   }
    41. 

  41.   .tab_list {
    42. 

  42.     width: 100%;
    43. 

  43.     height: 48px;
    44. 

  44.     background: #FFFFFF;
    45. 

  45.   }
    46. 

  46.   .client_detail {
    47. 

  47.     width: 100vw;
    48. 

  48.     min-height: 100vh;
    49. 

  49.     padding: 10px 10px 12px;
    50. 

  50.     box-sizing: border-box;
    51. 

  51.   }
    52. 

  52.   .client_msg {
    53. 

  53.     width: 100%;
    54. 

  54.     background: #FFFFFF;
    55. 

  55.     border-radius: 10px;
    56. 

  56.     padding: 15px 15px 20px;
    57. 

  57.     box-sizing: border-box;
    58. 

  58.     margin-bottom: 10px;
    59. 

  59.   }
    60. 

  60.   .client_wx {
    61. 

  61.     display: flex;
    62. 

  62.     align-items: center;
    63. 

  63.     margin-bottom: 15px;
    64. 

  64.   }
    65. 

  65.   .client_wx img {
    66. 

  66.     width: 64px;
    67. 

  67.     height: 64px;
    68. 

  68.     border-radius: 8px;
    69. 

  69.     margin-right: 12px;
    70. 

  70.   }
    71. 

  71.   .wx_msg {
    72. 

  72.     display: flex;
    73. 

  73.     flex-direction: column;
    74. 

  74.     font-weight: 500;
    75. 

  75.     font-size: 16px;
    76. 

  76.     color: #222222;
    77. 

  77.   }
    78. 

  78.   .wx_tag {
    79. 

  79.     color: #05D167;
    80. 

  80.     padding-left: 10px;
    81. 

  81.   }
    82. 

  82.   .add_time {
    83. 

  83.     font-weight: 400;
    84. 

  84.     font-size: 14px;
    85. 

  85.     color: #CCCCCC;
    86. 

  86.     padding-top: 10px;
    87. 

  87.   }
    88. 

  88.   .msg_title {
    89. 

  89.     font-weight: 400;
    90. 

  90.     font-size: 14px;
    91. 

  91.     color: #222222;
    92. 

  92.     line-height: 20px;
    93. 

  93.     position: relative;
    94. 

  94.     display: flex;
    95. 

  95.     align-items: center;
    96. 

  96.     padding-left: 5px;
    97. 

  97.     margin-bottom: 15px;
    98. 

  98.     &::before {
    99. 

  99.         content: '';
    100. 

  100.         position: absolute;
    101. 

  101.         width: 3px;
    102. 

  102.         height: 12px;
    103. 

  103.         left: 0;
    104. 

  104.         background: #1677FF;
    105. 

  105.         border-radius: 2px;
    106. 

  106.     }
    107. 

  107.   }
    108. 

  108.   .msg_title_line {
    109. 

  109.     padding-top: 15px;
    110. 

  110.     border-top: 1px dashed #E5E8ED;
    111. 

  111.   }
    112. 

  112.   .basic_msg {
    113. 

  113.     display: flex;
    114. 

  114.     flex-wrap: wrap;
    115. 

  115.   }
    116. 

  116.   .basic_msg_item {
    117. 

  117.     font-weight: 400;
    118. 

  118.     font-size: 14px;
    119. 

  119.     color: #222222;
    120. 

  120.     line-height: 20px;
    121. 

  121.     margin-bottom: 15px;
    122. 

  122.     display: flex;
    123. 

  123.     align-items: flex-start;
    124. 

  124.     justify-content: flex-start;
    125. 

  125.   }
    126. 

  126.   .basic_msg_item img {
    127. 

  127.     width: 16px;
    128. 

  128.     height: 16px;
    129. 

  129.     margin-left: 4px;
    130. 

  130.     margin-top: 2px;
    131. 

  131.   }
    132. 

  132.   .basic_msg_data {
    133. 

  133.     color: #999999;
    134. 

  134.     padding-right: 5px;
    135. 

  135.     flex-shrink: 0;
    136. 

  136.   }
    137. 

  137.   .three_tab_list {
    138. 

  138.     width: 100%;
    139. 

  139.     height: 58px;
    140. 

  140.     background: #FFFFFF;
    141. 

  141.   }
    142. 

  142.   .three_tab {
    143. 

  143.     width: 100%;
    144. 

  144.     background: #FFFFFF;
    145. 

  145.     border-radius: 10px;
    146. 

  146.     padding: 0 10px 10px;
    147. 

  147.     box-sizing: border-box;
    148. 

  148.   }
    149. 

  149.   .data_box {
    150. 

  150.     width: 100%;
    151. 

  151.     padding: 15px;
    152. 

  152.     background: #F7F9FC;
    153. 

  153.     border-radius: 5px;
    154. 

  154.     margin-bottom: 20px;
    155. 

  155.     box-sizing: border-box;
    156. 

  156.   }
    157. 

  157.   .belong_item {
    158. 

  158.     display: flex;
    159. 

  159.     align-items: center;
    160. 

  160.     margin-bottom: 15px;
    161. 

  161.     font-weight: 400;
    162. 

  162.     font-size: 14px;
    163. 

  163.     color: #222222;
    164. 

  164.   }
    165. 

  165.   .belong_item:last-child {
    166. 

  166.     margin-bottom: 0; 
    167. 

  167.   }
    168. 

  168.   .belong_title {
    169. 

  169.     color: #999999;
    170. 

  170.     margin-right: 5px;
    171. 

  171.     flex-shrink: 0;
    172. 

  172.   }
    173. 

  173.   .client_followUp {
    174. 

  174.     width: 100vw;
    175. 

  175.     height: calc(100vh - 48px);
    176. 

  176.     padding: 20px 10px 60px;
    177. 

  177.     box-sizing: border-box;
    178. 

  178.     overflow-y: auto;
    179. 

  179.   }
    180. 

  180.   .stage {
    181. 

  181.     width: 100%;
    182. 

  182.     background: #F5F7FA;
    183. 

  183.     border-radius: 5px;
    184. 

  184.     padding: 15px;
    185. 

  185.     display: flex;
    186. 

  186.     align-items: center;
    187. 

  187.     font-weight: 400;
    188. 

  188.     font-size: 16px;
    189. 

  189.     color: #222222;
    190. 

  190.     box-sizing: border-box;
    191. 

  191.     margin-bottom: 20px;
    192. 

  192.   }
    193. 

  193.   .stage img {
    194. 

  194.     width: 24px;
    195. 

  195.     height: 24px;
    196. 

  196.     margin-right: 5px; 
    197. 

  197.   }
    198. 

  198.   .stage_data {
    199. 

  199.     font-weight: 500;
    200. 

  200.     font-size: 16px;
    201. 

  201.     color: #1677FF;
    202. 

  202.   }
    203. 

  203.   .followup_list {
    204. 

  204.     width: 100%;
    205. 

  205.     padding: 15px 10px;
    206. 

  206.     background: #FFFFFF;
    207. 

  207.     border-radius: 10px;
    208. 

  208.     box-sizing: border-box;
    209. 

  209.   }
    210. 

  210.   .follow_time {
    211. 

  211.     display: flex;
    212. 

  212.     align-items: center;
    213. 

  213.     font-weight: 400;
    214. 

  214.     font-size: 14px;
    215. 

  215.     color: #222222;
    216. 

  216.     margin-bottom: 15px;
    217. 

  217.   }
    218. 

  218.   .time_dot {
    219. 

  219.     background: #E6F0FF;
    220. 

  220.     padding: 3px;
    221. 

  221.     border-radius: 50%;
    222. 

  222.     margin-right: 10px;
    223. 

  223.     box-sizing: border-box;
    224. 

  224.   }
    225. 

  225.   .dot {
    226. 

  226.     width: 6px;
    227. 

  227.     height: 6px;
    228. 

  228.     background: #1677FF;
    229. 

  229.     border-radius: 50%;
    230. 

  230.   }
    231. 

  231.   .follow_item {
    232. 

  232.     margin-left: 22px;
    233. 

  233.     padding-right: 10px;
    234. 

  234.     padding-left: 14px;
    235. 

  235.     padding-bottom: 6px;
    236. 

  236.   }
    237. 

  237.   .follow_padding {
    238. 

  238.     padding-top: 15px; 
    239. 

  239.     padding-bottom: 4px;
    240. 

  240.     background: #F7F9FC;
    241. 

  241.     border-radius: 5px;
    242. 

  242.   }
    243. 

  243.   .follow_item_time {
    244. 

  244.     font-weight: 500;
    245. 

  245.     font-size: 14px;
    246. 

  246.     color: #222222;
    247. 

  247.     display: flex;
    248. 

  248.     align-items: center;
    249. 

  249.     margin-bottom: 3px;
    250. 

  250.   }
    251. 

  251.   .item_time {
    252. 

  252.     font-weight: 400;
    253. 

  253.     font-size: 12px;
    254. 

  254.     color: #999999;
    255. 

  255.     padding-right: 10px;
    256. 

  256.   }
    257. 

  257.   .item_box {
    258. 

  258.     display: flex;
    259. 

  259.     align-items: flex-end;
    260. 

  260.   }
    261. 

  261.   .follow_item_line {
    262. 

  262.     display: flex;
    263. 

  263.     flex-direction: column;
    264. 

  264.     align-items: center;
    265. 

  265.     padding-left: 13px;
    266. 

  266.     padding-right: 21px;
    267. 

  267.   }
    268. 

  268.   .line_dot {
    269. 

  269.     width: 6px;
    270. 

  270.     height: 6px;
    271. 

  271.     background: #1677FF;
    272. 

  272.     border-radius: 50%;
    273. 

  273.     margin-bottom: 5px;
    274. 

  274.   }
    275. 

  275.   .line {
    276. 

  276.       width: 1px;
    277. 

  277.       height: 66px;
    278. 

  278.       border-left: 1px dashed #1677FF;
    279. 

  279.     }
    280. 

  280.   .item_content {
    281. 

  281.     background: #FFFFFF;
    282. 

  282.     border-radius: 5px;
    283. 

  283.     padding: 10px;
    284. 

  284.     font-weight: 400;
    285. 

  285.     font-size: 12px;
    286. 

  286.     color: #222222;
    287. 

  287.     width: 100%;
    288. 

  288.     height: 100%;
    289. 

  289.   }
    290. 

  290.   .item_tip {
    291. 

  291.     font-weight: 400;
    292. 

  292.     font-size: 12px;
    293. 

  293.     color: #999999;
    294. 

  294.     margin-top: 6px;
    295. 

  295.   }
    296. 

  296.   .item_p {
    297. 

  297.     color: #1677FF; 
    298. 

  298.   }
    299. 

  299.   .tag_list {
    300. 

  300.     display: flex;
    301. 

  301.     flex-wrap: wrap;
    302. 

  302.   }
    303. 

  303.   .tag_item {
    304. 

  304.     font-weight: 400;
    305. 

  305.     font-size: 12px;
    306. 

  306.     color: #1677FF;
    307. 

  307.     padding: 6px 10px;
    308. 

  308.     border-radius: 5px;
    309. 

  309.     border: 1px solid #1677FF;
    310. 

  310.     margin-right: 10px;
    311. 

  311.     margin-bottom: 15px;
    312. 

  312.   }
    313. 

  313.   .tag_item:last-child {
    314. 

  314.     margin-right: 0; 
    315. 

  315.   }
    316. 

  316.   .read_content {
    317. 

  317.     display: flex;
    318. 

  318.   }
    319. 

  319.   .read_box {
    320. 

  320.     width: 100%;
    321. 

  321.     padding: 15px 15px 10px;
    322. 

  322.     font-weight: 400;
    323. 

  323.     font-size: 14px;
    324. 

  324.     color: #222222;
    325. 

  325.     background: #F7F9FC;
    326. 

  326.     border-radius: 5px;
    327. 

  327.   }
    328. 

  328.   .read_title {
    329. 

  329.     padding-bottom: 10px;
    330. 

  330.   }
    331. 

  331.   .read_num {
    332. 

  332.     font-weight: bold;
    333. 

  333.     font-size: 20px;
    334. 

  334.     color: #222222;
    335. 

  335.     line-height: 29px;
    336. 

  336.   }
    337. 

  337.   
    338. 

  338.   .foot_btn {
    339. 

  339.     position: fixed;
    340. 

  340.     bottom: 10px;
    341. 

  341.     padding: 0 35px;
    342. 

  342.     width: 100%;
    343. 

  343.     box-sizing: border-box;
    344. 

  344.   }
    345. 

  345. 

  346.   .signUp_btn {
    347. 

  347.     height: 50px;
    348. 

  348.     width: 100%;
    349. 

  349.     background: #1677FF;
    350. 

  350.     border-radius: 10px;
    351. 

  351.     font-weight: bold;
    352. 

  352.     font-size: 14px;
    353. 

  353.     color: #FFFFFF;
    354. 

  354.     text-align: center;
    355. 

  355.   }
    356. 

  356.   .el-dialog {
    357. 

  357. 		width: 335px;
    358. 

  358. 		border-radius: 20px;
    359. 

  359. 	}
    360. 

  360. 

  361. 	.el-dialog__header {
    362. 

  362. 		text-align: center;
    363. 

  363. 	}
    364. 

  364. 

  365. 	.el-dialog__title {
    366. 

  366. 		font-weight: 500;
    367. 

  367. 		font-size: 16px;
    368. 

  368. 		color: #222222;
    369. 

  369. 	}
    370. 

  370. 

  371. 	.el-dialog__body {
    372. 

  372. 		height: 260px;
    373. 

  373. 		overflow-y: auto;
    374. 

  374. 	}
    375. 

  375. 	.prize_form .el-form-item {
    376. 

  376. 		padding: 0;
    377. 

  377. 	}
    378. 

  378. 

  379. 	.prize_form .el-form-item__label {
    380. 

  380. 		line-height: 20px;
    381. 

  381. 	}
    382. 

  382. 

  383. 	.prize_form .el-input {
    384. 

  384. 		width: 295px;
    385. 

  385. 	}
    386. 

  386. 

  387. 	.prize_form .el-input__inner {
    388. 

  388. 		text-align: left;
    389. 

  389. 	}
    390. 

  390. 

  391. 	.prize_form .el-textarea.is-active .el-textarea__inner,
    392. 

  392. 	.prize_form .el-textarea__inner:focus {
    393. 

  393. 		border: 1px solid #1677FF;
    394. 

  394. 	}
    395. 

  395. 

  396. 	.el-radio__input.is-checked .el-radio__inner {
    397. 

  397. 		border-color: #1677FF;
    398. 

  398. 		background: #1677FF;
    399. 

  399. 	}
    400. 

  400. 

  401. 	.el-radio__input.is-checked+.el-radio__label {
    402. 

  402. 		color: #1677FF;
    403. 

  403. 	}
    404. 

  404.   .el-radio {
    405. 

  405.     margin-top: 10px;
    406. 

  406.   }
    407. 

  407. 	.el-select .el-input.is-focus .el-input__inner {
    408. 

  408. 		border-color: #1677FF;
    409. 

  409. 	}
    410. 

  410. 

  411. 	.dialog-footer {
    412. 

  412. 		text-align: center;
    413. 

  413. 	}
    414. 

  414. 

  415. 	.dialog-footer button {
    416. 

  416. 		width: 100%;
    417. 

  417. 		height: 46px;
    418. 

  418. 		background: #1677FF;
    419. 

  419. 		border-radius: 20px;
    420. 

  420. 		font-weight: 500;
    421. 

  421. 		font-size: 16px;
    422. 

  422. 		color: #FFFFFF;
    423. 

  423. 		border: none;
    424. 

  424. 	}
    425. 

  425. </style>
    426. 

  426. 

  427. <body>
    428. 

  428.   <div id="box" class="box">
    429. 

  429.     <div class="page6">
    430. 

  430.       <el-tabs class="tab_list" v-model="activeName" stretch @tab-click="handleClick">
    431. 

  431.         <el-tab-pane label="客户画像" name="first"></el-tab-pane>
    432. 

  432.         <el-tab-pane label="客户跟进" name="second"></el-tab-pane>
    433. 

  433.       </el-tabs>
    434. 

  434.       <div class="client_detail" v-if="activeName ==='first'">
    435. 

  435.         <div class="client_msg">
    436. 

  436.           <div class="client_wx">
    437. 

  437.             <img :src="clientData.avatar" />
    438. 

  438.             <div class="wx_msg">
    439. 

  439.               <div>{{clientData.name}}<span class="wx_tag">@微信</span></div>
    440. 

  440.               <div class="add_time">添加时间：{{clientData.addTime}}</div>
    441. 

  441.             </div>
    442. 

  442.           </div>
    443. 

  443.           <div class="msg_title msg_title_line">基本信息</div>
    444. 

  444.           <div class="basic_msg" style="width: 100%;">
    445. 

  445.             <div class="basic_msg_item" style="width: 50%;">
    446. 

  446.               <span class="basic_msg_data">姓名：</span>
    447. 

  447.               <span>{{clientData.realName}}</span>
    448. 

  448.             </div>
    449. 

  449.             <div class="basic_msg_item" style="width: 50%;">
    450. 

  450.               <span class="basic_msg_data">手机：</span>
    451. 

  451.               <span>{{clientData.phone}}</span>
    452. 

  452.               <img src="./img/edit.png" alt="" @click="handleEdit('手机', clientData.phone, 'phone')">
    453. 

  453.             </div>
    454. 

  454.             <div class="basic_msg_item" style="width: 50%;">
    455. 

  455.               <span class="basic_msg_data">省市：</span>
    456. 

  456.               <span>{{clientData.province}}-{{clientData.city}}</span>
    457. 

  457.             </div>
    458. 

  458.             <div class="basic_msg_item" style="width: 50%;">
    459. 

  459.               <span class="basic_msg_data">意向车型：</span>
    460. 

  460.               <span>{{clientData.intenModel}}</span>
    461. 

  461.             </div>
    462. 

  462.             <div class="basic_msg_item" style="width: 50%;">
    463. 

  463.               <span class="basic_msg_data">已购车型：</span>
    464. 

  464.               <span>{{clientData.buyModel}}</span>
    465. 

  465.             </div>
    466. 

  466.             <div class="basic_msg_item" style="width: 50%;" v-for="(item, index) in clientData.cols">
    467. 

  467.               <span class="basic_msg_data">{{item.name}}：</span>
    468. 

  468.               <span v-if="item.value">{{item.value[0]}}</span>
    469. 

  469.               <img src="./img/edit.png" alt="" @click="handleEditOther">
    470. 

  470.             </div>
    471. 

  471.           </div>
    472. 

  472.           <!-- <div class="msg_title msg_title_line">服务信息</div>
    473. 

  473.           <div class="basic_msg">
    474. 

  474.             <div class="basic_msg_item">
    475. 

  475.               <span class="basic_msg_data">上次到店时间：</span>
    476. 

  476.               <span>2024/03/10 12:30:53</span>
    477. 

  477.             </div>
    478. 

  478.             <div class="basic_msg_item">
    479. 

  479.               <span class="basic_msg_data">到店业务类型：</span>
    480. 

  480.               <span>维修</span>
    481. 

  481.             </div>
    482. 

  482.             <div class="basic_msg_item">
    483. 

  483.               <span class="basic_msg_data">备注：</span>
    484. 

  484.               <span>水电费收到水电费收到水电费收到水电费收到水电费收到</span>
    485. 

  485.             </div>
    486. 

  486.           </div> -->
    487. 

  487.         </div>
    488. 

  488.         <div class="three_tab">
    489. 

  489.           <el-tabs class="three_tab_list" v-model="itemActiveName" stretch @tab-click="handleDetailTab">
    490. 

  490.             <el-tab-pane label="画像" name="first"></el-tab-pane>
    491. 

  491.             <el-tab-pane label="记录" name="second"></el-tab-pane>
    492. 

  492.             <!-- <el-tab-pane label="车辆" name="third"></el-tab-pane> -->
    493. 

  493.           </el-tabs>
    494. 

  494.           <div v-if="itemActiveName === 'first'">
    495. 

  495.             <div class="data_box">
    496. 

  496.               <div class="belong_item">
    497. 

  497.                 <div class="belong_title">所属成员：</div>
    498. 

  498.                 <template v-if="clientData.memberList">
    499. 

  499.                   <div v-if="clientData.memberList.length > 1">
    500. 

  500.                     {{ clientData.memberList[0] }}等<span style="color: #1677FF;">{{ clientData.memberList.length }}</span>人
    501. 

  501.                   </div>
    502. 

  502.                   <div v-else-if="clientData.memberList.length === 1">
    503. 

  503.                     {{ clientData.memberList[0] }}
    504. 

  504.                   </div>
    505. 

  505.                 </template>
    506. 

  506.               </div>
    507. 

  507.               <div class="belong_item">
    508. 

  508.                 <div class="belong_title">所在群聊：</div>
    509. 

  509.                 <template v-if="clientData.groupChatList">
    510. 

  510.                   <div v-if="clientData.groupChatList.length > 1">
    511. 

  511.                     「{{ clientData.groupChatList[0] }}」等<span style="color: #1677FF;">{{ clientData.groupChatList.length }}</span>个群聊
    512. 

  512.                   </div>
    513. 

  513.                   <div v-else-if="clientData.groupChatList.length === 1">
    514. 

  514.                     「{{ clientData.groupChatList[0] }}」
    515. 

  515.                   </div>
    516. 

  516.                 </template>
    517. 

  517.               </div>
    518. 

  518.             </div>
    519. 

  519.             <div class="msg_title">客户阶段</div>
    520. 

  520.             <div class="data_box">
    521. 

  521.               <div class="belong_item">
    522. 

  522.                 <div class="belong_title">当前阶段：</div>
    523. 

  523.                 <div style="color: #1677FF;" v-if="clientData.stepList && clientData.stepList.length">
    524. 

  524.                   <span v-for="(item, i) in clientData.stepList" :key="i">「{{ item }}」</span>
    525. 

  525.                 </div>
    526. 

  526.               </div>
    527. 

  527.             </div>
    528. 

  528.             <div class="msg_title">客户标签</div>
    529. 

  529.             <div class="data_box" style="padding-bottom: 0;">
    530. 

  530.               <div class="tag_list">
    531. 

  531.                 <span class="tag_item" v-for="(item, i) in clientData.tagList" :key="i">{{ item }}</span>
    532. 

  532.               </div>
    533. 

  533.             </div>
    534. 

  534.           </div>
    535. 

  535.           <div v-if="itemActiveName === 'second'">
    536. 

  536.             <!-- <div class="read_content">
    537. 

  537.               <div class="read_box" style="margin-right: 10px;">
    538. 

  538.                 <div class="read_title">阅读次数</div>
    539. 

  539.                 <div><span class="read_num">7282</span> 次</div>
    540. 

  540.               </div>
    541. 

  541.               <div class="read_box">
    542. 

  542.                 <div class="read_title">平均阅读时长</div>
    543. 

  543.                 <div><span class="read_num">7282</span> min</div>
    544. 

  544.               </div>
    545. 

  545.             </div> -->
    546. 

  546.             <div class="followup_list" v-for="(item, key) in recordList" :key="key">
    547. 

  547.               <div class="follow_time">
    548. 

  548.                 <div class="time_dot">
    549. 

  549.                   <div class="dot"></div>
    550. 

  550.                 </div>
    551. 

  551.                 <span>{{key}}</span>
    552. 

  552.               </div>
    553. 

  553.               <div class="follow_padding">
    554. 

  554.                 <div class="follow_item" v-for="(dt, dtIndex) in item" :key="dtIndex">
    555. 

  555.                   <div class="follow_item_time">
    556. 

  556.                     <span class="item_time">{{timeFormat(dt.createdTime, 'hh:mm')}}</span>
    557. 

  557.                     <span v-if="dt.type === 1">阅读日志</span>
    558. 

  558.                     <span v-else-if="dt.type === 2">行为日志</span>
    559. 

  559.                     <span v-else-if="dt.type === 3">修改日志</span>
    560. 

  560.                   </div>
    561. 

  561.                   <div class="item_box">
    562. 

  562.                     <div class="follow_item_line">
    563. 

  563.                       <div class="line_dot"></div>
    564. 

  564.                       <div class="line"></div>
    565. 

  565.                     </div>
    566. 

  566.                     <div class="item_content">
    567. 

  567.                       <div>{{dt.title}}</div>
    568. 

  568.                       <div class="item_tip">{{dt.content}}</div>
    569. 

  569.                       <div class="item_tip" v-if="dt.type === 1">持续时间：<span class="item_p">{{dt.duration}}</span>秒</div>
    570. 

  570.                     </div>
    571. 

  571.                   </div>
    572. 

  572.                 </div>
    573. 

  573.               </div>
    574. 

  574.             </div>
    575. 

  575.           </div>
    576. 

  576.         </div>
    577. 

  577.       </div>
    578. 

  578.       <div class="client_followUp" v-if="activeName === 'second'">
    579. 

  579.         <div class="stage">
    580. 

  580.           <img src="./img/stage.png" />
    581. 

  581.           <div>当前阶段：<span class="stage_data" v-for="(item, key) in stepData" :key="key">「{{item}}」</span></div>
    582. 

  582.         </div>
    583. 

  583.         <div class="followup_list" v-for="(item, key) in stepFollowList" :key="key">
    584. 

  584.           <div class="follow_time">
    585. 

  585.             <div class="time_dot">
    586. 

  586.               <div class="dot"></div>
    587. 

  587.             </div>
    588. 

  588.             <span>{{item.date}}</span>
    589. 

  589.           </div>
    590. 

  590.           <div class="follow_padding">
    591. 

  591.             <div class="follow_item" v-for="(c, cIndex) in item.content" :key="cIndex">
    592. 

  592.               <div class="follow_item_time">
    593. 

  593.                 <span class="item_time">{{timeFormat(c.updatedTime, 'hh:mm')}}</span>跟进方式：
    594. 

  594.                 <span v-if="item.followType === 0">电话联系</span>
    595. 

  595.                 <span v-else-if="item.followType === 1">面聊</span>
    596. 

  596.                 <span v-else-if="item.followType === 2">微信联系</span>
    597. 

  597.                 <span v-else-if="item.followType === 3">线上会议</span>
    598. 

  598.                 <span v-else-if="item.followType === 4">其他</span>
    599. 

  599.               </div>
    600. 

  600.               <div class="item_box">
    601. 

  601.                 <div class="follow_item_line">
    602. 

  602.                   <div class="line_dot"></div>
    603. 

  603.                   <div class="line"></div>
    604. 

  604.                 </div>
    605. 

  605.                 <div class="item_content">
    606. 

  606.                   <div>{{c.remark}}</div>
    607. 

  607.                   <div class="item_tip">跟进成员：由<span class="item_p">「{{c.memberName}}」</span>跟进</div>
    608. 

  608.                 </div>
    609. 

  609.               </div>
    610. 

  610.             </div>
    611. 

  611.           </div>
    612. 

  612.         </div>
    613. 

  613.         <div class="foot_btn">
    614. 

  614.           <el-button class="signUp_btn" :loading="loading" @click="toSignUp">去跟进</el-button>
    615. 

  615.         </div>
    616. 

  616.       </div>
    617. 

  617.     </div>
    618. 

  618.     <el-dialog title="添加客户跟进" :visible.sync="showDialog">
    619. 

  619.       <el-form :model="form" class="prize_form">
    620. 

  620.         <el-form-item label="跟进方式：" required>
    621. 

  621.           <el-radio-group v-model="form.followType">
    622. 

  622.             <el-radio :label="0">电话联系</el-radio>
    623. 

  623.             <el-radio :label="1">面聊</el-radio>
    624. 

  624.             <el-radio :label="2">微信联系</el-radio>
    625. 

  625.             <el-radio :label="3">线上会议</el-radio>
    626. 

  626.             <el-radio :label="4">其他跟进</el-radio>
    627. 

  627.           </el-radio-group>
    628. 

  628.         </el-form-item>
    629. 

  629.         <el-form-item label="跟进内容：" required>
    630. 

  630.           <el-input v-model="form.remark" type="textarea" autosize></el-input>
    631. 

  631.         </el-form-item>
    632. 

  632.       </el-form>
    633. 

  633.       <div slot="footer" class="dialog-footer">
    634. 

  634.         <el-button type="primary" @click="handleSave">确定</el-button>
    635. 

  635.       </div>
    636. 

  636.     </el-dialog>
    637. 

  637.     <el-dialog title="编辑信息" :visible.sync="showEditDialog">
    638. 

  638.       <el-form class="prize_form">
    639. 

  639.         <el-form-item :label="item.name" required v-for="(item, index) in editFormList" :key="index">
    640. 

  640.           <el-input v-model="item.value[0]"></el-input>
    641. 

  641.         </el-form-item>
    642. 

  642.       </el-form>
    643. 

  643.       <div slot="footer" class="dialog-footer">
    644. 

  644.         <el-button type="primary" @click="handleEditSave">确定</el-button>
    645. 

  645.       </div>
    646. 

  646.     </el-dialog>
    647. 

  647.   </div>
    648. 

  648. </body>
    649. 

  649. <script>
    650. 

  650.   new Vue({
    651. 

  651.     el: '#box',
    652. 

  652.     data() {
    653. 

  653.       return {
    654. 

  654.         httpUrl: '',
    655. 

  655.         bId: null,
    656. 

  656.         env: '',
    657. 

  657.         memberId: null,
    658. 

  658.         externalUserId: null,
    659. 

  659.         activeName: 'first',
    660. 

  660.         itemActiveName: 'first',
    661. 

  661.         clientData: {},
    662. 

  662.         recordList: {},
    663. 

  663.         stepData: [], // 阶段
    664. 

  664.         stepFollowList: [], // 跟进数据
    665. 

  665.         showDialog: false,
    666. 

  666.         form: {
    667. 

  667.           followType: 0,
    668. 

  668.           remark: '' 
    669. 

  669.         },
    670. 

  670.         loading: false,
    671. 

  671.         showEditDialog: false,
    672. 

  672.         editFormList: [],
    673. 

  673.         editType: '',
    674. 

  674.       }
    675. 

  675.     },
    676. 

  676.     created() {
    677. 

  677.       this.bId = this.getQueryParam('bId')
    678. 

  678.       this.env = this.getQueryParam('env')
    679. 

  679.       if (!this.env || this.env === 'prod') {
    680. 

  680.         this.httpUrl = 'https://wlapi.wefanbot.com'
    681. 

  681.       } else {
    682. 

  682.         this.httpUrl = 'http://test.wefanbot.com:18993'
    683. 

  683.       }
    684. 

  684.       if (this.getQueryParam('memberId')) {
    685. 

  685.         // 已授权
    686. 

  686.         this.memberId = this.getQueryParam('memberId')
    687. 

  687.         this.getQyWxSign()
    688. 

  688.       } else {
    689. 

  689.         // 授权
    690. 

  690.         this.getAuth()
    691. 

  691.       }
    692. 

  692.       // this.memberId = "woU17nDAAAnoSca19vZVKiNEKdc9tyYQ"
    693. 

  693.       // this.externalUserId = "wmU17nDAAAqZkemA_hZuM5JIIYoA_GIA"
    694. 

  694.       // this.getClientExt()
    695. 

  695.     },
    696. 

  696.     methods: {
    697. 

  697.       getAuth() {
    698. 

  698.         fetch(this.httpUrl + `/p/insuite/p/getRedirectUri?env=${this.env}&bId=${this.bId}`)
    699. 

  699.           .then(res => {
    700. 

  700.             return res.json()
    701. 

  701.           }).then(result => {
    702. 

  702.             let { data, code, msg } = result
    703. 

  703.             if (code === 1) {
    704. 

  704.               window.location.replace(data)
    705. 

  705.             } else {
    706. 

  706.               this.$message({
    707. 

  707.                 message: msg,
    708. 

  708.                 type: 'warning'
    709. 

  709.               })
    710. 

  710.             }
    711. 

  711.           })
    712. 

  712.       },
    713. 

  713.       getQyWxSign() {
    714. 

  714.         fetch(this.httpUrl + '/scrm/v1/wxcp-corp/p/getAgentConfig', {
    715. 

  715.           method: 'post',
    716. 

  716.           body: JSON.stringify({
    717. 

  717.             bId: this.bId,
    718. 

  718.             url: window.location.href,
    719. 

  719.           }),
    720. 

  720.           headers: {
    721. 

  721.             'Content-Type': 'application/json'
    722. 

  722.           }
    723. 

  723.         }).then(res => {
    724. 

  724.           return res.json()
    725. 

  725.         }).then(result => {
    726. 

  726.           let { data, code, msg } = result
    727. 

  727.           if (code === 1) {
    728. 

  728.             let that = this
    729. 

  729.             wx.agentConfig({
    730. 

  730.               corpid: data.corpid,
    731. 

  731.               agentid: data.agentId,
    732. 

  732.               timestamp: data.timestamp, // 必填，生成签名的时间戳
    733. 

  733.               nonceStr: data.nonceStr, // 必填，生成签名的随机串
    734. 

  734.               signature: data.agentSignature, // 必填，签名，见附录1
    735. 

  735.               jsApiList: ['getCurExternalContact'], // 必填，需要使用的JS接口列表
    736. 

  736.               success: function (res) {
    737. 

  737.                 // 回调
    738. 

  738.                 // 此处直接在注入回调中调用了获取当前外部联系人userId的接口，注意此接口是从聊天框的工具栏进入才能获取
    739. 

  739.                 wx.invoke('getCurExternalContact', {
    740. 

  740.                 }, function (res) {
    741. 

  741.                   if (res.err_msg == "getCurExternalContact:ok") {
    742. 

  742.                     console.log('invoke成功:', res.userId);
    743. 

  743.                     that.externalUserId = res.userId
    744. 

  744.                     that.getClientExt()
    745. 

  745.                   } else {
    746. 

  746.                     //错误处理
    747. 

  747.                     console.log('invoke失败:', res)
    748. 

  748.                   }
    749. 

  749.                 });
    750. 

  750. 

  751.               },
    752. 

  752.               fail: function (res) {
    753. 

  753.                 if (res.errMsg.indexOf('function not exist') > -1) {
    754. 

  754.                   alert('版本过低请升级');
    755. 

  755.                 }
    756. 

  756.               },
    757. 

  757.               complete: function (res) {
    758. 

  758.                 // 回调
    759. 

  759.                 console.log('complete1', res);
    760. 

  760.               }
    761. 

  761.             });
    762. 

  762. 

  763.           } else {
    764. 

  764.             this.$message({
    765. 

  765.               message: msg,
    766. 

  766.               type: 'warning'
    767. 

  767.             })
    768. 

  768.           }
    769. 

  769.         })
    770. 

  770.       },
    771. 

  771.       handleClick(tab) {
    772. 

  772.         this.activeName = tab.name
    773. 

  773.         if (tab.name ==='first') {
    774. 

  774.           this.getClientExt() 
    775. 

  775.         } else if (tab.name === 'second') {
    776. 

  776.           this.getClientFollow()
    777. 

  777.         }
    778. 

  778.       },
    779. 

  779.       getClientFollow() {
    780. 

  780.         // 获取阶段
    781. 

  781.         this.getStep()
    782. 

  782.         // 获取阶段跟进数据
    783. 

  783.         this.getStepFollow()
    784. 

  784.       },
    785. 

  785.       // 获取客户画像
    786. 

  786.       getClientExt() {
    787. 

  787.         fetch(this.httpUrl + `/scrm/v1/wxcp-client-pro/p/clientExt?bId=${this.bId}&externalUserId=${this.externalUserId}&memberId=${this.memberId}`)
    788. 

  788.           .then(res => {
    789. 

  789.             return res.json()
    790. 

  790.           }).then(result => {
    791. 

  791.             let { data, code, msg } = result
    792. 

  792.             if (code === 1) {
    793. 

  793.               this.clientData = data
    794. 

  794.               if (this.clientData.cols && this.clientData.cols.length) {
    795. 

  795.                 this.clientData.cols.forEach(item => {
    796. 

  796.                   if (!item.value) {
    797. 

  797.                     item.value = []
    798. 

  798.                   }
    799. 

  799.                 })
    800. 

  800.               }
    801. 

  801.             } else {
    802. 

  802.               this.$message({
    803. 

  803.                 message: msg,
    804. 

  804.                 type: 'warning'
    805. 

  805.               })
    806. 

  806.             }
    807. 

  807.           })
    808. 

  808.       },
    809. 

  809.       handleDetailTab(tab) {
    810. 

  810.         this.itemActiveName = tab.name
    811. 

  811.         if (tab.name === 'second') {
    812. 

  812.           this.getClientLog()
    813. 

  813.         }
    814. 

  814.       },
    815. 

  815.       // 客户画像-记录
    816. 

  816.       getClientLog() {
    817. 

  817.         fetch(this.httpUrl + '/scrm/v1/wxcp-client-pro/p/clientLog', {
    818. 

  818.           method: 'post',
    819. 

  819.           body: JSON.stringify({
    820. 

  820.             bid: this.bId,
    821. 

  821.             externalUserId: this.externalUserId,
    822. 

  822.             memberId: this.memberId,
    823. 

  823.             page: 1,
    824. 

  824.             pageCount: 1000,
    825. 

  825.           }),
    826. 

  826.           headers: {
    827. 

  827.             'Content-Type': 'application/json'
    828. 

  828.           }
    829. 

  829.         }).then(res => {
    830. 

  830.           return res.json()
    831. 

  831.         }).then(result => {
    832. 

  832.           let { data, code, msg } = result
    833. 

  833.           if (code === 1) {
    834. 

  834.             this.recordList = data
    835. 

  835.           } else {
    836. 

  836.             this.$message({
    837. 

  837.               message: msg,
    838. 

  838.               type: 'warning'
    839. 

  839.             })
    840. 

  840.           }
    841. 

  841.         })
    842. 

  842.       },
    843. 

  843.       // 获取阶段
    844. 

  844.       getStep() {
    845. 

  845.         fetch(this.httpUrl + `/scrm/v1/wxcp-client-pro/p/clientStepList?bId=${this.bId}&externalUserId=${this.externalUserId}`)
    846. 

  846.           .then(res => {
    847. 

  847.             return res.json()
    848. 

  848.           }).then(result => {
    849. 

  849.             let { data, code, msg } = result
    850. 

  850.             if (code === 1) {
    851. 

  851.               this.stepData = data
    852. 

  852.             } else {
    853. 

  853.               this.$message({
    854. 

  854.                 message: msg,
    855. 

  855.                 type: 'warning'
    856. 

  856.               })
    857. 

  857.             }
    858. 

  858.           })
    859. 

  859.       },
    860. 

  860.       // 获取阶段跟进数据
    861. 

  861.       getStepFollow() {
    862. 

  862.         fetch(this.httpUrl + '/scrm/v1/wxcp-client-pro/p/clientFollow', {
    863. 

  863.           method: 'post',
    864. 

  864.           body: JSON.stringify({
    865. 

  865.             bid: this.bId,
    866. 

  866.             externalUserId: this.externalUserId,
    867. 

  867.             memberId: this.memberId,
    868. 

  868.             page: 1,
    869. 

  869.             pageCount: 1000,
    870. 

  870.           }),
    871. 

  871.           headers: {
    872. 

  872.             'Content-Type': 'application/json'
    873. 

  873.           }
    874. 

  874.         }).then(res => {
    875. 

  875.           return res.json()
    876. 

  876.         }).then(result => {
    877. 

  877.           let { data, code, msg } = result
    878. 

  878.           if (code === 1) {
    879. 

  879.             let arr = this.groupDataByDate(data.records)
    880. 

  880.             this.stepFollowList = arr.reverse()
    881. 

  881.           } else {
    882. 

  882.             this.$message({
    883. 

  883.               message: msg,
    884. 

  884.               type: 'warning'
    885. 

  885.             })
    886. 

  886.           }
    887. 

  887.         })
    888. 

  888.       },
    889. 

  889.       // 按日期分组数据
    890. 

  890.       groupDataByDate(data) {
    891. 

  891.         const grouped = {}
    892. 

  892.         // 按日期分组
    893. 

  893.         data.forEach(item => {
    894. 

  894.           const dateStr = item.updatedTime.slice(0, 10); // 提取年月日
    895. 

  895.           if (!grouped[dateStr]) {
    896. 

  896.             grouped[dateStr] = []
    897. 

  897.           }
    898. 

  898.           grouped[dateStr].push(item)
    899. 

  899.         })
    900. 

  900.         // 转换为指定格式并排序
    901. 

  901.         return Object.keys(grouped)
    902. 

  902.           .sort() // 按日期升序排列
    903. 

  903.           .map(date => ({
    904. 

  904.             date,
    905. 

  905.             content: grouped[date]
    906. 

  906.           }))
    907. 

  907.       },
    908. 

  908.       toSignUp() {
    909. 

  909.         this.showDialog = true
    910. 

  910.         this.form = {
    911. 

  911.           followType: 0,
    912. 

  912.           remark: ''
    913. 

  913.         }
    914. 

  914.       },
    915. 

  915.       // 添加客户跟进
    916. 

  916.       handleSave() {
    917. 

  917.         fetch(this.httpUrl + '/scrm/v1/wxcp-client-pro/p/addFollow', {
    918. 

  918.           method: 'post',
    919. 

  919.           body: JSON.stringify({
    920. 

  920.             bid: this.bId,
    921. 

  921.             externalUserId: this.externalUserId,
    922. 

  922.             memberId: this.memberId,
    923. 

  923.             followType: this.form.followType,
    924. 

  924.             remark: this.form.remark,
    925. 

  925.           }),
    926. 

  926.           headers: {
    927. 

  927.             'Content-Type': 'application/json'
    928. 

  928.           }
    929. 

  929.         }).then(res => {
    930. 

  930.           return res.json()
    931. 

  931.         }).then(result => {
    932. 

  932.           let { data, code, msg } = result
    933. 

  933.           if (code === 1) {
    934. 

  934.             this.showDialog = false
    935. 

  935.             this.getClientFollow()
    936. 

  936.             this.$message({
    937. 

  937.               message: '添加成功',
    938. 

  938.               type: 'success' 
    939. 

  939.             })
    940. 

  940.           } else {
    941. 

  941.             this.$message({
    942. 

  942.               message: msg,
    943. 

  943.               type: 'warning'
    944. 

  944.             })
    945. 

  945.           }
    946. 

  946.         })
    947. 

  947.       },
    948. 

  948.       // 编辑手机号
    949. 

  949.       handleEdit(title, value, type) {
    950. 

  950.         this.editFormList = [{
    951. 

  951.           name: title,
    952. 

  952.           type: 0,
    953. 

  953.           value: [value]
    954. 

  954.         }]
    955. 

  955.         this.editType = type
    956. 

  956.         this.showEditDialog = true 
    957. 

  957.       },
    958. 

  958.       // 编辑其他字段
    959. 

  959.       handleEditOther() {
    960. 

  960.         this.editFormList = this.clientData.cols
    961. 

  961.         this.editType = 'other'
    962. 

  962.         this.showEditDialog = true
    963. 

  963.       },
    964. 

  964.       handleEditSave() {
    965. 

  965.         if (this.editType === 'phone') {
    966. 

  966.           this.editPhone()
    967. 

  967.         } else if (this.editType === 'other') {
    968. 

  968.           this.editOthers()
    969. 

  969.         }
    970. 

  970.       },
    971. 

  971.       // 修改手机号
    972. 

  972.       editPhone() {
    973. 

  973.         fetch(this.httpUrl + `/scrm/v1/wxcp-client-pro/p/updatePhone?bId=${this.bId}&externalUserId=${this.externalUserId}&memberId=${this.memberId}&phone=${this.editFormList[0].value[0]}`)
    974. 

  974.           .then(res => {
    975. 

  975.             return res.json()
    976. 

  976.           }).then(result => {
    977. 

  977.             let { data, code, msg } = result
    978. 

  978.             if (code === 1) {
    979. 

  979.               this.showEditDialog = false
    980. 

  980.               this.getClientExt()
    981. 

  981.               this.$message({
    982. 

  982.                 message: '编辑成功',
    983. 

  983.                 type: 'success'
    984. 

  984.               })
    985. 

  985.             } else {
    986. 

  986.               this.$message({
    987. 

  987.                 message: msg,
    988. 

  988.                 type: 'warning'
    989. 

  989.               })
    990. 

  990.             }
    991. 

  991.           })
    992. 

  992.       },
    993. 

  993.       // 编辑其他字段
    994. 

  994.       editOthers() {
    995. 

  995.         fetch(this.httpUrl + '/scrm/v1/wxcp-client-pro/p/updateExt', {
    996. 

  996.           method: 'post',
    997. 

  997.           body: JSON.stringify({
    998. 

  998.             bid: this.bId,
    999. 

  999.             externalUserId: this.externalUserId,
    1000. 

  1000.             memberId: this.memberId,
    1001. 

  1001.             cols: this.clientData.cols
    1002. 

  1002.           }),
    1003. 

  1003.           headers: {
    1004. 

  1004.             'Content-Type': 'application/json'
    1005. 

  1005.           }
    1006. 

  1006.         }).then(res => {
    1007. 

  1007.           return res.json()
    1008. 

  1008.         }).then(result => {
    1009. 

  1009.           let { data, code, msg } = result
    1010. 

  1010.           if (code === 1) {
    1011. 

  1011.             this.showEditDialog = false
    1012. 

  1012.             this.getClientExt()
    1013. 

  1013.             this.$message({
    1014. 

  1014.               message: '添加成功',
    1015. 

  1015.               type: 'success'
    1016. 

  1016.             })
    1017. 

  1017.           } else {
    1018. 

  1018.             this.$message({
    1019. 

  1019.               message: msg,
    1020. 

  1020.               type: 'warning'
    1021. 

  1021.             })
    1022. 

  1022.           }
    1023. 

  1023.         })
    1024. 

  1024.       },
    1025. 

  1025.       // 截取url中的数据
    1026. 

  1026.       getQueryParam(paramName) {
    1027. 

  1027.         // 获取当前URL的查询字符串部分  
    1028. 

  1028.         const queryString = window.location.search;
    1029. 

  1029.         // 创建一个URLSearchParams对象  
    1030. 

  1030.         const urlParams = new URLSearchParams(queryString);
    1031. 

  1031.         // 返回指定参数的值，如果不存在则返回null  
    1032. 

  1032.         return urlParams.get(paramName);
    1033. 

  1033.       },
    1034. 

  1034.       timeFormat(time, format = 'yyyy-MM-dd hh:mm:ss') {
    1035. 

  1035.         if (time === undefined || time === '' || time === null) {
    1036. 

  1036.           return '/';
    1037. 

  1037.         }
    1038. 

  1038. 

  1039.         const date = new Date(time);
    1040. 

  1040.         const o = {
    1041. 

  1041.           'M+': date.getMonth() + 1, // 月份
    1042. 

  1042.           'd+': date.getDate(),      // 日
    1043. 

  1043.           'h+': date.getHours(),     // 小时
    1044. 

  1044.           'm+': date.getMinutes(),   // 分钟
    1045. 

  1045.           's+': date.getSeconds(),   // 秒
    1046. 

  1046.           'q+': Math.floor((date.getMonth() + 3) / 3), // 季度
    1047. 

  1047.           'S': date.getMilliseconds() // 毫秒
    1048. 

  1048.         };
    1049. 

  1049. 

  1050.         // 处理年份
    1051. 

  1051.         if (/(y+)/.test(format)) {
    1052. 

  1052.           format = format.replace(RegExp.$1, (date.getFullYear() + '').substr(4 - RegExp.$1.length));
    1053. 

  1053.         }
    1054. 

  1054. 

  1055.         // 处理日期和时间部分
    1056. 

  1056.         for (let k in o) {
    1057. 

  1057.           if (new RegExp('(' + k + ')').test(format)) {
    1058. 

  1058.             let value = o[k];
    1059. 

  1059.             let padding = RegExp.$1.length === 1 ? '' : '00'; // 根据格式字符串中的长度决定是否补零
    1060. 

  1060.             format = format.replace(RegExp.$1, ('' + value).padStart(padding.length + value.toString().length - value.toString().length, '0'));
    1061. 

  1061.           }
    1062. 

  1062.         }
    1063. 

  1063. 

  1064.         // 如果格式只包含时间部分，移除日期部分可能的占位符
    1065. 

  1065.         if (!/(M+|d+)/.test(format)) {
    1066. 

  1066.           // 移除任何可能存在的日期占位符（如：'yyyy-MM-dd '）
    1067. 

  1067.           format = format.replace(/(\s*-\s*){2}/g, ''); // 移除两个'-'之间的任何内容
    1068. 

  1068.           format = format.replace(/^\s*yyyy-\s*/, ''); // 移除开头的'yyyy-'
    1069. 

  1069.         }
    1070. 

  1070. 

  1071.         // 如果格式只包含日期部分，移除时间部分可能的占位符
    1072. 

  1072.         if (!/(h+|m+|s+)/.test(format)) {
    1073. 

  1073.           // 移除任何可能存在的时间占位符（如：' hh:mm:ss'）
    1074. 

  1074.           format = format.replace(/(\s*:\s*){2}/g, ''); // 移除两个':'之间的任何内容
    1075. 

  1075.           format = format.replace(/\s*hh:\s*$/, ''); // 移除结尾的' hh:'
    1076. 

  1076.         }
    1077. 

  1077. 

  1078.         return format;
    1079. 

  1079.       }
    1080. 

  1080.     }
    1081. 

  1081.   })   
    1082. 

  1082. </script>
    1083. 

  1083. 

  1084. </html>
    1085.