update:增加ticket过期提示,请求提示,下拉刷新

This commit is contained in:
2021-10-08 09:20:10 +08:00
parent ab1972183c
commit 69c5b7a4f0
12 changed files with 343 additions and 282 deletions

View File

@@ -1,17 +1,52 @@
<template> <template>
<div id="app"> <div id="app">
<router-view /> <router-view />
<div class="bottomContent">
<p>本服务由浙江政务服务网宁波市住房保障和房屋征收管理中心提供</p>
<p>服务咨询热线<b>0574-88086606</b></p>
</div>
</div> </div>
</template> </template>
<script> <script>
export default { export default {
name: "App" name: "App",
mounted() {
let app = document.querySelector("#app");
app.ontouchend = function() {
if (app.offsetTop > 0) {
window.location.reload();
}
};
}
}; };
</script> </script>
<style lang="less" scoped> <style lang="less" scoped>
#app { #app {
font-family: pingfang, SF UI Text, Roboto; font-family: pingfang, SF UI Text, Roboto;
font-size: 14px; font-size: 14px;
min-height: 100%;
padding-bottom: 48px;
position: relative;
box-sizing: border-box;
.bottomContent {
position: absolute;
bottom: 10px;
text-align: center;
width: 100%;
font-size: 10px;
p {
margin: 0;
}
b {
color: #5d8cbc;
}
}
}
.display {
display: none;
}
.padding {
padding-bottom: 0 !important;
} }
</style> </style>

View File

@@ -0,0 +1,4 @@
html,
body {
height: 100%;
}

View File

@@ -11,6 +11,7 @@ import Vue from "vue";
import App from "./App"; import App from "./App";
import router from "./router"; import router from "./router";
import store from "./store"; import store from "./store";
import "@/assets/css/global.css";
import { Button, NavBar, Cell, CellGroup, Notify } from "vant"; import { Button, NavBar, Cell, CellGroup, Notify } from "vant";
Vue.use(Button) Vue.use(Button)

View File

