右侧调解记录
This commit is contained in:
parent
2a9df497fe
commit
b0e25933b9
@ -181,7 +181,7 @@
|
||||
</div>
|
||||
<!-- 电话 -->
|
||||
<div class="text-center icon-bg icon-phone" v-if="itemrecord.linkedWay == 1">
|
||||
<i v-if="itemrecord.callWay == 1" class="callphone-icon"></i>
|
||||
<i v-if="itemrecord.callWay == 1 || itemrecord.callWay == null" class="callphone-icon"></i>
|
||||
<i v-if="itemrecord.callWay == 0 && itemrecord.linkedSituation != 1" class="callbackphone-icon"></i>
|
||||
<i v-if="itemrecord.callWay == 0 && itemrecord.linkedSituation == 1" class="nocallphone-icon"></i>
|
||||
</div>
|
||||
@ -293,12 +293,7 @@ export default {
|
||||
caseId:this.$route.query.caseId,
|
||||
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'}
|
||||
],
|
||||
materialTypeOptions: this.$util.getMediationprogress(),
|
||||
};
|
||||
},
|
||||
computed: {
|
||||
|
||||
@ -25,14 +25,14 @@
|
||||
format="yyyy-MM-dd HH:mm:ss">
|
||||
</el-date-picker>
|
||||
<!-- <el-date-picker
|
||||
v-model="value1"
|
||||
type="datetime"
|
||||
placeholder="选择日期时间">
|
||||
</el-date-picker> -->
|
||||
v-model="value1"
|
||||
type="datetime"
|
||||
placeholder="选择日期时间">
|
||||
</el-date-picker> -->
|
||||
|
||||
</div>
|
||||
<span class="f16 f-weight500 mt-8">电话情况</span>
|
||||
<div class="mt-8">
|
||||
<span v-if="mrObj.linkedWay == 1" class="f16 f-weight500 mt-8">电话情况</span>
|
||||
<div v-if="mrObj.linkedWay == 1" class="mt-8">
|
||||
<el-radio-group v-model="mrObj.linkedSituation">
|
||||
<el-radio :label="0">已接</el-radio>
|
||||
<el-radio :label="1">未接</el-radio>
|
||||
|
||||
@ -23,90 +23,56 @@
|
||||
<div v-if="rightActive === 2">
|
||||
<div class="tab-content-title f16 f-weight600 pb-8">沟通记录</div>
|
||||
<el-scrollbar :style="'height:'+`${contentHeight}`+'px'">
|
||||
<div class="timeline-layout pt-8">
|
||||
<div class="timeline-layout-100 mb-16">
|
||||
<div class="flex-row justify-content-between">
|
||||
<div class="flex-row">
|
||||
<div>17:15:00</div>
|
||||
<div class="pl-8 pr-8">
|
||||
陈陈陈
|
||||
<div v-for="(item,index) in communicationRecord" :key="index">
|
||||
<div class="timeline-layout pt-16 pb-16" v-for="(itemrecord,index) in item.records" :key="index">
|
||||
<div class="timeline-layout-100 mb-16">
|
||||
<div class="flex-row justify-content-between">
|
||||
<div class="flex-row">
|
||||
<div>{{ itemrecord.createAt | formaDate('yyyy-MM-dd hh:mm:ss') }}</div>
|
||||
<div class="pl-8 pr-8">
|
||||
{{itemrecord.mediator}}
|
||||
</div>
|
||||
<!-- 电话 -->
|
||||
<div class="text-center icon-bg icon-phone" v-if="itemrecord.linkedWay == 1">
|
||||
<i v-if="itemrecord.callWay == 1 || itemrecord.callWay == null" class="callphone-icon"></i>
|
||||
<i v-if="itemrecord.callWay == 0 && itemrecord.linkedSituation != 1" class="callbackphone-icon"></i>
|
||||
<i v-if="itemrecord.callWay == 0 && itemrecord.linkedSituation == 1" class="nocallphone-icon"></i>
|
||||
</div>
|
||||
</div>
|
||||
<!-- <span class="cursor-pointer"><i class="ml-8 f14 el-icon-edit"></i></span> -->
|
||||
</div>
|
||||
<div class="timeline-layout-w-records mt-8 mb-8">
|
||||
<div class="flex-column align-items-start">
|
||||
<div>
|
||||
<span v-for="(itemperson,index) in itemrecord.linkedPersonInfo" :key="index">
|
||||
{{ itemperson.name}}
|
||||
{{ itemrecord.linkedWay == 1 ? itemperson.phone :''}}
|
||||
<el-tag class="mr-8" size="small" effect="plain" style="height: 22px;">{{itemperson.type}}</el-tag>
|
||||
</span>
|
||||
</div>
|
||||
<el-tag size="small" effect="plain" style="height: 22px;" v-if="itemrecord.mediateStatus != null">{{ materialTypeOptions.find(item => item.value == itemrecord.mediateStatus).label }}</el-tag>
|
||||
</div>
|
||||
<!-- 电话 -->
|
||||
<div class="text-center icon-bg icon-phone">
|
||||
<i class="callphone-icon"></i>
|
||||
<div v-if="itemrecord.linkedWay == 1" class="flex-row align-items-center pt-6">
|
||||
<div v-if="itemrecord.linkedType == 1">通话{{itemrecord.linkedDuration}}秒</div>
|
||||
<el-divider v-if="itemrecord.linkedType == 1" direction="vertical"></el-divider>
|
||||
<div class="text-center cursor-pointer"><i class="f14 el-icon-video-play"></i> 播放录音</div>
|
||||
</div>
|
||||
<!-- <div class="text-center icon-bg icon-phone" v-if="itemrecord.linkedWay == 1">-->
|
||||
<!-- <i v-if="itemrecord.callWay == 1" class="callphone-icon"></i>-->
|
||||
<!-- <i v-if="itemrecord.callWay == 0 && itemrecord.linkedSituation != 1" class="callbackphone-icon"></i>-->
|
||||
<!-- <i v-if="itemrecord.callWay == 0 && itemrecord.linkedSituation == 1" class="nocallphone-icon"></i>-->
|
||||
<!-- </div>-->
|
||||
<!-- 视频 -->
|
||||
<!-- <div class="text-center icon-bg icon-phone" v-if="itemrecord.linkedWay == 2">-->
|
||||
<!-- <i class="callvideo-icon"></i>-->
|
||||
<!-- </div>-->
|
||||
<!-- 微信 -->
|
||||
<!-- <div class="text-center icon-bg icon-phone" v-if="itemrecord.linkedWay == 3">-->
|
||||
<!-- <i class="callwechat-icon"></i>-->
|
||||
<!-- </div>-->
|
||||
</div>
|
||||
<span class="cursor-pointer"><i class="ml-8 f14 el-icon-edit"></i></span>
|
||||
<div>沟通备注：<span class="color-FF7D00">{{itemrecord.communicationRemarks}}</span></div>
|
||||
</div>
|
||||
<div class="timeline-layout-w-records mt-8 mb-8">
|
||||
<div class="timeline-layout-100 timeline-layout-ai">
|
||||
<div class="flex-row align-items-center">
|
||||
<div>
|
||||
<span>
|
||||
陈继平 134****9447
|
||||
<el-tag class="mr-8" size="small" effect="plain">本人</el-tag>
|
||||
</span>
|
||||
</div>
|
||||
<el-tag size="small" effect="plain">重点客户</el-tag>
|
||||
<!-- <div>-->
|
||||
<!-- <span class="pr-8" v-for="(itemperson,index) in itemrecord.linkedPersonInfo" :key="index">-->
|
||||
<!-- {{ itemperson.name}}-->
|
||||
<!-- {{ itemrecord.linkedWay == 1 ? itemperson.phone :''}}-->
|
||||
<!-- <el-tag class="mr-8" size="small" effect="plain" style="height: 22px;">{{itemperson.labelName}}</el-tag>-->
|
||||
<!-- </span>-->
|
||||
<!-- </div>-->
|
||||
|
||||
<!-- <el-tag size="small" effect="plain" style="height: 22px;" v-if="itemrecord.mediateStatus != null">{{ materialTypeOptions.find(item => item.value == itemrecord.mediateStatus).label }}</el-tag>-->
|
||||
<div class="mr-8 ai-logo-img"></div>
|
||||
<div>调解小助手帮你总结：<i class="f14 el-icon-warning-outline cursor-pointer"></i></div>
|
||||
</div>
|
||||
|
||||
<!-- 电话 -->
|
||||
<div class="flex-row align-items-center pt-6">
|
||||
<div >通话1秒</div>
|
||||
<el-divider direction="vertical"></el-divider>
|
||||
<div class="text-center cursor-pointer"><i class="f14 el-icon-video-play"></i> 播放录音</div>
|
||||
<div class="pt-8 f12">
|
||||
由于提供的通话记录内容非常有限且不包含具体的人物姓名、对话主旨、相关的时间和金额信息，无法形成有效的摘要。
|
||||
</div>
|
||||
<!-- <div v-if="itemrecord.linkedWay == 1" class="flex-row align-items-center pt-6">-->
|
||||
<!-- <div v-if="itemrecord.linkedType == 1">通话{{itemrecord.linkedDuration}}秒</div>-->
|
||||
<!-- <el-divider direction="vertical"></el-divider>-->
|
||||
<!-- <div class="text-center cursor-pointer"><i class="f14 el-icon-video-play"></i> 播放录音</div>-->
|
||||
<!-- </div>-->
|
||||
<!-- 视频 -->
|
||||
<!-- <div v-if="itemrecord.linkedWay == 2" class="flex-row align-items-center pt-6">-->
|
||||
<!-- <div>视频{{itemrecord.linkedDuration}}秒</div>-->
|
||||
<!-- <el-divider direction="vertical"></el-divider>-->
|
||||
<!-- <div class="text-center cursor-pointer"><i class="f14 el-icon-video-play"></i> 播放视频</div>-->
|
||||
<!-- </div>-->
|
||||
<!-- 微信 -->
|
||||
<!-- <div v-if="itemrecord.linkedWay == 3" class="flex-row align-items-center pt-6">-->
|
||||
<!-- <!– <div>通话44秒</div> –>-->
|
||||
<!-- <el-divider direction="vertical"></el-divider>-->
|
||||
<!-- <div class="text-center cursor-pointer">查看文件</div>-->
|
||||
<!-- </div>-->
|
||||
</div>
|
||||
<div>沟通备注：<span class="color-FF7D00">111</span></div>
|
||||
</div>
|
||||
<div class="timeline-layout-100 timeline-layout-ai">
|
||||
<div class="flex-row align-items-center">
|
||||
<div class="mr-8 ai-logo-img"></div>
|
||||
<div>调解小助手帮你总结：<i class="f14 el-icon-warning-outline cursor-pointer"></i></div>
|
||||
</div>
|
||||
<div class="pt-8 f12">
|
||||
由于提供的通话记录内容非常有限且不包含具体的人物姓名、对话主旨、相关的时间和金额信息，无法形成有效的摘要。
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</el-scrollbar>
|
||||
</div>
|
||||
|
||||
@ -153,87 +119,51 @@
|
||||
<div v-if="rightActive === 4">
|
||||
<div class="tab-content-title f16 f-weight600 pb-8">视频记录</div>
|
||||
<el-scrollbar :style="'height:'+`${contentHeight}`+'px'">
|
||||
<div class="timeline-layout pt-8">
|
||||
<div class="timeline-layout-100 mb-16">
|
||||
<div class="flex-row justify-content-between">
|
||||
<div class="flex-row">
|
||||
<div>17:15:00</div>
|
||||
<div class="pl-8 pr-8">
|
||||
陈陈陈
|
||||
<div v-for="(item,index) in communicationvideoRecord" :key="index">
|
||||
<div class="timeline-layout pt-16 pb-16" v-for="(itemrecord,index) in item.records" :key="index">
|
||||
<div class="timeline-layout-100 mb-16">
|
||||
<div class="flex-row justify-content-between">
|
||||
<div class="flex-row">
|
||||
<div>{{ itemrecord.createAt | formaDate('yyyy-MM-dd hh:mm:ss') }}</div>
|
||||
<div class="pl-8 pr-8">
|
||||
{{itemrecord.mediator}}
|
||||
</div>
|
||||
<!-- 视频 -->
|
||||
<div class="text-center icon-bg icon-phone" v-if="itemrecord.linkedWay == 2">
|
||||
<i class="callvideo-icon"></i>
|
||||
</div>
|
||||
</div>
|
||||
<!-- 视频 -->
|
||||
<div class="text-center icon-bg icon-phone">
|
||||
<i class="callvideo-icon"></i>
|
||||
</div>
|
||||
<!-- <div class="text-center icon-bg icon-phone" v-if="itemrecord.linkedWay == 1">-->
|
||||
<!-- <i v-if="itemrecord.callWay == 1" class="callphone-icon"></i>-->
|
||||
<!-- <i v-if="itemrecord.callWay == 0 && itemrecord.linkedSituation != 1" class="callbackphone-icon"></i>-->
|
||||
<!-- <i v-if="itemrecord.callWay == 0 && itemrecord.linkedSituation == 1" class="nocallphone-icon"></i>-->
|
||||
<!-- </div>-->
|
||||
<!-- 视频 -->
|
||||
<!-- <div class="text-center icon-bg icon-phone" v-if="itemrecord.linkedWay == 2">-->
|
||||
<!-- <i class="callvideo-icon"></i>-->
|
||||
<!-- </div>-->
|
||||
<!-- 微信 -->
|
||||
<!-- <div class="text-center icon-bg icon-phone" v-if="itemrecord.linkedWay == 3">-->
|
||||
<!-- <i class="callwechat-icon"></i>-->
|
||||
<!-- </div>-->
|
||||
<!-- <span class="cursor-pointer"><i class="ml-8 f14 el-icon-edit"></i></span> -->
|
||||
</div>
|
||||
<span class="cursor-pointer"><i class="ml-8 f14 el-icon-edit"></i></span>
|
||||
<div class="timeline-layout-w-records mt-8 mb-8">
|
||||
<div class="flex-column align-items-start">
|
||||
<div>
|
||||
<span v-for="(itemperson,index) in itemrecord.linkedPersonInfo" :key="index">
|
||||
{{ itemperson.name}}
|
||||
{{ itemrecord.linkedWay == 1 ? itemperson.phone :''}}
|
||||
<el-tag class="mr-8" size="small" effect="plain" style="height: 22px;">{{itemperson.type}}</el-tag>
|
||||
</span>
|
||||
</div>
|
||||
<el-tag size="small" effect="plain" style="height: 22px;margin-top: 2px;" v-if="itemrecord.mediateStatus != null">{{ materialTypeOptions.find(item => item.value == itemrecord.mediateStatus).label }}</el-tag>
|
||||
</div>
|
||||
<!-- 视频 -->
|
||||
<div v-if="itemrecord.linkedWay == 2" class="flex-row align-items-center pt-6">
|
||||
<div v-if="itemrecord.linkedType == 1">视频{{itemrecord.linkedDuration}}秒</div>
|
||||
<el-divider v-if="itemrecord.linkedType == 1" direction="vertical"></el-divider>
|
||||
<div class="text-center cursor-pointer"><i class="f14 el-icon-video-play"></i> 播放视频</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<div>沟通备注：<span class="color-FF7D00">{{itemrecord.communicationRemarks}}</span></div>
|
||||
</div>
|
||||
<div class="timeline-layout-w-records mt-8 mb-8">
|
||||
<div class="timeline-layout-100 timeline-layout-ai">
|
||||
<div class="flex-row align-items-center">
|
||||
<div>
|
||||
<span>
|
||||
陈继平 134****9447
|
||||
<el-tag class="mr-8" size="small" effect="plain">本人</el-tag>
|
||||
</span>
|
||||
</div>
|
||||
<el-tag size="small" effect="plain">重点客户</el-tag>
|
||||
<!-- <div>-->
|
||||
<!-- <span class="pr-8" v-for="(itemperson,index) in itemrecord.linkedPersonInfo" :key="index">-->
|
||||
<!-- {{ itemperson.name}}-->
|
||||
<!-- {{ itemrecord.linkedWay == 1 ? itemperson.phone :''}}-->
|
||||
<!-- <el-tag class="mr-8" size="small" effect="plain" style="height: 22px;">{{itemperson.labelName}}</el-tag>-->
|
||||
<!-- </span>-->
|
||||
<!-- </div>-->
|
||||
|
||||
<!-- <el-tag size="small" effect="plain" style="height: 22px;" v-if="itemrecord.mediateStatus != null">{{ materialTypeOptions.find(item => item.value == itemrecord.mediateStatus).label }}</el-tag>-->
|
||||
<div class="mr-8 ai-logo-img"></div>
|
||||
<div>调解小助手帮你总结：<i class="f14 el-icon-warning-outline cursor-pointer"></i></div>
|
||||
</div>
|
||||
|
||||
<!-- 电话 -->
|
||||
<div class="flex-row align-items-center pt-6">
|
||||
<div >视频1秒</div>
|
||||
<el-divider direction="vertical"></el-divider>
|
||||
<div class="text-el-icon-video-play"><i class="f14 el-icon-video-play"></i> 播放视频</div>
|
||||
<div class="pt-8 f12">
|
||||
由于提供的通话记录内容非常有限且不包含具体的人物姓名、对话主旨、相关的时间和金额信息，无法形成有效的摘要。
|
||||
</div>
|
||||
<!-- <div v-if="itemrecord.linkedWay == 1" class="flex-row align-items-center pt-6">-->
|
||||
<!-- <div v-if="itemrecord.linkedType == 1">通话{{itemrecord.linkedDuration}}秒</div>-->
|
||||
<!-- <el-divider direction="vertical"></el-divider>-->
|
||||
<!-- <div class="text-center cursor-pointer"><i class="f14 el-icon-video-play"></i> 播放录音</div>-->
|
||||
<!-- </div>-->
|
||||
<!-- 视频 -->
|
||||
<!-- <div v-if="itemrecord.linkedWay == 2" class="flex-row align-items-center pt-6">-->
|
||||
<!-- <div>视频{{itemrecord.linkedDuration}}秒</div>-->
|
||||
<!-- <el-divider direction="vertical"></el-divider>-->
|
||||
<!-- <div class="text-center cursor-pointer"><i class="f14 el-icon-video-play"></i> 播放视频</div>-->
|
||||
<!-- </div>-->
|
||||
<!-- 微信 -->
|
||||
<!-- <div v-if="itemrecord.linkedWay == 3" class="flex-row align-items-center pt-6">-->
|
||||
<!-- <!– <div>通话44秒</div> –>-->
|
||||
<!-- <el-divider direction="vertical"></el-divider>-->
|
||||
<!-- <div class="text-center cursor-pointer">查看文件</div>-->
|
||||
<!-- </div>-->
|
||||
</div>
|
||||
<div>沟通备注：<span class="color-FF7D00">111</span></div>
|
||||
</div>
|
||||
<div class="timeline-layout-100 timeline-layout-ai">
|
||||
<div class="flex-row align-items-center">
|
||||
<div class="mr-8 ai-logo-img"></div>
|
||||
<div>调解小助手帮你总结：<i class="f14 el-icon-warning-outline cursor-pointer"></i></div>
|
||||
</div>
|
||||
<div class="pt-8 f12">
|
||||
由于提供的通话记录内容非常有限且不包含具体的人物姓名、对话主旨、相关的时间和金额信息，无法形成有效的摘要。
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@ -393,7 +323,8 @@
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import caseManagement from "@/services/caseManagement";
|
||||
import api from "@/services/caseManagement";
|
||||
import contactPerson from "@/services/contactPerson";
|
||||
export default {
|
||||
name: "SidebarTool",
|
||||
components: {
|
||||
@ -410,9 +341,12 @@ export default {
|
||||
},
|
||||
data(){
|
||||
return{
|
||||
materialTypeOptions: this.$util.getMediationprogress(),
|
||||
rightActive: 0,
|
||||
imgPdf: require('@/assets/image/util/pdf_img.jpg'),
|
||||
markNum: 4
|
||||
markNum: 4,
|
||||
communicationRecord: [],
|
||||
communicationvideoRecord:[],
|
||||
}
|
||||
},
|
||||
computed: {
|
||||
@ -428,6 +362,37 @@ export default {
|
||||
}else {
|
||||
this.rightActive = val;
|
||||
}
|
||||
|
||||
if(this.rightActive == 2)
|
||||
{
|
||||
this.getmediate_record()
|
||||
}
|
||||
if(this.rightActive == 4)
|
||||
{
|
||||
this.getvideomediate_record()
|
||||
}
|
||||
},
|
||||
// 获取调解记录
|
||||
getmediate_record() {
|
||||
api.mediate_record_list({
|
||||
caseId:this.caseId,
|
||||
linkedWay:'1'
|
||||
}).then(res => {
|
||||
if (!res.code) {
|
||||
this.communicationRecord = res
|
||||
}
|
||||
})
|
||||
},
|
||||
// 获取视频调解记录
|
||||
getvideomediate_record() {
|
||||
api.mediate_record_list({
|
||||
caseId:this.caseId,
|
||||
linkedWay:'2'
|
||||
}).then(res => {
|
||||
if (!res.code) {
|
||||
this.communicationvideoRecord = res
|
||||
}
|
||||
})
|
||||
},
|
||||
|
||||
}
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user