From 7b7fbc4ffa89240f80d8c488fe7093975883edc5 Mon Sep 17 00:00:00 2001 From: liuxi <357439530@qq.com> Date: Fri, 10 Jan 2025 11:57:26 +0800 Subject: [PATCH] =?UTF-8?q?=E6=B2=9F=E9=80=9A=E8=AE=B0=E5=BD=95?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/assets/image/mediate/callbackphone.png | Bin 0 -> 935 bytes src/assets/image/mediate/callphone.png | Bin 0 -> 839 bytes src/assets/image/mediate/callvideo.png | Bin 0 -> 743 bytes src/assets/image/mediate/nocallbackphone.png | Bin 0 -> 880 bytes .../components/LayoutContentNew copy.vue | 937 ++++++++++++++++++ .../components/LayoutContentNew.vue | 383 +++---- .../components/MediationRecordDialog.vue | 4 +- .../components/contactPersonDialog.vue | 2 +- 8 files changed, 1073 insertions(+), 253 deletions(-) create mode 100644 src/assets/image/mediate/callbackphone.png create mode 100644 src/assets/image/mediate/callphone.png create mode 100644 src/assets/image/mediate/callvideo.png create mode 100644 src/assets/image/mediate/nocallbackphone.png create mode 100644 src/pages/mediation-page/components/LayoutContentNew copy.vue diff --git a/src/assets/image/mediate/callbackphone.png b/src/assets/image/mediate/callbackphone.png new file mode 100644 index 0000000000000000000000000000000000000000..2b91ebf102678ce6a635cd91812562cd0c5d71e9 GIT binary patch literal 935 zcmV;Y16cftP)}Y_&l1LmJ(8U29 zFcB6>I0qeI01YjF+TQbhAD(Hi*Sps%#rq_X_Wtxf_j|wJ@7+Bn4`U0vw^@oYCK@H? z44nazp{09HJP2 zh{}B@3rT?uh+JIc022?1^LjLiRrE4SaEoGyLzS%Hl9;BLf?^fSVvu5rs_apfgYC_| zk^Uq-yOpBeZl(xiI;f4@A2>(j1Id#sU9f1oP^M-v7VJ*2jz%g$G`Dd~#gZgbx%rJF zTKU<$oUveUN>Hw5n3!IDIV4j#+)z}E1aqDo8tG5a(&mvGG8rhhU35t5ZOOpjxA&Ze z5e^m1_9c81eDZo1J^fg$+df_;gUF97;V`yZ5gfkkf5_E~mi}Acsnl$rQ$y-X6;z(C z{0Pszp!{s9iYIS$(&P8Vnu3}Cn{SXrVeJ&9mX3-DJ7BxuG~9K@92aYVGuf zJ~%PhN$tc~5TK&HJq^=dD{Ulm&NzM`PnR~$UIR`|(7iAu(a;-3 z(>=yC+ASAJ5a@xJZ8ANUE{OG=vT8Nunkh4kw!Rl**rUE~x?qTHiYZdcHKG13QcPjN zN|2pA#T2Jh$%*{E^asguhGK>q*_r%r!W8j literal 0 HcmV?d00001 diff --git a/src/assets/image/mediate/callphone.png b/src/assets/image/mediate/callphone.png new file mode 100644 index 0000000000000000000000000000000000000000..c7f94136d561c273afa1f9737d4ecef17d2e3fed GIT binary patch literal 839 zcmV-N1GxN&P)Xt-f4>KXYCDvnT^u}zE_HyRahB0oQ#4WI$lk&KpmcPziHW15kq*+N&fsDqT`A0Wy2_yDUY9i8hJZpa760 zE6iN6Bi2sgVZ!Wx#yzq3^(E1XY^%4=>1ugtpDEF7qJaxX5OUm!7MWy)% z%Mp6I7AIp#(5u5gR6glY5O@;YSdCFO8Sh4_42BNf1#ys9p@+ zPv4A@-*^%P`J;=W<=jx+1Z~hyJPS5e-`)P$a{l*&Hkda2YkQsrL9J!ei%-9Y?r*Kn z`zAS&AV5B1+!_Ruqm~;Z+O&P!^E}uO_QqxPg@auL%Z=9f?qAiT4Q7+`bV~^$`X#f| zd*&5>wD)W3jSQ2HTdO;6*v_oz)~6wgf-9Qi8^EOqj+4{@L3APAMn7>54uWVPCz}&a z*C?vj_ZGF&(9D7WIf*T3nzk2+AVA(ha#Y_QMM*P^T$&(20YLK27jH}MW!RW%o6&Jl zZBzNDSd5mKm>!Ben^R{kqM4h@aC2>|vK_I26Hl2Oc15&R4(O;k9JyZw= R>wy3O002ovPDHLkV1grefd~Kq literal 0 HcmV?d00001 diff --git a/src/assets/image/mediate/callvideo.png b/src/assets/image/mediate/callvideo.png new file mode 100644 index 0000000000000000000000000000000000000000..593acbcd7c93420393e5130ab6edf33f606e80b3 GIT binary patch literal 743 zcmV?P)^LFf zbdz)5CqzR!c5s5nSS(%q6`@@uEI8-l{v(o76E;AL{zE{K?pa008gYbLZiyydiuHUP zV*ndDLEy^JhOiY`tS(%v!B)hRcryRyGxu&bfb~bfa#LOZJ^;RUfh0x+d}sJVBvz&2 z0}mthn}*^(Y>3!C%HmG#L2CrEpf+}a)}|^?5`>q<5!OA}M-|K#%(D!w^0oyWC8|up z&kkXP{YzTWY{5Lsu-w|pmZ#BJL0Q~V4_;0!{346s=nu+b7MT3ZuaA4Fm&;HOdeA>3 z&i0=Xv%o04m}}`54!&gT_P6sb$+~v|sxaNnaE@^V-^%4L8002ovPDHLkV1iPnPXGV_ literal 0 HcmV?d00001 diff --git a/src/assets/image/mediate/nocallbackphone.png b/src/assets/image/mediate/nocallbackphone.png new file mode 100644 index 0000000000000000000000000000000000000000..24e4d88d1f7eca56f65245b6ba052d0edf7d084f GIT binary patch literal 880 zcmV-$1CRWPP)NLKvgqI~^+-OCdc;ZL*K6u$pS2=S3G>ogl&96cev zzH^+8{y>B$znaarHQ)cDgxI4OL@3qnN(rIAgKK&gS5@i%e7{8n1<5K&i1$=bP)Vf7Irhq%n^bGJNh~f>2I^(Xk;?XV zZ~(cyOy1ocjf=HFv9J(W1E2p+Pf6Y1ldU+c_bx9f3swT*o>!Wi6n^yNglxs($cp&8 zzOGD*=FZMWV(4LOi&Tuuba8mzzqlY1{>@FIg^dDB8yi&H-ygZ}xh{40Mt8+|$Dwh7 zz{j1P*k?u;m)F)}@0S`4l6?5CJ9HoJ99WR!)F$@Q)=ZSeuq@tOPna;?AQA}$H%}6S z(zHOOlm^5ltQbX43_T{ZU=-L-F+ap3e&UFVEG2}B38RYefpACT1qP`!DqB!Pm8ex>OzJ@;+$RXUtJBYMHrM;R|hXP6M=~$ z*^+~;k7G4xR5?abVsPMImQrI?W|D~8CBnKGS2t1g(Wa>}8rMt~42iR(NGU&ZX^ARq zS%ibSzUI=`1T9w3dGlY+pu1-4VqZ7?Bb=GQX@D5)P;qgk zuhe%cF0LdgzfnPvJQ9{~9LHfR9#g^KQS|W~&#Qwv*q5?JPlN2D;Jzkm;Uo}>0000 +
+
+ +
+
+
+
+ +
+
程机票
+
+ 四川成都 +
+
+
+
+ +
+ + + +
+
+
+
暂停拨打
+
01:00
+
+
+
+
+
+
+
+
队列 200
+
+
已拨打 200
+
已接通 200
+
未接通 200
+
+
+
+
+ + +
+
+ +
+ +
+
+ + + + + + + + + 基本信息 + + + + 联系人 + + + + 案件材料 + + + + 案件文书 + + + + 还款计划 + + + + 还款凭证 + +
+
+ + +
+
+
基本信息
+
+
金融产品名称:
+
微粒贷
+
+
+
金融机构名称:
+
微众银行殷份有限公司
+
+
+
合同名称:
+
贷款合同
+
+
+
被申请人姓名:
+
陈继平
+
+
+
被申请人手机号码:
+
134****9447
+
+
+ +
+
+
+
呼叫被申请人
+
+ +
+
+
发送短信
+
+
+ +
+
债务信息
+
+
当前逾期金额:
+
2000000
+
+
+
欠款本金:
+
1800000
+
+
+
欠款利息:
+
2000000
+
+
+
月还款额:
+
6000
+
+
+
+ + +
+ +
+ + +
+ +
+ + +
+ + + + + + + + + + + + + + + + + + + + + +
+ + +
+ +
+ +
+ +
+ + + +
+
+ +
+
+ + +
+
+
沟通记录
+ +
+ + + + + + 新增沟通记录 +
+ + + + +
+
+
+
{{ itemrecord.createAt | formaDate('hh:mm:ss') }}
+
+ {{itemrecord.mediator}} +
+
+ + + +
+
+
+
+
+ + {{ itemperson.name}} + {{itemperson.phone}} + {{itemperson.labelName}} + +
+ 重点客户 +
+ +
+
通话{{itemrecord.linkedDuration}}秒
+ +
播放录音
+
+ +
+
通话44秒
+ +
播放录音
+
+ +
+
通话44秒
+ +
播放录音
+
+ +
+ +
+ 沟通备注： + 客户承诺本月底还款 + +
+
+
+
+
+
调解小助手帮你总结：
+
+
+ 由于提供的通话记录内容非常有限且不包含具体的人物姓名、对话主旨、相关的时间和金额信息，无法形成有效的摘要。 +
+
+
+ + + + + +
+
+ +
+ +
+ +
+
+ + + + + + +
+
+
+ +
+ +
预约
+
+ +
+ +
协议
+
+ + + + + + 签字 + + + + + + + + + 签章 + + + + + + + + 送达 + + + + +
+ +
类案
+
+
+ +
办结
+
+
+ +
失败
+
+
+ +
帮扶
+
+ + + + + + 协办 + + + +
+
+ + + + + +
+ + + + diff --git a/src/pages/mediation-page/components/LayoutContentNew.vue b/src/pages/mediation-page/components/LayoutContentNew.vue index bbf0911..7376bc7 100644 --- a/src/pages/mediation-page/components/LayoutContentNew.vue +++ b/src/pages/mediation-page/components/LayoutContentNew.vue @@ -44,19 +44,6 @@ - - - - - - - - - - - - -
@@ -67,30 +54,6 @@ - - - - - - - - - - - - - - - - - - - - - - - - @@ -181,145 +144,19 @@
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - +
- - - - - - - - - - - - - - - - - - +
- - - - - - - - - - - - - - - - - - - - +
@@ -353,88 +190,89 @@ 新增沟通记录
- - - -
-
-
-
17:15:05
-
李小山
-
+ + + + +
+
+
+
+
{{ itemrecord.createAt | formaDate('hh:mm:ss') }}
+
+ {{itemrecord.mediator}} +
+ +
+ + + +
+ +
+ +
+ +
+ +
+
+ +
+
+
+
+ + {{ itemperson.name}} + {{ itemrecord.linkedWay == 1 ? itemperson.phone :''}} + {{itemperson.labelName}} + +
+ + {{ materialTypeOptions.find(item => item.value == itemrecord.mediateStatus).label }} +
+ +
+
通话{{itemrecord.linkedDuration}}秒
+ +
播放录音
+
+ +
+
视频{{itemrecord.linkedDuration}}秒
+ +
播放视频
+
+ +
+ + +
查看文件
+
+ +
+ +
+ 沟通备注： + {{itemrecord.communicationRemarks}} + +
-
+
-
陈继平
-
134****9447
- 本人 - 重点客户 +
+
调解小助手帮你总结：
-
-
通话44秒
- -
播放录音
+
+ 由于提供的通话记录内容非常有限且不包含具体的人物姓名、对话主旨、相关的时间和金额信息，无法形成有效的摘要。
-
- 沟通备注： - 客户承诺本月底还款 - -
-
-
-
-
调解小助手帮你总结：
-
-
- 由于提供的通话记录内容非常有限且不包含具体的人物姓名、对话主旨、相关的时间和金额信息，无法形成有效的摘要。 -
-
-
- - - - -
-
-
-
17:15:05
-
李小山
-
-
-
-
-
陈继平
-
134****9447
- 本人 - 重点客户 -
-
-
通话44秒
- -
播放录音
-
-
-
- 沟通备注： - 客户说忙下次在沟通客户说忙下次在沟通客户说忙下次在沟通 - -
-
-
-
-
-
调解小助手帮你总结：
-
-
- 由于提供的通话记录内容非常有限且不包含具体的人物姓名、对话主旨、相关的时间和金额信息，无法形成有效的摘要。 -
-
-
- - - + + + + +
@@ -648,8 +486,14 @@ export default { VideoCallDialog: null, mediaterecordpm:{ caseId:this.$route.query.caseId, - linkedWay:undefined + linkedWay:'' }, + materialTypeOptions: [ + {label:'承诺账户',value:'1'},{label:'重点账户',value:'2'},{label:'拒联账户',value:'3'},{label:'已结清客户',value:'4'}, + {label:'疑难账户',value:'5'},{label:'失联账户',value:'6'},{label:'半失联账户',value:'7'},{label:'部分还款账户',value:'8'}, + {label:'适诉案件',value:'9'},{label:'可联账户',value:'10'},{label:'投诉倾向客户',value:'11'},{label:'分期客户',value:'12'}, + {label:'其他/无标签',value:'13'} + ], }; }, computed: { @@ -672,6 +516,14 @@ export default { let oh = document.documentElement.clientHeight; return oh - 57 - 48 - 38 -308 }, + CommunicationcontentHeight() { + let oh = document.documentElement.clientHeight; + return oh - 57 - 48 - 38 -308 + }, + MediationrecordHeight() { + let oh = document.documentElement.clientHeight; + return oh - 57 - 128 + }, }, async created() { this.caseId = this.$route.query.caseId @@ -900,7 +752,7 @@ export default { width: 460px; height: 100%; background-color: #fff; - border-radius: 25px 0px 0px 25px; + // border-radius: 25px 0px 0px 25px; padding: 20px 30px; @@ -1004,7 +856,8 @@ export default { } .layout-center-right-wrap { - background: url('~@/assets/image/mediate/m-right-bg.png') no-repeat; + background: #F2F3FA; + // background: url('~@/assets/image/mediate/m-right-bg.png') no-repeat; background-size: 100% 100%; width: calc(100% - 540px); height: 100%; @@ -1021,12 +874,42 @@ export default { .icon-bg{ width: 20px; height: 20px; - border-radius: 4px; - color: #FFFFFF; - } - .icon-phone{ - background-color: #52ABF2; + // border-radius: 4px; + // color: #FFFFFF; + + .callphone-icon{ + background: url('~@/assets/image/mediate/callphone.png') no-repeat; + display: inline-block; + width: 20px; + height: 20px; + background-size: 100% 100%; + } + .callbackphone-icon{ + background: url('~@/assets/image/mediate/callbackphone.png') no-repeat; + display: inline-block; + width: 20px; + height: 20px; + background-size: 100% 100%; + } + .nocallphone-icon{ + background: url('~@/assets/image/mediate/nocallbackphone.png') no-repeat; + display: inline-block; + width: 20px; + height: 20px; + background-size: 100% 100%; + } + + .callvideo-icon{ + background: url('~@/assets/image/mediate/callvideo.png') no-repeat; + display: inline-block; + width: 20px; + height: 20px; + background-size: 100% 100%; + } } + // .icon-phone{ + // background-color: #52ABF2; + // } .icon-video{ background-color: #FF7D00; } diff --git a/src/pages/mediation-page/components/MediationRecordDialog.vue b/src/pages/mediation-page/components/MediationRecordDialog.vue index 5a39f5c..a2f15f0 100644 --- a/src/pages/mediation-page/components/MediationRecordDialog.vue +++ b/src/pages/mediation-page/components/MediationRecordDialog.vue @@ -11,7 +11,7 @@ 电话 视频 - 视频 + 微信
沟通时间 @@ -64,7 +64,7 @@
+ placeholder="请输入内容" v-model="mrObj.communicationRemarks" maxlength="100">
调解进度 diff --git a/src/pages/mediation-page/components/contactPersonDialog.vue b/src/pages/mediation-page/components/contactPersonDialog.vue index 55deea5..fcdf07b 100644 --- a/src/pages/mediation-page/components/contactPersonDialog.vue +++ b/src/pages/mediation-page/components/contactPersonDialog.vue @@ -7,7 +7,7 @@ + label-width="120px">