From 40d3c0a4492a35ae7effe9d92671de0e6e139d33 Mon Sep 17 00:00:00 2001
From: liuxi <357439530@qq.com>
Date: Mon, 16 Dec 2024 17:39:48 +0800
Subject: [PATCH] =?UTF-8?q?UI=E9=83=A8=E5=88=86?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../components/CalllogDialog.vue              | 146 +++++++++++
 .../components/RepaymentDialog.vue            | 245 ++++++++++++++++++
 .../components/RepaymentRecordDialog.vue      | 136 ++++++++++
 src/pages/case-management/index.vue           |  36 ++-
 src/pages/case-package/index.vue              |   6 +-
 .../officeDeliveryDialogDetail.vue            |   8 +-
 .../dtraceDetail/officeDialogDetail.vue       |   8 +-
 .../dtraceDetail/officeWDialogDetail.vue      |   8 +-
 .../dtraceDetail/smsDialogDetail.vue          |   6 +-
 src/pages/event-tracing/index.vue             |  30 ++-
 src/pages/workbench/index.vue                 |   2 +-
 11 files changed, 598 insertions(+), 33 deletions(-)
 create mode 100644 src/pages/case-management/components/CalllogDialog.vue
 create mode 100644 src/pages/case-management/components/RepaymentDialog.vue
 create mode 100644 src/pages/case-management/components/RepaymentRecordDialog.vue

diff --git a/src/pages/case-management/components/CalllogDialog.vue b/src/pages/case-management/components/CalllogDialog.vue
new file mode 100644
index 0000000..1d8980d
--- /dev/null
+++ b/src/pages/case-management/components/CalllogDialog.vue
@@ -0,0 +1,146 @@
+<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>
+                    </div>
+                    
+                    <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>
+</template>
+<script>
+import api from "@/services/caseManagement";
+    export default {
+        components: {
+        },
+        props: {
+            eventTraDialog: {
+                type: Object,
+                default: () => {
+                    return {}
+                },
+            },
+        },
+        data() {
+            return {
+            
+                queryParam:{},
+                tableData:[],
+                total:0,
+
+            };
+        },
+        mounted () {
+            console.log(this.eventTraDialog,'eventTraDialog')
+        },
+        methods: {
+            
+            handleClose() {
+                this.$emit('update:eventTraDialog', null)
+            },
+        }
+    };
+</script>
+<style scoped lang="scss">
+.dialog-trace{
+    padding: 16px 20px;
+    max-height:500px
+}
+
+</style>
\ No newline at end of file
diff --git a/src/pages/case-management/components/RepaymentDialog.vue b/src/pages/case-management/components/RepaymentDialog.vue
new file mode 100644
index 0000000..8c4bc01
--- /dev/null
+++ b/src/pages/case-management/components/RepaymentDialog.vue
@@ -0,0 +1,245 @@
+<template>
+    <div>
+        <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="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>
+                    </div>
+                    <el-collapse-transition>
+                        <el-row :gutter="56">
+                            <el-col :span="6">
+                                <div class="flex-row-center align-items-center height-40 mb-8">
+                                    <span class="tabs__search-criteria-title flex-shrink-0 pr-16 repayment-width">当前逾期金额</span>
+                                    <el-input v-model.trim="queryParam.pkgName" disabled>
+                                    </el-input>
+                                </div>
+                            </el-col>
+                            <el-col :span="6">
+                                <div class="flex-row-center align-items-center height-40 mb-8">
+                                    <span class="tabs__search-criteria-title flex-shrink-0 pr-16 repayment-width">最低还款额</span>
+                                    <el-input v-model.trim="queryParam.pkgName" disabled>
+                                    </el-input>
+                                </div>
+                            </el-col>
+                            <el-col :span="6">
+                                <div class="flex-row-center align-items-center height-40 mb-8">
+                                    <span class="tabs__search-criteria-title flex-shrink-0 pr-16 repayment-width">放款金额/本金</span>
+                                    <el-input v-model.trim="queryParam.pkgName" disabled>
+                                    </el-input>
+                                </div>
+                            </el-col>
+                            <el-col :span="6">
+                                <div class="flex-row-center align-items-center height-40 mb-8">
+                                    <span class="tabs__search-criteria-title flex-shrink-0 pr-16 repayment-width">欠款本金</span>
+                                    <el-input v-model.trim="queryParam.pkgName" disabled>
+                                    </el-input>
+                                </div>
+                            </el-col>
+                            
+                            
+                            
+                        </el-row>
+                    </el-collapse-transition>
+
+                    <div class="height-30 flex-row align-items-center justify-content-between mb-8">
+                        <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-8">
+                                    <span class="tabs__search-criteria-title flex-shrink-0 pr-16 repayment-width">还款方式</span>
+                                    <el-select v-model="queryParam.repaymethod"
+                                            clearable placeholder="请选择还款方式"
+                                            class="width100">
+                                        <el-option
+                                                v-for="item in repaymentTypeOptions"
+                                                :key="item.value"
+                                                :label="item.label"
+                                                :value="item.value">
+                                        </el-option>
+                                    </el-select>
+                                </div>
+                            </el-col>
+                            <el-col :span="6">
+                                <div class="flex-row-center align-items-center height-40 mb-8">
+                                    <span class="tabs__search-criteria-title flex-shrink-0 pr-16 repayment-width">还款金额</span>
+                                    <el-input v-model.trim="queryParam.pkgName"></el-input>
+                                </div>
+                            </el-col>
+                            <el-col v-if="queryParam.repaymethod == 2" :span="6">
+                                <div class="flex-row-center align-items-center height-40 mb-8">
+                                    <span class="tabs__search-criteria-title flex-shrink-0 pr-16 repayment-width">分期前偿还金额</span>
+                                    <el-input v-model.trim="queryParam.pkgName"></el-input>
+                                </div>
+                            </el-col>
+                            <el-col v-if="queryParam.repaymethod == 2" :span="6">
+                                <div class="flex-row-center align-items-center height-40 mb-8">
+                                    <span class="tabs__search-criteria-title flex-shrink-0 pr-16 repayment-width">先还日期</span>
+                                    <el-input v-model.trim="queryParam.pkgName"></el-input>
+                                </div>
+                            </el-col>
+                            <el-col v-if="queryParam.repaymethod == 2" :span="6">
+                                <div class="flex-row-center align-items-center height-40 mb-8">
+                                    <span class="tabs__search-criteria-title flex-shrink-0 pr-16 repayment-width">分期部分金额</span>
+                                    <el-input v-model.trim="queryParam.pkgName"></el-input>
+                                </div>
+                            </el-col>
+                            <el-col v-if="queryParam.repaymethod == 0 || queryParam.repaymethod == 2" :span="6">
+                                <div class="flex-row-center align-items-center height-40 mb-8">
+                                    <span class="tabs__search-criteria-title flex-shrink-0 pr-16 repayment-width">还款日期</span>
+                                    <el-input v-model.trim="queryParam.pkgName"></el-input>
+                                </div>
+                            </el-col>
+                            <el-col v-if="queryParam.repaymethod == 1 || queryParam.repaymethod == 2" :span="6">
+                                <div class="flex-row-center align-items-center height-40 mb-8">
+                                    <span class="tabs__search-criteria-title flex-shrink-0 pr-16 repayment-width">分期期数</span>
+                                    <el-input v-model.trim="queryParam.pkgName"></el-input>
+                                </div>
+                            </el-col>
+                            <el-col v-if="queryParam.repaymethod == 1 || queryParam.repaymethod == 2" :span="6">
+                                <div class="flex-row-center align-items-center height-40 mb-8">
+                                    <span class="tabs__search-criteria-title flex-shrink-0 pr-16 repayment-width">每期还款金额</span>
+                                    <el-input v-model.trim="queryParam.pkgName"></el-input>
+                                </div>
+                            </el-col>
+                            <el-col v-if="queryParam.repaymethod == 1 || queryParam.repaymethod == 2" :span="6">
+                                <div class="flex-row-center align-items-center height-40 mb-8">
+                                    <span class="tabs__search-criteria-title flex-shrink-0 pr-16 repayment-width">每期还款日期</span>
+                                    <el-input v-model.trim="queryParam.pkgName"></el-input>
+                                </div>
+                            </el-col>
+                            <el-col v-if="queryParam.repaymethod == 1 || queryParam.repaymethod == 2" :span="6">
+                                <div class="flex-row-center align-items-center height-40 mb-8">
+                                    <span class="tabs__search-criteria-title flex-shrink-0 pr-16 repayment-width">第一期还款日期</span>
+                                    <el-input v-model.trim="queryParam.pkgName"></el-input>
+                                </div>
+                            </el-col>
+                        </el-row>
+                    </el-collapse-transition>
+                    <el-collapse-transition>
+                        <el-row :gutter="56">
+                            <el-col :span="20">
+                                <div class="flex-row-center align-items-center height-40 mb-8">
+                                    <span class="tabs__search-criteria-title flex-shrink-0 pr-16 repayment-width">备注说明</span>
+                                    <el-input v-model.trim="queryParam.pkgName">
+                                    </el-input>
+                                </div>
+                            </el-col>
+                            <el-col :span="4">
+                                <div class="flex-row align-items-center justify-content-end">
+                                    <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>
+                    </div>
+                    
+                    <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 }}
+                                        一次还清
+                                        全部分期：还款金额、分期期数、每期还款金额、每期还款日期、还款截止日期
+                                        部分先还加分期：还款金额、分期钱偿还金额、先还日期、分期部分金额、分期期数、每期还款金额、每期还款日期、还款截止日期
+                                        其他：还款金额
+                                    </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="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  label="操作" width="120">
+                                <template slot-scope="scope">
+                                    <div class="flex-row align-items-center">
+                                        <el-button size="mini" @click="handleDelete(scope)">编辑</el-button>
+                                        <el-button size="mini" @click="handleBackCase(scope)">删除</el-button>
+                                    </div>
+                                </template>
+                            </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>
+            </span>
+        </el-dialog>
+    </div>
+</template>
+<script>
+import api from "@/services/caseManagement";
+    export default {
+        components: {
+        },
+        props: {
+            eventTraDialog: {
+                type: Object,
+                default: () => {
+                    return {}
+                },
+            },
+        },
+        data() {
+            return {
+            
+                queryParam:{},
+                tableData:[],
+                total:0,
+                repaymentTypeOptions:[{label:'一次还清',value:'0'},{label:'全部分期',value:'1'},{label:'部分先还加分期',value:'2'},{label:'其他',value:'3'}]
+
+            };
+        },
+        mounted () {
+            console.log(this.eventTraDialog,'eventTraDialog')
+        },
+        methods: {
+            
+            handleClose() {
+                this.$emit('update:eventTraDialog', null)
+            },
+        }
+    };
+</script>
+<style scoped lang="scss">
+.repayment-trace{
+    padding: 0px 20px 16px 20px;
+    max-height:800px
+}
+.repayment-width{width: 120px;}
+
+</style>
\ No newline at end of file
diff --git a/src/pages/case-management/components/RepaymentRecordDialog.vue b/src/pages/case-management/components/RepaymentRecordDialog.vue
new file mode 100644
index 0000000..8c1b920
--- /dev/null
+++ b/src/pages/case-management/components/RepaymentRecordDialog.vue
@@ -0,0 +1,136 @@
+<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="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="12">
+                                <div class="flex-row align-items-center justify-content-end">
+                                    &nbsp;
+                                </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>
+                    </div>
+                    
+                    <div class="case-table">
+                        <el-table :data="tableData" :height="`${contentHeight}`" >
+                            <el-table-column prop="pkgName" label="案件包名称" show-overflow-tooltip ></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="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  label="操作" width="120">
+                                <template slot-scope="scope">
+                                    <div class="flex-row align-items-center">
+                                        <el-button size="mini" @click="handleDelete(scope)">查看</el-button>
+                                        <el-button size="mini" @click="handleBackCase(scope)">效验</el-button>
+                                    </div>
+                                </template>
+                            </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>
+</template>
+<script>
+import api from "@/services/caseManagement";
+    export default {
+        components: {
+        },
+        props: {
+            eventTraDialog: {
+                type: Object,
+                default: () => {
+                    return {}
+                },
+            },
+        },
+        data() {
+            return {
+            
+                queryParam:{},
+                tableData:[],
+                total:0,
+
+            };
+        },
+        mounted () {
+            console.log(this.eventTraDialog,'eventTraDialog')
+        },
+        methods: {
+            
+            handleClose() {
+                this.$emit('update:eventTraDialog', null)
+            },
+        }
+    };
+</script>
+<style scoped lang="scss">
+.dialog-trace{
+    padding: 16px 20px;
+    max-height:500px
+}
+
+</style>
\ No newline at end of file
diff --git a/src/pages/case-management/index.vue b/src/pages/case-management/index.vue
index 3c0d5bf..82271e7 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">
+                                        <span class="cursor-pointer" @click="eventTraDialog = {traceType:0,title:'短信发送记录',component:'smsDialogDetail',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">
+                                        <span class="cursor-pointer" @click="calllogDialog = {title:'电话呼叫记录',caseNo:'123'}">
                                             <p>外呼</p>
                                             <p class="color-000"><a class="color-274ea4">接通0</a>/外呼0</p>
                                         </span>
