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-12 13:26:36 +08:00
parent b767a81f09
commit 30892a757e
6 changed files with 148 additions and 111 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -7,36 +7,38 @@
element-loading-background=" rgba(118,118,118)" element-loading-background=" rgba(118,118,118)"
> >
<div class="topBox"> <div class="topBox">
<div style="padding:15px 0">
<div class="titleBox"> <div class="titleBox">
被征收人信息查询 被征收人信息查询
</div> </div>
</div>
<div class="baseInfo"> <div class="baseInfo">
<van-image :src="require('@/assets/img/renyuanliebiao.png')" /> <img src="@/assets/img/renyuanliebiao.png" />
<span>被征收人姓名：{{ data.userName }}</span> <span>被征收人姓名：{{ data.userName }}</span>
</div> </div>
<div class="baseInfo"> <div class="baseInfo">
<van-image :src="require('@/assets/img/credentials_icon.png')" /> <img src="@/assets/img/credentials_icon.png" />
<span>身份证号码：{{ setIdCard(data.idCard) }}</span> <span>身份证号码：{{ setIdCard(data.idCard) }}</span>
</div> </div>
<!-- 三张背景图 --> <!-- 三张背景图 -->
<div class="gridBg "> <div class="gridBg ">
<div style="background:#1897FB;"> <div style="background:#1897FB;">
<van-image :src="require('@/assets/img/scan.png')" /> <img src="@/assets/img/scan.png" />
<span>扫一扫</span> <span>扫一扫</span>
</div> </div>
<div @click="gotoProject('pg')" style="background:#F1AE4B;"> <div @click="gotoProject('pg')" style="background:#F1AE4B;">
<van-image :src="require('@/assets/img/evaluation.png')" /> <img src="@/assets/img/evaluation.png" />
<span>查评估结果</span> <span>查评估结果</span>
</div> </div>
<div @click="gotoProject('xy')" style="background:#16D7ED;"> <div @click="gotoProject('xy')" style="background:#16D7ED;">
<van-image :src="require('@/assets/img/compensation.png')" /> <img src="@/assets/img/compensation.png" />
<span>查补偿协议</span> <span>查补偿协议</span>
</div> </div>
</div> </div>
</div> </div>
<!-- 大背景图 --> <!-- 大背景图 -->
<div> <div class="bigImage">
<van-image :src="require('@/assets/img/government.png')" /> <img src="@/assets/img/government.png" />
</div> </div>
<!-- 项目内容 --> <!-- 项目内容 -->
<div :key="item.prjId" v-for="item in data.prjList"> <div :key="item.prjId" v-for="item in data.prjList">
@@ -60,27 +62,34 @@
<div class="projectCenter"> <div class="projectCenter">
<!-- 项目内容 --> <!-- 项目内容 -->
<div class="projectCenterBox"> <div class="projectCenterBox">
<div>
<div> <div>
<img src="@/assets/img/project_area.png" /> <img src="@/assets/img/project_area.png" />
<span>项目所在区域：</span> <span>项目所在区域：</span>
</div>
<div>{{ item.area }}</div> <div>{{ item.area }}</div>
</div> </div>
<div>
<div> <div>
<img src="@/assets/img/project_dep.png" /> <img src="@/assets/img/project_dep.png" />
<span>征收部门：</span> <span>征收部门：</span>
</div>
<div>{{ item.zsbm }}</div> <div>{{ item.zsbm }}</div>
</div> </div>
<div>
<div> <div>
<img src="@/assets/img/project_year.png" /> <img src="@/assets/img/project_year.png" />
<span>所属年份：</span> <span>所属年份：</span>
</div>
<div>{{ item.year }}</div> <div>{{ item.year }}</div>
</div> </div>
<div>
<div> <div>
<img src="@/assets/img/project_no.png" /> <img src="@/assets/img/project_no.png" />
<span>征收决定号：</span> <span>征收决定号：</span>
<span style="color: #3883f1"> </div>
{{ item.zsjdh }}
</span> <div class="blue">{{ item.zsjdh }}</div>
</div> </div>
</div> </div>
<!-- 分户评估结果部分 --> <!-- 分户评估结果部分 -->
@@ -212,7 +221,7 @@ export default {
{ {
name: "请求出错暂时没有可用数据", name: "请求出错暂时没有可用数据",
currentState: "无数据", currentState: "无数据",
area: "宁波市房屋建设和建筑管理局办公室", area: "宁波市房屋建设管理办公室九号楼",
zsbm: "无数据", zsbm: "无数据",
year: "无数据", year: "无数据",
zsjdh: "无数据", zsjdh: "无数据",
@@ -459,25 +468,21 @@ export default {
background: #f6f7f8; background: #f6f7f8;
padding-bottom: 20px; padding-bottom: 20px;
> div:nth-child(n + 2) { > div:nth-child(n + 2) {
margin-top: 10px; margin: 10px 12px 0 10px;
margin-right: 12px;
margin-left: 10px;
} }
} }
// 最上面盒子 // 最上面盒子
.topBox { .topBox {
overflow: hidden;
width: 100%;
height: 225px;
background: url(../assets/img/bg.png); background: url(../assets/img/bg.png);
background-size: 100% 225px; background-size: 100% auto;
background-repeat: no-repeat;
.titleBox { .titleBox {
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: center; justify-content: center;
width: 173px; width: 173px;
height: 36px; height: 36px;
margin: 15px 0 15px 0;
border-radius: 0 22px 22px 0; border-radius: 0 22px 22px 0;
background: rgba(6, 63, 142, 0.66); background: rgba(6, 63, 142, 0.66);
font-size: 16px; font-size: 16px;
@@ -487,7 +492,8 @@ export default {
.baseInfo { .baseInfo {
display: flex; display: flex;
margin: 5px 0; margin: 5px 0;
.van-image { align-items: center;
img {
height: 21px; height: 21px;
padding-right: 10px; padding-right: 10px;
padding-left: 31px; padding-left: 31px;
@@ -498,11 +504,11 @@ export default {
} }
.gridBg { .gridBg {
display: flex; display: flex;
overflow: hidden;
align-items: center; align-items: center;
justify-content: space-around; justify-content: space-around;
margin: 10px 12px 0 10px; margin: 10px 12px 0 10px;
height: 120px;
border-radius: 3px; border-radius: 3px;
background: rgba(255, 255, 255, 0.28); background: rgba(255, 255, 255, 0.28);
> div { > div {
@@ -512,24 +518,25 @@ export default {
justify-content: center; justify-content: center;
width: 90px; width: 90px;
height: 80px; height: 80px;
margin: 12px 6px; margin: 20px 0 10px;
padding-top: 5px;
border-radius: 10px; border-radius: 10px;
.van-image { img {
width: 38px;
height: 35px; height: 35px;
} }
span { span {
padding-top: 5px; padding-top: 5px;
font-family: PingFangSC-Medium, PingFang SC;
font-weight: 500; font-weight: 500;
line-height: 20px;
height: 20px;
color: #fff; color: #fff;
} }
} }
} }
} }
// 大背景图
.bigImage {
img {
width: 100%;
}
}
// 项目部分 // 项目部分
.project { .project {
display: flex; display: flex;
@@ -597,22 +604,30 @@ export default {
.projectCenterBox { .projectCenterBox {
> div { > div {
display: flex; display: flex;
align-items: center; align-items: flex-start;
padding-top: 15px; padding-top: 15px;
> :nth-child(1) {
display: flex;
align-items: center;
img { img {
height: 15px; height: 15px;
padding: 0 10px; padding: 0 10px;
} }
span { :nth-child(2) {
font-weight: 400; font-weight: 400;
color: #b3b5b9; color: #b3b5b9;
white-space: nowrap;
width: 106px;
} }
div { }
overflow: hidden;
text-overflow: ellipsis; > :last-child {
white-space: nowrap;
color: #363a44; color: #363a44;
width: 55%;
}
.blue {
color: #3883f1;
} }
} }
} }
@@ -640,20 +655,20 @@ export default {
font-weight: 400; font-weight: 400;
> div { > div {
display: flex; display: flex;
align-items: center; align-items: flex-start;
justify-content: space-between; justify-content: space-between;
padding-left: 12px; padding-left: 12px;
span { :nth-child(1) {
white-space: nowrap; white-space: nowrap;
color: #b3b5b9; color: #b3b5b9;
} }
> span:nth-child(2) { :nth-child(2) {
overflow: hidden; overflow: hidden;
text-overflow: ellipsis; text-overflow: ellipsis;
color: #363a44; color: #363a44;
} }
} }
> div:nth-child(2) { > :nth-child(2) {
margin: 15px 0; margin: 15px 0;
} }
} }
@@ -669,7 +684,6 @@ export default {
background: #2468f2; background: #2468f2;
} }
span { span {
font-family: PingFangSC-Regular, PingFang SC;
font-size: 16px; font-size: 16px;
font-weight: 400; font-weight: 400;
color: #2468f2; color: #2468f2;
@@ -681,14 +695,14 @@ export default {
font-weight: 400; font-weight: 400;
> div { > div {
display: flex; display: flex;
align-items: center; align-items: flex-start;
justify-content: space-between; justify-content: space-between;
padding-left: 12px; padding-left: 12px;
span { :nth-child(1) {
white-space: nowrap; white-space: nowrap;
color: #b3b5b9; color: #b3b5b9;
} }
> span:nth-child(2) { :nth-child(2) {
overflow: hidden; overflow: hidden;
text-overflow: ellipsis; text-overflow: ellipsis;
color: #363a44; color: #363a44;

9
FrontCode2/sunshine_levy/src/views/pdf/pdf.vue
View File

@@ -73,16 +73,9 @@ export default {
"https://puser.zjzwfw.gov.cn/sso/mobile.do?action=oauth&scope=1&servicecode=fwzs" "https://puser.zjzwfw.gov.cn/sso/mobile.do?action=oauth&scope=1&servicecode=fwzs"
); );
}, 3000); }, 3000);
} else if (result.data.message == "未上传附件") {
this.$message({
message: "无附件",
duration: 3000,
type: "info",
center: true
});
} else { } else {
this.$message({ this.$message({
message: "请求出错", message: result.data.message,
duration: 3000, duration: 3000,
type: "error", type: "error",
center: true center: true

7
FrontCode2/sunshine_levy/src/views/policyInfo/policyInfo.vue
View File

@@ -65,7 +65,12 @@ export default {
} }
}, },
onFail: function(err) { onFail: function(err) {
console.log("错误信息", err); this.$notify({
title: "错误",
message: "请求失败",
type: "error",
duration: 3000
});
} }
}); });
}, },

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

@@ -13,32 +13,30 @@
<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>
<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>
<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>
<b>{{ item.switchProductionWay }}</b> <b>{{ item.switchProductionWay }}</b>
</div> </div>
<div style="vertical-align:bottom">
<img alt src="@/assets/img/money.png" />
评估总金额：
<b style="color: #3C70DD;font-size:16px">{{ item.countValue }}</b
>元
</div>
<div> <div>
<img alt src="@/assets/img/money.png" /> <img alt src="@/assets/img/money.png" />
合计补偿金额： <span> 评估总金额：</span>
<b style="color: #E55454;font-size:16px">{{ <b class="blue">{{ item.countValue }}</b>
item.summationShouldCompensateMoney <b>元</b>
}}</b </div>
>元 <div>
<img alt src="@/assets/img/money.png" />
<span>合计补偿金额：</span>
<b class="red">{{ item.summationShouldCompensateMoney }}</b>
<b>元</b>
</div> </div>
<div class="line"> <div class="line">
<img alt src="@/assets/img/hengxian.png" /> <img alt src="@/assets/img/hengxian.png" />
@@ -146,15 +144,30 @@ export default {
.el-card { .el-card {
margin: 0 10px 10px; margin: 0 10px 10px;
.el-card__body { .el-card__body {
.blue {
color: #3c70dd;
font-size: 16px;
}
.red {
color: #e55454;
font-size: 16px;
}
> div { > div {
margin: 14px 0; margin: 14px 0;
display: flex; display: flex;
align-items: center; align-items: center;
height: 20px; height: 20px;
img { color: #b3b5b9;
> img {
margin-right: 6px; margin-right: 6px;
height: 100%; height: 100%;
} }
> span {
width: 106px;
}
b {
color: #363a44;
}
} }
.line { .line {
opacity: 1; opacity: 1;
@@ -170,9 +183,7 @@ export default {
align-items: center; align-items: center;
justify-content: center; justify-content: center;
overflow: hidden; overflow: hidden;
> div { height: 20px;
height: 100%;
}
img { img {
margin-right: 10px; margin-right: 10px;
height: 100%; height: 100%;

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

@@ -4,6 +4,7 @@
v-loading="loading" v-loading="loading"
element-loading-text="拼命加载中" element-loading-text="拼命加载中"
element-loading-spinner="el-icon-loading" element-loading-spinner="el-icon-loading"
element-loading-background=" rgba(118,118,118)"
> >
<div class="top"> <div class="top">
<div> <div>
@@ -11,14 +12,14 @@
<img src="@/assets/img/houseLocation.png" alt="" /> <img src="@/assets/img/houseLocation.png" alt="" />
<span>被征收房屋座落:</span> <span>被征收房屋座落:</span>
</div> </div>
<span>{{ info.houseAddress }}</span> <span>({{ info.houseAddress }})</span>
</div> </div>
<div> <div>
<div> <div>
<img src="@/assets/img/evaluateType.png" alt="" /> <img src="@/assets/img/evaluateType.png" alt="" />
<span>评估方式:</span> <span>评估方式:</span>
</div> </div>
<span>{{ info.valuationMethodText }}</span> <span>({{ info.valuationMethodText }})</span>
</div> </div>
<div class="evaluateNumber"> <div class="evaluateNumber">
<div> <div>
@@ -48,15 +49,15 @@
</div> </div>
<div> <div>
<span>超容积率土地补偿费:</span> <span>超容积率土地补偿费:</span>
<span>{{ info.exceedLandMoney }}</span> <div>({{ info.exceedLandMoney }})</div>
</div> </div>
<div> <div>
<span>阁楼补偿费:</span> <span>阁楼补偿费:</span>
<span>{{ info.atticAssessedValue }}</span> <div>({{ info.atticAssessedValue }})</div>
</div> </div>
<div> <div>
<span>备注:</span> <span>备注:</span>
<span>{{ info.remark }}</span> <div>({{ info.remark }})</div>
</div> </div>
</el-card> </el-card>
<div class="bottom"> <div class="bottom">
@@ -192,6 +193,7 @@ export default {
> div { > div {
display: flex; display: flex;
align-items: center; align-items: center;
color: #b3b5b9;
img { img {
height: 20px; height: 20px;
margin-right: 10px; margin-right: 10px;
@@ -201,6 +203,9 @@ export default {
margin-right: 10px; margin-right: 10px;
} }
} }
> span {
color: #363a44;
}
} }
} }
.el-card { .el-card {
@@ -211,9 +216,13 @@ export default {
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
align-items: center; align-items: center;
color: #b3b6b9;
> span:nth-child(2) { > span:nth-child(2) {
color: red; color: red;
} }
> div {
color: #363a44;
}
} }
} }
} }

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

@@ -21,24 +21,24 @@
</div> </div>
<div> <div>
<img alt src="@/assets/img/bianhao.png" /> <img alt src="@/assets/img/bianhao.png" />
评估报告编号： <span> 评估报告编号</span>
<b>{{ item.assessmentNo }}</b> <b>{{ item.assessmentNo }}</b>
</div> </div>
<div> <div>
<img alt src="@/assets/img/name.png" /> <img alt src="@/assets/img/name.png" />
被征收人姓名： <span> 被征收人姓名</span>
<b>{{ info.userName }}</b> <b>{{ info.userName }}</b>
</div> </div>
<div class="address"> <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>
<b style="color: red;font-size:18px">{{ item.countValue }}</b <b style="color: red;font-size:18px">{{ item.countValue }}</b
>元 ><b>元</b>
</div> </div>
<div class="line"> <div class="line">
<img alt src="@/assets/img/hengxian.png" /> <img alt src="@/assets/img/hengxian.png" />
@@ -68,29 +68,29 @@
> >
<div v-if="item.type == '2'"> <div v-if="item.type == '2'">
<el-card body-style="padding:4px"> <el-card body-style="padding:4px">
<div class="absolute" style="background-color:#268FF2"> <div class="absolute" style="background:#268FF2">
<span>商业</span> <span>商业</span>
</div> </div>
<div> <div>
<img alt src="@/assets/img/bianhao.png" /> <img alt src="@/assets/img/bianhao.png" />
评估报告编号： <span> 评估报告编号</span>
<b>{{ item.assessmentNo }}</b> <b>{{ item.assessmentNo }}</b>
</div> </div>
<div> <div>
<img alt src="@/assets/img/name.png" /> <img alt src="@/assets/img/name.png" />
被征收人姓名： <span> 被征收人姓名</span>
<b>{{ info.userName }}</b> <b>{{ info.userName }}</b>
</div> </div>
<div class="address"> <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>
<b style="color: red;font-size:18px">{{ item.countValue }}</b <b style="color: red;font-size:18px">{{ item.countValue }}</b
>元 ><b>元</b>
</div> </div>
<div class="line"> <div class="line">
<img alt src="@/assets/img/hengxian.png" /> <img alt src="@/assets/img/hengxian.png" />
@@ -233,19 +233,23 @@ export default {
> div { > div {
margin: 14px 0; margin: 14px 0;
display: flex; display: flex;
align-items: center; align-items: flex-start;
line-height: 20px; line-height: 20px;
color: #b3b5b9;
img { img {
margin-right: 6px; margin-right: 6px;
width: 20px; width: 20px;
} }
span { > span:nth-child(2) {
white-space: nowrap; margin-right: 16px;
width: 97px;
}
> :nth-child(n + 3) {
color: #363a44;
max-width: 57%;
} }
} }
.address {
align-items: flex-start;
}
.absolute { .absolute {
background-color: #f7be24; background-color: #f7be24;
position: absolute; position: absolute;
@@ -282,6 +286,7 @@ export default {
span { span {
padding-right: 10px; padding-right: 10px;
font-size: 12px; font-size: 12px;
color: #3876f3;
} }
} }
} }