ewide/zsxt_nbzs_h5
22
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

update:协议图片更新

Browse Source
This commit is contained in:
lisl
2021-10-18 00:19:18 +08:00
parent a1edd19cf0
commit bace5b529b
8 changed files with 234 additions and 248 deletions
Download Patch File Download Diff File Expand all files Collapse all files

26
FrontCode2/sunshine_levy/src/App.vue
View File

@@ -2,6 +2,7 @@
<div id="app"> <div id="app">
<van-pull-refresh <van-pull-refresh
v-model="isLoading" v-model="isLoading"
loosing-text="释放完成刷新"
loading-text="正在刷新" loading-text="正在刷新"
@refresh="onRefresh" @refresh="onRefresh"
> >
@@ -26,10 +27,7 @@ export default {
name: "App", name: "App",
data() { data() {
return { return {
startValue: "",
endValue: "",
mode: false, mode: false,
count: 0,
isLoading: true isLoading: true
}; };
}, },
@@ -40,24 +38,11 @@ export default {
this.mode = false; this.mode = false;
} }
}, },
mounted() { mounted() {},
document.body.ontouchstart = e => {
this.startValue = e.changedTouches[0].pageY;
};
document.body.ontouchend = e => {
this.endValue = e.changedTouches[0].pageY;
if (
this.endValue - this.startValue > 50 &&
e.changedTouches[0].pageY === e.changedTouches[0].clientY
) {
}
};
},
methods: { methods: {
logout() { logout() {
sessionStorage.setItem("mode", "normal"); sessionStorage.setItem("mode", "normal");
$(".container").removeClass("old_container"); $(".container").removeClass("old_container");
// $(".logout").css("display", "none");
this.mode = false; this.mode = false;
$(".bottomContent").removeClass("old_bottomContent"); $(".bottomContent").removeClass("old_bottomContent");
$("#app").removeClass("old_app2"); $("#app").removeClass("old_app2");
@@ -66,18 +51,15 @@ export default {
toOlderMode() { toOlderMode() {
sessionStorage.setItem("mode", "older"); sessionStorage.setItem("mode", "older");
$(".container").addClass("old_container"); $(".container").addClass("old_container");
// $(".logout").css("display", "none");
this.mode = true; this.mode = true;
$(".bottomContent").addClass("old_bottomContent"); $(".bottomContent").addClass("old_bottomContent");
$("#app").addClass("old_app2"); $("#app").addClass("old_app2");
// $("#app").removeClass("old_app");
}, },
onRefresh() { onRefresh() {
this.$children[0].$children[0].onInit();
setTimeout(() => { setTimeout(() => {
this.$toast("刷新成功");
this.isLoading = false; this.isLoading = false;
this.$children[0].$children[0].onInit(); }, 1000);
}, 2000);
} }
} }
}; };

BIN
FrontCode2/sunshine_levy/src/assets/img/menu_yhxy.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 207 B

BIN
FrontCode2/sunshine_levy/src/assets/img/yhxy.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 894 B

141
FrontCode2/sunshine_levy/src/views/index.vue
View File

@@ -45,17 +45,14 @@
<!-- window图标 --> <!-- window图标 -->
<div> <div>
<div class="projectIcon"> <div class="projectIcon">
<img <img src="@/assets/img/project.png" />
src="@/assets/img/project.png"
style="width: 25px;height: 25px;"
/>
</div> </div>
<span class="projectTitle">{{ item.name }}</span> <span class="projectTitle">{{ item.name }}</span>
</div> </div>
<!-- 补偿协议图标 --> <!-- 补偿协议图标 -->
<div class="projectRight"> <div class="projectRight">
<div> <div>
<img src="@/assets/img/menu_yhxy.png" /> <img src="@/assets/img/yhxy.png" />
</div> </div>
<span>{{ item.currentState }}</span> <span>{{ item.currentState }}</span>
</div> </div>
@@ -89,7 +86,6 @@
<img src="@/assets/img/project_no.png" /> <img src="@/assets/img/project_no.png" />
<span>征收决定号：</span> <span>征收决定号：</span>
</div> </div>
<div class="blue">{{ item.zsjdh }}</div> <div class="blue">{{ item.zsjdh }}</div>
</div> </div>
</div> </div>
@@ -185,7 +181,7 @@
</div> </div>
</div> </div>
<!-- 最后一行无边框 --> <!-- 最后一行无边框 -->
<div style="padding-bottom: 10px" v-else> <div v-else style="padding-bottom: 10px">
<div>{{ item.title }}</div> <div>{{ item.title }}</div>
<div> <div>
<span>发布时间：{{ item.publicTime }}</span> <span>发布时间：{{ item.publicTime }}</span>
@@ -209,7 +205,7 @@ export default {
return { return {
mode: false, mode: false,
data: { data: {
idCard: "52212112345678910", idCard: "522121123456789102223",
userName: "加载中...", userName: "加载中...",
policiesRegulationsLists: { policiesRegulationsLists: {
totalCount: 0, totalCount: 0,
@@ -226,8 +222,8 @@ export default {
prjList: [ prjList: [
{ {
name: "请求出错暂时没有可用数据", name: "请求出错暂时没有可用数据",
currentState: "无数据", currentState: "处于什么阶段",
area: "宁波市房屋建设管理办公室九号楼", area: "宁波市房屋建设管理办公室九号楼项目办公室",
zsbm: "无数据", zsbm: "无数据",
year: "无数据", year: "无数据",
zsjdh: "无数据", zsjdh: "无数据",
@@ -505,40 +501,37 @@ export default {
} }
// 最上面盒子 // 最上面盒子
.topBox { .topBox {
background: url(../assets/img/bg.png); background: url(../assets/img/bg.png) no-repeat;
background-size: 100% auto; background-size: 100% 96%;
background-repeat: no-repeat;
.olderVersion { .olderVersion {
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
align-items: center; align-items: center;
padding: 15px 0; padding: 15px 0;
.titleBox {
width: 173px;
height: 36px;
line-height: 36px;
text-align: center;
border-radius: 0 22px 22px 0;
background: #2576ca;
font-size: 16px;
font-weight: 600;
color: #ffffff;
}
:nth-child(2) { :nth-child(2) {
margin-right: 5px;
background: #f82b36; background: #f82b36;
width: 124px; width: 124px;
height: 33px; height: 25px;
text-align: center; text-align: center;
vertical-align: middle; line-height: 25px;
line-height: 33px;
border-radius: 2px; border-radius: 2px;
font-size: 18px; font-size: 18px;
font-weight: 600; font-weight: 600;
color: #ffffff; color: #ffffff;
} }
} }
.titleBox {
display: flex;
align-items: center;
justify-content: center;
width: 173px;
height: 36px;
border-radius: 0 22px 22px 0;
background: rgba(6, 63, 142, 0.66);
font-size: 16px;
font-weight: 600;
color: #ffffff;
}
.baseInfo { .baseInfo {
display: flex; display: flex;
margin: 5px 0; margin: 5px 0;
@@ -549,17 +542,15 @@ export default {
padding-right: 10px; padding-right: 10px;
padding-left: 31px; padding-left: 31px;
} }
> span:nth-child(2) { span:nth-child(2) {
white-space: nowrap; white-space: nowrap;
} }
} }
.gridBg { .gridBg {
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: space-around; justify-content: space-around;
margin: 10px 12px 0 10px; margin: 10px 12px 0 10px;
border-radius: 3px; border-radius: 3px;
background: rgba(255, 255, 255, 0.28); background: rgba(255, 255, 255, 0.28);
> div { > div {
@@ -594,11 +585,8 @@ export default {
align-items: center; align-items: center;
justify-content: space-between; justify-content: space-between;
height: 41px; height: 41px;
padding: unset 0; background: url(../assets/img/project_bg.png) no-repeat 0 -2px/101% 120%;
background: url(../assets/img/project_bg.png) no-repeat; > :nth-child(1) {
background-position: 0 -2px;
background-size: 100% 120%;
> div:nth-child(1) {
display: flex; display: flex;
align-items: center; align-items: center;
width: 50%; width: 50%;
@@ -612,6 +600,10 @@ export default {
margin-right: 10px; margin-right: 10px;
border-radius: 5px 0 0; border-radius: 5px 0 0;
background: #3284cd; background: #3284cd;
img {
width: 25px;
height: 25px;
}
} }
span { span {
white-space: nowrap; white-space: nowrap;
@@ -628,13 +620,12 @@ export default {
height: 27px; height: 27px;
display: flex; display: flex;
align-items: center; align-items: center;
border-radius: 13px 0 0 17px; border-radius: 13px 0 0 13px;
} img {
img { width: 17px;
width: 17px; margin-right: 3px;
height: 17px; margin-left: 10px;
margin-right: 3px; }
margin-left: 8px;
} }
span { span {
font-size: 12px; font-size: 12px;
@@ -662,6 +653,7 @@ export default {
display: flex; display: flex;
align-items: flex-start; align-items: flex-start;
padding-top: 15px; padding-top: 15px;
line-height: 20px;
> :nth-child(1) { > :nth-child(1) {
display: flex; display: flex;
align-items: center; align-items: center;
@@ -677,7 +669,7 @@ export default {
} }
> :last-child { > :last-child {
color: #363a44; color: #363a44;
width: 55%; // width: 55%;
} }
.blue { .blue {
color: #3883f1; color: #3883f1;
@@ -711,6 +703,7 @@ export default {
align-items: flex-start; align-items: flex-start;
justify-content: space-between; justify-content: space-between;
padding-left: 12px; padding-left: 12px;
line-height: 20px;
:nth-child(1) { :nth-child(1) {
white-space: nowrap; white-space: nowrap;
color: #b3b5b9; color: #b3b5b9;
@@ -727,7 +720,7 @@ export default {
display: flex; display: flex;
align-items: center; align-items: center;
height: 25px; height: 25px;
padding: 0px 10px 0px; padding: 0 10px;
.van-image { .van-image {
width: 24px; width: 24px;
height: 24px; height: 24px;
@@ -749,6 +742,7 @@ export default {
align-items: flex-start; align-items: flex-start;
justify-content: space-between; justify-content: space-between;
padding-left: 12px; padding-left: 12px;
line-height: 20px;
:nth-child(1) { :nth-child(1) {
white-space: nowrap; white-space: nowrap;
color: #b3b5b9; color: #b3b5b9;
@@ -771,7 +765,7 @@ export default {
color: #202020; color: #202020;
display: block; display: block;
} }
> span:nth-child(2) { :nth-child(2) {
margin: 10px 0; margin: 10px 0;
color: #2c2b2b; color: #2c2b2b;
font-size: 12px; font-size: 12px;
@@ -785,29 +779,24 @@ export default {
.protocolList { .protocolList {
padding: 0 20px; padding: 0 20px;
> div { > div {
> div:nth-child(1) { > :nth-child(1) {
font-size: 14px; font-size: 14px;
font-weight: 400; font-weight: 400;
overflow: hidden; overflow: hidden;
white-space: nowrap; white-space: nowrap;
text-overflow: ellipsis; text-overflow: ellipsis;
// width: 294px;
font-family: PingFangSC-Regular, PingFang SC;
color: #202020; color: #202020;
padding-top: 20px; padding-top: 20px;
} }
> div:nth-child(2) { > :nth-child(2) {
padding: unset 5px;
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
align-items: center; align-items: center;
padding: 20px 0; padding: 18px 0;
span { span {
font-size: 12px; font-size: 12px;
color: #9da2a3; color: #9da2a3;
font-weight: 400; font-weight: 400;
line-height: 11px;
height: 11px;
} }
} }
} }
@@ -815,23 +804,28 @@ export default {
} }
// 老年化 // 老年化
.old_container { .old_container {
.titleBox { .olderVersion {
font-size: 24px; .titleBox {
width: 228px; font-size: 24px;
height: 41px; width: 228px;
height: 41px;
line-height: 41px;
}
} }
.baseInfo { .baseInfo {
align-items: flex-start;
font-size: 22px; font-size: 22px;
img { img {
height: 30px; height: 30px;
padding-left: 15px; padding-left: 15px;
} }
> div:nth-child(3) { > div:nth-child(3) {
overflow: hidden; word-break: break-all;
text-overflow: ellipsis;
} }
} }
.gridBg { .gridBg {
margin-left: 4px;
margin-right: 4px;
font-size: 20px; font-size: 20px;
> div { > div {
width: 110px; width: 110px;
@@ -846,21 +840,21 @@ export default {
.projectTitle { .projectTitle {
font-size: 24px; font-size: 24px;
} }
> div:nth-child(1) { > :nth-child(1) {
display: flex; display: flex;
align-items: center; align-items: center;
height: 41px; height: 41px;
padding: unset 0; padding: unset 0;
width: 100%; width: 100%;
background: url(../assets/img/project_bg.png); background: url(../assets/img/project_bg.png);
background-position: 0 -2px; background-position: 0 -2px;
background-size: 100% 120%; background-size: 100% 120%;
} }
> div:nth-child(2) { > :nth-child(2) {
margin-top: 10px; margin-top: 10px;
> :nth-child(1) { > :nth-child(1) {
border-radius: unset !important; border-radius: unset !important;
padding-right: 5px;
} }
> span { > span {
font-size: 20px; font-size: 20px;
@@ -871,6 +865,7 @@ export default {
.projectCenterBox { .projectCenterBox {
font-size: 20px; font-size: 20px;
> div { > div {
line-height: 28px;
> :nth-child(1) { > :nth-child(1) {
:nth-child(2) { :nth-child(2) {
width: unset !important; width: unset !important;
@@ -882,24 +877,18 @@ export default {
} }
} }
} }
.assess { .assess,
span {
font-size: 22px;
}
}
.assessCenter1 {
font-size: 20px;
.projectTitle {
font-size: 20px;
}
}
.assess2 { .assess2 {
span { span {
font-size: 22px; font-size: 22px;
} }
} }
.assessCenter1,
.assessCenter2 { .assessCenter2 {
font-size: 20px; font-size: 20px;
> div {
line-height: 28px;
}
.projectTitle { .projectTitle {
font-size: 20px; font-size: 20px;
} }
@@ -919,6 +908,7 @@ export default {
> div { > div {
> :nth-child(1) { > :nth-child(1) {
font-size: 20px !important; font-size: 20px !important;
line-height: 28px;
padding-top: 15px !important; padding-top: 15px !important;
white-space: unset !important; white-space: unset !important;
} }
@@ -929,7 +919,6 @@ export default {
font-size: 18px !important; font-size: 18px !important;
display: block; display: block;
height: unset !important; height: unset !important;
line-height: 25px !important;
} }
> span:nth-child(2) { > span:nth-child(2) {
padding-top: 5px; padding-top: 5px;

260
FrontCode2/sunshine_levy/src/views/project/index.vue
View File

@@ -10,20 +10,16 @@
/> />
<div> <div>
<div> <div>
<span class="proCenterFont">被征收人姓名：</span> <span>被征收人姓名：</span>
<span class="proCenterFont" style="color:#626262;">{{ <span style="color:#626262;">{{ info.userName }}</span>
info.userName
}}</span>
</div> </div>
<div> <div>
<span class="proCenterFont">身份证号：</span> <span>身份证号：</span>
<span class="proCenterFont" style="color:#626262;">{{ <span style="color:#626262;">{{ setIdCard(info.idCard) }}</span>
setIdCard(info.idCard)
}}</span>
</div> </div>
</div> </div>
</div> </div>
<div class="proCenterFlex" style="margin-bottom: 15px;"> <div class="proCenterFlex">
<div class="proCenterFlexFont">请选择您的征收项目</div> <div class="proCenterFlexFont">请选择您的征收项目</div>
<van-icon color="#9da2a3" name="arrow-down" /> <van-icon color="#9da2a3" name="arrow-down" />
</div> </div>
@@ -41,15 +37,10 @@
> >
<div class="proAreaBox"> <div class="proAreaBox">
<div class="proArea">{{ item.area }}</div> <div class="proArea">{{ item.area }}</div>
<div <div v-if="item.currentState == '补偿协议签订阶段'">
class="proCenterFont"
v-if="item.currentState == '补偿协议签订阶段'"
>
· {{ item.currentState }}
</div>
<div class="proCenterFont" style="color:#179D5C" v-else>
· {{ item.currentState }} · {{ item.currentState }}
</div> </div>
<div style="color:#179D5C" v-else>· {{ item.currentState }}</div>
</div> </div>
<div class="proAreaBox"> <div class="proAreaBox">
<div class="proTitleBox">{{ item.name }}</div> <div class="proTitleBox">{{ item.name }}</div>
@@ -76,7 +67,7 @@ export default {
// 初始数据 // 初始数据
info: { info: {
userName: "无数据", userName: "无数据",
idCard: "无数据", idCard: "522121123456789102223",
prjList: [ prjList: [
{ {
area: "无数据", area: "无数据",
@@ -168,25 +159,19 @@ export default {
<style lang="less" scoped> <style lang="less" scoped>
.container { .container {
.proTopBoxpg { .proTopBoxpg {
/* position: absolute; */
display: flex; display: flex;
justify-content: space-around; justify-content: space-around;
height: 220px;
background: url(../../assets/img/zspg.png); background: url(../../assets/img/zspg.png);
background-repeat: no-repeat; background-repeat: no-repeat;
background-size: 100% 90px; background-size: 100% 90px;
} }
.proTopBoxxy { .proTopBoxxy {
/* position: absolute; */
display: flex; display: flex;
justify-content: space-around; justify-content: space-around;
height: 220px;
background: url(../../assets/img/zsxy.png); background: url(../../assets/img/zsxy.png);
background-repeat: no-repeat; background-repeat: no-repeat;
background-size: 100% 90px; background-size: 100% 90px;
} }
.proCenterBox { .proCenterBox {
overflow: hidden; overflow: hidden;
width: 95%; width: 95%;
@@ -194,6 +179,43 @@ export default {
border-radius: 6px; border-radius: 6px;
background: rgba(248, 253, 255, 1); background: rgba(248, 253, 255, 1);
box-shadow: 1px 1px 3px rgb(202, 201, 201); box-shadow: 1px 1px 3px rgb(202, 201, 201);
.proCenterInfo {
display: flex;
padding-top: 20px;
// align-items: center;
> :nth-child(2) {
> div:nth-child(2) {
margin-top: 10px;
}
}
.proCenterImg {
width: 45px;
height: 45px;
padding-right: 10px;
padding-left: 15px;
}
span {
font-family: PingFangSC-Regular, PingFang SC;
font-size: 14px;
font-weight: 500;
color: #09a4fa;
}
}
.proCenterFlex {
display: flex;
align-items: center;
flex-direction: column;
padding-top: 15px;
margin-bottom: 15px;
div {
font-family: PingFangSC-Regular, PingFang SC;
font-size: 12px;
font-weight: 400;
line-height: 25px;
height: 25px;
color: #9da2a3;
}
}
} }
.proList { .proList {
@@ -202,140 +224,102 @@ export default {
bottom: 0; bottom: 0;
overflow-y: scroll; overflow-y: scroll;
width: 100%; width: 100%;
} .proListBox {
margin: 15px 20px;
.proCenterInfo { border-radius: 3px;
display: flex; background-color: #fff;
padding-top: 20px; .proAreaBox {
} display: flex;
align-items: center;
.proCenterImg { justify-content: space-between;
width: 45px; padding: 10px;
height: 45px; font-size: 16px;
padding-right: 10px; > :nth-child(n + 2) {
padding-left: 15px; font-size: 14px;
} font-weight: 500;
line-height: 25px;
/* 协议签订阶段 */ height: 25px;
color: #09a4fa;
.proCenterFont { }
font-family: PingFangSC-Regular, PingFang SC; .proArea {
font-size: 14px; font-family: PingFangSC-Regular;
font-weight: 500; font-size: 14px;
line-height: 25px; font-weight: 500;
height: 25px; line-height: 25px;
color: #09a4fa; height: 25px;
} padding: 3px 17px;
color: #fff;
.proCenterFlex { border-radius: 4px;
display: flex; background: #09a4fa;
align-items: center; }
flex-direction: column; .proTitleBox {
padding-top: 15px; font-family: PingFangSC-Regular, PingFang SC;
} font-size: 15px;
font-weight: 600;
.proCenterFlexImg { line-height: 20px;
width: 20px; overflow: hidden;
height: 12px; height: 20px;
padding-top: 3px; margin-left: 10px;
padding-right: 10px; padding-left: 7px;
padding-left: 15px; white-space: nowrap;
} text-overflow: ellipsis;
color: #252525;
.proCenterFlexFont { border-left: 3px solid #09a4fa;
font-family: PingFangSC-Regular, PingFang SC; }
font-size: 12px; }
font-weight: 400; .proDateBox {
line-height: 25px; display: flex;
height: 25px; flex-direction: row-reverse;
color: #9da2a3; padding-right: 10px;
} font-size: 12px;
}
.shadow { }
-webkit-box-shadow: rgb(189, 189, 189) 0 0 3px; .shadow {
-moz-box-shadow: rgb(189, 189, 189) 0 0 3px; -webkit-box-shadow: rgb(189, 189, 189) 0 0 3px;
box-shadow: rgb(189, 189, 189) 0 0 3px; -moz-box-shadow: rgb(189, 189, 189) 0 0 3px;
} box-shadow: rgb(189, 189, 189) 0 0 3px;
}
.proListBox {
margin: 15px 20px;
border-radius: 3px;
background-color: #fff;
}
/* 项目名字 */
.proAreaBox {
display: flex;
align-items: center;
justify-content: space-between;
padding: 10px;
font-size: 16px;
}
/* 项目地区 */
.proArea {
font-family: PingFangSC-Regular;
font-size: 14px;
font-weight: 500;
line-height: 25px;
height: 25px;
padding: 3px 17px;
color: #fff;
border-radius: 4px;
background: #09a4fa;
}
.proTitleBox {
font-family: PingFangSC-Regular, PingFang SC;
font-size: 15px;
font-weight: 600;
line-height: 20px;
overflow: hidden;
height: 20px;
margin-left: 10px;
padding-left: 7px;
white-space: nowrap;
text-overflow: ellipsis;
color: #252525;
border-left: 3px solid #09a4fa;
}
/* 底部日期 */
.proDateBox {
display: flex;
flex-direction: row-reverse;
padding-right: 10px;
font-size: 12px;
} }
} }
.old_container { .old_container {
.proCenterFont { .proCenterInfo {
font-size: 20px !important; .proCenterImg {
margin-top: 10px;
}
span {
font-size: 20px !important;
}
> div:nth-child(2) {
> :nth-child(2) {
display: flex;
span:nth-child(1) {
white-space: nowrap;
}
span:nth-child(2) {
word-break: break-all;
}
}
}
} }
.proCenterFlexFont { .proCenterFlexFont {
font-size: 18px !important; font-size: 18px !important;
} }
.proArea, .proArea,
.proTitleBox { .proTitleBox {
font-size: 22px !important; font-size: 22px !important;
} }
.proTitleBox { .proTitleBox {
height: unset !important; height: unset !important;
line-height: unset; line-height: unset !important;
} }
.proAreaBox { .proAreaBox {
> :nth-child(2) { > :nth-child(n + 2) {
font-size: 18px !important;
}
> :nth-child(3) {
font-size: 18px !important; font-size: 18px !important;
} }
} }
.proDateBox { .proDateBox {
font-size: 18px; font-size: 18px !important;
} }
} }
</style> </style>

14
FrontCode2/sunshine_levy/src/views/report/agreement.vue
View File

@@ -13,28 +13,28 @@
<el-card body-style="padding:0 4px 0"> <el-card body-style="padding:0 4px 0">
<div> <div>
<img alt src="@/assets/img/bianhao.png" /> <img alt src="@/assets/img/bianhao.png" />
<span>协议编号：</span> <span>协议编号</span>
<b>{{ item.xyNo }}</b> <b>{{ item.xyNo }}</b>
</div> </div>
<div> <div>
<img alt src="@/assets/img/name.png" /> <img alt src="@/assets/img/name.png" />
<span> 被征收人姓名：</span> <span> 被征收人姓名</span>
<b>{{ info.userName }}</b> <b>{{ info.userName }}</b>
</div> </div>
<div> <div>
<img alt src="@/assets/img/address.png" /> <img alt src="@/assets/img/address.png" />
<span> 协议类型：</span> <span> 协议类型</span>
<b>{{ item.switchProductionWay }}</b> <b>{{ item.switchProductionWay }}</b>
</div> </div>
<div> <div>
<img alt src="@/assets/img/money.png" /> <img alt src="@/assets/img/money.png" />
<span> 评估总金额：</span> <span> 评估总金额</span>
<b class="blue">{{ item.countValue }}</b> <b class="blue">{{ item.countValue }}</b>
<b>元</b> <b>元</b>
</div> </div>
<div> <div>
<img alt src="@/assets/img/money.png" /> <img alt src="@/assets/img/money.png" />
<span>合计补偿金额：</span> <span>合计补偿金额</span>
<b class="red">{{ item.summationShouldCompensateMoney }}</b> <b class="red">{{ item.summationShouldCompensateMoney }}</b>
<b>元</b> <b>元</b>
</div> </div>
@@ -139,7 +139,6 @@ export default {
.image { .image {
padding-top: 10px; padding-top: 10px;
text-align: center; text-align: center;
// height: 500px;
img { img {
width: 95%; width: 95%;
} }
@@ -221,7 +220,8 @@ export default {
} }
> div { > div {
> span { > span {
width: unset !important; width: 109px !important;
margin-right: 20px;
} }
} }
} }

12
FrontCode2/sunshine_levy/src/views/report/evaluatePage.vue
View File

@@ -240,8 +240,20 @@ export default {
} }
.old_container { .old_container {
font-size: 20px; font-size: 20px;
.top {
padding: 10px 15px 10px 10px;
> div {
line-height: 34px;
> div {
img {
margin-right: 5px;
}
}
}
}
.el-card__body { .el-card__body {
> div { > div {
line-height: 34px;
> span:nth-child(2) { > span:nth-child(2) {
font-size: 20px !important; font-size: 20px !important;
} }

29
FrontCode2/sunshine_levy/src/views/report/evalute.vue
View File

@@ -31,13 +31,13 @@
</div> </div>
<div> <div>
<img alt src="@/assets/img/address.png" /> <img alt src="@/assets/img/address.png" />
<span>被征收人房屋地址</span> <span>被征收房屋坐落</span>
<b>{{ item.houseAddress }}</b> <b>{{ item.houseAddress }}</b>
</div> </div>
<div> <div>
<img alt src="@/assets/img/money.png" /> <img alt src="@/assets/img/money.png" />
<span> 评估总金额</span> <span> 评估总金额</span>
<b style="color: red;font-size:18px">{{ item.countValue }}</b <b class="red">{{ item.countValue }}</b
><b>元</b> ><b>元</b>
</div> </div>
<div class="line"> <div class="line">
@@ -83,13 +83,13 @@
</div> </div>
<div> <div>
<img alt src="@/assets/img/address.png" /> <img alt src="@/assets/img/address.png" />
<span>被征收人房屋地址</span> <span>被征收房屋坐落</span>
<b>{{ item.houseAddress }}</b> <b>{{ item.houseAddress }}</b>
</div> </div>
<div> <div>
<img alt src="@/assets/img/money.png" /> <img alt src="@/assets/img/money.png" />
<span> 评估总金额</span> <span> 评估总金额</span>
<b style="color: red;font-size:18px">{{ item.countValue }}</b <b class="red">{{ item.countValue }}</b
><b>元</b> ><b>元</b>
</div> </div>
<div class="line"> <div class="line">
@@ -257,8 +257,11 @@ export default {
color: #363a44; color: #363a44;
max-width: 57%; max-width: 57%;
} }
.red {
color: red;
font-size: 18px;
}
} }
.absolute { .absolute {
background-color: #f7be24; background-color: #f7be24;
position: absolute; position: absolute;
@@ -304,9 +307,25 @@ export default {
} }
.old_container { .old_container {
font-size: 18px; font-size: 18px;
.title {
span {
font-size: 20px;
}
}
.el-card__body { .el-card__body {
> div { > div {
font-size: 18px !important; font-size: 18px !important;
line-height: 25px !important;
> img:nth-child(1) {
padding-top: 3px;
}
> span:nth-child(2) {
width: unset !important;
white-space: nowrap;
}
> :nth-child(3) {
max-width: unset !important;
}
} }
.content { .content {
display: block !important; display: block !important;