-                                        <span class="cursor-pointer">
+                                        <span class="cursor-pointer" @click="eventTraDialog = {traceType:2,title:'视频调解记录'}">
                                             <p>调解视频</p>
                                             <p class="color-000"><a class="color-274ea4">结束0</a>/预约0</p>
                                         </span>
-                                        <span class="cursor-pointer">
+                                        <span class="cursor-pointer" @click="eventTraDialog = {traceType:3,title:'文书生成记录',component:'officeDialogDetail',caseNo:'123'}">
                                             <p>文书</p>
                                             <p class="color-000">0</p>
                                         </span>
-                                        <span class="cursor-pointer">
-                                            <p>文书签署</p>
+                                        <span class="cursor-pointer" @click="eventTraDialog = {traceType:4,title:'文书签字记录',component:'officeWDialogDetail',caseNo:'123'}">
+                                            <p>文书签字</p>
                                             <p class="color-000"><a class="color-274ea4">成功0</a>/发起0</p>
                                         </span>
-                                        <span class="cursor-pointer">
+                                        <span class="cursor-pointer" @click="eventTraDialog = {traceType:6,title:'文书送达记录',component:'officeDeliveryDialogDetail',caseNo:'123'}">
                                             <p>文书送达</p>
                                             <p class="color-000">0</p>
                                         </span>
