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 2025-03-03 12:40:24 +08:00
parent c513a956bb
commit a74883ba5b
13 changed files with 20 additions and 20 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -3,8 +3,7 @@
<div class="navigation-bar flex-row mb-16"> <div class="navigation-bar flex-row mb-16">
<img src="../../assets/image/Link.png" height="22" alt=""> <img src="../../assets/image/Link.png" height="22" alt="">
<a>/</a> <a>/</a>
<a>案件包列表</a><a>/</a> <a class="f16">案件列表</a>
<a>案件列表</a>
</div> </div>
<div class="layout-tabs-content-box background-color-fff border-radius-4"> <div class="layout-tabs-content-box background-color-fff border-radius-4">
<div class="pt-8 border-b-solid-lighter-1"> <div class="pt-8 border-b-solid-lighter-1">

2
src/pages/case-package/index.vue
View File

@ -3,7 +3,7 @@
<div class="navigation-bar flex-row mb-16"> <div class="navigation-bar flex-row mb-16">
<img src="../../assets/image/Link.png" height="22" alt=""> <img src="../../assets/image/Link.png" height="22" alt="">
<a>/</a> <a>/</a>
<a>案件包列表</a> <a class="f16">案件包列表</a>
</div> </div>
<div class="layout-tabs-content-box background-color-fff border-radius-4"> <div class="layout-tabs-content-box background-color-fff border-radius-4">

2
src/pages/layout/components/LayoutHeader.vue
View File

@ -468,7 +468,7 @@ export default {
// background: url('~@/assets/image/header-bg-1920.png') no-repeat ; // background: url('~@/assets/image/header-bg-1920.png') no-repeat ;
background-size: cover; background-size: cover;
// background-color: #C66A5B; // background-color: #C66A5B;
background-color: #5d7eeac7; background-color: #5dafeac7;
.el-badge__content { .el-badge__content {
height: $height20; height: $height20;

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

@ -4,7 +4,7 @@
<div class="navigation-bar flex-row mb-16"> <div class="navigation-bar flex-row mb-16">
<img src="../../assets/image/Link.png" height="22" alt=""> <img src="../../assets/image/Link.png" height="22" alt="">
<a>/</a> <a>/</a>
<a>调解管理</a> <a class="f16">调解管理</a>
</div> </div>

2
src/pages/mediation-package/index.vue
View File

@ -3,7 +3,7 @@
<div class="navigation-bar flex-row mb-16"> <div class="navigation-bar flex-row mb-16">
<img src="../../assets/image/Link.png" height="22" alt=""> <img src="../../assets/image/Link.png" height="22" alt="">
<a>/</a> <a>/</a>
<a>案件包列表</a> <a class="f16">案件包列表</a>
</div> </div>
<div class="layout-tabs-content-box background-color-fff border-radius-4"> <div class="layout-tabs-content-box background-color-fff border-radius-4">

8
src/pages/mediation-page/components/LayoutContentNew.vue
View File

@ -48,7 +48,7 @@
<img v-if="baseInfo.mediateStatus == 6" src="../../../assets/image/mediate/mediatefail.png" /> <img v-if="baseInfo.mediateStatus == 6" src="../../../assets/image/mediate/mediatefail.png" />
<img v-if="baseInfo.mediateStatus == 5" src="../../../assets/image/mediate/mediatesuccess.png" /> <img v-if="baseInfo.mediateStatus == 5" src="../../../assets/image/mediate/mediatesuccess.png" />
</div> </div>
<div class="f16 f-weight600 descriptions-t-title">基本信息</div> <div class="f22 f-weight600 descriptions-t-title">基本信息</div>
<div class="flex-row descriptions-t-item"> <div class="flex-row descriptions-t-item">
<div class="descriptions-t-item-l color-86909C">案件包名称:</div> <div class="descriptions-t-item-l color-86909C">案件包名称:</div>
<div class="descriptions-t-item-r" v-if="caseInfo.casePkg != undefined">{{caseInfo.casePkg.pkgName}}</div> <div class="descriptions-t-item-r" v-if="caseInfo.casePkg != undefined">{{caseInfo.casePkg.pkgName}}</div>
@ -110,7 +110,7 @@
</div> </div>
<div class="descriptions-t mt-16"> <div class="descriptions-t mt-16">
<div class="f16 f-weight600 descriptions-t-title">债务信息</div> <div class="f22 f-weight600 descriptions-t-title">债务信息</div>
<div class="flex-row descriptions-t-item"> <div class="flex-row descriptions-t-item">
<div class="descriptions-t-item-l color-86909C">当前逾期金额:</div> <div class="descriptions-t-item-l color-86909C">当前逾期金额:</div>
<div class="descriptions-t-item-r color-F53F3F">{{caseInfo.fields.find(item => item.fieldKey == 'moneyAmount').fieldValue}}</div> <div class="descriptions-t-item-r color-F53F3F">{{caseInfo.fields.find(item => item.fieldKey == 'moneyAmount').fieldValue}}</div>
@ -124,7 +124,7 @@
</div> </div>
<div class="descriptions-t mt-16"> <div class="descriptions-t mt-16">
<div class="f16 f-weight600 descriptions-t-title">案件信息</div> <div class="f22 f-weight600 descriptions-t-title">案件信息</div>
<div class="flex-row descriptions-t-item"> <div class="flex-row descriptions-t-item">
<div class="descriptions-t-item-l color-86909C">案件包名称:</div> <div class="descriptions-t-item-l color-86909C">案件包名称:</div>
<div class="descriptions-t-item-r" v-if="caseInfo.casePkg != undefined">{{caseInfo.casePkg.pkgName}}</div> <div class="descriptions-t-item-r" v-if="caseInfo.casePkg != undefined">{{caseInfo.casePkg.pkgName}}</div>
@ -147,7 +147,7 @@
</div> </div>
</div> </div>
<div class="descriptions-t mt-16"> <div class="descriptions-t mt-16">
<div class="f16 f-weight600 descriptions-t-title">代理人信息</div> <div class="f22 f-weight600 descriptions-t-title">代理人信息</div>
<div v-for="(item,index) in AgentData" :key="index"> <div v-for="(item,index) in AgentData" :key="index">
<div class="flex-row descriptions-t-item"> <div class="flex-row descriptions-t-item">
<div class="descriptions-t-item-l color-86909C">姓名:</div> <div class="descriptions-t-item-l color-86909C">姓名:</div>

2
src/pages/mediation-page/components/RepaymentCertificate.vue
View File

@ -1,7 +1,7 @@
<template> <template>
<div class="case-repayment-certificate"> <div class="case-repayment-certificate">
<div class="mb-16 flex-row justify-content-between"> <div class="mb-16 flex-row justify-content-between">
<span class="f-weight500 f18">还款凭证</span> <span class="f-weight500 f22">还款凭证</span>
<span class="cursor-pointer" @click="AddFlag = true;repaymentObj = {mediaPath:[]}"><i class="el-icon-plus"></i> 添加还款凭证</span> <span class="cursor-pointer" @click="AddFlag = true;repaymentObj = {mediaPath:[]}"><i class="el-icon-plus"></i> 添加还款凭证</span>
</div> </div>
<div v-if="AddFlag" class="case-detail-des flex-column mb-16 p-16 border-radius-8"> <div v-if="AddFlag" class="case-detail-des flex-column mb-16 p-16 border-radius-8">

2
src/pages/mediation-page/components/RepaymentSchedule.vue
View File

@ -1,7 +1,7 @@
<template> <template>
<div class="case-repayment-certificate"> <div class="case-repayment-certificate">
<div class="mb-16 flex-row justify-content-between"> <div class="mb-16 flex-row justify-content-between">
<span class="f-weight500 f18">还款计划</span> <span class="f-weight500 f22">还款计划</span>
<span class="cursor-pointer" v-if="planList.length == 0" @click="updateFlag = true"><i class="el-icon-plus"></i> 添加还款计划</span> <span class="cursor-pointer" v-if="planList.length == 0" @click="updateFlag = true"><i class="el-icon-plus"></i> 添加还款计划</span>
<span class="cursor-pointer" v-else @click="UpdatePlanClick"><i class="el-icon-plus"></i> 编辑还款计划</span> <span class="cursor-pointer" v-else @click="UpdatePlanClick"><i class="el-icon-plus"></i> 编辑还款计划</span>
</div> </div>

2
src/pages/mediation-page/components/caseMaterialLeft.vue
View File

@ -1,7 +1,7 @@
<template> <template>
<div> <div>
<div class="mb-16 flex-row justify-content-between"> <div class="mb-16 flex-row justify-content-between">
<span class="f-weight500 f18">案件材料</span> <span class="f-weight500 f22">案件材料</span>
<span class="cursor-pointer" @click="caseFileVisible={caseId:caseId}"> <span class="cursor-pointer" @click="caseFileVisible={caseId:caseId}">
<i class="el-icon-plus"></i> 上传案件材料 <i class="el-icon-plus"></i> 上传案件材料
</span> </span>

2
src/pages/mediation-page/components/cassWrit.vue
View File

@ -1,7 +1,7 @@
<template> <template>
<div> <div>
<div class="mb-16 flex-row justify-content-between"> <div class="mb-16 flex-row justify-content-between">
<span class="f-weight500 f18">案件文书</span> <span class="f-weight500 f22">案件文书</span>
<div class="case-office-btn"> <div class="case-office-btn">
<span v-if="tableData.find(item =>{ return (item.documentStaus.code == 2 && item.signStatus != null && item.signStatus.code != 1 && item.signStatus.code != 3) })" class="cursor-pointer border-E5E6EB" @click="CancelSignatureClick"><i class="el-icon-edit-outline"></i> 撤销签字</span> <span v-if="tableData.find(item =>{ return (item.documentStaus.code == 2 && item.signStatus != null && item.signStatus.code != 1 && item.signStatus.code != 3) })" class="cursor-pointer border-E5E6EB" @click="CancelSignatureClick"><i class="el-icon-edit-outline"></i> 撤销签字</span>

2
src/pages/mediation-page/components/contactPerson.vue
View File

@ -1,7 +1,7 @@
<template> <template>
<div> <div>
<div class="mb-16 flex-row justify-content-between"> <div class="mb-16 flex-row justify-content-between">
<span class="f-weight500 f18">联系人信息</span> <span class="f-weight500 f22">联系人信息</span>
<span class="cursor-pointer color-274ea4" v-if="personnelTypeActive !== '申请人'" @click="handleContactAdd"> <span class="cursor-pointer color-274ea4" v-if="personnelTypeActive !== '申请人'" @click="handleContactAdd">
<i class="el-icon-plus"></i> 添加联系人 <i class="el-icon-plus"></i> 添加联系人
</span> </span>

9
src/pages/mediation-page/components/portraitPerson.vue
View File

@ -85,7 +85,7 @@
</div> </div>
<div class="right-wrap-left-content"> <div class="right-wrap-left-content">
<div class="hx-1-content" v-if="rightActive == 1"> <div class="hx-1-content" v-if="rightActive == 1">
<div class="f12 pl-16 pt-16 pb-6">人物画像</div> <div class="f12 pl-16 pt-16 pb-6">被申请人 <a class="f16">{{portraitInfo.name}}</a> </div>
<el-scrollbar :style="'height:'+`${CommunicationcontentHeight}`+'px'"> <el-scrollbar :style="'height:'+`${CommunicationcontentHeight}`+'px'">
<div class="p-16" :class="(portraitInfo.gender == 'male'||portraitInfo.gender == '') ? 'personghximg':'personghximgw'"> <div class="p-16" :class="(portraitInfo.gender == 'male'||portraitInfo.gender == '') ? 'personghximg':'personghximgw'">
<!-- 基本信息 --> <!-- 基本信息 -->
@ -668,19 +668,20 @@ export default {
font-size: 12px; font-size: 12px;
} }
.character-info-details{ .character-info-details{
margin-bottom: 2px; margin-bottom: 5px;
font-size: 10px; font-size: 10px;
.character-info-details-label{ .character-info-details-label{
width: 40%; width: 40%;
text-align: right; text-align: right;
line-height: 16px; line-height: 16px;
padding-right: 4px; // padding-right: 4px;
padding: 2px 4px 2px 0px;
} }
.character-info-details-text{ .character-info-details-text{
width: 60%; width: 60%;
text-align: left; text-align: left;
line-height: 16px; line-height: 16px;
padding-left: 4px; padding: 2px 0px 2px 4px;
} }
} }
} }

2
src/pages/payment-receipt/index.vue
View File

@ -3,7 +3,7 @@
<div class="navigation-bar flex-row mb-16"> <div class="navigation-bar flex-row mb-16">
<img src="../../assets/image/Link.png" height="22" alt=""> <img src="../../assets/image/Link.png" height="22" alt="">
<a>/</a> <a>/</a>
<a>还款凭证</a> <a class="f16">还款凭证</a>
</div> </div>
<div class="layout-tabs-content-box background-color-fff border-radius-4"> <div class="layout-tabs-content-box background-color-fff border-radius-4">
<div class="pt-8 border-b-solid-lighter-1"> <div class="pt-8 border-b-solid-lighter-1">