调试ios白屏问题
This commit is contained in:
路 范
@@ -7,23 +7,28 @@
|
||||
content="width=device-width,user-scalable=no,initial-scale=1.0,maximum-scale=1.0,minimum-scale=1.0" />
|
||||
<title>宁波房屋征收</title>
|
||||
<script>
|
||||
function getQueryString(name) {
|
||||
var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)", "i");
|
||||
var r = window.location.search.substr(1).match(reg);
|
||||
if (r != null) return unescape(r[2]); return null;
|
||||
}
|
||||
//debugger
|
||||
var ticket = getQueryString('ticket');
|
||||
console.log('1201-ticket' + ticket)
|
||||
if (ticket)
|
||||
window.sessionStorage.setItem('ticket', ticket)
|
||||
else {
|
||||
if (window.sessionStorage.getItem('ticket') == null) {
|
||||
setTimeout(function () { window.close() }, 10);
|
||||
//window.open('https://puser.zjzwfw.gov.cn/sso/mobile.do?action=oauth&scope=1&servicecode=fwzs')
|
||||
location.replace('https://puser.zjzwfw.gov.cn/sso/mobile.do?action=oauth&scope=1&servicecode=fwzs')
|
||||
}
|
||||
}
|
||||
// function getQueryString(name) {
|
||||
// var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)", "i");
|
||||
// var r = window.location.search.substr(1).match(reg);
|
||||
// if (r != null) return unescape(r[2]); return null;
|
||||
// }
|
||||
// console.log('1201-当前页面路径：' + location.href)
|
||||
// var sp = getQueryString('sp');
|
||||
// var ticket = getQueryString('ticket');
|
||||
// if (sp)
|
||||
// location.href = (sp + '&ticket=' + ticket)
|
||||
// //debugger
|
||||
// console.log('1201-url中ticket：' + ticket)
|
||||
// if (ticket)
|
||||
// window.sessionStorage.setItem('ticket', ticket)
|
||||
// else {
|
||||
// if (!window.sessionStorage.getItem('ticket')) {
|
||||
// setTimeout(function () { window.close() }, 10);
|
||||
// //window.open('https://puser.zjzwfw.gov.cn/sso/mobile.do?action=oauth&scope=1&servicecode=fwzs')
|
||||
// location.href = ('https://puser.zjzwfw.gov.cn/sso/mobile.do?action=oauth&scope=1&servicecode=fwzs&goto=https://mapi.zjzwfw.gov.cn/web/mgop/gov-open/zj/2001833218/0.996/index.html?debug=true')
|
||||
// }
|
||||
// console.log('有ticket正常进入,' + window.sessionStorage.getItem('ticket'))
|
||||
// }
|
||||
</script>
|
||||
<script type="text/javascript" src="https://d.alicdn.com/alilog/mlog/aplus.js?id=202951085"></script>
|
||||
<script type="text/javascript" src="//jssdk.yyhj.zjzwfw.gov.cn/jsbridge/v2.0.0/bridge.min.js"></script>
|
||||
|
||||
@@ -31,8 +31,8 @@
|
||||
|
||||
<p>
|
||||
服务咨询热线：<b>
|
||||
<a href="javascript:;" @click="callphone('0574-88086606')"
|
||||
>0574-88086606</a
|
||||
<a href="javascript:;" @click="callphone('0574-89180948')"
|
||||
>0574-89180948</a
|
||||
></b
|
||||
>
|
||||
</p>
|
||||
|
||||
@@ -68,10 +68,16 @@ const router = new Router({
|
||||
component: () => import("../views")
|
||||
},
|
||||
{
|
||||
path: "/aaa",
|
||||
path: "/test",
|
||||
name: "test",
|
||||
meta: { index: 9, title: "宁波房屋征收" },
|
||||
meta: { index: 10, title: "宁波房屋征收" },
|
||||
component: () => import("../views/test")
|
||||
},
|
||||
{
|
||||
path: "/final2",
|
||||
name: "final2",
|
||||
meta: { index: 11, title: "宁波房屋征收" },
|
||||
component: () => import("../views/transit/final2")
|
||||
}
|
||||
]
|
||||
});
|
||||
|
||||
@@ -223,16 +223,13 @@ export default {
|
||||
userName: "加载中...",
|
||||
policiesRegulationsLists: {
|
||||
totalCount: 0,
|
||||
list: []
|
||||
}
|
||||
}
|
||||
list: [],
|
||||
},
|
||||
},
|
||||
};
|
||||
},
|
||||
created() {
|
||||
// var testdata =
|
||||
// '{"data":{ "success": true, "code": 200, "bizCode": null, "message": "请求成功", "data": { "userName": "周子俊", "idCard": "330226198811175590", "prjList": [ { "prjId": "e85a13ef-431c-46a5-85cd-9dd1b4f50fc6", "area": "海曙区", "name": "测试项目1", "areaID": "90517084-d213-412d-9cbf-f82c7034aeed", "zsbm": "宁波市海曙区人民政府房屋征收办公室", "year": 2020.0, "zsjdh": "海政[2020]1号", "currentState": "补偿协议签订阶段", "createRecordTime": "2019/12/25 0:00:00", "fhpgList": [ { "id": "b5d9b892-f476-489d-8156-47d06b2dd9b6", "dcbId": "26f64339-1b43-4155-b442-872642ca3ed6", "prjId": "e85a13ef-431c-46a5-85cd-9dd1b4f50fc6", "assessmentNo": "0005", "houseAddress": "测试房屋坐落地址2", "countValue": "1001300.00", "createTime": "2021/12/2 13:55:35", "createUserName": "周子俊", "type": "1" } ], "bcxyList": [ { "id": "b02f32b4-fa82-44c2-b407-614612c65534", "dcbId": "26f64339-1b43-4155-b442-872642ca3ed6", "prjId": "e85a13ef-431c-46a5-85cd-9dd1b4f50fc6", "xyNo": "海政20201-0005-1", "houseAddress": "测试房屋坐落地址2", "summationShouldCompensateMoney": "11.00", "switchProductionWay": "货币补偿", "countValue": "1001300.00", "signTime": "2021/11/30 13:56:26", "type": "1" } ], "status": 2 } ],"policiesRegulationsLists":{"totalCount": 8,"list": [{"id": "eeb58add-13f8-4c5b-a905-3a242faae4bd","title": "宁波市国有土地上房屋征收补偿、补助、奖励规定","contents":"","publicTime": "2021-06-25","area": "全大市"}]}}, "extras": null, "timestamp": 1638429929492 }}';
|
||||
|
||||
// sessionStorage.setItem("homeData", testdata);
|
||||
console.log("1201-我是index的created的1");
|
||||
if (!sessionStorage.getItem("homeData")) {
|
||||
this.onInit();
|
||||
} else {
|
||||
@@ -248,18 +245,19 @@ export default {
|
||||
} else {
|
||||
$("#app").addClass("old_app3");
|
||||
}
|
||||
console.log("1201-我是index的created的2");
|
||||
},
|
||||
beforeRouteLeave(to, from, next) {
|
||||
//debugger;
|
||||
if (from.name == "final" && to.name == "index") {
|
||||
ZWJSBridge.close()
|
||||
.then(result => {
|
||||
.then((result) => {
|
||||
console.log(
|
||||
"1201-index页面的close回调3--form-to:" + from.name + "->" + to.name
|
||||
);
|
||||
console.log(result);
|
||||
})
|
||||
.catch(error => {
|
||||
.catch((error) => {
|
||||
console.log(
|
||||
"1201-index页面的close回调异常4--form-to:" +
|
||||
from.name +
|
||||
@@ -271,15 +269,18 @@ export default {
|
||||
} else next();
|
||||
},
|
||||
mounted() {
|
||||
console.log("1201-我是index的mounted的3");
|
||||
if (sessionStorage.getItem("mode") == "older") {
|
||||
$(".container").addClass("old_container");
|
||||
}
|
||||
|
||||
//this.setDisplay();
|
||||
console.log("1201-我是index的mounted的4");
|
||||
},
|
||||
methods: {
|
||||
// 获取数据
|
||||
onInit() {
|
||||
console.log("1201-我是index的onInit的5");
|
||||
mgop({
|
||||
api: "mgop.kykj.houseexpropriat.getprjlist",
|
||||
host: "https://mapi.zjzwfw.gov.cn/",
|
||||
@@ -287,10 +288,11 @@ export default {
|
||||
type: "POST",
|
||||
data: {
|
||||
ticket:
|
||||
this.$route.query.ticket || window.sessionStorage.getItem("ticket")
|
||||
this.$route.query.ticket || window.sessionStorage.getItem("ticket"),
|
||||
},
|
||||
appKey: "es4b8zmz+2001833218+dehllx",
|
||||
onSuccess: data => {
|
||||
onSuccess: (data) => {
|
||||
console.log("1201-我是index的onInit的6");
|
||||
this.loading = false;
|
||||
|
||||
window.sessionStorage.setItem("homeData", JSON.stringify(data));
|
||||
@@ -306,7 +308,7 @@ export default {
|
||||
message: "登录超时，请重新登录",
|
||||
duration: 3000,
|
||||
type: "info",
|
||||
center: true
|
||||
center: true,
|
||||
});
|
||||
setTimeout(() => {
|
||||
window.location.replace(
|
||||
@@ -318,20 +320,20 @@ export default {
|
||||
message: "请求出错",
|
||||
duration: 3000,
|
||||
type: "error",
|
||||
center: true
|
||||
center: true,
|
||||
});
|
||||
}
|
||||
}
|
||||
},
|
||||
onFail: err => {
|
||||
onFail: (err) => {
|
||||
this.loading = false;
|
||||
this.$notify({
|
||||
title: "错误",
|
||||
message: "请求失败",
|
||||
duration: 3000,
|
||||
type: "error"
|
||||
type: "error",
|
||||
});
|
||||
}
|
||||
},
|
||||
});
|
||||
},
|
||||
toOlderMode() {
|
||||
@@ -361,8 +363,8 @@ export default {
|
||||
this.$router.push({
|
||||
name: "projectSelect",
|
||||
params: {
|
||||
type: type
|
||||
}
|
||||
type: type,
|
||||
},
|
||||
});
|
||||
},
|
||||
// 直接跳转分户评估结果页面
|
||||
@@ -373,8 +375,8 @@ export default {
|
||||
name: "evaluatePage",
|
||||
params: {
|
||||
fhpgId: id,
|
||||
type
|
||||
}
|
||||
type,
|
||||
},
|
||||
});
|
||||
},
|
||||
// 直接跳转协议结果pdf
|
||||
@@ -384,8 +386,8 @@ export default {
|
||||
this.$router.push({
|
||||
name: "reportAgreement",
|
||||
params: {
|
||||
prjId: id
|
||||
}
|
||||
prjId: id,
|
||||
},
|
||||
});
|
||||
},
|
||||
// 加载项目数统计信息
|
||||
@@ -400,38 +402,38 @@ export default {
|
||||
$("#app").removeClass("old_app3");
|
||||
this.$router.push({
|
||||
name: "policyInfo",
|
||||
params: { id }
|
||||
params: { id },
|
||||
});
|
||||
},
|
||||
setZwUserAplus(Userid, userName) {
|
||||
// 设置用户信息埋点
|
||||
aplus_queue.push({
|
||||
action: "aplus.setMetaInfo",
|
||||
arguments: ["_hold", "BLOCK"]
|
||||
arguments: ["_hold", "BLOCK"],
|
||||
});
|
||||
aplus_queue.push({
|
||||
action: "aplus.setMetaInfo",
|
||||
arguments: ["_user_nick", userName] // this.userInfoData.username],
|
||||
arguments: ["_user_nick", userName], // this.userInfoData.username],
|
||||
});
|
||||
aplus_queue.push({
|
||||
action: "aplus.setMetaInfo",
|
||||
arguments: ["_user_id", Userid]
|
||||
arguments: ["_user_id", Userid],
|
||||
});
|
||||
aplus_queue.push({
|
||||
action: "aplus.setMetaInfo",
|
||||
arguments: ["_hold", "START"]
|
||||
arguments: ["_hold", "START"],
|
||||
});
|
||||
},
|
||||
setLocationAplus() {
|
||||
ZWJSBridge.onReady(() => {
|
||||
// console.log("初始化完成后，执行bridge方法");
|
||||
ZWJSBridge.getUserType()
|
||||
.then(result1 => {
|
||||
.then((result1) => {
|
||||
// console.log("getUserType():" + JSON.stringify(result1));
|
||||
// console.log("result1.userType:" + result1.userType);
|
||||
//经纬度
|
||||
ZWJSBridge.getLocation()
|
||||
.then(result2 => {
|
||||
.then((result2) => {
|
||||
// console.log("getLocation():" + JSON.stringify(result2));
|
||||
// console.log("result2.longitude:" + result2.longitude);
|
||||
// console.log("result2.latitude:" + result2.latitude);
|
||||
@@ -439,7 +441,7 @@ export default {
|
||||
action: "aplus.sendPV",
|
||||
arguments: [
|
||||
{
|
||||
is_auto: false
|
||||
is_auto: false,
|
||||
},
|
||||
{
|
||||
isMini: true,
|
||||
@@ -447,16 +449,16 @@ export default {
|
||||
miniAppName: "房屋征收",
|
||||
long: result2.longitude,
|
||||
lati: result2.latitude,
|
||||
userType: result1.userType
|
||||
}
|
||||
]
|
||||
userType: result1.userType,
|
||||
},
|
||||
],
|
||||
});
|
||||
})
|
||||
.catch(error => {
|
||||
.catch((error) => {
|
||||
// console.log(error);
|
||||
});
|
||||
})
|
||||
.catch(error => {
|
||||
.catch((error) => {
|
||||
// console.log(error);
|
||||
});
|
||||
});
|
||||
@@ -465,7 +467,7 @@ export default {
|
||||
//this.$router.push("http://localhost:8080/#/");
|
||||
//扫一扫
|
||||
ZWJSBridge.scan({ type: "qrCode" })
|
||||
.then(data => {
|
||||
.then((data) => {
|
||||
// data =>{"text" : "扫描到的内容"}
|
||||
if (data.text.indexOf("http") > -1) {
|
||||
window.location.replace(data.text);
|
||||
@@ -474,11 +476,11 @@ export default {
|
||||
message: data.text,
|
||||
duration: 3000,
|
||||
type: "info",
|
||||
center: true
|
||||
center: true,
|
||||
});
|
||||
}
|
||||
})
|
||||
.catch(error => {
|
||||
.catch((error) => {
|
||||
console.log(error);
|
||||
});
|
||||
},
|
||||
@@ -573,8 +575,8 @@ export default {
|
||||
.find("i")
|
||||
.css("transform", "rotate(-45deg)");
|
||||
}
|
||||
}
|
||||
}
|
||||
},
|
||||
},
|
||||
};
|
||||
</script>
|
||||
|
||||
@@ -589,7 +591,7 @@ export default {
|
||||
}
|
||||
// 最上面盒子
|
||||
.topBox {
|
||||
background: url(../assets/img/bg.png) no-repeat;
|
||||
background: url(~@/assets/img/bg.png) no-repeat;
|
||||
background-size: 100% 96%;
|
||||
.olderVersion {
|
||||
display: flex;
|
||||
@@ -676,7 +678,7 @@ export default {
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
height: 41px;
|
||||
background: url(../assets/img/project_bg.png) no-repeat 0 -2px/101% 120%;
|
||||
background: url(~@/assets/img/project_bg.png) no-repeat 0 -2px/101% 120%;
|
||||
position: relative;
|
||||
> :nth-child(1) {
|
||||
display: flex;
|
||||
@@ -1009,7 +1011,7 @@ export default {
|
||||
height: 41px;
|
||||
padding: unset 0;
|
||||
width: 100%;
|
||||
background: url(../assets/img/project_bg.png);
|
||||
background: url(~@/assets/img/project_bg.png);
|
||||
background-position: 0 -2px;
|
||||
background-size: 100% 120%;
|
||||
}
|
||||
|
||||
@@ -1,9 +1,5 @@
|
||||
<template>
|
||||
<div class="container">
|
||||
<!-- v-loading="loading" -->
|
||||
<!-- element-loading-text="页面加载中"
|
||||
element-loading-spinner="el-icon-loading"
|
||||
element-loading-background="#c9c0c0" -->
|
||||
<div class="topBox">
|
||||
<div class="olderVersion">
|
||||
<div class="titleBox">被征收人信息查询</div>
|
||||
@@ -51,7 +47,7 @@
|
||||
</div>
|
||||
<span class="projectTitle">{{ item.name }}<i> </i></span>
|
||||
|
||||
<div class="absolute0"></div>
|
||||
<div class="absolute0" v-on:click="absolute0_click($event)"></div>
|
||||
</div>
|
||||
<!-- 补偿协议图标 -->
|
||||
<div class="projectRight">
|
||||
@@ -60,8 +56,7 @@
|
||||
</div>
|
||||
<span>{{ item.currentState }}</span>
|
||||
</div>
|
||||
|
||||
<div class="absolute"></div>
|
||||
<div class="absolute" v-on:click="absolute_click($event)"></div>
|
||||
</div>
|
||||
<div class="projectCenter">
|
||||
<!-- 项目内容 -->
|
||||
@@ -100,8 +95,7 @@
|
||||
<van-image :src="require('@/assets/img/assess_1.png')" />
|
||||
<span>分户评估报告</span>
|
||||
<i></i>
|
||||
|
||||
<div class="absolute1"></div>
|
||||
<div class="absolute1" v-on:click="absolute1_click($event)"></div>
|
||||
</div>
|
||||
<div
|
||||
:key="assess.id"
|
||||
@@ -135,7 +129,7 @@
|
||||
<van-image :src="require('@/assets/img/assess_2.png')" />
|
||||
<span>补偿结果</span>
|
||||
<i></i>
|
||||
<div class="absolute2"></div>
|
||||
<div class="absolute2" v-on:click="absolute2_click($event)"></div>
|
||||
</div>
|
||||
<div
|
||||
:key="protocol.id"
|
||||
@@ -224,209 +218,26 @@ export default {
|
||||
return {
|
||||
mode: false,
|
||||
loading: true,
|
||||
|
||||
data: {
|
||||
idCard: "加载中...",
|
||||
userName: "加载中...",
|
||||
policiesRegulationsLists: {
|
||||
totalCount: 0,
|
||||
list: [
|
||||
{
|
||||
title: "无数据",
|
||||
publicTime: "无数据",
|
||||
area: "无数据"
|
||||
},
|
||||
{ title: "无数据", publicTime: "无数据", area: "无数据" },
|
||||
{ title: "无数据", publicTime: "无数据", area: "无数据" }
|
||||
]
|
||||
list: [],
|
||||
},
|
||||
// prjList: [{}, {}]
|
||||
prjList: [
|
||||
{
|
||||
name: "无数据",
|
||||
currentState: "无数据",
|
||||
area: "无数据",
|
||||
zsbm: "无数据",
|
||||
year: "无数据",
|
||||
zsjdh: "无数据",
|
||||
fhpgList: [
|
||||
{
|
||||
assessmentNo: "无数据",
|
||||
houseAddress: "无数据",
|
||||
countValue: "无数据"
|
||||
},
|
||||
{
|
||||
assessmentNo: "无数据",
|
||||
houseAddress: "无数据",
|
||||
countValue: "无数据"
|
||||
}
|
||||
],
|
||||
bcxyList: [
|
||||
{
|
||||
xyNo: "无数据",
|
||||
houseAddress: "无数据",
|
||||
switchProductionWay: "无数据",
|
||||
summationShouldCompensateMoney: "无数据"
|
||||
},
|
||||
{
|
||||
xyNo: "无数据",
|
||||
houseAddress: "无数据",
|
||||
switchProductionWay: "无数据",
|
||||
summationShouldCompensateMoney: "无数据"
|
||||
}
|
||||
]
|
||||
},
|
||||
{
|
||||
name: "无数据",
|
||||
currentState: "无数据",
|
||||
area: "无数据",
|
||||
zsbm: "无数据",
|
||||
year: "无数据",
|
||||
zsjdh: "无数据",
|
||||
fhpgList: [
|
||||
{
|
||||
assessmentNo: "无数据",
|
||||
houseAddress: "无数据",
|
||||
countValue: "无数据"
|
||||
}
|
||||
],
|
||||
bcxyList: [
|
||||
{
|
||||
xyNo: "无数据",
|
||||
houseAddress: "无数据",
|
||||
switchProductionWay: "无数据",
|
||||
summationShouldCompensateMoney: "无数据"
|
||||
}
|
||||
]
|
||||
}
|
||||
]
|
||||
}
|
||||
},
|
||||
};
|
||||
},
|
||||
created() {
|
||||
console.log("1201-我是index的created的1");
|
||||
if (!sessionStorage.getItem("homeData")) {
|
||||
this.onInit();
|
||||
} else {
|
||||
let d = JSON.parse(sessionStorage.getItem("homeData"));
|
||||
this.data = d.data.data;
|
||||
}
|
||||
this.setLocationAplus();
|
||||
// SetTicket(this.$route.query.ticket);
|
||||
// if (!this.$route.query.ticket) {
|
||||
// // //this.$router.push('https://puser.zjzwfw.gov.cn/sso/mobile.do?action=oauth&scope=1&servicecode=fwzs');
|
||||
// // ZWJSBridge.openLink({
|
||||
// // url: "https://puser.zjzwfw.gov.cn/sso/mobile.do?action=oauth&scope=1&servicecode=fwzs",
|
||||
// // })
|
||||
// // .then((result) => {
|
||||
// // console.log('1130-1'+result)
|
||||
// // window.parent.location.reload();
|
||||
// // ZWJSBridge.close();
|
||||
// // })
|
||||
// // .catch((error) => {
|
||||
// // console.log(error);
|
||||
// // });
|
||||
// // ZWJSBridge.close()
|
||||
// // .then((result) => {
|
||||
// // window.location.replace(
|
||||
// // "https://puser.zjzwfw.gov.cn/sso/mobile.do?action=oauth&scope=1&servicecode=fwzs&goto=https://mapi.zjzwfw.gov.cn/web/mgop/gov-open/zj/2001833218/reserved/index.html"
|
||||
// // );
|
||||
// // })
|
||||
// // .catch((error) => {
|
||||
// // console.log(error);
|
||||
// // });
|
||||
// } else {
|
||||
// this.onInit();
|
||||
// }
|
||||
let a = {
|
||||
data: {
|
||||
success: true,
|
||||
|
||||
code: 200,
|
||||
|
||||
bizCode: null,
|
||||
|
||||
message: "请求成功",
|
||||
|
||||
data: {
|
||||
userName: "周子俊",
|
||||
|
||||
idCard: "330226198811175590",
|
||||
|
||||
prjList: [
|
||||
{
|
||||
prjId: "e85a13ef-431c-46a5-85cd-9dd1b4f50fc6",
|
||||
|
||||
area: "海曙区",
|
||||
|
||||
name: "测试项目1",
|
||||
|
||||
areaID: "90517084-d213-412d-9cbf-f82c7034aeed",
|
||||
|
||||
zsbm: "宁波市海曙区人民政府房屋征收办公室",
|
||||
|
||||
year: 2020.0,
|
||||
|
||||
zsjdh: "海政[2020]1号",
|
||||
|
||||
currentState: "补偿协议签订阶段",
|
||||
|
||||
createRecordTime: "2019/12/25 0:00:00",
|
||||
|
||||
fhpgList: [
|
||||
{
|
||||
id: "b5d9b892-f476-489d-8156-47d06b2dd9b6",
|
||||
|
||||
dcbId: "26f64339-1b43-4155-b442-872642ca3ed6",
|
||||
|
||||
prjId: "e85a13ef-431c-46a5-85cd-9dd1b4f50fc6",
|
||||
|
||||
assessmentNo: "0005",
|
||||
|
||||
houseAddress: "测试房屋坐落地址2",
|
||||
|
||||
countValue: "1001300.00",
|
||||
|
||||
createTime: "2021/12/2 13:55:35",
|
||||
|
||||
createUserName: "周子俊",
|
||||
|
||||
type: "1"
|
||||
}
|
||||
],
|
||||
|
||||
bcxyList: [
|
||||
{
|
||||
id: "b02f32b4-fa82-44c2-b407-614612c65534",
|
||||
|
||||
dcbId: "26f64339-1b43-4155-b442-872642ca3ed6",
|
||||
|
||||
prjId: "e85a13ef-431c-46a5-85cd-9dd1b4f50fc6",
|
||||
|
||||
xyNo: "海政20201-0005-1",
|
||||
|
||||
houseAddress: "测试房屋坐落地址2",
|
||||
|
||||
summationShouldCompensateMoney: "11.00",
|
||||
|
||||
switchProductionWay: "货币补偿",
|
||||
|
||||
countValue: "1001300.00",
|
||||
|
||||
signTime: "2021/11/30 13:56:26",
|
||||
|
||||
type: "1"
|
||||
}
|
||||
],
|
||||
|
||||
status: 2
|
||||
}
|
||||
],
|
||||
policiesRegulationsLists: {
|
||||
totalCount: 0
|
||||
}
|
||||
},
|
||||
|
||||
extras: null,
|
||||
|
||||
timestamp: 1638429929492
|
||||
}
|
||||
};
|
||||
// debugger;
|
||||
// this.data = a.data.data;
|
||||
this.onInit();
|
||||
$(".logout").css("display", "none");
|
||||
if (sessionStorage.getItem("mode") == "older") {
|
||||
changeStyle();
|
||||
@@ -434,18 +245,42 @@ export default {
|
||||
} else {
|
||||
$("#app").addClass("old_app3");
|
||||
}
|
||||
console.log("1201-我是index的created的2");
|
||||
},
|
||||
beforeRouteLeave(to, from, next) {
|
||||
//debugger;
|
||||
if (from.name == "final" && to.name == "index") {
|
||||
ZWJSBridge.close()
|
||||
.then((result) => {
|
||||
console.log(
|
||||
"1201-index页面的close回调3--form-to:" + from.name + "->" + to.name
|
||||
);
|
||||
console.log(result);
|
||||
})
|
||||
.catch((error) => {
|
||||
console.log(
|
||||
"1201-index页面的close回调异常4--form-to:" +
|
||||
from.name +
|
||||
"->" +
|
||||
to.name
|
||||
);
|
||||
console.log(error);
|
||||
});
|
||||
} else next();
|
||||
},
|
||||
|
||||
mounted() {
|
||||
console.log("1201-我是index的mounted的3");
|
||||
if (sessionStorage.getItem("mode") == "older") {
|
||||
$(".container").addClass("old_container");
|
||||
}
|
||||
|
||||
this.setDisplay();
|
||||
//this.setDisplay();
|
||||
console.log("1201-我是index的mounted的4");
|
||||
},
|
||||
methods: {
|
||||
// 获取数据
|
||||
onInit() {
|
||||
console.log("1201-我是index的onInit的5");
|
||||
mgop({
|
||||
api: "mgop.kykj.houseexpropriat.getprjlist",
|
||||
host: "https://mapi.zjzwfw.gov.cn/",
|
||||
@@ -453,12 +288,13 @@ export default {
|
||||
type: "POST",
|
||||
data: {
|
||||
ticket:
|
||||
this.$route.query.ticket || window.sessionStorage.getItem("ticket")
|
||||
this.$route.query.ticket || window.sessionStorage.getItem("ticket"),
|
||||
},
|
||||
appKey: "es4b8zmz+2001833218+dehllx",
|
||||
onSuccess: data => {
|
||||
console.log("mm", data);
|
||||
onSuccess: (data) => {
|
||||
console.log("1201-我是index的onInit的6");
|
||||
this.loading = false;
|
||||
|
||||
window.sessionStorage.setItem("homeData", JSON.stringify(data));
|
||||
if (data.data.success) {
|
||||
this.data = data.data.data;
|
||||
@@ -472,7 +308,7 @@ export default {
|
||||
message: "登录超时，请重新登录",
|
||||
duration: 3000,
|
||||
type: "info",
|
||||
center: true
|
||||
center: true,
|
||||
});
|
||||
setTimeout(() => {
|
||||
window.location.replace(
|
||||
@@ -484,20 +320,20 @@ export default {
|
||||
message: "请求出错",
|
||||
duration: 3000,
|
||||
type: "error",
|
||||
center: true
|
||||
center: true,
|
||||
});
|
||||
}
|
||||
}
|
||||
},
|
||||
onFail: err => {
|
||||
onFail: (err) => {
|
||||
this.loading = false;
|
||||
this.$notify({
|
||||
title: "错误",
|
||||
message: "请求失败",
|
||||
duration: 3000,
|
||||
type: "error"
|
||||
type: "error",
|
||||
});
|
||||
}
|
||||
},
|
||||
});
|
||||
},
|
||||
toOlderMode() {
|
||||
@@ -527,8 +363,8 @@ export default {
|
||||
this.$router.push({
|
||||
name: "projectSelect",
|
||||
params: {
|
||||
type: type
|
||||
}
|
||||
type: type,
|
||||
},
|
||||
});
|
||||
},
|
||||
// 直接跳转分户评估结果页面
|
||||
@@ -539,8 +375,8 @@ export default {
|
||||
name: "evaluatePage",
|
||||
params: {
|
||||
fhpgId: id,
|
||||
type
|
||||
}
|
||||
type,
|
||||
},
|
||||
});
|
||||
},
|
||||
// 直接跳转协议结果pdf
|
||||
@@ -550,8 +386,8 @@ export default {
|
||||
this.$router.push({
|
||||
name: "reportAgreement",
|
||||
params: {
|
||||
prjId: id
|
||||
}
|
||||
prjId: id,
|
||||
},
|
||||
});
|
||||
},
|
||||
// 加载项目数统计信息
|
||||
@@ -566,38 +402,38 @@ export default {
|
||||
$("#app").removeClass("old_app3");
|
||||
this.$router.push({
|
||||
name: "policyInfo",
|
||||
params: { id }
|
||||
params: { id },
|
||||
});
|
||||
},
|
||||
setZwUserAplus(Userid, userName) {
|
||||
// 设置用户信息埋点
|
||||
aplus_queue.push({
|
||||
action: "aplus.setMetaInfo",
|
||||
arguments: ["_hold", "BLOCK"]
|
||||
arguments: ["_hold", "BLOCK"],
|
||||
});
|
||||
aplus_queue.push({
|
||||
action: "aplus.setMetaInfo",
|
||||
arguments: ["_user_nick", userName] // this.userInfoData.username],
|
||||
arguments: ["_user_nick", userName], // this.userInfoData.username],
|
||||
});
|
||||
aplus_queue.push({
|
||||
action: "aplus.setMetaInfo",
|
||||
arguments: ["_user_id", Userid]
|
||||
arguments: ["_user_id", Userid],
|
||||
});
|
||||
aplus_queue.push({
|
||||
action: "aplus.setMetaInfo",
|
||||
arguments: ["_hold", "START"]
|
||||
arguments: ["_hold", "START"],
|
||||
});
|
||||
},
|
||||
setLocationAplus() {
|
||||
ZWJSBridge.onReady(() => {
|
||||
// console.log("初始化完成后，执行bridge方法");
|
||||
ZWJSBridge.getUserType()
|
||||
.then(result1 => {
|
||||
.then((result1) => {
|
||||
// console.log("getUserType():" + JSON.stringify(result1));
|
||||
// console.log("result1.userType:" + result1.userType);
|
||||
//经纬度
|
||||
ZWJSBridge.getLocation()
|
||||
.then(result2 => {
|
||||
.then((result2) => {
|
||||
// console.log("getLocation():" + JSON.stringify(result2));
|
||||
// console.log("result2.longitude:" + result2.longitude);
|
||||
// console.log("result2.latitude:" + result2.latitude);
|
||||
@@ -605,7 +441,7 @@ export default {
|
||||
action: "aplus.sendPV",
|
||||
arguments: [
|
||||
{
|
||||
is_auto: false
|
||||
is_auto: false,
|
||||
},
|
||||
{
|
||||
isMini: true,
|
||||
@@ -613,16 +449,16 @@ export default {
|
||||
miniAppName: "房屋征收",
|
||||
long: result2.longitude,
|
||||
lati: result2.latitude,
|
||||
userType: result1.userType
|
||||
}
|
||||
]
|
||||
userType: result1.userType,
|
||||
},
|
||||
],
|
||||
});
|
||||
})
|
||||
.catch(error => {
|
||||
.catch((error) => {
|
||||
// console.log(error);
|
||||
});
|
||||
})
|
||||
.catch(error => {
|
||||
.catch((error) => {
|
||||
// console.log(error);
|
||||
});
|
||||
});
|
||||
@@ -631,7 +467,7 @@ export default {
|
||||
//this.$router.push("http://localhost:8080/#/");
|
||||
//扫一扫
|
||||
ZWJSBridge.scan({ type: "qrCode" })
|
||||
.then(data => {
|
||||
.then((data) => {
|
||||
// data =>{"text" : "扫描到的内容"}
|
||||
if (data.text.indexOf("http") > -1) {
|
||||
window.location.replace(data.text);
|
||||
@@ -640,118 +476,107 @@ export default {
|
||||
message: data.text,
|
||||
duration: 3000,
|
||||
type: "info",
|
||||
center: true
|
||||
center: true,
|
||||
});
|
||||
}
|
||||
})
|
||||
.catch(error => {
|
||||
.catch((error) => {
|
||||
console.log(error);
|
||||
});
|
||||
},
|
||||
absolute_click(e) {
|
||||
if (
|
||||
$(e.currentTarget.parentNode.parentNode)
|
||||
.find(".projectCenter")
|
||||
.css("display") == "none"
|
||||
) {
|
||||
$(e.currentTarget.parentNode.parentNode)
|
||||
.find(".projectCenter")
|
||||
.css("display", "block");
|
||||
|
||||
/**
|
||||
* @项目折叠与隐藏
|
||||
*/
|
||||
$(e.currentTarget.parentNode)
|
||||
.find("i")
|
||||
.css("transform", "rotate(45deg)");
|
||||
} else {
|
||||
$(e.currentTarget.parentNode.parentNode)
|
||||
.find(".projectCenter")
|
||||
.css("display", "none");
|
||||
|
||||
setDisplay() {
|
||||
$(".absolute").click(e => {
|
||||
console.log(e);
|
||||
if (
|
||||
$(e.target.parentNode.parentNode)
|
||||
.find(".projectCenter")
|
||||
.css("display") == "none"
|
||||
) {
|
||||
$(e.target.parentNode.parentNode)
|
||||
.find(".projectCenter")
|
||||
.css("display", "block");
|
||||
$(e.currentTarget.parentNode)
|
||||
.find("i")
|
||||
.css("transform", "rotate(-45deg)");
|
||||
}
|
||||
},
|
||||
absolute0_click(e) {
|
||||
if (
|
||||
$(e.currentTarget.parentNode.parentNode.parentNode)
|
||||
.find(".projectCenter")
|
||||
.css("display") == "none"
|
||||
) {
|
||||
$(e.currentTarget.parentNode.parentNode.parentNode)
|
||||
.find(".projectCenter")
|
||||
.css("display", "block");
|
||||
|
||||
$(e.target.parentNode)
|
||||
.find("i")
|
||||
.css("transform", "rotate(45deg)");
|
||||
} else {
|
||||
$(e.target.parentNode.parentNode)
|
||||
.find(".projectCenter")
|
||||
.css("display", "none");
|
||||
$(e.currentTarget.parentNode)
|
||||
.find("i")
|
||||
.css("transform", "rotate(45deg)");
|
||||
} else {
|
||||
$(e.currentTarget.parentNode.parentNode.parentNode)
|
||||
.find(".projectCenter")
|
||||
.css("display", "none");
|
||||
|
||||
$(e.target.parentNode)
|
||||
.find("i")
|
||||
.css("transform", "rotate(-45deg)");
|
||||
}
|
||||
});
|
||||
$(e.currentTarget.parentNode)
|
||||
.find("i")
|
||||
.css("transform", "rotate(-45deg)");
|
||||
}
|
||||
},
|
||||
absolute1_click(e) {
|
||||
if (
|
||||
$(e.currentTarget.parentNode.parentNode)
|
||||
.find(".assessCenter1")
|
||||
.css("display") == "none"
|
||||
) {
|
||||
$(e.currentTarget.parentNode.parentNode)
|
||||
.find(".assessCenter1")
|
||||
.css("display", "block");
|
||||
|
||||
$(".absolute0").click(e => {
|
||||
if (
|
||||
$(e.target.parentNode.parentNode.parentNode)
|
||||
.find(".projectCenter")
|
||||
.css("display") == "none"
|
||||
) {
|
||||
$(e.target.parentNode.parentNode.parentNode)
|
||||
.find(".projectCenter")
|
||||
.css("display", "block");
|
||||
$(e.currentTarget.parentNode)
|
||||
.find("i")
|
||||
.css("transform", "rotate(45deg)");
|
||||
} else {
|
||||
$(e.currentTarget.parentNode.parentNode)
|
||||
.find(".assessCenter1")
|
||||
.css("display", "none");
|
||||
|
||||
$(e.target.parentNode)
|
||||
.find("i")
|
||||
.css("transform", "rotate(45deg)");
|
||||
} else {
|
||||
$(e.target.parentNode.parentNode.parentNode)
|
||||
.find(".projectCenter")
|
||||
.css("display", "none");
|
||||
$(e.currentTarget.parentNode)
|
||||
.find("i")
|
||||
.css("transform", "rotate(-45deg)");
|
||||
}
|
||||
},
|
||||
absolute2_click(e) {
|
||||
if (
|
||||
$(e.currentTarget.parentNode.parentNode)
|
||||
.find(".assessCenter2")
|
||||
.css("display") == "none"
|
||||
) {
|
||||
$(e.currentTarget.parentNode.parentNode)
|
||||
.find(".assessCenter2")
|
||||
.css("display", "block");
|
||||
|
||||
$(e.target.parentNode)
|
||||
.find("i")
|
||||
.css("transform", "rotate(-45deg)");
|
||||
}
|
||||
});
|
||||
$(e.currentTarget.parentNode)
|
||||
.find("i")
|
||||
.css("transform", "rotate(45deg)");
|
||||
} else {
|
||||
$(e.currentTarget.parentNode.parentNode)
|
||||
.find(".assessCenter2")
|
||||
.css("display", "none");
|
||||
|
||||
$(".absolute1").click(e => {
|
||||
if (
|
||||
$(e.target.parentNode.parentNode)
|
||||
.find(".assessCenter1")
|
||||
.css("display") == "none"
|
||||
) {
|
||||
$(e.target.parentNode.parentNode)
|
||||
.find(".assessCenter1")
|
||||
.css("display", "block");
|
||||
|
||||
$(e.target.parentNode)
|
||||
.find("i")
|
||||
.css("transform", "rotate(45deg)");
|
||||
} else {
|
||||
$(e.target.parentNode.parentNode)
|
||||
.find(".assessCenter1")
|
||||
.css("display", "none");
|
||||
|
||||
$(e.target.parentNode)
|
||||
.find("i")
|
||||
.css("transform", "rotate(-45deg)");
|
||||
}
|
||||
});
|
||||
|
||||
$(".absolute2").click(e => {
|
||||
if (
|
||||
$(e.target.parentNode.parentNode)
|
||||
.find(".assessCenter2")
|
||||
.css("display") == "none"
|
||||
) {
|
||||
$(e.target.parentNode.parentNode)
|
||||
.find(".assessCenter2")
|
||||
.css("display", "block");
|
||||
|
||||
$(e.target.parentNode)
|
||||
.find("i")
|
||||
.css("transform", "rotate(45deg)");
|
||||
} else {
|
||||
$(e.target.parentNode.parentNode)
|
||||
.find(".assessCenter2")
|
||||
.css("display", "none");
|
||||
|
||||
$(e.target.parentNode)
|
||||
.find("i")
|
||||
.css("transform", "rotate(-45deg)");
|
||||
}
|
||||
});
|
||||
}
|
||||
}
|
||||
$(e.currentTarget.parentNode)
|
||||
.find("i")
|
||||
.css("transform", "rotate(-45deg)");
|
||||
}
|
||||
},
|
||||
},
|
||||
};
|
||||
</script>
|
||||
|
||||
@@ -766,7 +591,7 @@ export default {
|
||||
}
|
||||
// 最上面盒子
|
||||
.topBox {
|
||||
background: url(../assets/img/bg.png) no-repeat;
|
||||
background: url(~@/assets/img/bg.png) no-repeat;
|
||||
background-size: 100% 96%;
|
||||
.olderVersion {
|
||||
display: flex;
|
||||
@@ -853,7 +678,7 @@ export default {
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
height: 41px;
|
||||
background: url(../assets/img/project_bg.png) no-repeat 0 -2px/101% 120%;
|
||||
background: url(~@/assets/img/project_bg.png) no-repeat 0 -2px/101% 120%;
|
||||
position: relative;
|
||||
> :nth-child(1) {
|
||||
display: flex;
|
||||
@@ -861,7 +686,6 @@ export default {
|
||||
width: 50%;
|
||||
height: 100%;
|
||||
position: relative;
|
||||
|
||||
.projectIcon {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
@@ -927,7 +751,6 @@ export default {
|
||||
line-height: 27px;
|
||||
}
|
||||
}
|
||||
|
||||
> :last-child {
|
||||
position: absolute;
|
||||
left: 0;
|
||||
@@ -1188,7 +1011,7 @@ export default {
|
||||
height: 41px;
|
||||
padding: unset 0;
|
||||
width: 100%;
|
||||
background: url(../assets/img/project_bg.png);
|
||||
background: url(~@/assets/img/project_bg.png);
|
||||
background-position: 0 -2px;
|
||||
background-size: 100% 120%;
|
||||
}
|
||||
|
||||
773
FrontCode2/sunshine_levy/src/views/transit/final2.vue
Normal file
773
FrontCode2/sunshine_levy/src/views/transit/final2.vue
Normal file
@@ -0,0 +1,773 @@
|
||||
<template>
|
||||
<div class="container">
|
||||
<div class="topBox">
|
||||
<div class="olderVersion">
|
||||
<div class="titleBox">被征收人信息查询</div>
|
||||
<div v-if="mode == false" class="mode">进入老年模式</div>
|
||||
<div v-else class="mode">退出老年模式</div>
|
||||
</div>
|
||||
<div class="baseInfo">
|
||||
<img src="@/assets/img/renyuanliebiao.png" />
|
||||
<span>被征收人姓名：{{ data.userName }}</span>
|
||||
</div>
|
||||
<div class="baseInfo">
|
||||
<img src="@/assets/img/credentials_icon.png" />
|
||||
<span>身份证号码：</span>
|
||||
<div>{{ data.idCard }}</div>
|
||||
</div>
|
||||
<!-- 三张背景图 -->
|
||||
<div class="gridBg">
|
||||
<div @click="scan()" style="background: #1897fb">
|
||||
<img src="@/assets/img/scan.png" />
|
||||
<span>扫一扫</span>
|
||||
</div>
|
||||
<div @click="gotoProject('pg')" style="background: #f1ae4b">
|
||||
<img src="@/assets/img/evaluation.png" />
|
||||
<span>查评估报告</span>
|
||||
</div>
|
||||
<div @click="gotoProject('xy')" style="background: #16d7ed">
|
||||
<img src="@/assets/img/compensation.png" />
|
||||
<span>查补偿协议</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- 大背景图 -->
|
||||
<!-- <div class="bigImage">
|
||||
<img src="@/assets/img/government.png" />
|
||||
</div> -->
|
||||
<!-- 项目内容 -->
|
||||
<div :key="item.prjId" v-for="item in data.prjList">
|
||||
<div class="project">
|
||||
<!-- window图标 -->
|
||||
<div>
|
||||
<div class="projectIcon">
|
||||
<img src="@/assets/img/project.png" />
|
||||
</div>
|
||||
<span class="projectTitle">{{ item.name }}<i> </i></span>
|
||||
|
||||
<div class="absolute0" v-on:click="absolute0_click($event)"></div>
|
||||
</div>
|
||||
<!-- 补偿协议图标 -->
|
||||
<div class="projectRight">
|
||||
<div>
|
||||
<img src="@/assets/img/yhxy.png" />
|
||||
</div>
|
||||
<span>{{ item.currentState }}</span>
|
||||
</div>
|
||||
<div class="absolute" v-on:click="absolute_click($event)"></div>
|
||||
</div>
|
||||
<div class="projectCenter">
|
||||
<!-- 项目内容 -->
|
||||
<div class="projectCenterBox">
|
||||
<div>
|
||||
<div>
|
||||
<img src="@/assets/img/project_area.png" />
|
||||
<span>项目所在区域：</span>
|
||||
</div>
|
||||
<div>{{ item.area }}</div>
|
||||
</div>
|
||||
<div>
|
||||
<div>
|
||||
<img src="@/assets/img/project_dep.png" />
|
||||
<span>征收部门：</span>
|
||||
</div>
|
||||
<div>{{ item.zsbm }}</div>
|
||||
</div>
|
||||
<div>
|
||||
<div>
|
||||
<img src="@/assets/img/project_year.png" />
|
||||
<span>所属年份：</span>
|
||||
</div>
|
||||
<div>{{ item.year }}</div>
|
||||
</div>
|
||||
<div>
|
||||
<div>
|
||||
<img src="@/assets/img/project_no.png" />
|
||||
<span>征收决定号：</span>
|
||||
</div>
|
||||
<div class="blue">{{ item.zsjdh }}</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- 分户评估结果部分 -->
|
||||
<div class="assess">
|
||||
<van-image :src="require('@/assets/img/assess_1.png')" />
|
||||
<span>分户评估报告</span>
|
||||
<i></i>
|
||||
<div class="absolute1" v-on:click="absolute1_click($event)"></div>
|
||||
</div>
|
||||
<div
|
||||
:key="assess.id"
|
||||
@click="toEvaluate(assess.id, assess.type)"
|
||||
class="assessCenter1"
|
||||
v-for="assess in item.fhpgList"
|
||||
>
|
||||
<div>
|
||||
<span>评估报告编号：</span>
|
||||
<span>{{ assess.assessmentNo }}</span>
|
||||
</div>
|
||||
<div>
|
||||
<span>被征收房屋地址：</span>
|
||||
<span>
|
||||
{{ assess.houseAddress }}
|
||||
</span>
|
||||
</div>
|
||||
<div>
|
||||
<span>评估总金额：</span>
|
||||
<span class="projectTitle" style="color: red"
|
||||
>¥{{ assess.countValue }}</span
|
||||
>
|
||||
</div>
|
||||
<div>
|
||||
<span>评估公司：</span>
|
||||
<span>{{ assess.EvaluationCompany }}</span>
|
||||
</div>
|
||||
</div>
|
||||
<!-- 补偿协议部分 -->
|
||||
<div class="assess2">
|
||||
<van-image :src="require('@/assets/img/assess_2.png')" />
|
||||
<span>补偿结果</span>
|
||||
<i></i>
|
||||
<div class="absolute2" v-on:click="absolute2_click($event)"></div>
|
||||
</div>
|
||||
<div
|
||||
:key="protocol.id"
|
||||
@click="toAgreement(item.prjId)"
|
||||
class="assessCenter2"
|
||||
v-for="protocol in item.bcxyList"
|
||||
>
|
||||
<div>
|
||||
<span>协议编号：</span>
|
||||
<span>{{ protocol.xyNo }}</span>
|
||||
</div>
|
||||
<div>
|
||||
<span>被征收房屋地址：</span>
|
||||
<span>
|
||||
{{ protocol.houseAddress }}
|
||||
</span>
|
||||
</div>
|
||||
<div>
|
||||
<span>补偿方式：</span>
|
||||
<span>
|
||||
{{ protocol.switchProductionWay }}
|
||||
</span>
|
||||
</div>
|
||||
<div>
|
||||
<span>合计补偿资金：</span>
|
||||
<span class="projectTitle" style="color: red"
|
||||
>¥{{ protocol.summationShouldCompensateMoney }}</span
|
||||
>
|
||||
</div>
|
||||
<div>
|
||||
<span>合计安置面积：</span>
|
||||
<span>{{ protocol.TotalAllocationArea }}</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- 征收政策背景图 -->
|
||||
<!-- <div>
|
||||
<van-image :src="require('@/assets/img/expropriationPolicy.png')" />
|
||||
</div> -->
|
||||
<!-- 征收政策部分 -->
|
||||
<div class="zszc">
|
||||
<span>征收政策</span>
|
||||
<span>共{{ data.policiesRegulationsLists.totalCount }}条</span>
|
||||
</div>
|
||||
<div class="protocolBox">
|
||||
<div
|
||||
:key="i"
|
||||
@click="pageJump(item.id)"
|
||||
class="protocolList"
|
||||
v-for="(item, i) in data.policiesRegulationsLists.list"
|
||||
>
|
||||
<!-- 非最后一行有边框 -->
|
||||
<div
|
||||
style="border-bottom: 1px dashed #e8e9ec"
|
||||
v-if="i != data.policiesRegulationsLists.list.length - 1"
|
||||
>
|
||||
<div>{{ item.title }}</div>
|
||||
<div>
|
||||
<span>发布时间：{{ item.publicTime }}</span>
|
||||
<span>区域：{{ item.area }}</span>
|
||||
</div>
|
||||
</div>
|
||||
<!-- 最后一行无边框 -->
|
||||
<div v-else style="padding-bottom: 10px">
|
||||
<div>{{ item.title }}</div>
|
||||
<div>
|
||||
<span>发布时间：{{ item.publicTime }}</span>
|
||||
<span>区域：{{ item.area }}</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import $ from "jquery";
|
||||
export default {
|
||||
name: "home",
|
||||
data() {
|
||||
return {
|
||||
mode: false,
|
||||
loading: true,
|
||||
data: {
|
||||
idCard: "加载中...",
|
||||
userName: "加载中...",
|
||||
policiesRegulationsLists: {
|
||||
totalCount: 0,
|
||||
list: [],
|
||||
},
|
||||
},
|
||||
};
|
||||
},
|
||||
created() {
|
||||
console.log("1201-我是final2的created的1");
|
||||
if (!sessionStorage.getItem("homeData")) {
|
||||
console.log("1201-我是final2的created的1.1");
|
||||
this.onInit();
|
||||
} else {
|
||||
console.log("1201-我是final2的created的1.2");
|
||||
let d = JSON.parse(sessionStorage.getItem("homeData"));
|
||||
this.data = d.data.data;
|
||||
}
|
||||
console.log("1201-我是final2的created的2");
|
||||
this.setLocationAplus();
|
||||
console.log("1201-我是final2的created的3");
|
||||
if (sessionStorage.getItem("mode") == "older") {
|
||||
console.log("1201-我是final2的created的3.1");
|
||||
changeStyle();
|
||||
this.mode = true;
|
||||
} else {
|
||||
console.log("1201-我是final2的created的3.2");
|
||||
$("#app").addClass("old_app3");
|
||||
}
|
||||
console.log("1201-我是final2的created的4");
|
||||
},
|
||||
mounted() {
|
||||
console.log("1201-我是final2的mounted的13");
|
||||
console.log("1201-我是final2的mounted的14");
|
||||
},
|
||||
methods: {
|
||||
onInit() {},
|
||||
setLocationAplus() {},
|
||||
changeStyle() {},
|
||||
},
|
||||
};
|
||||
</script>
|
||||
|
||||
<style lang="less" scoped>
|
||||
.container {
|
||||
border-radius: 6px;
|
||||
background: #f6f7f8;
|
||||
padding-bottom: 20px;
|
||||
> div:nth-child(n + 2) {
|
||||
margin: 10px 12px 0 10px;
|
||||
}
|
||||
}
|
||||
// 最上面盒子
|
||||
.topBox {
|
||||
background: url(~@/assets/img/bg.png) no-repeat;
|
||||
background-size: 100% 96%;
|
||||
.olderVersion {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
padding: 15px 0;
|
||||
.titleBox {
|
||||
width: 173px;
|
||||
height: 36px;
|
||||
line-height: 36px;
|
||||
text-align: center;
|
||||
border-radius: 0 22px 22px 0;
|
||||
background: #2576ca;
|
||||
font-size: 16px;
|
||||
font-weight: 600;
|
||||
color: #ffffff;
|
||||
}
|
||||
:nth-child(2) {
|
||||
margin-right: 5px;
|
||||
background: #f82b36;
|
||||
width: 124px;
|
||||
height: 25px;
|
||||
text-align: center;
|
||||
line-height: 25px;
|
||||
border-radius: 2px;
|
||||
font-size: 18px;
|
||||
font-weight: 600;
|
||||
color: #ffffff;
|
||||
}
|
||||
}
|
||||
.baseInfo {
|
||||
display: flex;
|
||||
margin: 5px 0;
|
||||
align-items: center;
|
||||
color: #fff;
|
||||
img {
|
||||
height: 21px;
|
||||
padding-right: 10px;
|
||||
padding-left: 31px;
|
||||
}
|
||||
span:nth-child(2) {
|
||||
white-space: nowrap;
|
||||
}
|
||||
:nth-child(3) {
|
||||
padding-top: 1px;
|
||||
}
|
||||
}
|
||||
.gridBg {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: space-around;
|
||||
margin: 10px 12px 0 10px;
|
||||
border-radius: 3px;
|
||||
background: rgba(255, 255, 255, 0.28);
|
||||
> div {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
flex-direction: column;
|
||||
justify-content: center;
|
||||
width: 90px;
|
||||
height: 80px;
|
||||
margin: 20px 0 10px;
|
||||
border-radius: 10px;
|
||||
img {
|
||||
height: 35px;
|
||||
}
|
||||
span {
|
||||
padding-top: 5px;
|
||||
font-weight: 500;
|
||||
color: #fff;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
// 大背景图
|
||||
.bigImage {
|
||||
img {
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
// 项目部分
|
||||
.project {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
height: 41px;
|
||||
background: url(~@/assets/img/project_bg.png) no-repeat 0 -2px/101% 120%;
|
||||
position: relative;
|
||||
> :nth-child(1) {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
width: 50%;
|
||||
height: 100%;
|
||||
position: relative;
|
||||
.projectIcon {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
padding: 0 8px;
|
||||
height: 100%;
|
||||
margin-right: 10px;
|
||||
border-radius: 5px 0 0;
|
||||
background: #3284cd;
|
||||
img {
|
||||
width: 25px;
|
||||
height: 25px;
|
||||
}
|
||||
}
|
||||
span {
|
||||
white-space: nowrap;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
padding-right: 2px;
|
||||
i {
|
||||
display: inline-block;
|
||||
|
||||
height: 9px;
|
||||
width: 9px;
|
||||
border-right: 2px solid white;
|
||||
border-bottom: 2px solid white;
|
||||
transform: rotate(45deg);
|
||||
margin-left: 7px;
|
||||
}
|
||||
}
|
||||
|
||||
> :last-child {
|
||||
position: absolute;
|
||||
left: 0;
|
||||
right: 0;
|
||||
top: 0;
|
||||
bottom: 0;
|
||||
}
|
||||
}
|
||||
.projectRight {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
height: 27px;
|
||||
> div {
|
||||
background: #24bca3;
|
||||
height: 100%;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
border-radius: 13px 0 0 13px;
|
||||
img {
|
||||
width: 17px;
|
||||
margin-right: 3px;
|
||||
margin-left: 10px;
|
||||
}
|
||||
}
|
||||
span {
|
||||
font-size: 12px;
|
||||
font-weight: 600;
|
||||
padding-right: 10px;
|
||||
color: #fff;
|
||||
background: #24bca3;
|
||||
height: 27px;
|
||||
line-height: 27px;
|
||||
}
|
||||
}
|
||||
> :last-child {
|
||||
position: absolute;
|
||||
left: 0;
|
||||
right: 0;
|
||||
top: 0;
|
||||
bottom: 0;
|
||||
}
|
||||
}
|
||||
.projectTitle {
|
||||
font-family: PingFangSC-Semibold, PingFang SC;
|
||||
font-size: 16px;
|
||||
font-weight: 600;
|
||||
color: #fff;
|
||||
}
|
||||
.projectCenter {
|
||||
padding-bottom: 25px;
|
||||
background: #fff;
|
||||
box-shadow: 0 2px 6px 1px rgba(212, 212, 212, 0.5);
|
||||
.projectCenterBox {
|
||||
> div {
|
||||
display: flex;
|
||||
align-items: flex-start;
|
||||
padding-top: 15px;
|
||||
line-height: 20px;
|
||||
> :nth-child(1) {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
img {
|
||||
height: 22px;
|
||||
padding: 0 7px;
|
||||
}
|
||||
:nth-child(2) {
|
||||
font-weight: 400;
|
||||
color: #b3b5b9;
|
||||
width: 106px;
|
||||
}
|
||||
}
|
||||
> :last-child {
|
||||
color: #363a44;
|
||||
padding-top: 1px;
|
||||
// width: 55%;
|
||||
}
|
||||
.blue {
|
||||
color: #3883f1;
|
||||
}
|
||||
}
|
||||
}
|
||||
.assess {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
height: 25px;
|
||||
padding: 25px 10px 10px;
|
||||
position: relative;
|
||||
.van-image {
|
||||
width: 24px;
|
||||
height: 24px;
|
||||
margin-right: 10px;
|
||||
}
|
||||
span {
|
||||
font-family: PingFangSC-Regular, PingFang SC;
|
||||
font-size: 16px;
|
||||
font-weight: 400;
|
||||
color: #2468f2;
|
||||
}
|
||||
|
||||
i {
|
||||
display: inline-block;
|
||||
|
||||
height: 8px;
|
||||
width: 8px;
|
||||
border-right: 2px solid #2468f2;
|
||||
border-bottom: 2px solid #2468f2;
|
||||
transform: rotate(45deg);
|
||||
margin-left: 7px;
|
||||
}
|
||||
|
||||
> :last-child {
|
||||
position: absolute;
|
||||
left: 0;
|
||||
right: 0;
|
||||
top: 0;
|
||||
bottom: 0;
|
||||
}
|
||||
}
|
||||
.assessCenter1 {
|
||||
margin: 25px 16px 22px;
|
||||
border-left: 2px solid #24bca3;
|
||||
font-weight: 400;
|
||||
> div {
|
||||
display: flex;
|
||||
align-items: flex-start;
|
||||
justify-content: space-between;
|
||||
padding-left: 12px;
|
||||
line-height: 20px;
|
||||
:nth-child(1) {
|
||||
white-space: nowrap;
|
||||
color: #b3b5b9;
|
||||
}
|
||||
:nth-child(2) {
|
||||
color: #363a44;
|
||||
}
|
||||
}
|
||||
> :nth-child(2) {
|
||||
margin: 15px 0;
|
||||
}
|
||||
> :nth-child(3) {
|
||||
margin: 15px 0;
|
||||
}
|
||||
}
|
||||
.assess2 {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
height: 25px;
|
||||
padding: 5px 10px;
|
||||
position: relative;
|
||||
.van-image {
|
||||
width: 24px;
|
||||
height: 24px;
|
||||
margin-right: 10px;
|
||||
}
|
||||
span {
|
||||
font-size: 16px;
|
||||
font-weight: 400;
|
||||
color: #2468f2;
|
||||
}
|
||||
|
||||
i {
|
||||
display: inline-block;
|
||||
|
||||
height: 8px;
|
||||
width: 8px;
|
||||
border-right: 2px solid #2468f2;
|
||||
border-bottom: 2px solid #2468f2;
|
||||
transform: rotate(45deg);
|
||||
margin-left: 7px;
|
||||
}
|
||||
|
||||
> :last-child {
|
||||
position: absolute;
|
||||
left: 0;
|
||||
right: 0;
|
||||
top: 0;
|
||||
bottom: 0;
|
||||
}
|
||||
}
|
||||
.assessCenter2 {
|
||||
margin: 25px 16px 22px;
|
||||
border-left: 2px solid #ff5959;
|
||||
font-weight: 400;
|
||||
> div {
|
||||
display: flex;
|
||||
align-items: flex-start;
|
||||
justify-content: space-between;
|
||||
padding-left: 12px;
|
||||
line-height: 20px;
|
||||
:nth-child(1) {
|
||||
white-space: nowrap;
|
||||
color: #b3b5b9;
|
||||
}
|
||||
:nth-child(2) {
|
||||
color: #363a44;
|
||||
}
|
||||
}
|
||||
> div:nth-child(n + 2) {
|
||||
margin: 15px 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// 征收政策部分
|
||||
.zszc {
|
||||
span {
|
||||
font-size: 16px;
|
||||
font-weight: 800;
|
||||
color: #202020;
|
||||
display: block;
|
||||
}
|
||||
:nth-child(2) {
|
||||
margin: 10px 0;
|
||||
color: #2c2b2b;
|
||||
font-size: 12px;
|
||||
}
|
||||
}
|
||||
|
||||
.protocolBox {
|
||||
border-radius: 4px;
|
||||
background: #fff;
|
||||
box-shadow: 0 2px 5px 0 rgba(168, 168, 168, 0.5);
|
||||
.protocolList {
|
||||
padding: 0 20px;
|
||||
> div {
|
||||
> :nth-child(1) {
|
||||
font-size: 14px;
|
||||
font-weight: 400;
|
||||
overflow: hidden;
|
||||
white-space: nowrap;
|
||||
text-overflow: ellipsis;
|
||||
color: #202020;
|
||||
padding-top: 20px;
|
||||
}
|
||||
> :nth-child(2) {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
padding: 18px 0;
|
||||
span {
|
||||
font-size: 12px;
|
||||
color: #9da2a3;
|
||||
font-weight: 400;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
// 老年化
|
||||
.old_container {
|
||||
.olderVersion {
|
||||
.titleBox {
|
||||
font-size: 24px;
|
||||
width: 228px;
|
||||
height: 41px;
|
||||
line-height: 41px;
|
||||
}
|
||||
}
|
||||
.baseInfo {
|
||||
align-items: flex-start;
|
||||
font-size: 22px;
|
||||
line-height: 30px;
|
||||
img {
|
||||
height: 30px;
|
||||
padding-left: 15px;
|
||||
}
|
||||
> div:nth-child(3) {
|
||||
word-break: break-all;
|
||||
padding-top: 2px;
|
||||
}
|
||||
}
|
||||
.gridBg {
|
||||
margin-left: 4px;
|
||||
margin-right: 4px;
|
||||
font-size: 20px;
|
||||
> div {
|
||||
width: 110px;
|
||||
height: 100px;
|
||||
img {
|
||||
height: 55px;
|
||||
}
|
||||
}
|
||||
}
|
||||
.project {
|
||||
display: unset;
|
||||
.projectTitle {
|
||||
font-size: 24px;
|
||||
}
|
||||
> :nth-child(1) {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
height: 41px;
|
||||
padding: unset 0;
|
||||
width: 100%;
|
||||
background: url(~@/assets/img/project_bg.png);
|
||||
background-position: 0 -2px;
|
||||
background-size: 100% 120%;
|
||||
}
|
||||
.projectRight {
|
||||
margin-top: 10px;
|
||||
height: 27px;
|
||||
> :nth-child(1) {
|
||||
border-radius: unset !important;
|
||||
padding-right: 5px;
|
||||
}
|
||||
> span {
|
||||
font-size: 20px;
|
||||
border-radius: 0px 13px 13px 0px;
|
||||
}
|
||||
}
|
||||
}
|
||||
.projectCenterBox {
|
||||
font-size: 20px;
|
||||
> div {
|
||||
line-height: 28px;
|
||||
> :nth-child(1) {
|
||||
:nth-child(2) {
|
||||
width: unset !important;
|
||||
white-space: nowrap;
|
||||
}
|
||||
}
|
||||
> :last-child {
|
||||
width: unset;
|
||||
}
|
||||
}
|
||||
}
|
||||
.assess,
|
||||
.assess2 {
|
||||
span {
|
||||
font-size: 22px;
|
||||
}
|
||||
}
|
||||
.assessCenter1,
|
||||
.assessCenter2 {
|
||||
font-size: 20px;
|
||||
> div {
|
||||
line-height: 28px;
|
||||
}
|
||||
.projectTitle {
|
||||
font-size: 20px;
|
||||
}
|
||||
}
|
||||
.zszc {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
> :nth-child(1) {
|
||||
font-size: 20px;
|
||||
}
|
||||
> :nth-child(2) {
|
||||
font-size: 18px;
|
||||
}
|
||||
}
|
||||
.protocolList {
|
||||
> div {
|
||||
> :nth-child(1) {
|
||||
font-size: 20px !important;
|
||||
line-height: 28px;
|
||||
padding-top: 15px !important;
|
||||
white-space: unset !important;
|
||||
}
|
||||
> :nth-child(2) {
|
||||
display: block !important;
|
||||
padding: 15px 0 5px !important;
|
||||
span {
|
||||
font-size: 18px !important;
|
||||
display: block;
|
||||
height: unset !important;
|
||||
}
|
||||
> span:nth-child(2) {
|
||||
padding-top: 5px;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
</style>
|
||||
@@ -8,8 +8,11 @@ export default {
|
||||
return {};
|
||||
},
|
||||
created() {
|
||||
console.log("1201-我是中专页面的1");
|
||||
console.log("1201-中专页面的路径：" + location.href);
|
||||
//debugger;
|
||||
this.$router.push("final");
|
||||
this.$router.push("final2");
|
||||
console.log("1201-我是中专页面的2");
|
||||
},
|
||||
methods: {},
|
||||
};
|
||||
|
||||
Reference in New Issue
Block a user