From 39552159e8b2908f0f4a3d487bd334b870dd88e6 Mon Sep 17 00:00:00 2001
From: liuxi <357439530@qq.com>
Date: Tue, 17 Dec 2024 11:47:36 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BF=AE=E6=94=B9UI=E4=BB=A3=E7=A0=81?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../components/CalllogDialog.vue              | 187 +++++++++---------
 .../components/CaseTraceDialog.vue            | 148 ++++++++++++++
 .../components/RepaymentDialog.vue            |  10 +-
 .../components/RepaymentRecordDialog.vue      |  14 +-
 src/pages/case-management/index.vue           |  39 ++--
 .../event-tracing/components/CallDialog.vue   |   4 +-
 .../components/officeDeliveryDialog.vue       |   4 +-
 .../event-tracing/components/officeDialog.vue |   4 +-
 .../components/officeSealDialog.vue           |   4 +-
 .../components/officeWriteDialog.vue          |   4 +-
 .../components/repaymentDialog.vue            |   4 +-
 .../event-tracing/components/smsDialog.vue    |   4 +-
 .../event-tracing/components/voideDialog.vue  |   4 +-
 .../officeDeliveryDialogDetail.vue            |   4 +-
 .../dtraceDetail/officeDialogDetail.vue       |   4 +-
 .../dtraceDetail/officeWDialogDetail.vue      |   4 +-
 .../dtraceDetail/smsDialogDetail.vue          |   4 +-
 src/pages/event-tracing/index.vue             |   2 +-
 18 files changed, 290 insertions(+), 158 deletions(-)
 create mode 100644 src/pages/case-management/components/CaseTraceDialog.vue