-                                        <span class="cursor-pointer">
+                                        <span class="cursor-pointer" @click="repaymentDialog = {title:'还款计划',caseNo:'123'}">
                                             <p>还款计划</p>
                                             <p class="color-000"><a class="color-274ea4">已设置</a></p>
                                         </span>
-                                        <span class="cursor-pointer">
+                                        <span class="cursor-pointer" @click="repaymentlogDialog = {title:'还款凭证',caseNo:'123'}">
                                             <p>还款凭证</p>
                                             <p class="color-000"><a class="color-274ea4">已填0</a></p>
                                         </span>
@@ -337,6 +337,16 @@
         <!-- <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" />
+
+        
     </div>
 </template>
 <script>
@@ -348,9 +358,17 @@ import { values } from "lodash";
             // addCaseDialog: () => import('./components/addCaseDialog'),//新增
             // editCaseDrawer: () => import('./components/editCaseDrawer'),//编辑
             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,//事项追踪
                 isCheck: false,//全选按钮绑定值
                 indeterminate: false,//全选按钮的不确定状态，选中数据selectionData的长度length符合  0 < selectionData.length < enabledDataList.length ，值为true
                 selectionData: [],//表格多选选中的数据
diff --git a/src/pages/case-package/index.vue b/src/pages/case-package/index.vue
index d56ea3b..dad7fc5 100644
--- a/src/pages/case-package/index.vue
+++ b/src/pages/case-package/index.vue
@@ -123,12 +123,12 @@
                             </template>
                         </el-table-column>
                         <el-table-column prop="assignTotal" label="已分案" show-overflow-tooltip ></el-table-column>
