Skip to content

Y
yishuju-ui
Commit 4c3b6806 authored by 沈翠玲's avatar 沈翠玲
Browse files
Options

把图片替换了

parent d784ce02
Hide whitespace changes
Inline Side-by-side
Showing with 65 additions and 51 deletions
src/assets/images/caselist.svg 0 → 100644
View file @ 4c3b6806
<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1740040622818" class="icon" viewBox="0 0 1044 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="33821" xmlns:xlink="http://www.w3.org/1999/xlink" width="203.90625" height="200"><path d="M840.454 62.442h-638.605c-76.445 0-139.409 63.68-139.409 141.007v614.048c0 77.326 62.963 141.007 139.408 141.007h638.605c76.454 0 139.408-63.68 139.408-141.007v-614.048c0-77.326-58.454-141.007-139.408-141.007zM912.409 822.050c0 40.931-31.473 72.772-71.954 72.772h-638.605c-40.473 0-71.954-31.84-71.954-72.772v-618.603c0-40.931 31.481-72.772 71.954-72.772h638.605c40.481 0 71.954 31.84 71.954 72.772v618.603zM399.73 285.32l-98.936 100.065-44.973-45.477c-13.5-13.647-35.981-13.647-44.973 0-13.5 13.638-13.5 36.386 0 45.477l71.954 72.781c4.5 4.546 13.492 9.092 26.981 9.092 13.5 0 13.5-4.546 26.981-9.092l121.426-122.813c13.5-13.647 13.5-36.386 0-45.487-26.981-13.638-44.973-13.638-58.463-4.546zM813.473 339.908h-310.308c-22.481 0-31.481 13.638-31.481 31.84 0 22.739 13.5 31.84 31.481 31.84h310.316c22.481 0 31.473-13.647 31.473-31.84 0-18.202-13.5-31.84-31.481-31.84zM318.775 544.584c-58.463 0-103.436 45.487-103.436 104.62 0 59.125 44.973 104.611 103.436 104.611 58.473 0 103.436-45.487 103.436-104.611 0-63.68-49.463-104.62-103.436-104.62zM318.775 681.043c-22.481 0-35.973-13.647-35.973-36.386 0-22.747 13.492-36.395 35.973-36.395 22.492 0 35.981 13.647 35.981 36.395 0 22.739-17.992 36.386-35.981 36.386zM813.473 612.808h-310.308c-22.481 0-31.481 13.647-31.481 31.849 0 18.184 13.5 31.84 31.481 31.84h310.316c22.481 0 31.473-13.647 31.473-31.84 0-18.202-13.5-31.84-31.481-31.84z" fill="#234ca3" p-id="33822"></path></svg>
\ No newline at end of file
src/assets/images/money.svg 0 → 100644
View file @ 4c3b6806
<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1740040294711" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="7432" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><path d="M512 959.595789A447.595789 447.595789 0 1 1 959.595789 512 448.134737 448.134737 0 0 1 512 959.595789z m0-814.349473A366.753684 366.753684 0 1 0 878.753684 512 367.023158 367.023158 0 0 0 512 145.246316z" fill="#234ca3" p-id="7433"></path><path d="M616.825263 524.665263h-209.650526a40.421053 40.421053 0 0 1 0-80.842105h209.650526a40.421053 40.421053 0 0 1 0 80.842105zM616.825263 675.84h-209.650526a40.421053 40.421053 0 0 1 0-80.842105h209.650526a40.421053 40.421053 0 0 1 0 80.842105z" fill="#234ca3" p-id="7434"></path><path d="M512 769.347368a40.421053 40.421053 0 0 1-40.421053-40.421052v-247.107369a40.421053 40.421053 0 1 1 80.842106 0v247.107369a40.421053 40.421053 0 0 1-40.421053 40.421052z" fill="#234ca3" p-id="7435"></path><path d="M512 465.650526a40.690526 40.690526 0 0 1-28.564211-11.856842 40.151579 40.151579 0 0 1 0-57.128421l130.15579-130.155789a40.151579 40.151579 0 0 1 57.128421 0 40.690526 40.690526 0 0 1 0 57.128421l-130.155789 130.155789a40.690526 40.690526 0 0 1-28.564211 11.856842z" fill="#234ca3" p-id="7436"></path><path d="M512 465.650526a40.690526 40.690526 0 0 1-28.564211-11.856842L353.28 323.368421a40.690526 40.690526 0 0 1 0-57.128421 40.151579 40.151579 0 0 1 57.128421 0l130.15579 130.155789a40.151579 40.151579 0 0 1 0 57.128422 40.690526 40.690526 0 0 1-28.564211 12.126315z" fill="#234ca3" p-id="7437"></path></svg>
\ No newline at end of file
src/assets/images/userlist.svg 0 → 100644
View file @ 4c3b6806
<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1740040154697" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="26853" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><path d="M1024 512A512 512 0 1 0 0 512a512 512 0 0 0 1024 0z m-950.857 0a438.857 438.857 0 1 1 804.206 243.2C766.245 693.175 642.56 658.286 512 658.286c-130.633 0-254.171 34.889-365.349 96.914A436.81 436.81 0 0 1 73.143 512z m642.194-130.194a203.337 203.337 0 1 0-406.674 0 203.337 203.337 0 0 0 406.674 0zM512 950.857c-125.806 0-239.177-52.882-319.122-137.655C291.108 760.54 398.848 731.43 512 731.43c113.152 0 220.891 29.11 319.122 81.773A437.614 437.614 0 0 1 512 950.857zM381.806 381.806a130.194 130.194 0 1 1 260.388 0 130.194 130.194 0 0 1-260.388 0z" fill="#234ca3" p-id="26854"></path></svg>
\ No newline at end of file
src/hooks/useProTable.js
View file @ 4c3b6806
...@@ -44,10 +44,10 @@ export function useProTable( ...@@ -44,10 +44,10 @@ export function useProTable(
}, },
showHeaderOverflow: 'tooltip', showHeaderOverflow: 'tooltip',
rowConfig: { rowConfig: {
height: 60, height: 40,
}, },
cellConfig: { cellConfig: {
height: 60, height: 40,
}, },
}, },
}); });
......
src/styles/element.scss
View file @ 4c3b6806
...@@ -203,7 +203,7 @@ ...@@ -203,7 +203,7 @@
font-size: 16px !important; font-size: 16px !important;
} }
.el-table__row { .el-table__row {
height: 50px !important; height: 40px !important;
font-size: 15px !important; font-size: 15px !important;
} }
} }
...@@ -282,19 +282,19 @@ ...@@ -282,19 +282,19 @@
line-height: 14px !important; line-height: 14px !important;
} }
.vxe-table--render-default.size--small .vxe-header--column.col--ellipsis { .vxe-table--render-default.size--small .vxe-header--column.col--ellipsis {
height: 58px !important; height: 40px !important;
} }
.vxe-table--render-default.size--small .vxe-body--column:not(.col--ellipsis) { .vxe-table--render-default.size--small .vxe-body--column:not(.col--ellipsis) {
padding: 0 !important; padding: 0 !important;
} }
/*vxe-table 自定义行高 */ /*vxe-table 自定义行高 */
.vxe-table .vxe-body--column.col--ellipsis { .vxe-table .vxe-body--column.col--ellipsis {
height: 58px; height: 40px;
} }
.vxe-table .vxe-body--column:not(.col--ellipsis), .vxe-table .vxe-body--column:not(.col--ellipsis),
.vxe-table .vxe-footer--column:not(.col--ellipsis), .vxe-table .vxe-footer--column:not(.col--ellipsis),
.vxe-table .vxe-header--column:not(.col--ellipsis) { .vxe-table .vxe-header--column:not(.col--ellipsis) {
height: 58px; height: 40px;
} }
.el-button { .el-button {
padding: 0px 10px !important; padding: 0px 10px !important;
...@@ -346,11 +346,12 @@ td { ...@@ -346,11 +346,12 @@ td {
margin: 10px; margin: 10px;
border-radius: 5px; border-radius: 5px;
display: flex; display: flex;
width: 75%;
justify-content: space-between; justify-content: space-between;
align-items: center; align-items: center;
.item_warp { .item_warp {
line-height: 1.15; line-height: 1.15;
width: 19%; width: 30%;
height: 60px; height: 60px;
border-radius: 5px; border-radius: 5px;
box-shadow: 0 0 5px 0 rgba(0,0,0,.25); box-shadow: 0 0 5px 0 rgba(0,0,0,.25);
......
src/views/business-approval/audit-apply/index.vue
View file @ 4c3b6806
...@@ -409,10 +409,9 @@ ...@@ -409,10 +409,9 @@
border: 1px solid rgba(5, 5, 5, 0.06); border: 1px solid rgba(5, 5, 5, 0.06);
background: #fff; background: #fff;
color: #606268; color: #606268;
padding: 8px;
line-height: 11px; line-height: 11px;
width: 240px; width: 240px;
height: 48px; height: 40px;
font-size: 14px; font-size: 14px;
&.label { &.label {
background: #f6f8ff; background: #f6f8ff;
......
src/views/business-approval/by-stages-apply/index.vue
View file @ 4c3b6806
...@@ -429,10 +429,9 @@ ...@@ -429,10 +429,9 @@
border: 1px solid rgba(5, 5, 5, 0.06); border: 1px solid rgba(5, 5, 5, 0.06);
background: #fff; background: #fff;
color: #606268; color: #606268;
padding: 8px;
line-height: 11px; line-height: 11px;
width: 240px; width: 240px;
height: 48px; height: 40px;
font-size: 14px; font-size: 14px;
&.label { &.label {
background: #f6f8ff; background: #f6f8ff;
......
src/views/business-approval/reduction-apply/index.vue
View file @ 4c3b6806
...@@ -350,10 +350,9 @@ ...@@ -350,10 +350,9 @@
border: 1px solid rgba(5, 5, 5, 0.06); border: 1px solid rgba(5, 5, 5, 0.06);
background: #fff; background: #fff;
color: #606268; color: #606268;
padding: 8px;
line-height: 11px; line-height: 11px;
width: 240px; width: 240px;
height: 48px; height: 40px;
font-size: 14px; font-size: 14px;
&.label { &.label {
background: #f6f8ff; background: #f6f8ff;
......
src/views/property/case-allocation/components/allocationModal.vue
View file @ 4c3b6806
...@@ -15,7 +15,7 @@ ...@@ -15,7 +15,7 @@
<div class="number-box"> <div class="number-box">
<div class="number-left"> <div class="number-left">
<div class="icon-wrapper"> <div class="icon-wrapper">
<img src="@/assets/images/userlist.png" /> <img src="@/assets/images/userlist.svg" />
</div> </div>
</div> </div>
<div class="number-right"> <div class="number-right">
...@@ -26,7 +26,7 @@ ...@@ -26,7 +26,7 @@
<div class="number-box"> <div class="number-box">
<div class="number-left"> <div class="number-left">
<div class="icon-wrapper"> <div class="icon-wrapper">
<img src="@/assets/images/caselist.png" /> <img src="@/assets/images/caselist.svg" />
</div> </div>
</div> </div>
<div class="number-right"> <div class="number-right">
...@@ -37,7 +37,7 @@ ...@@ -37,7 +37,7 @@
<div class="number-box"> <div class="number-box">
<div class="number-left"> <div class="number-left">
<div class="icon-wrapper"> <div class="icon-wrapper">
<img src="@/assets/images/money.png" /> <img src="@/assets/images/money.svg" />
</div> </div>
</div> </div>
<div class="number-right"> <div class="number-right">
...@@ -621,7 +621,7 @@ ...@@ -621,7 +621,7 @@
font-size: 15px; font-size: 15px;
width: 235px; width: 235px;
padding: 5px 0 5px 15px; padding: 5px 0 5px 15px;
border: 1px solid #f1f1f1; border: 1px solid rgba(0, 0, 0, 0.1);
height: 50px; height: 50px;
display: flex; display: flex;
margin-right: 10px; margin-right: 10px;
...@@ -639,7 +639,7 @@ ...@@ -639,7 +639,7 @@
} }
.number-right { .number-right {
p:nth-child(1) { p:nth-child(1) {
color: #cacaca; color: #aaa;
font-size: 13px; font-size: 13px;
} }
} }
......
src/views/property/case-allocation/index.vue
View file @ 4c3b6806
...@@ -6,7 +6,7 @@ ...@@ -6,7 +6,7 @@
<div class="style-lable"> <div class="style-lable">
<div class="item_warp"> <div class="item_warp">
<div class="img_warp"> <div class="img_warp">
<img src="@/assets/images/caselist.png" /> <img src="@/assets/images/caselist.svg" />
</div> </div>
<div class="title_warp"> <div class="title_warp">
<div class="items">未分派案件数</div> <div class="items">未分派案件数</div>
...@@ -15,7 +15,7 @@ ...@@ -15,7 +15,7 @@
</div> </div>
<div class="item_warp"> <div class="item_warp">
<div class="img_warp"> <div class="img_warp">
<img src="@/assets/images/userlist.png" /> <img src="@/assets/images/userlist.svg" />
</div> </div>
<div class="title_warp"> <div class="title_warp">
<div class="items">未分派CPE数</div> <div class="items">未分派CPE数</div>
...@@ -24,7 +24,7 @@ ...@@ -24,7 +24,7 @@
</div> </div>
<div class="item_warp"> <div class="item_warp">
<div class="img_warp"> <div class="img_warp">
<img src="@/assets/images/money.png" /> <img src="@/assets/images/money.svg" />
</div> </div>
<div class="title_warp"> <div class="title_warp">
<div class="items">未分派总金额数</div> <div class="items">未分派总金额数</div>
......
src/views/property/case-detail/components/returnModal.vue
View file @ 4c3b6806
...@@ -369,9 +369,8 @@ ...@@ -369,9 +369,8 @@
border: 1px solid rgba(5, 5, 5, 0.06); border: 1px solid rgba(5, 5, 5, 0.06);
background: #fff; background: #fff;
color: #606268; color: #606268;
padding: 8px;
width: 240px; width: 240px;
height: 48px; height: 40px;
font-size: 14px; font-size: 14px;
line-height: 11px; line-height: 11px;
&.label { &.label {
......
src/views/property/case-detail/index.vue
View file @ 4c3b6806
...@@ -75,28 +75,44 @@ ...@@ -75,28 +75,44 @@
<el-button type="primary" @click="foldCaseTree">展开/折叠 </el-button> <el-button type="primary" @click="foldCaseTree">展开/折叠 </el-button>
</div> </div>
<div class="box-content"> <div class="box-content">
<el-row class="mx-4 mb-2" :gutter="100"> <div class="style-lable" style="width: 100%">
<el-col :span="6"> <div class="item_warp" style="width: 19%">
<el-statistic title="委案金额" :value="sumCase.commissionAmount" style="background: var(--el-color-primary-light-9)" class=" rounded-md"> <div class="img_warp">
<template #suffix>元</template> <img src="@/assets/images/money.svg" />
</el-statistic> </div>
</el-col> <div class="title_warp">
<el-col :span="6"> <div class="items">委案金额</div>
<el-statistic title="累计减免金额" :value="sumCase.sumReductionAmount" style="background: var(--el-color-primary-light-9)" class=" rounded-md"> <div class="item items1">￥{{sumCase.commissionAmount}}</div>
<template #suffix>元</template> </div>
</el-statistic> </div>
</el-col> <div class="item_warp" style="width: 19%">
<el-col :span="6"> <div class="img_warp">
<el-statistic title="累计还款金额" :value="sumCase.sumRepayAmount" style="background: var(--el-color-primary-light-9)" class=" rounded-md"> <img src="@/assets/images/money.svg" />
<template #suffix>元</template> </div>
</el-statistic> <div class="title_warp">
</el-col> <div class="items">累计减免金额</div>
<el-col :span="6"> <div class="item items1">￥{{sumCase.sumReductionAmount}}</div>
<el-statistic title="剩余待还金额" :value="sumCase.remainingAmount" style="background: var(--el-color-primary-light-9)" class=" rounded-md"> </div>
<template #suffix>元</template> </div>
</el-statistic> <div class="item_warp" style="width: 19%">
</el-col> <div class="img_warp">
</el-row> <img src="@/assets/images/money.svg" />
</div>
<div class="title_warp">
<div class="items">累计还款金额</div>
<div class="item items1">￥{{sumCase.sumRepayAmount}}</div>
</div>
</div>
<div class="item_warp" style="width: 19%">
<div class="img_warp">
<img src="@/assets/images/money.svg" />
</div>
<div class="title_warp">
<div class="items">剩余待还金额</div>
<div class="item items1">￥{{sumCase.remainingAmount}}</div>
</div>
</div>
</div>
<vxe-grid v-bind="caseDetailConfig" ref="caseDetailRef" @cell-click="onCellCase"> <vxe-grid v-bind="caseDetailConfig" ref="caseDetailRef" @cell-click="onCellCase">
<template #expand_content="{ row }"> <template #expand_content="{ row }">
<div class="expand-box"> <div class="expand-box">
...@@ -899,10 +915,10 @@ ...@@ -899,10 +915,10 @@
}; };
const caseDetailConfig = reactive({ const caseDetailConfig = reactive({
rowConfig: { rowConfig: {
height: 60, height: 40,
}, },
cellConfig: { cellConfig: {
height: 60, height: 40,
}, },
columns: [ columns: [
{ type: 'expand', width: 80, slots: { content: 'expand_content' } }, { type: 'expand', width: 80, slots: { content: 'expand_content' } },
...@@ -1536,10 +1552,9 @@ ...@@ -1536,10 +1552,9 @@
border: 1px solid rgba(5, 5, 5, 0.06); border: 1px solid rgba(5, 5, 5, 0.06);
background: #fff; background: #fff;
color: #606268; color: #606268;
padding: 8px;
line-height: 11px; line-height: 11px;
width: 240px; width: 240px;
height: 48px; height: 40px;
font-size: 14px; font-size: 14px;
&.label { &.label {
width: 125px; width: 125px;
...@@ -1565,10 +1580,9 @@ ...@@ -1565,10 +1580,9 @@
border: 1px solid rgba(5, 5, 5, 0.06); border: 1px solid rgba(5, 5, 5, 0.06);
background: #fff; background: #fff;
color: #606268; color: #606268;
padding: 8px;
width: 240px; width: 240px;
line-height: 11px; line-height: 11px;
height: 48px; height: 40px;
font-size: 14px; font-size: 14px;
&.label { &.label {
text-align: center; text-align: center;
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment