update:更新政策列表
This commit is contained in:
@@ -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 in data.prjList">
|
||||
<div class="centerMagin">
|
||||
<div class="project">
|
||||
<div>
|
||||
<van-image
|
||||
:src="require('@/assets/img/project.png')"
|
||||
class="projectIcon"
|
||||
/>
|
||||
<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>
|
||||
@@ -107,19 +89,18 @@
|
||||
class="projectCenterImg"
|
||||
/>
|
||||
<span class="projectCenterFont">征收决定号：</span>
|
||||
<span class="projectCenterFont" style="color: #3883f1">{{
|
||||
<span class="projectCenterFont" style="color: #3883f1">
|
||||
{{
|
||||
item.zsjdh
|
||||
}}</span>
|
||||
}}
|
||||
</span>
|
||||
</div>
|
||||
</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>
|
||||
@@ -127,39 +108,28 @@
|
||||
</div>-->
|
||||
</div>
|
||||
<van-list>
|
||||
<div
|
||||
:key="assess.id"
|
||||
class="assessCenter1"
|
||||
v-for="assess 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">
|
||||
{{ assess.assessmentNo }}
|
||||
<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>
|
||||
@@ -167,34 +137,33 @@
|
||||
</div>-->
|
||||
</div>
|
||||
<van-list>
|
||||
<div
|
||||
:key="protocol.id"
|
||||
class="assessCenter2"
|
||||
v-for="protocol 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">{{
|
||||
<span class="projectCenterFont" style="width: 40%">被征收房屋地址：</span>
|
||||
<span class="projectCenterFont protocolTitle">
|
||||
{{
|
||||
protocol.houseAddress
|
||||
}}</span>
|
||||
}}
|
||||
</span>
|
||||
</div>
|
||||
<div class="assessBox">
|
||||
<span class="projectCenterFont">补偿方式：</span>
|
||||
<span class="projectCenterFont">{{
|
||||
<span class="projectCenterFont">
|
||||
{{
|
||||
protocol.switchProductionWay
|
||||
}}</span>
|
||||
}}
|
||||
</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>
|
||||
@@ -203,15 +172,15 @@
|
||||
</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="font11"
|
||||
style="color: #2c2b2b"
|
||||
>共{{ data.policiesRegulationsList.totalCount }}条</span>
|
||||
<!-- <div>
|
||||
<span class="font11">查看全部</span>
|
||||
<van-icon color="#1989fa" name="arrow" />
|
||||
@@ -219,18 +188,19 @@
|
||||
</div>
|
||||
</div>
|
||||
<div class="centerMagin" style="padding-bottom: 20px">
|
||||
<div class="protocolBox" @click="pageJump()">
|
||||
<van-list :finished="finished" @load="onLoad" v-model="loading">
|
||||
<div :key="item.id" class="protocolList" v-for="(item, i) in list">
|
||||
<div @click="pageJump()" class="protocolBox">
|
||||
<van-list>
|
||||
<div
|
||||
:key="item.id"
|
||||
class="protocolList"
|
||||
v-for="(item, i) in data.policiesRegulationsList.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>
|
||||
<span class="font11">{{ item.publicTime }}</span>
|
||||
</div>
|
||||
<div>
|
||||
<span class="font11">区域：</span>
|
||||
@@ -240,13 +210,10 @@
|
||||
</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>
|
||||
<span class="font11">{{ item.publicTime }}</span>
|
||||
</div>
|
||||
<div>
|
||||
<span class="font11">区域：</span>
|
||||
@@ -263,40 +230,21 @@
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import "./home.css";
|
||||
import { apis } from "@/common/apis";
|
||||
import { token } from "@/common/token";
|
||||
import request from "@/common/util";
|
||||
import { mgop } from "@aligov/jssdk-mgop";
|
||||
import './home.css';
|
||||
import { apis } from '@/common/apis';
|
||||
import { token } from '@/common/token';
|
||||
import request from '@/common/util';
|
||||
import { mgop } from '@aligov/jssdk-mgop';
|
||||
|
||||
export default {
|
||||
name: "home",
|
||||
name: 'home',
|
||||
data() {
|
||||
return {
|
||||
data: {},
|
||||
total: "8",
|
||||
list: [
|
||||
{
|
||||
id: 11,
|
||||
area: "全大市",
|
||||
title: "宁波市住房和城乡建设委员会开展关于住房的政策",
|
||||
publish_date: "2021年09月05日"
|
||||
data: {
|
||||
policiesRegulationsList: {
|
||||
totalCount: 0,
|
||||
},
|
||||
{
|
||||
id: 22,
|
||||
area: "全大市",
|
||||
title: "宁波市住房和城乡建设委员会开展关于住房的政策",
|
||||
publish_date: "2021年09月05日"
|
||||
},
|
||||
{
|
||||
id: 33,
|
||||
area: "全大市",
|
||||
title: "宁波市住房和城乡建设委员会开展关于住房的政策",
|
||||
publish_date: "2021年09月05日"
|
||||
}
|
||||
],
|
||||
loading: false,
|
||||
finished: true,
|
||||
},
|
||||
// userInfoData: {} // 用户个人信息
|
||||
};
|
||||
},
|
||||
@@ -310,76 +258,31 @@ export default {
|
||||
onLoad() {},
|
||||
onInit() {
|
||||
mgop({
|
||||
api: "mgop.kykj.houseexpropriat.getprjlist", // 必须
|
||||
host: "https://mapi.zjzwfw.gov.cn/",
|
||||
dataType: "JSON",
|
||||
type: "POST",
|
||||
api: 'mgop.kykj.houseexpropriat.getprjlist', // 必须
|
||||
host: 'https://mapi.zjzwfw.gov.cn/',
|
||||
dataType: 'JSON',
|
||||
type: 'POST',
|
||||
data: {
|
||||
ticket: this.$route.query.ticket
|
||||
ticket: this.$route.query.ticket,
|
||||
},
|
||||
appKey: "es4b8zmz+2001833218+dehllx", // 必须
|
||||
onSuccess: data => {
|
||||
console.log("data", data);
|
||||
appKey: 'es4b8zmz+2001833218+dehllx', // 必须
|
||||
onSuccess: (data) => {
|
||||
console.log('data', data);
|
||||
if (data.data && data.data.success == true) {
|
||||
debugger
|
||||
debugger;
|
||||
this.data = data.data.data;
|
||||
this.setZwUserAplus(this.data.idCard, this.data.userName);
|
||||
} else {
|
||||
console.log("用户无数据，不展示");
|
||||
console.log('用户无数据，不展示');
|
||||
}
|
||||
},
|
||||
onFail: err => {
|
||||
console.log(err, "err");
|
||||
onFail: (err) => {
|
||||
console.log(err, 'err');
|
||||
},
|
||||
onFail: (err) => {
|
||||
console.log(err, 'err');
|
||||
},
|
||||
onFail: err => {
|
||||
console.log(err, "err");
|
||||
}
|
||||
});
|
||||
// let apidata = {
|
||||
// success: true,
|
||||
// code: 200,
|
||||
// message: "请求成功",
|
||||
// data: {
|
||||
// userName: "张三丰",
|
||||
// idCard: "341203199206303411",
|
||||
// prjList: [
|
||||
// {
|
||||
// prjId: "936d98a8-2c8f-410f-b126-68a7568f60c4",
|
||||
// name: "项目名称",
|
||||
// area: "海曙区",
|
||||
// zsbm: "宁波市海曙区房屋征收管理服务中心",
|
||||
// year: 2021.0,
|
||||
// zsjdh: "海政发[2021]513号",
|
||||
// currentState: "项目报结",
|
||||
// fhpgList: [
|
||||
// {
|
||||
// prjId: "936d98a8-2c8f-410f-b126-68a7568f60c4",
|
||||
// id: "a400583e-ae93-444f-8a20-4c4731b0cc13",
|
||||
// assessmentNo: "0513",
|
||||
// houseAddress: "高桥镇",
|
||||
// countValue: "137654.00"
|
||||
// }
|
||||
// ],
|
||||
// bcxyList: [
|
||||
// {
|
||||
// prjId: "936d98a8-2c8f-410f-b126-68a7568f60c4",
|
||||
// id: "bf21b302-8059-462d-985f-ce7452c4d5b4",
|
||||
// xyNo: "海政发2021513-0513-1",
|
||||
// houseAddress: "高桥镇",
|
||||
// switchProductionWay: "货币补偿",
|
||||
// summationShouldCompensateMoney: "137654.00"
|
||||
// }
|
||||
// ]
|
||||
// }
|
||||
// ]
|
||||
// },
|
||||
// extras: null,
|
||||
// timestamp: 1631261808797
|
||||
// };
|
||||
// if (apidata.code == 200) {
|
||||
// this.data = apidata.data;
|
||||
// }
|
||||
// this.onLogin();
|
||||
//获取当前数据
|
||||
// apis.getprjdata({ ticket: this.$route.query.ticket }).then((prjdata) => {
|
||||
// debugger;
|
||||
@@ -389,7 +292,7 @@ export default {
|
||||
// });
|
||||
},
|
||||
gotoProject(type) {
|
||||
this.$router.push({ name: "projectSelect", params: { type: type } });
|
||||
this.$router.push({ name: 'projectSelect', params: { type: type } });
|
||||
},
|
||||
onLoadStatistic() {
|
||||
apis.projectStatistics().then(({ result }) => {
|
||||
@@ -398,31 +301,29 @@ export default {
|
||||
},
|
||||
// 页面跳转
|
||||
pageJump() {
|
||||
this.$router.push("/policyInfo");
|
||||
this.$router.push('/policyInfo');
|
||||
},
|
||||
setZwUserAplus(Userid, userName) {
|
||||
// 设置用户信息埋点
|
||||
aplus_queue.push({
|
||||
action: "aplus.setMetaInfo",
|
||||
arguments: ["_hold", "BLOCK"]
|
||||
action: 'aplus.setMetaInfo',
|
||||
arguments: ['_hold', 'BLOCK'],
|
||||
});
|
||||
aplus_queue.push({
|
||||
action: "aplus.setMetaInfo",
|
||||
arguments: ["_user_nick", userName] // this.userInfoData.username],
|
||||
action: 'aplus.setMetaInfo',
|
||||
arguments: ['_user_nick', userName], // this.userInfoData.username],
|
||||
});
|
||||
aplus_queue.push({
|
||||
action: "aplus.setMetaInfo",
|
||||
arguments: ["_user_id", Userid]
|
||||
action: 'aplus.setMetaInfo',
|
||||
arguments: ['_user_id', Userid],
|
||||
});
|
||||
aplus_queue.push({
|
||||
action: "aplus.setMetaInfo",
|
||||
arguments: ["_hold", "START"]
|
||||
action: 'aplus.setMetaInfo',
|
||||
arguments: ['_hold', 'START'],
|
||||
});
|
||||
},
|
||||
// 基础信息埋点配置
|
||||
setZwaplus() {
|
||||
|
||||
}
|
||||
}
|
||||
setZwaplus() {},
|
||||
},
|
||||
};
|
||||
</script>
|
||||
|
||||
Reference in New Issue
Block a user