-                        <el-table-column  label="操作" width="370">
+                        <el-table-column  label="操作" width="290">
                             <template slot-scope="scope">
                                 <div class="flex-row align-items-center">
                                     <el-button size="mini" @click="jumpUrl(`/case-management?dataKey=casepack&pkgId=${scope.row.id}`)">查看</el-button>
                                     <el-button size="mini" @click="handleCaseAllocation(scope)">案件分配</el-button>
-                                    <el-button size="mini" @click="handleEdit(scope)">预设还款方案</el-button>
+                                    <!-- <el-button size="mini" @click="handleEdit(scope)">预设还款方案</el-button> -->
                                     <el-button size="mini" v-if="scope.row.assignTotal == 0" @click="handleDelete(scope)">删除</el-button>
                                     <el-button size="mini" v-if="scope.row.assignTotal > 0" @click="handleBackCase(scope)">撤回分案</el-button>
                                 </div>
@@ -158,6 +158,7 @@
         <!-- <editCaseDrawer v-if="editCaseDrawer" :editCaseDrawer.sync="editCaseDrawer"/> -->
         <!-- 案件分配-->
         <caseAllocationDialog v-if="caseAllocationDialog" :caseAllocationDialog.sync="caseAllocationDialog" />
+
     </div>
 </template>
 <script>
@@ -168,6 +169,7 @@ import api from "@/services/casePackageManagement";
             // addCaseDialog: () => import('./components/addCaseDialog'),//新增
             // editCaseDrawer: () => import('./components/editCaseDrawer'),//编辑
             caseAllocationDialog: () => import('./components/caseAllocationDialog'),//案件分配