@@ -60,19 +60,19 @@
<!-- 项目内容 --> <!-- 项目内容 -->
<div class="projectCenterBox"> <div class="projectCenterBox">
<div> <div>
<van-image :src="require('@/assets/img/project_area.png')" /> <img src="@/assets/img/project_area.png" />
<span>项目所在区域{{ item.area }}</span> <span>项目所在区域{{ item.area }}</span>
</div> </div>
<div> <div>
<van-image :src="require('@/assets/img/project_dep.png')" /> <img src="@/assets/img/project_dep.png" />
<span>征收部门{{ item.zsbm }}</span> <span>征收部门{{ item.zsbm }}</span>
</div> </div>
<div> <div>
<van-image :src="require('@/assets/img/project_year.png')" /> <img src="@/assets/img/project_year.png" />
<span>所属年份{{ item.year }}</span> <span>所属年份{{ item.year }}</span>
</div> </div>
<div> <div>
<van-image :src="require('@/assets/img/project_no.png')" /> <img src="@/assets/img/project_no.png" />
<span>征收决定号</span> <span>征收决定号</span>
<span style="color: #3883f1"> <span style="color: #3883f1">
{{ item.zsjdh }} {{ item.zsjdh }}
@@ -96,7 +96,7 @@
</div> </div>
<div> <div>
<span>被征收房屋地址</span> <span>被征收房屋地址</span>
<span class=" protocolTitle"> <span>
{{ assess.houseAddress }} {{ assess.houseAddress }}
</span> </span>
</div> </div>
@@ -124,7 +124,7 @@
</div> </div>
<div> <div>
<span>被征收房屋地址</span> <span>被征收房屋地址</span>
<span class=" protocolTitle"> <span>
{{ protocol.houseAddress }} {{ protocol.houseAddress }}
</span> </span>
</div> </div>
@@ -187,6 +187,7 @@
import { apis } from "@/common/apis"; import { apis } from "@/common/apis";
import { mgop } from "@aligov/jssdk-mgop"; import { mgop } from "@aligov/jssdk-mgop";
import { SetTicket } from "@/common/util//tools"; import { SetTicket } from "@/common/util//tools";
import $ from "jquery";
export default { export default {
name: "home", name: "home",
data() { data() {
@@ -207,21 +208,21 @@ export default {
{ {
name: "请求出错暂时没有可用数据", name: "请求出错暂时没有可用数据",
currentState: "无数据", currentState: "无数据",
area: "无数据", area: "宁波市房屋建设和建筑管理局办公室",
zsbm: "无数据", zsbm: "无数据",
year: "无数据", year: "无数据",
zsjdh: "无数据", zsjdh: "无数据",
fhpgList: [ fhpgList: [
{ {
assessmentNo: "无数据", assessmentNo: "宁波市房屋建设和建筑管理局办公室",
houseAddress: "无数据", houseAddress: "宁波市房屋建设和建筑管理局办公室",
countValue: "无数据" countValue: "无数据"
} }
], ],
bcxyList: [ bcxyList: [
{ {
xyNo: "无数据", xyNo: "无数据",
houseAddress: "无数据", houseAddress: "宁波市房屋建设和建筑管理局办公室",
switchProductionWay: "无数据", switchProductionWay: "无数据",
summationShouldCompensateMoney: "无数据" summationShouldCompensateMoney: "无数据"
} }
@@ -259,7 +260,10 @@ export default {
console.log("this", this); console.log("this", this);
this.setLocationAplus(); this.setLocationAplus();
SetTicket(this.$route.query.ticket); SetTicket(this.$route.query.ticket);
$(".bottomContent").addClass("display");
$("#app").addClass("padding");
}, },
methods: { methods: {
// 获取数据 // 获取数据
onInit() { onInit() {
@@ -278,7 +282,7 @@ export default {
onSuccess: data => { onSuccess: data => {
console.log("首页数据", data); console.log("首页数据", data);
window.sessionStorage.setItem("homeData", JSON.stringify(data)); window.sessionStorage.setItem("homeData", JSON.stringify(data));
if (data.data && data.data.success == true) { if (data.data.success) {
this.loading = false; this.loading = false;
this.data = data.data.data; this.data = data.data.data;
// 埋点 // 埋点
@@ -287,10 +291,25 @@ export default {
var errorCodes = [6001, 6501]; var errorCodes = [6001, 6501];
// 跳转到政务系统; // 跳转到政务系统;
if (errorCodes.indexOf(data.data.bizCode) > -1) { if (errorCodes.indexOf(data.data.bizCode) > -1) {
this.$message({
message: "登录超时,请重新登录",
duration: 3000,
type: "info",
center: true
});
setTimeout(() => {
window.location.replace( window.location.replace(
"https://puser.zjzwfw.gov.cn/sso/mobile.do?action=oauth&scope=1&servicecode=fwzs" "https://puser.zjzwfw.gov.cn/sso/mobile.do?action=oauth&scope=1&servicecode=fwzs"
); );
} else console.log("用户无数据,不展示"); }, 3000);
} else {
this.$message({
message: "请求出错",
duration: 3000,
type: "error",
center: true
});
}
} }
}, },
onFail: err => { onFail: err => {
@@ -305,6 +324,9 @@ export default {
}, },
// 跳转项目详情 // 跳转项目详情
gotoProject(type) { gotoProject(type) {
$(".bottomContent").removeClass("display");
$("#app").removeClass("padding");
this.$router.push({ this.$router.push({
name: "projectSelect", name: "projectSelect",
params: { params: {
@@ -314,6 +336,8 @@ export default {
}, },
// 直接跳转分户评估结果页面 // 直接跳转分户评估结果页面
toEvaluate(id, type) { toEvaluate(id, type) {
$(".bottomContent").removeClass("display");
$("#app").removeClass("padding");
this.$router.push({ this.$router.push({
name: "evaluatePage", name: "evaluatePage",
params: { params: {
@@ -324,6 +348,8 @@ export default {
}, },
// 直接跳转协议结果pdf // 直接跳转协议结果pdf
toAgreement(id) { toAgreement(id) {
$(".bottomContent").removeClass("display");
$("#app").removeClass("padding");
this.$router.push({ this.$router.push({
name: "showPdf", name: "showPdf",
params: { params: {
@@ -339,6 +365,8 @@ export default {
}, },
// 政策信息页面跳转 // 政策信息页面跳转
pageJump(id) { pageJump(id) {
$(".bottomContent").removeClass("display");
$("#app").removeClass("padding");
this.$router.push({ this.$router.push({
name: "policyInfo", name: "policyInfo",
params: { id } params: { id }
@@ -513,12 +541,7 @@ export default {
border-radius: 5px 0 0; border-radius: 5px 0 0;
background: #3284cd; background: #3284cd;
} }
.projectTitle {
font-family: PingFangSC-Semibold, PingFang SC;
font-size: 16px;
font-weight: 600;
color: #fff;
}
span { span {
white-space: nowrap; white-space: nowrap;
overflow: hidden; overflow: hidden;
@@ -547,6 +570,12 @@ export default {
} }
} }
} }
.projectTitle {
font-family: PingFangSC-Semibold, PingFang SC;
font-size: 16px;
font-weight: 600;
color: #fff;
}
.projectCenter { .projectCenter {
padding-bottom: 25px; padding-bottom: 25px;
background: #fff; background: #fff;
@@ -557,8 +586,7 @@ export default {
align-items: center; align-items: center;
padding-top: 15px; padding-top: 15px;
width: 100%; width: 100%;
overflow: hidden; img {
.van-image {
width: 15px; width: 15px;
height: 15px; height: 15px;
padding: 0 10px; padding: 0 10px;
@@ -568,6 +596,9 @@ export default {
font-size: 14px; font-size: 14px;
font-weight: 400; font-weight: 400;
color: #2c2b2b; color: #2c2b2b;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
} }
} }
} }
@@ -598,9 +629,13 @@ export default {
align-items: center; align-items: center;
justify-content: space-between; justify-content: space-between;
padding-left: 12px; padding-left: 12px;
> span:nth-child(1) { span {
white-space: nowrap; white-space: nowrap;
} }
> span:nth-child(2) {
overflow: hidden;
text-overflow: ellipsis;
}
} }
> div:nth-child(2) { > div:nth-child(2) {
margin: 15px 0; margin: 15px 0;
@@ -615,9 +650,13 @@ export default {
align-items: center; align-items: center;
justify-content: space-between; justify-content: space-between;
padding-left: 12px; padding-left: 12px;
> span:nth-child(1) { span {
white-space: nowrap; white-space: nowrap;
} }
> span:nth-child(2) {
overflow: hidden;
text-overflow: ellipsis;
}
} }
> div:nth-child(n + 2) { > div:nth-child(n + 2) {
margin: 15px 0; margin: 15px 0;
@@ -625,11 +664,6 @@ export default {
} }
} }
.protocolTitle {
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
// 征收政策部分 // 征收政策部分
.zszc { .zszc {
span { span {

View File

@@ -15,10 +15,6 @@
class="baseImg" class="baseImg"
/> />
</div> </div>
<div class="bottomContent">
<p>本服务由浙江政务服务网宁波市住房保障和房屋征收管理中心提供</p>
<p>服务咨询热线<b>0574-88086606</b></p>
</div>
</div> </div>
</template> </template>
@@ -41,11 +37,40 @@ export default {
methods: { methods: {
onInit() { onInit() {
let result = JSON.parse(window.sessionStorage.getItem("evaluateData")); let result = JSON.parse(window.sessionStorage.getItem("evaluateData"));
if (result.data && result.data.success == true) { if (result.data.success) {
this.apidata = result.data.data; this.apidata = result.data.data;
this.pic_width = "100%"; this.pic_width = "100%";
this.pic_height = "100%"; this.pic_height = "100%";
this.isloading = false; this.isloading = false;
} else {
let code = [6001, 6501];
if (code.indexOf(result.data.bizCode) != "-1") {
this.$message({
message: "登录超时,请重新登录",
duration: 3000,
type: "info",
center: true
});
setTimeout(() => {
window.location.replace(
"https://puser.zjzwfw.gov.cn/sso/mobile.do?action=oauth&scope=1&servicecode=fwzs"
);
}, 3000);
} else if (result.data.message == "未上传附件") {
this.$message({
message: "无附件",
duration: 3000,
type: "info",
center: true
});
} else {
this.$message({
message: "请求出错",
duration: 3000,
type: "error",
center: true
});
}
} }
}, },
saveImages() { saveImages() {
@@ -109,17 +134,4 @@ export default {
position: absolute; position: absolute;
bottom: 0px; bottom: 0px;
} }
.bottomContent {
margin-top: 20px;
margin-bottom: 10px;
text-align: center;
width: 100%;
font-size: 10px;
p {
margin: 0;
}
b {
color: #5d8cbc;
}
}
</style> </style>

View File

@@ -15,10 +15,6 @@
class="baseImg" class="baseImg"
/> />
</div> </div>
<div class="bottomContent">
<p>本服务由浙江政务服务网宁波市住房保障和房屋征收管理中心提供</p>
<p>服务咨询热线<b>0574-88086606</b></p>
</div>
</div> </div>
</template> </template>
@@ -56,12 +52,41 @@ export default {
}, },
appKey: "es4b8zmz+2001833218+dehllx", appKey: "es4b8zmz+2001833218+dehllx",
onSuccess: result => { onSuccess: result => {
if (result.data && result.data.success == true) { if (result.data.success) {
console.log("result.data.data:", result.data.data); console.log("result.data.data:", result.data.data);
this.apidata = result.data.data; this.apidata = result.data.data;
this.pic_width = "100%"; this.pic_width = "100%";
this.pic_height = "100%"; this.pic_height = "100%";
this.isloading = false; this.isloading = false;
} else {
let code = [6001, 6501];
if (code.indexOf(result.data.bizCode) != "-1") {
this.$message({
message: "登录超时,请重新登录",
duration: 3000,
type: "info",
center: true
});
setTimeout(() => {
window.location.replace(
"https://puser.zjzwfw.gov.cn/sso/mobile.do?action=oauth&scope=1&servicecode=fwzs"
);
}, 3000);
} else if (result.data.message == "未上传附件") {
this.$message({
message: "无附件",
duration: 3000,
type: "info",
center: true
});
} else {
this.$message({
message: "请求出错",
duration: 3000,
type: "error",
center: true
});
}
} }
}, },
onFail: err => { onFail: err => {
@@ -130,17 +155,4 @@ export default {
position: absolute; position: absolute;
bottom: 0px; bottom: 0px;
} }
.bottomContent {
margin-top: 20px;
margin-bottom: 10px;
text-align: center;
width: 100%;
font-size: 10px;
p {
margin: 0;
}
b {
color: #5d8cbc;
}
}
</style> </style>

View File

@@ -4,10 +4,6 @@
<div class="date">{{ modifyDate(info.publicTime) }}</div> <div class="date">{{ modifyDate(info.publicTime) }}</div>
<hr /> <hr />
<div class="content"></div> <div class="content"></div>
<div class="bottomContent">
<p>本服务由浙江政务服务网宁波市住房保障和房屋征收管理中心提供</p>
<p>服务咨询热线<b>0574-88086606</b></p>
</div>
</div> </div>
</template> </template>
<script> <script>
@@ -19,11 +15,11 @@ export default {
}; };
}, },
created() { created() {
this.getData(); this.onInit();
}, },
methods: { methods: {
// 获取数据 // 获取数据
getData() { onInit() {
if (this.$route.params.id) { if (this.$route.params.id) {
window.sessionStorage.setItem("zszcId", this.$route.params.id); window.sessionStorage.setItem("zszcId", this.$route.params.id);
} }
@@ -38,11 +34,35 @@ export default {
}, },
appKey: "es4b8zmz+2001833218+dehllx", appKey: "es4b8zmz+2001833218+dehllx",
onSuccess: data => { onSuccess: data => {
if (data.data.success) {
const { data: res } = data; const { data: res } = data;
console.log("res.data", res.data); console.log("res.data", res.data);
this.info = res.data; this.info = res.data;
let content = document.querySelector(".content"); let content = document.querySelector(".content");
content.innerHTML = res.data.contents; content.innerHTML = res.data.contents;
} else {
let code = [6501, 6001];
if (code.indexOf(data.data.bizCode) != -1) {
this.$message({
message: "请求超时,请重新登录",
duration: 3000,
type: "info",
center: true
});
setTimeout(() => {
window.location.replace(
"https://puser.zjzwfw.gov.cn/sso/mobile.do?action=oauth&scope=1&servicecode=fwzs"
);
}, 3000);
} else {
this.$message({
message: "请求出错",
duration: 3000,
type: "error",
center: true
});
}
}
}, },
onFail: function(err) { onFail: function(err) {
console.log("错误信息", err); console.log("错误信息", err);
@@ -68,17 +88,5 @@ export default {
margin: 10px 0; margin: 10px 0;
font-size: 16px; font-size: 16px;
} }
.bottomContent {
margin-top: 10px;
text-align: center;
width: 100%;
font-size: 10px;
p {
margin: 0;
}
b {
color: #5d8cbc;
}
}
} }
</style> </style>

View File

@@ -1,5 +1,6 @@
<template> <template>
<div class="container"> <div class="container">
<div style="padding:10px">
<div :class="this.type == 'pg' ? 'proTopBoxpg' : 'proTopBoxxy'"> <div :class="this.type == 'pg' ? 'proTopBoxpg' : 'proTopBoxxy'">
<div class="proCenterBox"> <div class="proCenterBox">
<div class="proCenterInfo"> <div class="proCenterInfo">
@@ -28,6 +29,7 @@
</div> </div>
</div> </div>
</div> </div>
</div>
<div class="proList"> <div class="proList">
<van-list> <van-list>
<!-- 跳转项目详情 --> <!-- 跳转项目详情 -->
@@ -58,17 +60,12 @@
</div> </div>
</div> </div>
</van-list> </van-list>
<div class="bottomContent">
<p>本服务由浙江政务服务网宁波市住房保障和房屋征收管理中心提供</p>
<p>服务咨询热线<b>0574-88086606</b></p>
</div>
</div> </div>
</div> </div>
</template> </template>
<script> <script>
import "./project.css"; import "./project.css";
import $ from "jquery";
export default { export default {
data() { data() {
return { return {
@@ -95,19 +92,7 @@ export default {
created() { created() {
this.onInit(); this.onInit();
}, },
mounted() { mounted() {},
if (
650 >=
$(".container")
.css("height")
.substr(0, 5)
) {
$(".bottomContent").addClass("absolute");
$(".bottomContent").css("marginBottom", "0");
} else {
$(".absolute").removeClass("absolute");
}
},
methods: { methods: {
// 获取数据 // 获取数据
onInit() { onInit() {
@@ -117,8 +102,30 @@ export default {
window.sessionStorage.setItem("type", this.$route.params.type); window.sessionStorage.setItem("type", this.$route.params.type);
} }
let result = JSON.parse(window.sessionStorage.getItem("homeData")); let result = JSON.parse(window.sessionStorage.getItem("homeData"));
if (result.data.success == true) { if (result.data.success) {
this.info = result.data.data; this.info = result.data.data;
} else {
let code = [6001, 6501];
if (code.indexOf(result.data.bizCode) != -1) {
this.$message({
message: "登录超时,请重新登录",
duration: 3000,
type: "info",
center: true
});
setTimeout(() => {
window.location.replace(
"https://puser.zjzwfw.gov.cn/sso/mobile.do?action=oauth&scope=1&servicecode=fwzs"
);
}, 3000);
} else {
this.$message({
message: "请求出错",
type: "error",
duration: 3000,
center: true
});
}
} }
}, },
setIdCard(id) { setIdCard(id) {
@@ -149,23 +156,3 @@ export default {
} }
}; };
</script> </script>
<style lang="less" scoped>
.container {
.absolute {
position: absolute;
bottom: 10px;
}
.bottomContent {
margin-bottom: 10px;
text-align: center;
width: 100%;
font-size: 10px;
p {
margin: 0;
}
b {
color: #5d8cbc;
}
}
}
</style>

View File

@@ -2,9 +2,7 @@
/* position: absolute; */ /* position: absolute; */
display: flex; display: flex;
justify-content: space-around; justify-content: space-around;
width: 94%;
height: 220px; height: 220px;
margin: 10px;
background: url(../../assets/img/zspg.png); background: url(../../assets/img/zspg.png);
background-repeat: no-repeat; background-repeat: no-repeat;
background-size: 100% 90px; background-size: 100% 90px;
@@ -14,9 +12,7 @@
/* position: absolute; */ /* position: absolute; */
display: flex; display: flex;
justify-content: space-around; justify-content: space-around;
width: 94%;
height: 220px; height: 220px;
margin: 10px;
background: url(../../assets/img/zsxy.png); background: url(../../assets/img/zsxy.png);
background-repeat: no-repeat; background-repeat: no-repeat;
background-size: 100% 90px; background-size: 100% 90px;

View File

@@ -26,15 +26,19 @@
协议类型 协议类型
<b>{{ item.switchProductionWay }}</b> <b>{{ item.switchProductionWay }}</b>
</div> </div>
<div> <div style="vertical-align:bottom">
<img alt src="@/assets/img/money.png" /> <img alt src="@/assets/img/money.png" />
评估总金额 评估总金额
<b style="color: red">{{ item.countValue }}</b> <b style="color: #3C70DD;font-size:16px">{{ item.countValue }}</b
>
</div> </div>
<div> <div>
<img alt src="@/assets/img/money.png" /> <img alt src="@/assets/img/money.png" />
合计补偿金额 合计补偿金额
<b style="color: red">{{ item.summationShouldCompensateMoney }}</b> <b style="color: #E55454;font-size:16px">{{
item.summationShouldCompensateMoney
}}</b
>
</div> </div>
<div class="line"> <div class="line">
<img alt src="@/assets/img/hengxian.png" /> <img alt src="@/assets/img/hengxian.png" />
@@ -47,15 +51,10 @@
</div> </div>
</el-card> </el-card>
</div> </div>
<div class="bottomContent">
<p>本服务由浙江政务服务网宁波市住房保障和房屋征收管理中心提供</p>
<p>服务咨询热线<b>0574-88086606</b></p>
</div>
</div> </div>
</template> </template>
<script> <script>
import { SetProjectId } from "@/common/util/tools"; import { SetProjectId } from "@/common/util/tools";
import $ from "jquery";
export default { export default {
data() { data() {
return { return {
@@ -69,7 +68,7 @@ export default {
date: "无数据", date: "无数据",
xyNo: "无数据", xyNo: "无数据",
switchProductionWay: "无数据", switchProductionWay: "无数据",
countValue: "无数据", countValue: "1000",
signTime: "2021-9-28 10:07:24 aaaaaaaaaaa" signTime: "2021-9-28 10:07:24 aaaaaaaaaaa"
} }
], ],
@@ -81,18 +80,6 @@ export default {
}, },
created() { created() {
this.onInit(); this.onInit();
this.$nextTick(() => {
if (
650 >=
$(".container")
.css("height")
.substr(0, 5)
) {
$(".bottomContent").addClass("absolute");
} else {
$(".absolute").removeClass("absolute");
}
});
}, },
mounted() {}, mounted() {},
methods: { methods: {
@@ -108,6 +95,28 @@ export default {
}); });
this.info.prjList = prjList; this.info.prjList = prjList;
this.prjListLength = prjList.bcxyList.length; this.prjListLength = prjList.bcxyList.length;
} else {
let code = [6001, 6501];
if (code.indexOf(result.data.bizCode) != "-1") {
this.$message({
message: "登录超时,请重新登录",
duration: 3000,
type: "info",
center: true
});
setTimeout(() => {
window.location.replace(
"https://puser.zjzwfw.gov.cn/sso/mobile.do?action=oauth&scope=1&servicecode=fwzs"
);
}, 3000);
} else {
this.$message({
message: "请求出错",
type: "error",
duration: 3000,
center: true
});
}
} }
}, },
showPdf(id) { showPdf(id) {
@@ -121,7 +130,7 @@ export default {
.container { .container {
font-size: 14px; font-size: 14px;
.image { .image {
margin-top: 20px; padding-top: 10px;
text-align: center; text-align: center;
// height: 500px; // height: 500px;
img { img {
@@ -142,9 +151,6 @@ export default {
display: flex; display: flex;
align-items: center; align-items: center;
height: 20px; height: 20px;
b {
font-size: 16px;
}
img { img {
margin-right: 6px; margin-right: 6px;
height: 100%; height: 100%;
@@ -156,8 +162,6 @@ export default {
height: unset; height: unset;
img { img {
width: 100%; width: 100%;
}
img {
height: 2px; height: 2px;
} }
} }
@@ -178,27 +182,12 @@ export default {
background-color: #e3ebfd; background-color: #e3ebfd;
overflow: hidden; overflow: hidden;
span { span {
color: #688bf3;
padding-right: 10px; padding-right: 10px;
white-space: nowrap; white-space: nowrap;
} }
} }
} }
} }
.absolute {
position: absolute;
bottom: 0px;
}
.bottomContent {
margin-bottom: 10px;
text-align: center;
width: 100%;
font-size: 10px;
p {
margin: 0;
}
b {
color: #5d8cbc;
}
}
} }
</style> </style>

View File

@@ -62,10 +62,6 @@
<div class="bottom"> <div class="bottom">
<el-button type="primary" @click="pageJump()">查看评估报告</el-button> <el-button type="primary" @click="pageJump()">查看评估报告</el-button>
</div> </div>
<div class="bottomContent">
<p>本服务由浙江政务服务网宁波市住房保障和房屋征收管理中心提供</p>
<p>服务咨询热线<b>0574-88086606</b></p>
</div>
</div> </div>
</template> </template>
<script> <script>
@@ -92,24 +88,12 @@ export default {
}; };
}, },
created() { created() {
this.getData(); this.onInit();
},
mounted() {
if (
650 >=
$(".container")
.css("height")
.substr(0, 5)
) {
$(".bottomContent").addClass("absolute");
$(".bottomContent").css("marginBottom", "0");
} else {
$(".absolute").removeClass("absolute");
}
}, },
mounted() {},
methods: { methods: {
// 获取数据 // 获取数据
getData() { onInit() {
if (this.$route.params.type) { if (this.$route.params.type) {
window.sessionStorage.setItem("fhpgId", this.$route.params.fhpgId); window.sessionStorage.setItem("fhpgId", this.$route.params.fhpgId);
window.sessionStorage.setItem("fhpgType", this.$route.params.type); window.sessionStorage.setItem("fhpgType", this.$route.params.type);
@@ -134,12 +118,27 @@ export default {
this.info = res; this.info = res;
} else { } else {
this.loading = false; this.loading = false;
let code = [6001, 6501];
if (code.indexOf(result.data.bizCode) != "-1") {
this.$message({ this.$message({
message: "请求出错", message: "登录超时,请重新登录",
duration: 3000, duration: 3000,
type: "error", type: "info",
center: true center: true
}); });
setTimeout(() => {
window.location.replace(
"https://puser.zjzwfw.gov.cn/sso/mobile.do?action=oauth&scope=1&servicecode=fwzs"
);
}, 3000);
} else {
this.$message({
message: "请求出错",
type: "error",
duration: 3000,
center: true
});
}
} }
}, },
onFail: err => { onFail: err => {
@@ -221,21 +220,5 @@ export default {
border-radius: 4px; border-radius: 4px;
} }
} }
.absolute {
position: absolute;
bottom: 10px;
}
.bottomContent {
margin-bottom: 10px;
text-align: center;
width: 100%;
font-size: 10px;
p {
margin: 0;
}
b {
color: #5d8cbc;
}
}
} }
</style> </style>

View File

@@ -37,7 +37,8 @@
<div> <div>
<img alt src="@/assets/img/money.png" /> <img alt src="@/assets/img/money.png" />
评估总金额 评估总金额
<b style="color: red">{{ item.countValue }}</b> <b style="color: red;font-size:18px">{{ item.countValue }}</b
>
</div> </div>
<div class="line"> <div class="line">
<img alt src="@/assets/img/hengxian.png" /> <img alt src="@/assets/img/hengxian.png" />
@@ -63,7 +64,7 @@
<div <div
:key="item.assessmentNo" :key="item.assessmentNo"
v-for="item in info.prjList.fhpgList" v-for="item in info.prjList.fhpgList"
@click="pageJump()" @click="pageJump(item.id, item.type)"
> >
<div v-if="item.type == '2'"> <div v-if="item.type == '2'">
<el-card body-style="padding:4px"> <el-card body-style="padding:4px">
@@ -88,7 +89,8 @@
<div> <div>
<img alt src="@/assets/img/money.png" /> <img alt src="@/assets/img/money.png" />
评估总金额 评估总金额
<b style="color: red">{{ item.countValue }}</b> <b style="color: red;font-size:18px">{{ item.countValue }}</b
>
</div> </div>
<div class="line"> <div class="line">
<img alt src="@/assets/img/hengxian.png" /> <img alt src="@/assets/img/hengxian.png" />
@@ -106,15 +108,10 @@
</el-card> </el-card>
</div> </div>
</div> </div>
<div class="bottomContent">
<p>本服务由浙江政务服务网宁波市住房保障和房屋征收管理中心提供</p>
<p>服务咨询热线<b>0574-88086606</b></p>
</div>
</div> </div>
</template> </template>
<script> <script>
import { SetProjectId } from "@/common/util/tools"; import { SetProjectId } from "@/common/util/tools";
import $ from "jquery";
export default { export default {
data() { data() {
return { return {
@@ -125,10 +122,18 @@ export default {
{ {
assessmentNo: "无数据", assessmentNo: "无数据",
houseAddress: "宁波市档案管理和数据中心百丈东路口", houseAddress: "宁波市档案管理和数据中心百丈东路口",
countValue: "无数据", countValue: "1000",
type: "1", type: "1",
createUserName: "无数据", createUserName: "无数据",
createTime: "无数据" createTime: "无数据"
},
{
assessmentNo: "无数据",
houseAddress: "宁波市档案管理和数据中心百丈东路口",
countValue: "2000",
type: "2",
createUserName: "无数据",
createTime: "无数据"
} }
] ]
} }
@@ -139,18 +144,7 @@ export default {
created() { created() {
this.onInit(); this.onInit();
}, },
mounted() { mounted() {},
if (
650 >=
$(".container")
.css("height")
.substr(0, 5)
) {
$(".bottomContent").addClass("absoluteInfo");
} else {
$(".absoluteInfo").removeClass("absoluteInfo");
}
},
methods: { methods: {
// 获取数据 // 获取数据
onInit() { onInit() {
@@ -158,13 +152,35 @@ export default {
SetProjectId(this.$route.params.prjId); SetProjectId(this.$route.params.prjId);
} }
let data = JSON.parse(window.sessionStorage.getItem("homeData")); let data = JSON.parse(window.sessionStorage.getItem("homeData"));
if (data.data.success == true) { if (data.data.success) {
this.info = data.data.data; this.info = data.data.data;
const prjList = data.data.data.prjList.find(item => { const prjList = data.data.data.prjList.find(item => {
return item.prjId == window.sessionStorage.getItem("projectId"); return item.prjId == window.sessionStorage.getItem("projectId");
}); });
this.info.prjList = prjList; this.info.prjList = prjList;
this.prjListLength = prjList.fhpgList.length; this.prjListLength = prjList.fhpgList.length;
} else {
let code = [6001, 6501];
if (code.indexOf(result.data.bizCode) != "-1") {
this.$message({
message: "登录超时,请重新登录",
duration: 3000,
type: "info",
center: true
});
setTimeout(() => {
window.location.replace(
"https://puser.zjzwfw.gov.cn/sso/mobile.do?action=oauth&scope=1&servicecode=fwzs"
);
}, 3000);
} else {
this.$message({
message: "请求出错",
type: "error",
duration: 3000,
center: true
});
}
} }
}, },
// 跳转评估结果二级页面 // 跳转评估结果二级页面
@@ -185,11 +201,10 @@ export default {
.container { .container {
font-size: 14px; font-size: 14px;
.image { .image {
margin-top: 20px;
text-align: center; text-align: center;
// height: 500px; padding-top: 10px;
img { img {
width: 90%; width: 330px;
} }
} }
.text { .text {
@@ -207,6 +222,9 @@ export default {
margin-right: 7px; margin-right: 7px;
height: 100%; height: 100%;
} }
span {
font-size: 16px;
}
} }
.el-card { .el-card {
margin: 0 10px 10px; margin: 0 10px 10px;
@@ -221,7 +239,6 @@ export default {
width: 20px; width: 20px;
} }
b { b {
font-size: 14px;
max-width: 50%; max-width: 50%;
} }
} }
@@ -266,22 +283,5 @@ export default {
} }
} }
} }
.absoluteInfo {
position: absolute;
bottom: 0px;
}
.bottomContent {
margin-top: 20px;
margin-bottom: 10px;
text-align: center;
width: 100%;
font-size: 10px;
p {
margin: 0;
}
b {
color: #5d8cbc;
}
}
} }
</style> </style>