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

update

Browse Source
This commit is contained in:
路 范
2021-09-15 09:40:12 +08:00
parent b8a6da1d4f
commit 97c617cc8f
1 changed files with 129 additions and 77 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -7,19 +7,28 @@
</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')"
@@ -34,18 +43,27 @@
</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 :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">{{item.name}}</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>
@@ -89,14 +107,19 @@
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>
<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>
@@ -104,28 +127,39 @@
</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
}}
{{ assess.assessmentNo }}
</span>
</div>
<div class="assessBox">
<span class="projectCenterFont" style="width: 40%">被征收房屋地址：</span>
<span class="projectCenterFont protocolTitle">{{ assess.houseAddress }}</span>
<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>
@@ -133,25 +167,34 @@
</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">{{ 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.switchProductionWay }}</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>
@@ -160,7 +203,10 @@
</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>
@@ -178,7 +224,10 @@
<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>
@@ -191,7 +240,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>
@@ -211,14 +263,14 @@
</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: {
@@ -256,25 +308,25 @@ export default {
// ],
// },
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,
@@ -292,24 +344,24 @@ export default {
onLoad() {},
onInit() {
mgop({
api: 'mgop.kykj.houseexpropriat.getprjlist', // 必须
host: 'https://mapi.zjzwfw.gov.cn/',
dataType: 'JSON',
type: 'GET',
api: "mgop.kykj.houseexpropriat.getprjlist", // 必须
host: "https://mapi.zjzwfw.gov.cn/",
dataType: "JSON",
type: "GET",
data: {
ticket: this.$route.query.ticket,
},
appKey: 'es4b8zmz+2001833218+dehllx', // 必须
appKey: "es4b8zmz+2001833218+dehllx", // 必须
onSuccess: (data) => {
console.log('data', data);
console.log("data", data);
if (data.data && data.data.success == true) {
// this.data = data.data;
this.data = data.data;
} else {
console.log('用户无数据，不展示');
console.log("用户无数据，不展示");
}
},
onFail: (err) => {
console.log(err, 'err');
console.log(err, "err");
},
});
//获取当前数据
@@ -321,25 +373,25 @@ export default {
// });
},
gotoProject(type) {
this.$router.push({ name: 'projectSelect', params: { type: type } });
this.$router.push({ name: "projectSelect", params: { type: type } });
},
setZwUserAplus(Userid) {
// 设置用户信息埋点
aplus_queue.push({
action: 'aplus.setMetaInfo',
arguments: ['_hold', 'BLOCK'],
action: "aplus.setMetaInfo",
arguments: ["_hold", "BLOCK"],
});
aplus_queue.push({
action: 'aplus.setMetaInfo',
arguments: ['_user_nick', this.userInfoData.username],
action: "aplus.setMetaInfo",
arguments: ["_user_nick", 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"],
});
},
// 基础信息埋点配置
@@ -349,38 +401,38 @@ export default {
var f = d.getElementsByTagName(s)[0];
var j = d.createElement(s);
j.async = true;
j.id = 'beacon-aplus';
j.src = 'https://d.alicdn.com/alilog/mlog/aplus.js?id=202951085';
j.id = "beacon-aplus";
j.src = "https://d.alicdn.com/alilog/mlog/aplus.js?id=202951085";
f.parentNode.insertBefore(j, f);
})(window, document, 'script', 'aplus_queue');
})(window, document, "script", "aplus_queue");
aplus_queue.push({
action: 'aplus.setMetaInfo',
arguments: ['aplus-rhost-v', 'alog.zjzwfw.gov.cn'],
action: "aplus.setMetaInfo",
arguments: ["aplus-rhost-v", "alog.zjzwfw.gov.cn"],
});
aplus_queue.push({
action: 'aplus.setMetaInfo',
arguments: ['aplus-rhost-g', 'alog.zjzwfw.gov.cn'],
action: "aplus.setMetaInfo",
arguments: ["aplus-rhost-g", "alog.zjzwfw.gov.cn"],
});
// 这个会落到 app_key 字段上
aplus_queue.push({
action: 'aplus.setMetaInfo',
arguments: ['appId', '60506758'],
action: "aplus.setMetaInfo",
arguments: ["appId", "60506758"],
});
// 单页应用 或 “单个页面”需异步补充 PV 日志参数还需进行如下埋点：
aplus_queue.push({
action: 'aplus.setMetaInfo',
arguments: ['aplus-waiting', 'MAN'],
action: "aplus.setMetaInfo",
arguments: ["aplus-waiting", "MAN"],
});
// 单页应用路由切换后 或 在异步获取到 pv 日志所需的参数后再执行 sendPV：
aplus_queue.push({
action: 'aplus.sendPV',
action: "aplus.sendPV",
arguments: [
{
is_auto: false,
},
{
miniAppId: '2001833218', //'应用开发管理平台-应用 ID
miniAppName: '房屋征收',
miniAppId: "2001833218", //'应用开发管理平台-应用 ID
miniAppName: "房屋征收",
},
],
});