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

Merge branch 'master' of http://118.178.224.202:3000/ewide/zsxt_nbzs_h5

Browse Source
This commit is contained in:
lisl
2021-09-15 16:25:01 +08:00
parent 0b5c68af63 ee746106bf
commit 3cd792432c
26 changed files with 530 additions and 375 deletions
Download Patch File Download Diff File Expand all files Collapse all files

42
FrontCode2/sunshine_levy/index.html
View File

@@ -12,6 +12,48 @@
<body>
<div id="app"></div>
<!-- built files will be auto injected -->
<script>
(function (w, d, s, q, i) {
w[q] = w[q] || [];
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";
f.parentNode.insertBefore(j, f);
})(window, document, "script", "aplus_queue");
aplus_queue.push({
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"]
});
// 这个会落到 app_key 字段上
aplus_queue.push({
action: "aplus.setMetaInfo",
arguments: ["appId", "60506758"]
});
// 单页应用 或 “单个页面”需异步补充 PV 日志参数还需进行如下埋点：
aplus_queue.push({
action: "aplus.setMetaInfo",
arguments: ["aplus-waiting", "MAN"]
});
// 单页应用路由切换后 或 在异步获取到 pv 日志所需的参数后再执行 sendPV：
aplus_queue.push({
action: "aplus.sendPV",
arguments: [
{
is_auto: false
},
{
miniAppId: "2001833218", //'应用开发管理平台-应用 ID
miniAppName: "房屋征收"
}
]
});
</script>
</body>
</html>

390
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 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.policiesRegulationsLists.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.policiesRegulationsLists.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,75 +230,22 @@
</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: {
// 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',
// },
// ],
// },
// ],
// },
data: {},
total: "8",
list: [
{
id: 11,
area: "全大市",
title: "宁波市住房和城乡建设委员会开展关于住房的政策",
publish_date: "2021年09月05日"
data: {
policiesRegulationsLists: {
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: {} // 用户个人信息
},
// userInfoData: {} // 用户个人信息
};
},
created() {
@@ -344,75 +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) {
this.data = data.data;
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;
@@ -422,116 +292,38 @@ export default {
// });
},
gotoProject(type) {
this.$router.push({ name: "projectSelect", params: { type: type } });
},
onLogin() {
// this.loading = true;
let form = { account: "zgbqc", password: "111qqqqq" };
apis
.login(form)
.finally(() => {
debugger;
// this.loading = false;
})
.then(({ result }) => {
token.value = result.token;
// this.$root.replace('/');
debugger;
this.onLoadUserInfo();
this.onLoadStatistic();
})
.catch(err => {
debugger;
// this.$toast(err);
});
},
onLoadUserInfo() {
apis.account().then(({ result }) => {
for (let key in result) {
if (this.user.hasOwnProperty(key)) {
this.user[key] = result[key];
}
}
});
this.$router.push({ name: 'projectSelect', params: { type: type, ticket: this.$route.query.ticket } });
},
onLoadStatistic() {
apis.projectStatistics().then(({ result }) => {
this.statistics = result;
});
},
padStart(num, n) {
var tbl = [];
var len = n - num.toString().length;
if (len <= 0) return num;
if (!tbl[len]) tbl[len] = new Array(len + 1).join("0");
return tbl[len] + num;
},
// 页面跳转
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() {
(function(w, d, s, q, i) {
w[q] = w[q] || [];
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";
f.parentNode.insertBefore(j, f);
})(window, document, "script", "aplus_queue");
aplus_queue.push({
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"]
});
// 这个会落到 app_key 字段上
aplus_queue.push({
action: "aplus.setMetaInfo",
arguments: ["appId", "60506758"]
});
// 单页应用 或 “单个页面”需异步补充 PV 日志参数还需进行如下埋点：
aplus_queue.push({
action: "aplus.setMetaInfo",
arguments: ["aplus-waiting", "MAN"]
});
// 单页应用路由切换后 或 在异步获取到 pv 日志所需的参数后再执行 sendPV：
aplus_queue.push({
action: "aplus.sendPV",
arguments: [
{
is_auto: false
},
{
miniAppId: "2001833218", //'应用开发管理平台-应用 ID
miniAppName: "房屋征收"
}
]
});
}
}
setZwaplus() {},
},
};
</script>

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

@@ -99,6 +99,7 @@ export default {
],
loading: false,
finished: true,
ticket: '',
};
},
created() {
@@ -114,14 +115,18 @@ export default {
// this.data = result;
// });
this.type = this.$route.params.type;
this.ticket = this.$route.params.ticket;
},
gotoDetail(id) {
if (this.type == 'pg') {
// 评估结果页面
this.$router.push({ name: 'reportCompensate', params: { projectid: id, type: this.type } });
this.$router.push({
name: 'reportCompensate',
params: { projectid: id, type: this.type, ticket: this.ticket },
});
} else if (this.type == 'xy') {
// 协议结果页面
this.$router.push({ name: 'reportAgreement', params: { projectid: id, type: this.type } });
this.$router.push({ name: 'reportAgreement', params: { projectid: id, type: this.type, ticket: this.ticket } });
}
},
},