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

17:35

Browse Source
This commit is contained in:
lisl
2021-09-10 17:35:53 +08:00
parent 38a00f5c9a 017d64add7
commit 3139f06bcc
1 changed files with 121 additions and 207 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -7,28 +7,19 @@
</div>
<div>
<div class="baseInfo">
<van-image
:src="require('@/assets/img/renyuanliebiao.png')"
class="baseImg"
/>
<van-image :src="require('@/assets/img/renyuanliebiao.png')" class="baseImg" />
<span class="baseFont">被征收人姓名：</span>
<span class="baseFont">{{ data.userName }}</span>
</div>
<div class="baseInfo">
<van-image
:src="require('@/assets/img/credentials_icon.png')"
class="baseImg"
/>
<van-image :src="require('@/assets/img/credentials_icon.png')" class="baseImg" />
<span class="baseFont">身份证号码：</span>
<span class="baseFont">{{ data.idCard }}</span>
</div>
</div>
<div>
<div class="gridBg centerMagin">
<van-image
:src="require('@/assets/img/scan.png')"
class="gridImg"
/>
<van-image :src="require('@/assets/img/scan.png')" class="gridImg" />
<van-image
:src="require('@/assets/img/evaluation .png')"
@click="gotoProject('pg')"
@@ -43,27 +34,18 @@
</div>
</div>
<div class="centerMagin">
<van-image
:src="require('@/assets/img/government.png')"
class="bigImg"
/>
<van-image :src="require('@/assets/img/government.png')" class="bigImg" />
</div>
<van-list>
<div :key="item.prjId" v-for="(item, i) in data.prjList">
<div :key="item.prjId" v-for="(item) in data.prjList">
<div class="centerMagin">
<div class="project">
<div>
<van-image
:src="require('@/assets/img/project.png')"
class="projectIcon"
/>
<span class="projectTitle">一块地？？？</span>
<van-image :src="require('@/assets/img/project.png')" class="projectIcon" />
<span class="projectTitle">{{item.name}}</span>
</div>
<div class="projectRight">
<van-image
:src="require('@/assets/img/menu_yhxy.png')"
class="projectRightIcon"
/>
<van-image :src="require('@/assets/img/menu_yhxy.png')" class="projectRightIcon" />
<span class="projectRightFont">{{ item.currentState }}</span>
</div>
</div>
@@ -81,10 +63,7 @@
</div>
<div class="projectCenterInfo">
<div class="projectCenterInfo">
<van-image
:src="require('@/assets/img/project_dep.png')"
class="projectCenterImg"
/>
<van-image :src="require('@/assets/img/project_dep.png')" class="projectCenterImg" />
<span class="projectCenterFont">征收部门：</span>
<span class="projectCenterFont">{{ item.zsbm }}</span>
</div>
@@ -101,23 +80,15 @@
</div>
<div class="projectCenterInfo">
<div class="projectCenterInfo">
<van-image
:src="require('@/assets/img/project_no.png')"
class="projectCenterImg"
/>
<van-image :src="require('@/assets/img/project_no.png')" class="projectCenterImg" />
<span class="projectCenterFont">征收决定号：</span>
<span class="projectCenterFont" style="color: #3883f1">
{{ item.zsjdh }}
</span>
<span class="projectCenterFont" style="color: #3883f1">{{ item.zsjdh }}</span>
</div>
</div>
<div class="centerMagin">
<div class="assess">
<div>
<van-image
:src="require('@/assets/img/assess_1.png')"
class="assessIcon"
/>
<van-image :src="require('@/assets/img/assess_1.png')" class="assessIcon" />
<span class="assessTitle">分户评估结果</span>
</div>
<!-- <div>
@@ -125,39 +96,28 @@
</div>-->
</div>
<van-list>
<div
:key="assess.prjId"
class="assessCenter1"
v-for="(assess, i) in item.fhpgList"
>
<div :key="assess.id" class="assessCenter1" v-for="(assess) in item.fhpgList">
<div class="assessBox">
<span class="projectCenterFont">评估报告编号：</span>
<span class="projectCenterFont">{{
<span class="projectCenterFont">
{{
assess.assessmentNo
}}</span>
</div>
<div class="assessBox">
<span class="projectCenterFont" style="width: 40%"
>被征收房屋地址：</span
>
<span class="projectCenterFont protocolTitle">
{{ assess.houseAddress }}
}}
</span>
</div>
<div class="assessBox">
<span class="projectCenterFont" style="width: 40%">被征收房屋地址：</span>
<span class="projectCenterFont protocolTitle">{{ assess.houseAddress }}</span>
</div>
<div class="assessBox">
<span class="projectCenterFont">评估总金额：</span>
<span class="projectTitle" style="color: red"
>¥{{ assess.countValue }}</span
>
<span class="projectTitle" style="color: red">¥{{ assess.countValue }}</span>
</div>
</div>
</van-list>
<div class="assess">
<div>
<van-image
:src="require('@/assets/img/assess_2.png')"
class="assessIcon"
/>
<van-image :src="require('@/assets/img/assess_2.png')" class="assessIcon" />
<span class="assessTitle">补偿协议</span>
</div>
<!-- <div>
@@ -165,34 +125,25 @@
</div>-->
</div>
<van-list>
<div
:key="protocol.prjId"
class="assessCenter2"
v-for="(protocol, i) in item.bcxyList"
>
<div :key="protocol.id" class="assessCenter2" v-for="(protocol) in item.bcxyList">
<div class="assessBox">
<span class="projectCenterFont">协议编号：</span>
<span class="projectCenterFont">{{ protocol.xyNo }}</span>
</div>
<div class="assessBox">
<span class="projectCenterFont" style="width: 40%"
>被征收房屋地址：</span
>
<span class="projectCenterFont protocolTitle">
{{ protocol.houseAddress }}
</span>
<span class="projectCenterFont" style="width: 40%">被征收房屋地址：</span>
<span class="projectCenterFont protocolTitle">{{ protocol.houseAddress }}</span>
</div>
<div class="assessBox">
<span class="projectCenterFont">补偿方式：</span>
<span class="projectCenterFont">
{{ protocol.compensation }}
</span>
<span class="projectCenterFont">{{ protocol.switchProductionWay }}</span>
</div>
<div class="assessBox">
<span class="projectCenterFont">合计补偿资金：</span>
<span class="projectTitle" style="color: red"
>¥{{ protocol.summationShouldCompensateMoney }}</span
>
<span
class="projectTitle"
style="color: red"
>¥{{ protocol.summationShouldCompensateMoney }}</span>
</div>
</div>
</van-list>
@@ -201,15 +152,12 @@
</div>
</van-list>
<div class="centerMagin">
<van-image
:src="require('@/assets/img/expropriationPolicy.png')"
class="bigImg"
/>
<van-image :src="require('@/assets/img/expropriationPolicy.png')" class="bigImg" />
</div>
<div class="centerMagin">
<span class="projectTitle" style="color:#202020">征收政策</span>
<div class="assessBox" style="padding-left: 5px;padding-right: 5px;">
<span class="font11" style="color:#2c2b2b">共{{ total }}条</span>
<span class="projectTitle" style="color: #202020">征收政策</span>
<div class="assessBox" style="padding-left: 5px; padding-right: 5px">
<span class="font11" style="color: #2c2b2b">共{{ total }}条</span>
<!-- <div>
<span class="font11">查看全部</span>
<van-icon color="#1989fa" name="arrow" />
@@ -222,10 +170,7 @@
<div :key="item.id" class="protocolList" v-for="(item, i) in list">
<div class="protocolLine" v-if="i != list.length - 1">
<div class="font14 protocolTitle">{{ item.title }}</div>
<div
class="assessBox"
style="padding-left: 5px; padding-right: 5px"
>
<div class="assessBox" style="padding-left: 5px; padding-right: 5px">
<div>
<span class="font11">发布时间：</span>
<span class="font11">{{ item.publish_date }}</span>
@@ -238,10 +183,7 @@
</div>
<div style="padding-bottom: 10px" v-else>
<div class="font14 protocolTitle">{{ item.title }}</div>
<div
class="assessBox"
style="padding-left: 5px; padding-right: 5px"
>
<div class="assessBox" style="padding-left: 5px; padding-right: 5px">
<div>
<span class="font11">发布时间：</span>
<span class="font11">{{ item.publish_date }}</span>
@@ -261,49 +203,51 @@
</template>
<script>
import "./home.css";
import { apis } from "@/common/apis";
import { token } from "@/common/token";
import request from "@/common/util";
import './home.css';
import { apis } from '@/common/apis';
import { token } from '@/common/token';
import request from '@/common/util';
export default {
name: "home",
name: 'home',
data() {
return {
apidata: {
success: true,
code: 200,
message: "请求成功",
data: {
prjList: [
{
prjId: "936d98a8-2c8f-410f-b126-68a7568f60c4",
area: "海曙区",
zsbm: "宁波市海曙区房屋征收管理服务中心",
year: 2021.0,
zsjdh: "海政发[2021]513号",
currentState: "项目报结",
fhpgList: [
{
prjId: "936d98a8-2c8f-410f-b126-68a7568f60c4",
assessmentNo: "0513",
houseAddress: "高桥镇",
countValue: "137654.00"
}
],
bcxyList: [
{
prjId: "936d98a8-2c8f-410f-b126-68a7568f60c4",
xyNo: "海政发2021513-0513-1",
houseAddress: "高桥镇",
summationShouldCompensateMoney: "137654.00"
}
]
}
]
},
extras: null,
timestamp: 1631256680049
},
// apidata: {
// success: true,
// code: 200,
// message: '请求成功',
// data: {
// prjList: [
// {
// prjId: '936d98a8-2c8f-410f-b126-68a7568f60c4',
// area: '海曙区',
// zsbm: '宁波市海曙区房屋征收管理服务中心',
// year: 2021.0,
// zsjdh: '海政发[2021]513号',
// currentState: '项目报结',
// fhpgList: [
// {
// prjId: '936d98a8-2c8f-410f-b126-68a7568f60c4',
// assessmentNo: '0513',
// houseAddress: '高桥镇',
// countValue: '137654.00',
// },
// ],
// bcxyList: [
// {
// prjId: '936d98a8-2c8f-410f-b126-68a7568f60c4',
// xyNo: '海政发2021513-0513-1',
// houseAddress: '高桥镇',
// summationShouldCompensateMoney: '137654.00',
// },
// ],
// },
// ],
// idCard: '330203199904044544身份证号码',
// userName: '姓名',
// },
// extras: null,
// timestamp: 1631256680049,
// },
// user: {
// name: "加载中...",
// identityId: "加载中...",
@@ -327,33 +271,33 @@ export default {
// amount: "0",
// },
data: {},
total: "8",
total: '8',
list: [
{
id: 11,
area: "全大市",
title: "宁波市住房和城乡建设委员会开展关于住房的政策",
publish_date: "2021年09月05日"
area: '全大市',
title: '宁波市住房和城乡建设委员会开展关于住房的政策',
publish_date: '2021年09月05日',
},
{
id: 22,
area: "全大市",
title: "宁波市住房和城乡建设委员会开展关于住房的政策",
publish_date: "2021年09月05日"
area: '全大市',
title: '宁波市住房和城乡建设委员会开展关于住房的政策',
publish_date: '2021年09月05日',
},
{
id: 33,
area: "全大市",
title: "宁波市住房和城乡建设委员会开展关于住房的政策",
publish_date: "2021年09月05日"
}
area: '全大市',
title: '宁波市住房和城乡建设委员会开展关于住房的政策',
publish_date: '2021年09月05日',
},
],
loading: false,
finished: true
finished: true,
};
},
created() {
// this.onInit();
this.onInit();
},
methods: {
onLoad() {},
@@ -361,75 +305,43 @@ export default {
let apidata = {
success: true,
code: 200,
message: "请求成功",
message: '请求成功',
data: {
userName: '张三丰',
idCard: '341203199206303411',
prjList: [
{
prjId: "936d98a8-2c8f-410f-b126-68a7568f60c4",
area: "海曙区",
zsbm: "宁波市海曙区房屋征收管理服务中心",
prjId: '936d98a8-2c8f-410f-b126-68a7568f60c4',
name: '项目名称',
area: '海曙区',
zsbm: '宁波市海曙区房屋征收管理服务中心',
year: 2021.0,
zsjdh: "海政发[2021]513号",
currentState: "项目报结",
zsjdh: '海政发[2021]513号',
currentState: '项目报结',
fhpgList: [
{
prjId: "936d98a8-2c8f-410f-b126-68a7568f60c4",
assessmentNo: "0513",
houseAddress: "高桥镇",
countValue: "137654.00"
prjId: '936d98a8-2c8f-410f-b126-68a7568f60c4',
id: 'a400583e-ae93-444f-8a20-4c4731b0cc13',
assessmentNo: '0513',
houseAddress: '高桥镇',
countValue: '137654.00',
},
{
prjId: "936d98a8-2c8f-410f-b126-68a7568f6022",
assessmentNo: "0514",
houseAddress: "高桥镇11",
countValue: "137611.00"
}
],
bcxyList: [
{
prjId: "936d98a8-2c8f-410f-b126-68a7568f60c4",
xyNo: "海政发2021513-0513-1",
houseAddress: "高桥镇",
summationShouldCompensateMoney: "137654.00"
prjId: '936d98a8-2c8f-410f-b126-68a7568f60c4',
id: 'bf21b302-8059-462d-985f-ce7452c4d5b4',
xyNo: '海政发2021513-0513-1',
houseAddress: '高桥镇',
switchProductionWay: '货币补偿',
summationShouldCompensateMoney: '137654.00',
},
{
prjId: "936d98a8-2c8f-410f-b126-68a7568f6334",
xyNo: "海政发2021513-0513-3",
houseAddress: "高桥镇33",
summationShouldCompensateMoney: "137633.00"
}
]
],
},
{
prjId: "936d98a8-2c8f-410f-b126-68a7568f60c3",
area: "海曙区11",
zsbm: "宁波市海曙区房屋征收管理服务中心11",
year: 2021.0,
zsjdh: "海政发[2021]513号11",
currentState: "项目报结",
fhpgList: [
{
prjId: "936d98a8-2c8f-410f-b126-68a7568f60c4",
assessmentNo: "0513",
houseAddress: "高桥镇",
countValue: "137654.00"
}
],
bcxyList: [
{
prjId: "936d98a8-2c8f-410f-b126-68a7568f60c4",
xyNo: "海政发2021513-0513-1",
houseAddress: "高桥镇",
summationShouldCompensateMoney: "137654.00"
}
]
}
],
idCard: "330203199904044544",
userName: "姓名"
},
extras: null,
timestamp: 1631256680049
timestamp: 1631261808797,
};
if (apidata.code == 200) {
this.data = apidata.data;
@@ -444,11 +356,11 @@ export default {
// });
},
gotoProject(type) {
this.$router.push({ name: "projectSelect", params: { type: type } });
this.$router.push({ name: 'projectSelect', params: { type: type } });
},
onLogin() {
// this.loading = true;
let form = { account: "zgbqc", password: "111qqqqq" };
let form = { account: 'zgbqc', password: '111qqqqq' };
apis
.login(form)
.finally(() => {
@@ -462,7 +374,7 @@ export default {
this.onLoadUserInfo();
this.onLoadStatistic();
})
.catch(err => {
.catch((err) => {
debugger;
// this.$toast(err);
});
@@ -485,9 +397,11 @@ export default {
var tbl = [];
var len = n - num.toString().length;
if (len <= 0) return num;
if (!tbl[len]) tbl[len] = new Array(len + 1).join("0");
if (!tbl[len]) tbl[len] = new Array(len + 1).join('0');
return tbl[len] + num;
}
}
},
},
};
</script>