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

18
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" <el-dialog :visible="true" width="80%" append-to-body :close-on-click-modal="false"
@close="handleClose()"> @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-tabs class="zd-el-tabs-custom zd-el-tabs-custom__left_padding" v-model="activeName" @tab-click="handleTabClick">
<el-tab-pane name="1"> <el-tab-pane name="1">
<span slot="label"><span>短信发送记录</span></span> <span slot="label"><span>短信发送记录</span></span>
@ -31,10 +31,7 @@
</el-tab-pane> </el-tab-pane>
</el-tabs> </el-tabs>
<div class="mt-16"> <div class="mt-16 case-trace-cont">
<!-- 短信发送追踪明细 --> <!-- 短信发送追踪明细 -->
<smsDialogDetail v-if="activeName == '1'" :eventTraDialog="eventTraDialog" /> <smsDialogDetail v-if="activeName == '1'" :eventTraDialog="eventTraDialog" />
<!-- 呼叫记录 --> <!-- 呼叫记录 -->
@ -133,16 +130,19 @@ import api from "@/services/caseManagement";
}; };
</script> </script>
<style scoped lang="scss"> <style scoped lang="scss">
.dialog-trace{ .dialog-case-trace{
padding: 16px 20px; padding: 16px 20px;
max-height:500px max-height:500px
} }
.dialog-trace .zd-el-tabs-custom{ .dialog-case-trace .zd-el-tabs-custom{
margin-top: -75px ; margin-top: -75px ;
margin-right: 25px; margin-right: 25px;
} }
.dialog-trace .zd-el-tabs-custom span{ .dialog-case-trace .zd-el-tabs-custom span{
font-size: 18px; font-size: 18px;
} }
.dialog-case-trace .case-trace-cont
{
min-height: 500px;
}
</style> </style>

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

@ -289,35 +289,35 @@
</span> </span>
</div> </div>
<div class="flex-row justify-content-between case-bg"> <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>短信</p>
<p class="color-000"><a class="color-274ea4">成功{{scope.row.statistics.SMS}}1</a>/发送1</p> <p class="color-000"><a class="color-274ea4">成功{{scope.row.statistics.SMS}}1</a>/发送1</p>
</span> </span>
<span class="cursor-pointer"> <span class="cursor-pointer" @click="CaseTraceDialog = {activeName:'2',title:'电话呼叫记录',caseNo:'123'}">
<p>外呼</p> <p>外呼</p>
<p class="color-000"><a class="color-274ea4">接通0</a>/外呼0</p> <p class="color-000"><a class="color-274ea4">接通0</a>/外呼0</p>
</span> </span>
<span class="cursor-pointer"> <span class="cursor-pointer" @click="CaseTraceDialog = {activeName:'3',title:'视频调解记录'}">
<p>调解视频</p> <p>调解视频</p>
<p class="color-000"><a class="color-274ea4">结束0</a>/预约0</p> <p class="color-000"><a class="color-274ea4">结束0</a>/预约0</p>
</span> </span>
<span class="cursor-pointer"> <span class="cursor-pointer" @click="CaseTraceDialog = {activeName:'4',title:'文书生成记录',caseNo:'123'}">
<p>文书</p> <p>文书</p>
<p class="color-000">0</p> <p class="color-000">0</p>
</span> </span>
<span class="cursor-pointer"> <span class="cursor-pointer" @click="CaseTraceDialog = {activeName:'5',title:'文书签字记录',caseNo:'123'}">
<p>文书签署</p> <p>文书签字</p>
<p class="color-000"><a class="color-274ea4">成功0</a>/发起0</p> <p class="color-000"><a class="color-274ea4">成功0</a>/发起0</p>
</span> </span>
<span class="cursor-pointer"> <span class="cursor-pointer" @click="CaseTraceDialog = {activeName:'6',title:'文书送达记录',caseNo:'123'}">
<p>文书送达</p> <p>文书送达</p>
<p class="color-000">0</p> <p class="color-000">0</p>
</span> </span>
<span class="cursor-pointer"> <span class="cursor-pointer" @click="CaseTraceDialog = {activeName:'7',title:'还款计划',caseNo:'123'}">
<p>还款计划</p> <p>还款计划</p>
<p class="color-000"><a class="color-274ea4">已设置</a></p> <p class="color-000"><a class="color-274ea4">已设置</a></p>
</span> </span>
<span class="cursor-pointer"> <span class="cursor-pointer" @click="CaseTraceDialog = {activeName:'8',title:'还款凭证',caseNo:'123'}">
<p>还款凭证</p> <p>还款凭证</p>
<p class="color-000"><a class="color-274ea4">已填0</a></p> <p class="color-000"><a class="color-274ea4">已填0</a></p>
</span> </span>
@ -351,8 +351,8 @@
<!-- 编辑 --> <!-- 编辑 -->
<!-- <editCaseDrawer v-if="editCaseDrawer" :editCaseDrawer.sync="editCaseDrawer"/> --> <!-- <editCaseDrawer v-if="editCaseDrawer" :editCaseDrawer.sync="editCaseDrawer"/> -->
<!-- 事项追踪 --> <!-- 各种案件追踪记录 -->
<eventTracingDialog v-if="eventTraDialog" :eventTraDialog.sync="eventTraDialog" /> <CaseTraceDialog v-if="CaseTraceDialog" :eventTraDialog.sync="CaseTraceDialog" />
</div> </div>
</template> </template>
<script> <script>
@ -362,7 +362,7 @@ import { values } from "lodash";
components: { components: {
// addCaseDialog: () => import('./components/addCaseDialog'),//新增 // addCaseDialog: () => import('./components/addCaseDialog'),//新增
// editCaseDrawer: () => import('./components/editCaseDrawer'),//编辑 // editCaseDrawer: () => import('./components/editCaseDrawer'),//编辑
eventTracingDialog: () => import('../event-tracing/index.vue'),//事项追踪 CaseTraceDialog: () => import('../case-management/components/CaseTraceDialog.vue'),//各种案件追踪记录
}, },
data() { data() {
return { return {
@ -415,7 +415,7 @@ import { values } from "lodash";
tableData: [], tableData: [],
total:0, total:0,
uniqueSelection:[], uniqueSelection:[],
eventTraDialog:null,//事项追踪 CaseTraceDialog:null,//事项追踪
importCaseDialog:null,//导入 importCaseDialog:null,//导入
addCaseDialog:null,//新增 addCaseDialog:null,//新增
editCaseDrawer:null,//编辑 editCaseDrawer:null,//编辑