+            
         },
         data() {
             return {
diff --git a/src/pages/event-tracing/dtraceDetail/officeDeliveryDialogDetail.vue b/src/pages/event-tracing/dtraceDetail/officeDeliveryDialogDetail.vue
index 3f9e208..231f33f 100644
--- a/src/pages/event-tracing/dtraceDetail/officeDeliveryDialogDetail.vue
+++ b/src/pages/event-tracing/dtraceDetail/officeDeliveryDialogDetail.vue
@@ -9,8 +9,8 @@
                     <el-col :span="8">
                         <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="请输入案件包名称"
+                            <el-input v-model.trim="queryParam.caseNo"
+                                        clearable placeholder="请输入案件编号"
                                         @keydown.enter.native="handleSearch">
                             </el-input>
                         </div>
@@ -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="f22 color-text-primary">明细列表</div>
                 <div class="flex-row">
                     
                 </div>
@@ -93,7 +93,7 @@ import apipack from "@/services/casePackageManagement";
             
         },
         props: {
-            caseAllocationDialog: {
+            eventTraDialog: {
                 type: Object,
                 default: () => {
                     return {}
diff --git a/src/pages/event-tracing/dtraceDetail/officeDialogDetail.vue b/src/pages/event-tracing/dtraceDetail/officeDialogDetail.vue
index 6dcefd6..acb0b85 100644
--- a/src/pages/event-tracing/dtraceDetail/officeDialogDetail.vue
+++ b/src/pages/event-tracing/dtraceDetail/officeDialogDetail.vue
@@ -9,8 +9,8 @@
                     <el-col :span="8">
                         <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="请输入案件包名称"
+                            <el-input v-model.trim="queryParam.caseNo"
+                                        clearable placeholder="请输入案件编号"
                                         @keydown.enter.native="handleSearch">
                             </el-input>
                         </div>
@@ -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="f22 color-text-primary">明细列表</div>
                 <div class="flex-row">
                     
                 </div>
@@ -79,7 +79,7 @@ import apipack from "@/services/casePackageManagement";
             
         },
         props: {
-            caseAllocationDialog: {
+            eventTraDialog: {
                 type: Object,
                 default: () => {
                     return {}
diff --git a/src/pages/event-tracing/dtraceDetail/officeWDialogDetail.vue b/src/pages/event-tracing/dtraceDetail/officeWDialogDetail.vue
index 6220c14..bcab4aa 100644
--- a/src/pages/event-tracing/dtraceDetail/officeWDialogDetail.vue
+++ b/src/pages/event-tracing/dtraceDetail/officeWDialogDetail.vue
@@ -9,8 +9,8 @@
                     <el-col :span="8">
                         <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="请输入案件包名称"
+                            <el-input v-model.trim="queryParam.caseNo"
+                                        clearable placeholder="请输入案件编号"
                                         @keydown.enter.native="handleSearch">
                             </el-input>
                         </div>
@@ -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="f22 color-text-primary">明细列表</div>
                 <div class="flex-row">
                     
                 </div>
@@ -80,7 +80,7 @@ import apipack from "@/services/casePackageManagement";
             
         },
         props: {
-            caseAllocationDialog: {
+            eventTraDialog: {
                 type: Object,
                 default: () => {
                     return {}
diff --git a/src/pages/event-tracing/dtraceDetail/smsDialogDetail.vue b/src/pages/event-tracing/dtraceDetail/smsDialogDetail.vue
index c306872..6aeb365 100644
--- a/src/pages/event-tracing/dtraceDetail/smsDialogDetail.vue
+++ b/src/pages/event-tracing/dtraceDetail/smsDialogDetail.vue
@@ -17,7 +17,7 @@
                     </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>
+                            <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">
@@ -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="f22 color-text-primary">明细列表</div>
                 <div class="flex-row">
                     
                 </div>
@@ -106,7 +106,7 @@ import apipack from "@/services/casePackageManagement";
             
         },
         props: {
-            caseAllocationDialog: {
+            eventTraDialog: {
                 type: Object,
                 default: () => {
                     return {}
diff --git a/src/pages/event-tracing/index.vue b/src/pages/event-tracing/index.vue
index a046f97..bc6b740 100644
--- a/src/pages/event-tracing/index.vue
+++ b/src/pages/event-tracing/index.vue
@@ -3,20 +3,35 @@
         <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">
+
                 <!-- 短信发送追踪 -->
-                <smsDialog v-if="eventTraDialog.traceType == 0" :eventTraDialog="eventTraDialog" />
+                <smsDialogDetail v-if="eventTraDialog.traceType == 0 &&eventTraDialog.component == 'smsDialogDetail'" :eventTraDialog="eventTraDialog" />
+                <!-- 短信发送追踪 -->
+                <smsDialog v-if="eventTraDialog.traceType == 0 &&eventTraDialog.component == undefined" :eventTraDialog="eventTraDialog" />
+
                 <!-- 外呼事项追踪 -->
                 <CallDialog v-if="eventTraDialog.traceType == 1" :eventTraDialog="eventTraDialog" />
                 <!-- 视频调解追踪 -->
                 <voideDialog v-if="eventTraDialog.traceType == 2" :eventTraDialog="eventTraDialog" />
+
                 <!-- 文书生成追踪 -->
-                <officeDialog v-if="eventTraDialog.traceType == 3" :eventTraDialog="eventTraDialog" />
+                <officeDialog v-if="eventTraDialog.traceType == 3 &&eventTraDialog.component == undefined" :eventTraDialog="eventTraDialog" />
+                <!-- 文书生成追踪明细 -->
+                <officeDialogDetail v-if="eventTraDialog.traceType == 3 &&eventTraDialog.component == 'officeDialogDetail'" :eventTraDialog="eventTraDialog" />
+
                 <!-- 文书签字追踪 -->
-                <officeWriteDialog v-if="eventTraDialog.traceType == 4" :eventTraDialog="eventTraDialog" />
+                <officeWriteDialog v-if="eventTraDialog.traceType == 4 &&eventTraDialog.component == 'officeWriteDialog'" :eventTraDialog="eventTraDialog" />
+                <!-- 文书签字追踪明细 -->
+                <officeWDialogDetail v-if="eventTraDialog.traceType == 4 &&eventTraDialog.component == 'officeWDialogDetail'" :eventTraDialog="eventTraDialog" />
+
                 <!-- 文书签章追踪 -->
                 <officeSealDialog v-if="eventTraDialog.traceType == 5" :eventTraDialog="eventTraDialog" />
+
                 <!-- 文书送达追踪 -->
-                <officeDeliveryDialog v-if="eventTraDialog.traceType == 6" :eventTraDialog="eventTraDialog" />
+                <officeDeliveryDialog v-if="eventTraDialog.traceType == 6 &&eventTraDialog.component == undefined" :eventTraDialog="eventTraDialog" />
+                <!-- 文书送达追踪明细 -->
+                <officeDeliveryDialogDetail v-if="eventTraDialog.traceType == 6 &&eventTraDialog.component == 'officeDeliveryDialogDetail'" :eventTraDialog="eventTraDialog" />
+                
                 <!-- 还款凭证登记 -->
                 <repaymentDialog v-if="eventTraDialog.traceType == 7" :eventTraDialog="eventTraDialog" />
                 
@@ -41,7 +56,10 @@ import api from "@/services/caseManagement";
             officeDeliveryDialog: () => import('./components/officeDeliveryDialog.vue'),//文书送达追踪
             repaymentDialog: () => import('./components/repaymentDialog.vue'),//还款凭证登记
 
-            
+            officeDeliveryDialogDetail: () => import('./dtraceDetail/officeDeliveryDialogDetail.vue'),//文书送达追踪明细
+            officeDialogDetail: () => import('./dtraceDetail/officeDialogDetail.vue'),//文书生成追踪明细
+            officeWDialogDetail: () => import('./dtraceDetail/officeWDialogDetail.vue'),//文书签字追踪明细
+            smsDialogDetail: () => import('./dtraceDetail/smsDialogDetail.vue'),//短信发送追踪明细
         },
         props: {
             eventTraDialog: {
@@ -61,7 +79,7 @@ import api from "@/services/caseManagement";
             };
         },
         mounted () {
-            
+            console.log(this.eventTraDialog,'eventTraDialog')
         },
         methods: {
             
diff --git a/src/pages/workbench/index.vue b/src/pages/workbench/index.vue
index 9f4fdfc..f8c8656 100644
--- a/src/pages/workbench/index.vue
+++ b/src/pages/workbench/index.vue
@@ -112,7 +112,7 @@
                                 </div>
                                 <div class="flex-row justify-content-end mb-8">
                                     <el-button size="mini" type="primary" @click="handleCaseAllocation(item)">案件分配</el-button>
-                                    <el-button size="mini" @click="handleEdit(scope)">预设还款方案</el-button>
+                                    <!-- <el-button size="mini" @click="handleEdit(scope)">预设还款方案</el-button> -->
                                     <el-button size="mini" @click="handleDelete(item)">删除</el-button>
                                 </div>
                             </div>