diff --git a/src/pages/case-management/components/CalllogDialog.vue b/src/pages/case-management/components/CalllogDialog.vue
index 1d8980d..af27877 100644
--- a/src/pages/case-management/components/CalllogDialog.vue
+++ b/src/pages/case-management/components/CalllogDialog.vue
@@ -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>
diff --git a/src/pages/case-management/components/CaseTraceDialog.vue b/src/pages/case-management/components/CaseTraceDialog.vue
new file mode 100644
index 0000000..e13c7a3
--- /dev/null
+++ b/src/pages/case-management/components/CaseTraceDialog.vue
@@ -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>
diff --git a/src/pages/case-management/components/RepaymentDialog.vue b/src/pages/case-management/components/RepaymentDialog.vue
index 8c4bc01..5748adc 100644
--- a/src/pages/case-management/components/RepaymentDialog.vue
+++ b/src/pages/case-management/components/RepaymentDialog.vue
@@ -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>
diff --git a/src/pages/case-management/components/RepaymentRecordDialog.vue b/src/pages/case-management/components/RepaymentRecordDialog.vue
index 8c1b920..79f7365 100644
--- a/src/pages/case-management/components/RepaymentRecordDialog.vue
+++ b/src/pages/case-management/components/RepaymentRecordDialog.vue
@@ -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>
diff --git a/src/pages/case-management/index.vue b/src/pages/case-management/index.vue
index 82271e7..5c22101 100644
--- a/src/pages/case-management/index.vue
+++ b/src/pages/case-management/index.vue
@@ -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: [],//表格多选选中的数据
diff --git a/src/pages/event-tracing/components/CallDialog.vue b/src/pages/event-tracing/components/CallDialog.vue
index 88f62f7..fe7aaae 100644
--- a/src/pages/event-tracing/components/CallDialog.vue
+++ b/src/pages/event-tracing/components/CallDialog.vue
@@ -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>
diff --git a/src/pages/event-tracing/components/officeDeliveryDialog.vue b/src/pages/event-tracing/components/officeDeliveryDialog.vue
index 75f3bc6..8bf4905 100644
--- a/src/pages/event-tracing/components/officeDeliveryDialog.vue
+++ b/src/pages/event-tracing/components/officeDeliveryDialog.vue
@@ -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>
diff --git a/src/pages/event-tracing/components/officeDialog.vue b/src/pages/event-tracing/components/officeDialog.vue
index 28bf109..37ebccc 100644
--- a/src/pages/event-tracing/components/officeDialog.vue
+++ b/src/pages/event-tracing/components/officeDialog.vue
@@ -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>
diff --git a/src/pages/event-tracing/components/officeSealDialog.vue b/src/pages/event-tracing/components/officeSealDialog.vue
index c95fa2f..8b2c23d 100644
--- a/src/pages/event-tracing/components/officeSealDialog.vue
+++ b/src/pages/event-tracing/components/officeSealDialog.vue
@@ -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>
diff --git a/src/pages/event-tracing/components/officeWriteDialog.vue b/src/pages/event-tracing/components/officeWriteDialog.vue
index b3d86b1..6b97927 100644
--- a/src/pages/event-tracing/components/officeWriteDialog.vue
+++ b/src/pages/event-tracing/components/officeWriteDialog.vue
@@ -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>
diff --git a/src/pages/event-tracing/components/repaymentDialog.vue b/src/pages/event-tracing/components/repaymentDialog.vue
index 019cc88..7e84e0c 100644
--- a/src/pages/event-tracing/components/repaymentDialog.vue
+++ b/src/pages/event-tracing/components/repaymentDialog.vue
@@ -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>
diff --git a/src/pages/event-tracing/components/smsDialog.vue b/src/pages/event-tracing/components/smsDialog.vue
index 4175e01..097334a 100644
--- a/src/pages/event-tracing/components/smsDialog.vue
+++ b/src/pages/event-tracing/components/smsDialog.vue
@@ -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>
diff --git a/src/pages/event-tracing/components/voideDialog.vue b/src/pages/event-tracing/components/voideDialog.vue
index 408701b..b5079f5 100644
--- a/src/pages/event-tracing/components/voideDialog.vue
+++ b/src/pages/event-tracing/components/voideDialog.vue
@@ -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>
diff --git a/src/pages/event-tracing/dtraceDetail/officeDeliveryDialogDetail.vue b/src/pages/event-tracing/dtraceDetail/officeDeliveryDialogDetail.vue
index 231f33f..ec57d10 100644
--- a/src/pages/event-tracing/dtraceDetail/officeDeliveryDialogDetail.vue
+++ b/src/pages/event-tracing/dtraceDetail/officeDeliveryDialogDetail.vue
@@ -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>
diff --git a/src/pages/event-tracing/dtraceDetail/officeDialogDetail.vue b/src/pages/event-tracing/dtraceDetail/officeDialogDetail.vue
index acb0b85..ab9fadf 100644
--- a/src/pages/event-tracing/dtraceDetail/officeDialogDetail.vue
+++ b/src/pages/event-tracing/dtraceDetail/officeDialogDetail.vue
@@ -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>
diff --git a/src/pages/event-tracing/dtraceDetail/officeWDialogDetail.vue b/src/pages/event-tracing/dtraceDetail/officeWDialogDetail.vue
index bcab4aa..b0562b2 100644
--- a/src/pages/event-tracing/dtraceDetail/officeWDialogDetail.vue
+++ b/src/pages/event-tracing/dtraceDetail/officeWDialogDetail.vue
@@ -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>
diff --git a/src/pages/event-tracing/dtraceDetail/smsDialogDetail.vue b/src/pages/event-tracing/dtraceDetail/smsDialogDetail.vue
index 6aeb365..9c567c9 100644
--- a/src/pages/event-tracing/dtraceDetail/smsDialogDetail.vue
+++ b/src/pages/event-tracing/dtraceDetail/smsDialogDetail.vue
@@ -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>
diff --git a/src/pages/event-tracing/index.vue b/src/pages/event-tracing/index.vue
index bc6b740..b1324e0 100644
--- a/src/pages/event-tracing/index.vue
+++ b/src/pages/event-tracing/index.vue
@@ -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" />