diff --git a/src/assets/image/mediate/callbackphone.png b/src/assets/image/mediate/callbackphone.png new file mode 100644 index 0000000..2b91ebf Binary files /dev/null and b/src/assets/image/mediate/callbackphone.png differ diff --git a/src/assets/image/mediate/callphone.png b/src/assets/image/mediate/callphone.png new file mode 100644 index 0000000..c7f9413 Binary files /dev/null and b/src/assets/image/mediate/callphone.png differ diff --git a/src/assets/image/mediate/callvideo.png b/src/assets/image/mediate/callvideo.png new file mode 100644 index 0000000..593acbc Binary files /dev/null and b/src/assets/image/mediate/callvideo.png differ diff --git a/src/assets/image/mediate/nocallbackphone.png b/src/assets/image/mediate/nocallbackphone.png new file mode 100644 index 0000000..24e4d88 Binary files /dev/null and b/src/assets/image/mediate/nocallbackphone.png differ diff --git a/src/pages/mediation-page/components/LayoutContentNew copy.vue b/src/pages/mediation-page/components/LayoutContentNew copy.vue new file mode 100644 index 0000000..941db3c --- /dev/null +++ b/src/pages/mediation-page/components/LayoutContentNew copy.vue @@ -0,0 +1,937 @@ + + + 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">