tanghuan/mediate-manage-web
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

UI相关

Browse Source
This commit is contained in:
liuxi 2024-12-17 12:00:10 +08:00
parent 39552159e8
commit 25d851b334
2 changed files with 23 additions and 23 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

20
src/pages/case-management/components/CaseTraceDialog.vue
View File

@ -3,7 +3,7 @@
<el-dialog :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-case-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>
@ -31,10 +31,7 @@
</el-tab-pane>
</el-tabs>
<div class="mt-16">
<div class="mt-16 case-trace-cont">
<!-- 短信发送追踪明细 -->
<smsDialogDetail v-if="activeName == '1'" :eventTraDialog="eventTraDialog" />
<!-- 呼叫记录 -->
@ -51,7 +48,7 @@
<RepaymentDialog v-if="activeName == '7'" :eventTraDialog.sync="repaymentDialog" />
<!-- 还款凭证 -->
<RepaymentRecordDialog v-if="activeName == '8'" :eventTraDialog.sync="repaymentlogDialog" />
</div>
</div>
</div>
<span slot="footer" class="dialog-footer">
<el-button @click="handleClose()">关闭</el-button>
@ -133,16 +130,19 @@ import api from "@/services/caseManagement";
};
</script>
<style scoped lang="scss">
.dialog-trace{
.dialog-case-trace{
padding: 16px 20px;
max-height:500px
}
.dialog-trace .zd-el-tabs-custom{
.dialog-case-trace .zd-el-tabs-custom{
margin-top: -75px ;
margin-right: 25px;
}
.dialog-trace .zd-el-tabs-custom span{
.dialog-case-trace .zd-el-tabs-custom span{
font-size: 18px;
}
.dialog-case-trace .case-trace-cont
{
min-height: 500px;
}
</style>

26
src/pages/mediation-management/index.vue
View File

@ -289,35 +289,35 @@
</span>
</div>
<div class="flex-row justify-content-between case-bg">
<span class="cursor-pointer">
<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">
<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">
<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">
<span class="cursor-pointer" @click="CaseTraceDialog = {activeName:'4',title:'文书生成记录',caseNo:'123'}">
<p>文书</p>
<p class="color-000">0</p>
</span>
<span class="cursor-pointer">
<p>文书签署</p>
<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">
<span class="cursor-pointer" @click="CaseTraceDialog = {activeName:'6',title:'文书送达记录',caseNo:'123'}">
<p>文书送达</p>
<p class="color-000">0</p>
</span>
<span class="cursor-pointer">
<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">
<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>
@ -351,8 +351,8 @@
<!-- 编辑 -->
<!-- <editCaseDrawer v-if="editCaseDrawer" :editCaseDrawer.sync="editCaseDrawer"/> -->
<!-- 事项追踪 -->
<eventTracingDialog v-if="eventTraDialog" :eventTraDialog.sync="eventTraDialog" />
<!-- 各种案件追踪记录 -->
<CaseTraceDialog v-if="CaseTraceDialog" :eventTraDialog.sync="CaseTraceDialog" />
</div>
</template>
<script>
@ -362,7 +362,7 @@ import { values } from "lodash";
components: {
// addCaseDialog: () => import('./components/addCaseDialog'),//新增
// editCaseDrawer: () => import('./components/editCaseDrawer'),//编辑
eventTracingDialog: () => import('../event-tracing/index.vue'),//事项追踪
CaseTraceDialog: () => import('../case-management/components/CaseTraceDialog.vue'),//各种案件追踪记录
},
data() {
return {
@ -415,7 +415,7 @@ import { values } from "lodash";
tableData: [],
total:0,
uniqueSelection:[],
eventTraDialog:null,//事项追踪
CaseTraceDialog:null,//事项追踪
importCaseDialog:null,//导入
addCaseDialog:null,//新增
editCaseDrawer:null,//编辑