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 13:53:37 +08:00
parent 25d851b334
commit cb54b45446
3 changed files with 66 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

53
src/assets/style/common.scss
View File

@ -756,6 +756,59 @@ html{
}
.case-lable{
a{
padding:2px 5px;
font-size: 12px;
border:solid 1px #fdf6ec;
border-radius: 3px;
margin: 0 5px;
}
// 调解进度 承诺客户、重点客户
.case-status0{
background-color: #ecf5ff;
border-color: #d9ecff;
color: #409EFF;
}
// 已结清客户、疑难账户、失联账户、半失联账户、投诉倾向客户
.case-status1{
background-color: #fef0f0;
border-color: #fde2e2;
color: #f56c6c;
}
// 部分还款账户、适诉案件、可联账户、分期客户
.case-status2{
background-color: #fdf6ec;
border-color: #faecd8;
color: #e6a23c
}
// 已签署协议
.case-status3{
background-color: #f0f9eb;
border-color: #e1f3d8;
color: #67c23a;
}
// 案件状态1-调解成功、0-调解失败、2-暂存
.result-status0{
background-color: #fef0f0;
border-color: #fde2e2;
color: #f56c6c;
}
.result-status1{
background-color: #f0f9eb;
border-color: #e1f3d8;
color: #67c23a;
}
.result-status2{
background-color: #fdf6ec;
border-color: #faecd8;
color: #e6a23c
}
}
//=================== end::状态标签样式 ===============================

6
src/pages/case-management/index.vue
View File

@ -239,6 +239,12 @@
<span class="f-weight500 color-000 f16">被申请人：
<a v-for="(item,index) in scope.row.debtorEntityList" :key="index">{{index == 0 ?'':','}}{{item.name}}</a>
</span>
<span class="case-lable">
<a class="case-status0">承诺客户</a>
<a class="case-status1">疑难客户</a>
<a class="case-status2">分期客户</a>
<a class="case-status3">已签署协议</a>
</span>
</div>
<div class="flex-row justify-content-between table-span-one">
<span class="">

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

@ -257,6 +257,12 @@
<span class="f-weight500 color-000 f16">被申请人：
<a v-for="(item,index) in scope.row.debtorEntityList" :key="index">{{index == 0 ?'':','}}{{item.name}}</a>
</span>
<span class="case-lable">
<a class="case-status0">承诺客户</a>
<a class="case-status1">疑难客户</a>
<a class="case-status2">分期客户</a>
<a class="case-status3">已签署协议</a>
</span>
</div>
<div class="flex-row justify-content-between table-span-one">
<span class="">
@ -284,8 +290,7 @@
<p class="color-000">{{ scope.row.mediatorName }}</p>
</span>
<span style=" text-align: right;">
<el-button size="mini" class="case-btn" @click="jumpUrl(`/case-detail?dataKey=casepack&caseId=${scope.row.id}`)">查看详情</el-button>
<el-button size="mini" class="case-btn" @click="handleDelete(scope)">删除</el-button>
<el-button size="mini" class="case-btn" @click="jumpUrl(`/case-detail?dataKey=casepack&caseId=${scope.row.id}`)">立即调解</el-button>
</span>
</div>
<div class="flex-row justify-content-between case-bg">