修改UI代码
This commit is contained in:
parent
40d3c0a449
commit
39552159e8
@ -1,107 +1,98 @@
|
||||
<template>
|
||||
<div>
|
||||
<el-dialog :title="eventTraDialog.title" :visible="true" width="80%" append-to-body :close-on-click-modal="false"
|
||||
@close="handleClose">
|
||||
<div class="dialog-content dialog-trace">
|
||||
<div class="pt-8 border-b-solid-lighter-1">
|
||||
<div class="height-30 flex-row align-items-center justify-content-between mb-24">
|
||||
<div class="f22 color-text-primary">筛选</div>
|
||||
</div>
|
||||
<el-collapse-transition>
|
||||
<el-row :gutter="56">
|
||||
<el-col :span="6">
|
||||
<div class="flex-row-center align-items-center height-40 mb-24">
|
||||
<span class="tabs__search-criteria-title flex-shrink-0 pr-16">短信接收人</span>
|
||||
<el-input v-model.trim="queryParam.pkgName"
|
||||
clearable placeholder="请输入案件包名称"
|
||||
@keydown.enter.native="handleSearch">
|
||||
</el-input>
|
||||
</div>
|
||||
</el-col>
|
||||
<el-col :span="6">
|
||||
<div class="flex-row-center align-items-center height-40 mb-24">
|
||||
<span class="tabs__search-criteria-title flex-shrink-0 pr-16">电话号码</span>
|
||||
<el-input v-model.trim="queryParam.pkgName"
|
||||
clearable placeholder="请输入案件包名称"
|
||||
@keydown.enter.native="handleSearch">
|
||||
</el-input>
|
||||
</div>
|
||||
</el-col>
|
||||
<el-col :span="8">
|
||||
<div class="justify-content-start align-items-center height-40 mb-24">
|
||||
<span class="tabs__search-criteria-title flex-shrink-0 pr-16">操作时间</span>
|
||||
<el-date-picker
|
||||
v-model="queryDate"
|
||||
type="daterange"
|
||||
clearable
|
||||
range-separator="至"
|
||||
start-placeholder="开始日期"
|
||||
end-placeholder="结束日期"
|
||||
@change="handleChangeDate">
|
||||
</el-date-picker>
|
||||
</div>
|
||||
</el-col>
|
||||
<el-col :span="4">
|
||||
<div class="flex-row align-items-center justify-content-end">
|
||||
<el-button @click="hanldeReset">重置</el-button>
|
||||
<el-button type="primary" @click="handleSearch">搜索</el-button>
|
||||
</div>
|
||||
</el-col>
|
||||
</el-row>
|
||||
</el-collapse-transition>
|
||||
</div>
|
||||
<!-- table -->
|
||||
<div class="pt-8">
|
||||
<div class="height-56 flex-row align-items-center justify-content-between">
|
||||
<div class="f22 color-text-primary">电话呼叫列表</div>
|
||||
<div class="flex-row">
|
||||
|
||||
<div class="pt-8 border-b-solid-lighter-1">
|
||||
<div class="height-30 flex-row align-items-center justify-content-between mb-24">
|
||||
<div class="f18 color-text-primary">筛选</div>
|
||||
</div>
|
||||
<el-collapse-transition>
|
||||
<el-row :gutter="56">
|
||||
<el-col :span="6">
|
||||
<div class="flex-row-center align-items-center height-40 mb-24">
|
||||
<span class="tabs__search-criteria-title flex-shrink-0 pr-16">短信接收人</span>
|
||||
<el-input v-model.trim="queryParam.pkgName"
|
||||
clearable placeholder="请输入案件包名称"
|
||||
@keydown.enter.native="handleSearch">
|
||||
</el-input>
|
||||
</div>
|
||||
</div>
|
||||
</el-col>
|
||||
<el-col :span="6">
|
||||
<div class="flex-row-center align-items-center height-40 mb-24">
|
||||
<span class="tabs__search-criteria-title flex-shrink-0 pr-16">电话号码</span>
|
||||
<el-input v-model.trim="queryParam.pkgName"
|
||||
clearable placeholder="请输入案件包名称"
|
||||
@keydown.enter.native="handleSearch">
|
||||
</el-input>
|
||||
</div>
|
||||
</el-col>
|
||||
<el-col :span="8">
|
||||
<div class="justify-content-start align-items-center height-40 mb-24">
|
||||
<span class="tabs__search-criteria-title flex-shrink-0 pr-16">操作时间</span>
|
||||
<el-date-picker
|
||||
v-model="queryDate"
|
||||
type="daterange"
|
||||
clearable
|
||||
range-separator="至"
|
||||
start-placeholder="开始日期"
|
||||
end-placeholder="结束日期"
|
||||
@change="handleChangeDate">
|
||||
</el-date-picker>
|
||||
</div>
|
||||
</el-col>
|
||||
<el-col :span="4">
|
||||
<div class="flex-row align-items-center justify-content-end">
|
||||
<el-button @click="hanldeReset">重置</el-button>
|
||||
<el-button type="primary" @click="handleSearch">搜索</el-button>
|
||||
</div>
|
||||
</el-col>
|
||||
</el-row>
|
||||
</el-collapse-transition>
|
||||
</div>
|
||||
<!-- table -->
|
||||
<div class="pt-8">
|
||||
<div class="height-56 flex-row align-items-center justify-content-between">
|
||||
<div class="f18 color-text-primary">电话呼叫列表</div>
|
||||
<div class="flex-row">
|
||||
|
||||
<div class="case-table">
|
||||
<el-table :data="tableData" :height="`${contentHeight}`" >
|
||||
<el-table-column type="index" label="序号" width="55"></el-table-column>
|
||||
<el-table-column prop="pkgName" label="外呼/呼入类型" show-overflow-tooltip ></el-table-column>
|
||||
<el-table-column prop="planStartTime" label="外呼/呼入时间" show-overflow-tooltip >
|
||||
<template slot-scope="scope">
|
||||
<span >{{ scope.row.planStartTime | formaDate("yyyy-MM-dd hh:mm:ss") }}</span>
|
||||
</template>
|
||||
</el-table-column>
|
||||
|
||||
<el-table-column prop="entrustingAgencyName" label="外呼/呼入电话号码" show-overflow-tooltip ></el-table-column>
|
||||
<el-table-column prop="channel" label="姓名" show-overflow-tooltip ></el-table-column>
|
||||
<el-table-column prop="channel" label="关系" show-overflow-tooltip ></el-table-column>
|
||||
<el-table-column prop="channel" label="接听状态" show-overflow-tooltip ></el-table-column>
|
||||
<el-table-column prop="channel" label="沟通时长" show-overflow-tooltip ></el-table-column>
|
||||
<el-table-column prop="channel" label="操作人" show-overflow-tooltip ></el-table-column>
|
||||
<el-table-column prop="planStartTime" label="操作时间" show-overflow-tooltip >
|
||||
<template slot-scope="scope">
|
||||
<span >{{ scope.row.planStartTime | formaDate("yyyy-MM-dd hh:mm:ss") }}</span>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column prop="channel" label="录音文件" show-overflow-tooltip ></el-table-column>
|
||||
|
||||
</el-table>
|
||||
</div>
|
||||
|
||||
<div class="text-center pt-16">
|
||||
<el-pagination
|
||||
@size-change="getCaseInfoList"
|
||||
@current-change="getCaseInfoList"
|
||||
:current-page="queryParam.current"
|
||||
:page-size="queryParam.size"
|
||||
layout="total, prev, pager, next, jumper"
|
||||
:total="total">
|
||||
</el-pagination>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<span slot="footer" class="dialog-footer">
|
||||
<el-button @click="handleClose()">取消</el-button>
|
||||
<el-button type="primary" @click="handleSubmit()">确认</el-button>
|
||||
</span>
|
||||
</el-dialog>
|
||||
|
||||
<div class="case-table">
|
||||
<el-table :data="tableData" :height="`${contentHeight}`" >
|
||||
<el-table-column type="index" label="序号" width="55"></el-table-column>
|
||||
<el-table-column prop="pkgName" label="外呼/呼入类型" show-overflow-tooltip ></el-table-column>
|
||||
<el-table-column prop="planStartTime" label="外呼/呼入时间" show-overflow-tooltip >
|
||||
<template slot-scope="scope">
|
||||
<span >{{ scope.row.planStartTime | formaDate("yyyy-MM-dd hh:mm:ss") }}</span>
|
||||
</template>
|
||||
</el-table-column>
|
||||
|
||||
<el-table-column prop="entrustingAgencyName" label="外呼/呼入电话号码" show-overflow-tooltip ></el-table-column>
|
||||
<el-table-column prop="channel" label="姓名" show-overflow-tooltip ></el-table-column>
|
||||
<el-table-column prop="channel" label="关系" show-overflow-tooltip ></el-table-column>
|
||||
<el-table-column prop="channel" label="接听状态" show-overflow-tooltip ></el-table-column>
|
||||
<el-table-column prop="channel" label="沟通时长" show-overflow-tooltip ></el-table-column>
|
||||
<el-table-column prop="channel" label="操作人" show-overflow-tooltip ></el-table-column>
|
||||
<el-table-column prop="planStartTime" label="操作时间" show-overflow-tooltip >
|
||||
<template slot-scope="scope">
|
||||
<span >{{ scope.row.planStartTime | formaDate("yyyy-MM-dd hh:mm:ss") }}</span>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column prop="channel" label="录音文件" show-overflow-tooltip ></el-table-column>
|
||||
|
||||
</el-table>
|
||||
</div>
|
||||
|
||||
<div class="text-center pt-16">
|
||||
<el-pagination
|
||||
@size-change="getCaseInfoList"
|
||||
@current-change="getCaseInfoList"
|
||||
:current-page="queryParam.current"
|
||||
:page-size="queryParam.size"
|
||||
layout="total, prev, pager, next, jumper"
|
||||
:total="total">
|
||||
</el-pagination>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
<script>
|
||||
|
||||
148
src/pages/case-management/components/CaseTraceDialog.vue
Normal file
148
src/pages/case-management/components/CaseTraceDialog.vue
Normal file
@ -0,0 +1,148 @@
|
||||
<template>
|
||||
<div>
|
||||
<el-dialog :visible="true" width="80%" append-to-body :close-on-click-modal="false"
|
||||
@close="handleClose()">
|
||||
|
||||
<div class="dialog-content dialog-trace">
|
||||
<el-tabs class="zd-el-tabs-custom zd-el-tabs-custom__left_padding" v-model="activeName" @tab-click="handleTabClick">
|
||||
<el-tab-pane name="1">
|
||||
<span slot="label"><span>短信发送记录</span></span>
|
||||
</el-tab-pane>
|
||||
<el-tab-pane name="2">
|
||||
<span slot="label"><span>电话呼叫记录</span></span>
|
||||
</el-tab-pane>
|
||||
<el-tab-pane name="3">
|
||||
<span slot="label"><span>视频调解记录</span></span>
|
||||
</el-tab-pane>
|
||||
<el-tab-pane name="4">
|
||||
<span slot="label"><span>文书生成记录</span></span>
|
||||
</el-tab-pane>
|
||||
<el-tab-pane name="5">
|
||||
<span slot="label"><span>文书签字记录</span></span>
|
||||
</el-tab-pane>
|
||||
<el-tab-pane name="6">
|
||||
<span slot="label"><span>文书送达记录</span></span>
|
||||
</el-tab-pane>
|
||||
<el-tab-pane name="7">
|
||||
<span slot="label"><span>还款计划</span></span>
|
||||
</el-tab-pane>
|
||||
<el-tab-pane name="8">
|
||||
<span slot="label"><span>还款凭证</span></span>
|
||||
</el-tab-pane>
|
||||
</el-tabs>
|
||||
|
||||
<div class="mt-16">
|
||||
|
||||
|
||||
|
||||
<!-- 短信发送追踪明细 -->
|
||||
<smsDialogDetail v-if="activeName == '1'" :eventTraDialog="eventTraDialog" />
|
||||
<!-- 呼叫记录 -->
|
||||
<CalllogDialog v-if="activeName == '2'" :eventTraDialog.sync="calllogDialog" />
|
||||
<!-- 视频调解追踪 -->
|
||||
<voideDialog v-if="activeName == '3'" :eventTraDialog="eventTraDialog" />
|
||||
<!-- 文书生成追踪明细 -->
|
||||
<officeDialogDetail v-if="activeName == '4'" :eventTraDialog="eventTraDialog" />
|
||||
<!-- 文书签字追踪明细 -->
|
||||
<officeWDialogDetail v-if="activeName == '5'" :eventTraDialog="eventTraDialog" />
|
||||
<!-- 文书送达追踪明细 -->
|
||||
<officeDeliveryDialogDetail v-if="activeName == '6'" :eventTraDialog="eventTraDialog" />
|
||||
<!-- 还款计划 -->
|
||||
<RepaymentDialog v-if="activeName == '7'" :eventTraDialog.sync="repaymentDialog" />
|
||||
<!-- 还款凭证 -->
|
||||
<RepaymentRecordDialog v-if="activeName == '8'" :eventTraDialog.sync="repaymentlogDialog" />
|
||||
</div>
|
||||
</div>
|
||||
<span slot="footer" class="dialog-footer">
|
||||
<el-button @click="handleClose()">关闭</el-button>
|
||||
</span>
|
||||
</el-dialog>
|
||||
</div>
|
||||
</template>
|
||||
<script>
|
||||
import api from "@/services/caseManagement";
|
||||
export default {
|
||||
components: {
|
||||
eventTracingDialog: () => import('../../event-tracing/index.vue'),//事项追踪
|
||||
RepaymentDialog: () => import('./RepaymentDialog.vue'),//还款计划
|
||||
RepaymentRecordDialog: () => import('./RepaymentRecordDialog.vue'),//还款凭证
|
||||
|
||||
|
||||
smsDialogDetail: () => import('../../event-tracing/dtraceDetail/smsDialogDetail.vue'),//短信发送追踪明细
|
||||
CalllogDialog: () => import('./CalllogDialog.vue'),//呼叫记录
|
||||
|
||||
voideDialog: () => import('../../event-tracing/components/voideDialog.vue'),//视频调解追踪
|
||||
|
||||
smsDialogDetail: () => import('../../event-tracing/dtraceDetail/smsDialogDetail.vue'),//短信发送追踪明细
|
||||
|
||||
officeDeliveryDialogDetail: () => import('../../event-tracing/dtraceDetail/officeDeliveryDialogDetail.vue'),//文书送达追踪明细
|
||||
officeDialogDetail: () => import('../../event-tracing/dtraceDetail/officeDialogDetail.vue'),//文书生成追踪明细
|
||||
officeWDialogDetail: () => import('../../event-tracing/dtraceDetail/officeWDialogDetail.vue'),//文书签字追踪明细
|
||||
|
||||
},
|
||||
props: {
|
||||
eventTraDialog: {
|
||||
type: Object,
|
||||
default: () => {
|
||||
return {}
|
||||
},
|
||||
},
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
calllogDialog:null,//呼叫记录
|
||||
activeName:'1',
|
||||
queryParam:{},
|
||||
tableData:[],
|
||||
total:0,
|
||||
|
||||
};
|
||||
},
|
||||
mounted () {
|
||||
|
||||
this.activeName = this.eventTraDialog.activeName
|
||||
},
|
||||
methods: {
|
||||
// tab切换
|
||||
handleTabClick(tab){
|
||||
if(tab.name == '1'){
|
||||
eventTraDialog = {caseNo:'123'}
|
||||
}else if(tab.name == '2'){
|
||||
calllogDialog = {title:'电话呼叫记录',caseNo:'123'}
|
||||
}else if(tab.name == '3'){
|
||||
eventTraDialog = {title:'视频调解记录',caseNo:'123'}
|
||||
}else if(tab.name == '4'){
|
||||
eventTraDialog = {title:'文书生成记录',caseNo:'123'}
|
||||
}else if(tab.name == '5'){
|
||||
eventTraDialog = {title:'文书签字记录',caseNo:'123'}
|
||||
}else if(tab.name == '6'){
|
||||
eventTraDialog = {title:'文书送达记录',caseNo:'123'}
|
||||
}else if(tab.name == '7'){
|
||||
repaymentDialog = {title:'还款计划',caseNo:'123'}
|
||||
}else if(tab.name == '8'){
|
||||
repaymentlogDialog = {title:'还款凭证',caseNo:'123'}
|
||||
}else {
|
||||
|
||||
}
|
||||
// this.getCaseInfoList(1)
|
||||
},
|
||||
handleClose() {
|
||||
this.$emit('update:eventTraDialog', null)
|
||||
},
|
||||
}
|
||||
};
|
||||
</script>
|
||||
<style scoped lang="scss">
|
||||
.dialog-trace{
|
||||
padding: 16px 20px;
|
||||
max-height:500px
|
||||
}
|
||||
.dialog-trace .zd-el-tabs-custom{
|
||||
margin-top: -75px ;
|
||||
margin-right: 25px;
|
||||
}
|
||||
.dialog-trace .zd-el-tabs-custom span{
|
||||
font-size: 18px;
|
||||
}
|
||||
|
||||
</style>
|
||||
@ -1,8 +1,8 @@
|
||||
<template>
|
||||
<div>
|
||||
<el-dialog :title="eventTraDialog.title" :visible="true" width="1300px" append-to-body :close-on-click-modal="false"
|
||||
<!-- <el-dialog :title="eventTraDialog.title" :visible="true" width="1300px" append-to-body :close-on-click-modal="false"
|
||||
@close="handleClose">
|
||||
<div class="dialog-content repayment-trace">
|
||||
<div class="dialog-content repayment-trace"> -->
|
||||
<div class="pt-8 border-b-solid-lighter-1">
|
||||
<div class="height-30 flex-row align-items-center justify-content-between mb-8">
|
||||
<div class="f18 color-text-primary">债务信息</div>
|
||||
@ -140,7 +140,7 @@
|
||||
<!-- table -->
|
||||
<div class="pt-8">
|
||||
<div class="height-56 flex-row align-items-center justify-content-between">
|
||||
<div class="f22 color-text-primary">还款计划列表</div>
|
||||
<div class="f18 color-text-primary">还款计划列表</div>
|
||||
<div class="flex-row">
|
||||
|
||||
</div>
|
||||
@ -194,11 +194,11 @@
|
||||
</el-pagination>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- </div>
|
||||
<span slot="footer" class="dialog-footer">
|
||||
<el-button @click="handleClose()">关闭</el-button>
|
||||
</span>
|
||||
</el-dialog>
|
||||
</el-dialog> -->
|
||||
</div>
|
||||
</template>
|
||||
<script>
|
||||
|
||||
@ -1,11 +1,12 @@
|
||||
<template>
|
||||
<div>
|
||||
<el-dialog :title="eventTraDialog.title" :visible="true" width="80%" append-to-body :close-on-click-modal="false"
|
||||
<!-- <el-dialog :title="eventTraDialog.title" :visible="true" width="80%" append-to-body :close-on-click-modal="false"
|
||||
@close="handleClose">
|
||||
<div class="dialog-content dialog-trace">
|
||||
<div class="dialog-content dialog-trace"> -->
|
||||
|
||||
<div class="pt-8 border-b-solid-lighter-1">
|
||||
<div class="height-30 flex-row align-items-center justify-content-between mb-24">
|
||||
<div class="f22 color-text-primary">筛选</div>
|
||||
<div class="f18 color-text-primary">筛选</div>
|
||||
</div>
|
||||
<el-collapse-transition>
|
||||
<el-row :gutter="56">
|
||||
@ -40,7 +41,7 @@
|
||||
<!-- table -->
|
||||
<div class="pt-8">
|
||||
<div class="height-56 flex-row align-items-center justify-content-between">
|
||||
<div class="f22 color-text-primary">还款凭证列表</div>
|
||||
<div class="f18 color-text-primary">还款凭证列表</div>
|
||||
<div class="flex-row">
|
||||
|
||||
</div>
|
||||
@ -86,12 +87,13 @@
|
||||
</el-pagination>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- </div>
|
||||
<span slot="footer" class="dialog-footer">
|
||||
<el-button @click="handleClose()">取消</el-button>
|
||||
<el-button type="primary" @click="handleSubmit()">确认</el-button>
|
||||
</span>
|
||||
</el-dialog>
|
||||
</el-dialog> -->
|
||||
</div>
|
||||
</template>
|
||||
<script>
|
||||
|
||||
@ -271,35 +271,35 @@
|
||||
</span>
|
||||
</div>
|
||||
<div class="flex-row justify-content-between case-bg">
|
||||
<span class="cursor-pointer" @click="eventTraDialog = {traceType:0,title:'短信发送记录',component:'smsDialogDetail',caseNo:'123'}">
|
||||
<span class="cursor-pointer" @click="CaseTraceDialog = {activeName:'1',title:'短信发送记录',caseNo:'123'}">
|
||||
<p>短信</p>
|
||||
<p class="color-000"><a class="color-274ea4">成功{{scope.row.statistics.SMS}}1</a>/发送1</p>
|
||||
</span>
|
||||
<span class="cursor-pointer" @click="calllogDialog = {title:'电话呼叫记录',caseNo:'123'}">
|
||||
<span class="cursor-pointer" @click="CaseTraceDialog = {activeName:'2',title:'电话呼叫记录',caseNo:'123'}">
|
||||
<p>外呼</p>
|
||||
<p class="color-000"><a class="color-274ea4">接通0</a>/外呼0</p>
|
||||
</span>
|
||||
<span class="cursor-pointer" @click="eventTraDialog = {traceType:2,title:'视频调解记录'}">
|
||||
<span class="cursor-pointer" @click="CaseTraceDialog = {activeName:'3',title:'视频调解记录'}">
|
||||
<p>调解视频</p>
|
||||
<p class="color-000"><a class="color-274ea4">结束0</a>/预约0</p>
|
||||
</span>
|
||||
<span class="cursor-pointer" @click="eventTraDialog = {traceType:3,title:'文书生成记录',component:'officeDialogDetail',caseNo:'123'}">
|
||||
<span class="cursor-pointer" @click="CaseTraceDialog = {activeName:'4',title:'文书生成记录',caseNo:'123'}">
|
||||
<p>文书</p>
|
||||
<p class="color-000">0</p>
|
||||
</span>
|
||||
<span class="cursor-pointer" @click="eventTraDialog = {traceType:4,title:'文书签字记录',component:'officeWDialogDetail',caseNo:'123'}">
|
||||
<span class="cursor-pointer" @click="CaseTraceDialog = {activeName:'5',title:'文书签字记录',caseNo:'123'}">
|
||||
<p>文书签字</p>
|
||||
<p class="color-000"><a class="color-274ea4">成功0</a>/发起0</p>
|
||||
</span>
|
||||
<span class="cursor-pointer" @click="eventTraDialog = {traceType:6,title:'文书送达记录',component:'officeDeliveryDialogDetail',caseNo:'123'}">
|
||||
<span class="cursor-pointer" @click="CaseTraceDialog = {activeName:'6',title:'文书送达记录',caseNo:'123'}">
|
||||
<p>文书送达</p>
|
||||
<p class="color-000">0</p>
|
||||
</span>
|
||||
<span class="cursor-pointer" @click="repaymentDialog = {title:'还款计划',caseNo:'123'}">
|
||||
<span class="cursor-pointer" @click="CaseTraceDialog = {activeName:'7',title:'还款计划',caseNo:'123'}">
|
||||
<p>还款计划</p>
|
||||
<p class="color-000"><a class="color-274ea4">已设置</a></p>
|
||||
</span>
|
||||
<span class="cursor-pointer" @click="repaymentlogDialog = {title:'还款凭证',caseNo:'123'}">
|
||||
<span class="cursor-pointer" @click="CaseTraceDialog = {activeName:'8',title:'还款凭证',caseNo:'123'}">
|
||||
<p>还款凭证</p>
|
||||
<p class="color-000"><a class="color-274ea4">已填0</a></p>
|
||||
</span>
|
||||
@ -337,15 +337,10 @@
|
||||
<!-- <editCaseDrawer v-if="editCaseDrawer" :editCaseDrawer.sync="editCaseDrawer"/> -->
|
||||
<!-- 案件分配-->
|
||||
<caseAllocationDialog v-if="caseAllocationDialog" :caseAllocationDialog.sync="caseAllocationDialog" />
|
||||
<!-- 事项追踪 -->
|
||||
<eventTracingDialog v-if="eventTraDialog" :eventTraDialog.sync="eventTraDialog" />
|
||||
<!-- 呼叫记录 -->
|
||||
<CalllogDialog v-if="calllogDialog" :eventTraDialog.sync="calllogDialog" />
|
||||
<!-- 还款计划 -->
|
||||
<RepaymentDialog v-if="repaymentDialog" :eventTraDialog.sync="repaymentDialog" />
|
||||
<!-- 还款计划 -->
|
||||
<RepaymentRecordDialog v-if="repaymentlogDialog" :eventTraDialog.sync="repaymentlogDialog" />
|
||||
|
||||
|
||||
<!-- 各种案件追踪记录 -->
|
||||
<CaseTraceDialog v-if="CaseTraceDialog" :eventTraDialog.sync="CaseTraceDialog" />
|
||||
|
||||
</div>
|
||||
</template>
|
||||
@ -357,18 +352,14 @@ import { values } from "lodash";
|
||||
// importCaseDialog: () => import('./components/importCaseDialog'),//导入
|
||||
// addCaseDialog: () => import('./components/addCaseDialog'),//新增
|
||||
// editCaseDrawer: () => import('./components/editCaseDrawer'),//编辑
|
||||
CaseTraceDialog: () => import('./components/CaseTraceDialog.vue'),//各种案件追踪记录
|
||||
|
||||
caseAllocationDialog: () => import('./components/caseAllocationDialog'),//案件分配
|
||||
eventTracingDialog: () => import('../event-tracing/index.vue'),//事项追踪
|
||||
CalllogDialog: () => import('./components/CalllogDialog.vue'),//呼叫记录
|
||||
RepaymentDialog: () => import('./components/RepaymentDialog.vue'),//还款计划
|
||||
RepaymentRecordDialog: () => import('./components/RepaymentRecordDialog.vue'),//还款计划
|
||||
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
repaymentlogDialog:null,//
|
||||
repaymentDialog:null,//还款计划
|
||||
calllogDialog:null,//呼叫记录
|
||||
eventTraDialog: null,//事项追踪
|
||||
CaseTraceDialog:null,//各种案件追踪记录
|
||||
isCheck: false,//全选按钮绑定值
|
||||
indeterminate: false,//全选按钮的不确定状态，选中数据selectionData的长度length符合 0 < selectionData.length < enabledDataList.length ，值为true
|
||||
selectionData: [],//表格多选选中的数据
|
||||
|
||||
@ -3,7 +3,7 @@
|
||||
<div v-if="!DialogDetail">
|
||||
<div class="pt-8 border-b-solid-lighter-1">
|
||||
<div class="height-30 flex-row align-items-center justify-content-between mb-24">
|
||||
<div class="f22 color-text-primary">筛选</div>
|
||||
<div class="f18 color-text-primary">筛选</div>
|
||||
</div>
|
||||
<el-collapse-transition>
|
||||
<el-row :gutter="56">
|
||||
@ -42,7 +42,7 @@
|
||||
<!-- table -->
|
||||
<div class="pt-8">
|
||||
<div class="height-56 flex-row align-items-center justify-content-between">
|
||||
<div class="f22 color-text-primary">外呼列表</div>
|
||||
<div class="f18 color-text-primary">外呼列表</div>
|
||||
<div class="flex-row">
|
||||
|
||||
</div>
|
||||
|
||||
@ -3,7 +3,7 @@
|
||||
<div v-if="!DialogDetail">
|
||||
<div class="pt-8 border-b-solid-lighter-1">
|
||||
<div class="height-30 flex-row align-items-center justify-content-between mb-24">
|
||||
<div class="f22 color-text-primary">筛选</div>
|
||||
<div class="f18 color-text-primary">筛选</div>
|
||||
</div>
|
||||
<el-collapse-transition>
|
||||
<el-row :gutter="56">
|
||||
@ -51,7 +51,7 @@
|
||||
<!-- table -->
|
||||
<div class="pt-8">
|
||||
<div class="height-56 flex-row align-items-center justify-content-between">
|
||||
<div class="f22 color-text-primary">追踪列表</div>
|
||||
<div class="f18 color-text-primary">追踪列表</div>
|
||||
<div class="flex-row">
|
||||
|
||||
</div>
|
||||
|
||||
@ -3,7 +3,7 @@
|
||||
<div v-if="!DialogDetail">
|
||||
<div class="pt-8 border-b-solid-lighter-1">
|
||||
<div class="height-30 flex-row align-items-center justify-content-between mb-24">
|
||||
<div class="f22 color-text-primary">筛选</div>
|
||||
<div class="f18 color-text-primary">筛选</div>
|
||||
</div>
|
||||
<el-collapse-transition>
|
||||
<el-row :gutter="56">
|
||||
@ -51,7 +51,7 @@
|
||||
<!-- table -->
|
||||
<div class="pt-8">
|
||||
<div class="height-56 flex-row align-items-center justify-content-between">
|
||||
<div class="f22 color-text-primary">追踪列表</div>
|
||||
<div class="f18 color-text-primary">追踪列表</div>
|
||||
<div class="flex-row">
|
||||
|
||||
</div>
|
||||
|
||||
@ -3,7 +3,7 @@
|
||||
<div >
|
||||
<div class="pt-8 border-b-solid-lighter-1">
|
||||
<div class="height-30 flex-row align-items-center justify-content-between mb-24">
|
||||
<div class="f22 color-text-primary">筛选</div>
|
||||
<div class="f18 color-text-primary">筛选</div>
|
||||
</div>
|
||||
<el-collapse-transition>
|
||||
<el-row :gutter="56">
|
||||
@ -51,7 +51,7 @@
|
||||
<!-- table -->
|
||||
<div class="pt-8">
|
||||
<div class="height-56 flex-row align-items-center justify-content-between">
|
||||
<div class="f22 color-text-primary">追踪列表</div>
|
||||
<div class="f18 color-text-primary">追踪列表</div>
|
||||
<div class="flex-row">
|
||||
|
||||
</div>
|
||||
|
||||
@ -3,7 +3,7 @@
|
||||
<div v-if="!DialogDetail">
|
||||
<div class="pt-8 border-b-solid-lighter-1">
|
||||
<div class="height-30 flex-row align-items-center justify-content-between mb-24">
|
||||
<div class="f22 color-text-primary">筛选</div>
|
||||
<div class="f18 color-text-primary">筛选</div>
|
||||
</div>
|
||||
<el-collapse-transition>
|
||||
<el-row :gutter="56">
|
||||
@ -51,7 +51,7 @@
|
||||
<!-- table -->
|
||||
<div class="pt-8">
|
||||
<div class="height-56 flex-row align-items-center justify-content-between">
|
||||
<div class="f22 color-text-primary">追踪列表</div>
|
||||
<div class="f18 color-text-primary">追踪列表</div>
|
||||
<div class="flex-row">
|
||||
|
||||
</div>
|
||||
|
||||
@ -3,7 +3,7 @@
|
||||
<div v-if="!DialogDetail">
|
||||
<div class="pt-8 border-b-solid-lighter-1">
|
||||
<div class="height-30 flex-row align-items-center justify-content-between mb-24">
|
||||
<div class="f22 color-text-primary">筛选</div>
|
||||
<div class="f18 color-text-primary">筛选</div>
|
||||
</div>
|
||||
<el-collapse-transition>
|
||||
<el-row :gutter="56">
|
||||
@ -51,7 +51,7 @@
|
||||
<!-- table -->
|
||||
<div class="pt-8">
|
||||
<div class="height-56 flex-row align-items-center justify-content-between">
|
||||
<div class="f22 color-text-primary">还款登记列表</div>
|
||||
<div class="f18 color-text-primary">还款登记列表</div>
|
||||
<div class="flex-row">
|
||||
|
||||
</div>
|
||||
|
||||
@ -3,7 +3,7 @@
|
||||
<div v-if="!DialogDetail">
|
||||
<div class="pt-8 border-b-solid-lighter-1">
|
||||
<div class="height-30 flex-row align-items-center justify-content-between mb-24">
|
||||
<div class="f22 color-text-primary">筛选</div>
|
||||
<div class="f18 color-text-primary">筛选</div>
|
||||
</div>
|
||||
<el-collapse-transition>
|
||||
<el-row :gutter="56">
|
||||
@ -51,7 +51,7 @@
|
||||
<!-- table -->
|
||||
<div class="pt-8">
|
||||
<div class="height-56 flex-row align-items-center justify-content-between">
|
||||
<div class="f22 color-text-primary">追踪列表</div>
|
||||
<div class="f18 color-text-primary">追踪列表</div>
|
||||
<div class="flex-row">
|
||||
|
||||
</div>
|
||||
|
||||
@ -3,7 +3,7 @@
|
||||
<div v-if="!DialogDetail">
|
||||
<div class="pt-8 border-b-solid-lighter-1">
|
||||
<div class="height-30 flex-row align-items-center justify-content-between mb-24">
|
||||
<div class="f22 color-text-primary">筛选</div>
|
||||
<div class="f18 color-text-primary">筛选</div>
|
||||
</div>
|
||||
<el-collapse-transition>
|
||||
<el-row :gutter="56">
|
||||
@ -51,7 +51,7 @@
|
||||
<!-- table -->
|
||||
<div class="pt-8">
|
||||
<div class="height-56 flex-row align-items-center justify-content-between">
|
||||
<div class="f22 color-text-primary">追踪列表</div>
|
||||
<div class="f18 color-text-primary">追踪列表</div>
|
||||
<div class="flex-row">
|
||||
|
||||
</div>
|
||||
|
||||
@ -2,7 +2,7 @@
|
||||
<div>
|
||||
<div class="pt-8 border-b-solid-lighter-1">
|
||||
<div class="height-30 flex-row align-items-center justify-content-between mb-24">
|
||||
<div class="f22 color-text-primary">筛选</div>
|
||||
<div class="f18 color-text-primary">筛选</div>
|
||||
</div>
|
||||
<el-collapse-transition>
|
||||
<el-row :gutter="56">
|
||||
@ -41,7 +41,7 @@
|
||||
<!-- table -->
|
||||
<div class="pt-8">
|
||||
<div class="height-56 flex-row align-items-center justify-content-between">
|
||||
<div class="f22 color-text-primary">明细列表</div>
|
||||
<div class="f18 color-text-primary">明细列表</div>
|
||||
<div class="flex-row">
|
||||
|
||||
</div>
|
||||
|
||||
@ -2,7 +2,7 @@
|
||||
<div>
|
||||
<div class="pt-8 border-b-solid-lighter-1">
|
||||
<div class="height-30 flex-row align-items-center justify-content-between mb-24">
|
||||
<div class="f22 color-text-primary">筛选</div>
|
||||
<div class="f18 color-text-primary">筛选</div>
|
||||
</div>
|
||||
<el-collapse-transition>
|
||||
<el-row :gutter="56">
|
||||
@ -41,7 +41,7 @@
|
||||
<!-- table -->
|
||||
<div class="pt-8">
|
||||
<div class="height-56 flex-row align-items-center justify-content-between">
|
||||
<div class="f22 color-text-primary">明细列表</div>
|
||||
<div class="f18 color-text-primary">明细列表</div>
|
||||
<div class="flex-row">
|
||||
|
||||
</div>
|
||||
|
||||
@ -2,7 +2,7 @@
|
||||
<div>
|
||||
<div class="pt-8 border-b-solid-lighter-1">
|
||||
<div class="height-30 flex-row align-items-center justify-content-between mb-24">
|
||||
<div class="f22 color-text-primary">筛选</div>
|
||||
<div class="f18 color-text-primary">筛选</div>
|
||||
</div>
|
||||
<el-collapse-transition>
|
||||
<el-row :gutter="56">
|
||||
@ -41,7 +41,7 @@
|
||||
<!-- table -->
|
||||
<div class="pt-8">
|
||||
<div class="height-56 flex-row align-items-center justify-content-between">
|
||||
<div class="f22 color-text-primary">明细列表</div>
|
||||
<div class="f18 color-text-primary">明细列表</div>
|
||||
<div class="flex-row">
|
||||
|
||||
</div>
|
||||
|
||||
@ -2,7 +2,7 @@
|
||||
<div>
|
||||
<div class="pt-8 border-b-solid-lighter-1">
|
||||
<div class="height-30 flex-row align-items-center justify-content-between mb-24">
|
||||
<div class="f22 color-text-primary">筛选</div>
|
||||
<div class="f18 color-text-primary">筛选</div>
|
||||
</div>
|
||||
<el-collapse-transition>
|
||||
<el-row :gutter="56">
|
||||
@ -50,7 +50,7 @@
|
||||
<!-- table -->
|
||||
<div class="pt-8">
|
||||
<div class="height-56 flex-row align-items-center justify-content-between">
|
||||
<div class="f22 color-text-primary">明细列表</div>
|
||||
<div class="f18 color-text-primary">明细列表</div>
|
||||
<div class="flex-row">
|
||||
|
||||
</div>
|
||||
|
||||
@ -4,7 +4,7 @@
|
||||
@close="handleClose">
|
||||
<div class="dialog-content dialog-trace">
|
||||
|
||||
<!-- 短信发送追踪 -->
|
||||
<!-- 短信发送追踪明细 -->
|
||||
<smsDialogDetail v-if="eventTraDialog.traceType == 0 &&eventTraDialog.component == 'smsDialogDetail'" :eventTraDialog="eventTraDialog" />
|
||||
<!-- 短信发送追踪 -->
|
||||
<smsDialog v-if="eventTraDialog.traceType == 0 &&eventTraDialog.component == undefined" :eventTraDialog="eventTraDialog" />
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user