update:增加ticket过期提示，请求提示，下拉刷新
This commit is contained in:
@@ -1,17 +1,52 @@
|
||||
<template>
|
||||
<div id="app">
|
||||
<router-view />
|
||||
<div class="bottomContent">
|
||||
<p>本服务由浙江政务服务网、宁波市住房保障和房屋征收管理中心提供</p>
|
||||
<p>服务咨询热线：<b>0574-88086606</b></p>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
export default {
|
||||
name: "App"
|
||||
name: "App",
|
||||
mounted() {
|
||||
let app = document.querySelector("#app");
|
||||
app.ontouchend = function() {
|
||||
if (app.offsetTop > 0) {
|
||||
window.location.reload();
|
||||
}
|
||||
};
|
||||
}
|
||||
};
|
||||
</script>
|
||||
<style lang="less" scoped>
|
||||
#app {
|
||||
font-family: pingfang, SF UI Text, Roboto;
|
||||
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>
|
||||
|
||||
4
FrontCode2/sunshine_levy/src/assets/css/global.css
Normal file
4
FrontCode2/sunshine_levy/src/assets/css/global.css
Normal file
@@ -0,0 +1,4 @@
|
||||
html,
|
||||
body {
|
||||
height: 100%;
|
||||
}
|
||||
@@ -11,6 +11,7 @@ import Vue from "vue";
|
||||
import App from "./App";
|
||||
import router from "./router";
|
||||
import store from "./store";
|
||||
import "@/assets/css/global.css";
|
||||
import { Button, NavBar, Cell, CellGroup, Notify } from "vant";
|
||||
|
||||
Vue.use(Button)
|
||||
|
||||
@@ -60,19 +60,19 @@
|
||||
<!-- 项目内容 -->
|
||||
<div class="projectCenterBox">
|
||||
<div>
|
||||
<van-image :src="require('@/assets/img/project_area.png')" />
|
||||
<img src="@/assets/img/project_area.png" />
|
||||
<span>项目所在区域：{{ item.area }}</span>
|
||||
</div>
|
||||
<div>
|
||||
<van-image :src="require('@/assets/img/project_dep.png')" />
|
||||
<img src="@/assets/img/project_dep.png" />
|
||||
<span>征收部门：{{ item.zsbm }}</span>
|
||||
</div>
|
||||
<div>
|
||||
<van-image :src="require('@/assets/img/project_year.png')" />
|
||||
<img src="@/assets/img/project_year.png" />
|
||||
<span>所属年份：{{ item.year }}</span>
|
||||
</div>
|
||||
<div>
|
||||
<van-image :src="require('@/assets/img/project_no.png')" />
|
||||
<img src="@/assets/img/project_no.png" />
|
||||
<span>征收决定号：</span>
|
||||
<span style="color: #3883f1">
|
||||
{{ item.zsjdh }}
|
||||
@@ -96,7 +96,7 @@
|
||||
</div>
|
||||
<div>
|
||||
<span>被征收房屋地址：</span>
|
||||
<span class=" protocolTitle">
|
||||
<span>
|
||||
{{ assess.houseAddress }}
|
||||
</span>
|
||||
</div>
|
||||
@@ -124,7 +124,7 @@
|
||||
</div>
|
||||
<div>
|
||||
<span>被征收房屋地址：</span>
|
||||
<span class=" protocolTitle">
|
||||
<span>
|
||||
{{ protocol.houseAddress }}
|
||||
</span>
|
||||
</div>
|
||||
@@ -187,6 +187,7 @@
|
||||
import { apis } from "@/common/apis";
|
||||
import { mgop } from "@aligov/jssdk-mgop";
|
||||
import { SetTicket } from "@/common/util//tools";
|
||||
import $ from "jquery";
|
||||
export default {
|
||||
name: "home",
|
||||
data() {
|
||||
@@ -207,21 +208,21 @@ export default {
|
||||
{
|
||||
name: "请求出错暂时没有可用数据",
|
||||
currentState: "无数据",
|
||||
area: "无数据",
|
||||
area: "宁波市房屋建设和建筑管理局办公室",
|
||||
zsbm: "无数据",
|
||||
year: "无数据",
|
||||
zsjdh: "无数据",
|
||||
fhpgList: [
|
||||
{
|
||||
assessmentNo: "无数据",
|
||||
houseAddress: "无数据",
|
||||
assessmentNo: "宁波市房屋建设和建筑管理局办公室",
|
||||
houseAddress: "宁波市房屋建设和建筑管理局办公室",
|
||||
countValue: "无数据"
|
||||
}
|
||||
],
|
||||
bcxyList: [
|
||||
{
|
||||
xyNo: "无数据",
|
||||
houseAddress: "无数据",
|
||||
houseAddress: "宁波市房屋建设和建筑管理局办公室",
|
||||
switchProductionWay: "无数据",
|
||||
summationShouldCompensateMoney: "无数据"
|
||||
}
|
||||
@@ -259,7 +260,10 @@ export default {
|
||||
console.log("this", this);
|
||||
this.setLocationAplus();
|
||||
SetTicket(this.$route.query.ticket);
|
||||
$(".bottomContent").addClass("display");
|
||||
$("#app").addClass("padding");
|
||||
},
|
||||
|
||||
methods: {
|
||||
// 获取数据
|
||||
onInit() {
|
||||
@@ -278,7 +282,7 @@ export default {
|
||||
onSuccess: data => {
|
||||
console.log("首页数据", data);
|
||||
window.sessionStorage.setItem("homeData", JSON.stringify(data));
|
||||
if (data.data && data.data.success == true) {
|
||||
if (data.data.success) {
|
||||
this.loading = false;
|
||||
this.data = data.data.data;
|
||||
// 埋点
|
||||
@@ -287,10 +291,25 @@ export default {
|
||||
var errorCodes = [6001, 6501];
|
||||
// 跳转到政务系统;
|
||||
if (errorCodes.indexOf(data.data.bizCode) > -1) {
|
||||
window.location.replace(
|
||||
"https://puser.zjzwfw.gov.cn/sso/mobile.do?action=oauth&scope=1&servicecode=fwzs"
|
||||
);
|
||||
} else console.log("用户无数据，不展示");
|
||||
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: err => {
|
||||
@@ -305,6 +324,9 @@ export default {
|
||||
},
|
||||
// 跳转项目详情
|
||||
gotoProject(type) {
|
||||
$(".bottomContent").removeClass("display");
|
||||
$("#app").removeClass("padding");
|
||||
|
||||
this.$router.push({
|
||||
name: "projectSelect",
|
||||
params: {
|
||||
@@ -314,6 +336,8 @@ export default {
|
||||
},
|
||||
// 直接跳转分户评估结果页面
|
||||
toEvaluate(id, type) {
|
||||
$(".bottomContent").removeClass("display");
|
||||
$("#app").removeClass("padding");
|
||||
this.$router.push({
|
||||
name: "evaluatePage",
|
||||
params: {
|
||||
@@ -324,6 +348,8 @@ export default {
|
||||
},
|
||||
// 直接跳转协议结果pdf
|
||||
toAgreement(id) {
|
||||
$(".bottomContent").removeClass("display");
|
||||
$("#app").removeClass("padding");
|
||||
this.$router.push({
|
||||
name: "showPdf",
|
||||
params: {
|
||||
@@ -339,6 +365,8 @@ export default {
|
||||
},
|
||||
// 政策信息页面跳转
|
||||
pageJump(id) {
|
||||
$(".bottomContent").removeClass("display");
|
||||
$("#app").removeClass("padding");
|
||||
this.$router.push({
|
||||
name: "policyInfo",
|
||||
params: { id }
|
||||
@@ -513,12 +541,7 @@ export default {
|
||||
border-radius: 5px 0 0;
|
||||
background: #3284cd;
|
||||
}
|
||||
.projectTitle {
|
||||
font-family: PingFangSC-Semibold, PingFang SC;
|
||||
font-size: 16px;
|
||||
font-weight: 600;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
span {
|
||||
white-space: nowrap;
|
||||
overflow: hidden;
|
||||
@@ -547,6 +570,12 @@ export default {
|
||||
}
|
||||
}
|
||||
}
|
||||
.projectTitle {
|
||||
font-family: PingFangSC-Semibold, PingFang SC;
|
||||
font-size: 16px;
|
||||
font-weight: 600;
|
||||
color: #fff;
|
||||
}
|
||||
.projectCenter {
|
||||
padding-bottom: 25px;
|
||||
background: #fff;
|
||||
@@ -557,8 +586,7 @@ export default {
|
||||
align-items: center;
|
||||
padding-top: 15px;
|
||||
width: 100%;
|
||||
overflow: hidden;
|
||||
.van-image {
|
||||
img {
|
||||
width: 15px;
|
||||
height: 15px;
|
||||
padding: 0 10px;
|
||||
@@ -568,6 +596,9 @@ export default {
|
||||
font-size: 14px;
|
||||
font-weight: 400;
|
||||
color: #2c2b2b;
|
||||
white-space: nowrap;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -598,9 +629,13 @@ export default {
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
padding-left: 12px;
|
||||
> span:nth-child(1) {
|
||||
span {
|
||||
white-space: nowrap;
|
||||
}
|
||||
> span:nth-child(2) {
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
}
|
||||
}
|
||||
> div:nth-child(2) {
|
||||
margin: 15px 0;
|
||||
@@ -615,9 +650,13 @@ export default {
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
padding-left: 12px;
|
||||
> span:nth-child(1) {
|
||||
span {
|
||||
white-space: nowrap;
|
||||
}
|
||||
> span:nth-child(2) {
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
}
|
||||
}
|
||||
> div:nth-child(n + 2) {
|
||||
margin: 15px 0;
|
||||
@@ -625,11 +664,6 @@ export default {
|
||||
}
|
||||
}
|
||||
|
||||
.protocolTitle {
|
||||
overflow: hidden;
|
||||
white-space: nowrap;
|
||||
text-overflow: ellipsis;
|
||||
}
|
||||
// 征收政策部分
|
||||
.zszc {
|
||||
span {
|
||||
|
||||
@@ -15,10 +15,6 @@
|
||||
class="baseImg"
|
||||
/>
|
||||
</div>
|
||||
<div class="bottomContent">
|
||||
<p>本服务由浙江政务服务网、宁波市住房保障和房屋征收管理中心提供</p>
|
||||
<p>服务咨询热线：<b>0574-88086606</b></p>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
@@ -41,11 +37,40 @@ export default {
|
||||
methods: {
|
||||
onInit() {
|
||||
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.pic_width = "100%";
|
||||
this.pic_height = "100%";
|
||||
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() {
|
||||
@@ -109,17 +134,4 @@ export default {
|
||||
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>
|
||||
|
||||
@@ -15,10 +15,6 @@
|
||||
class="baseImg"
|
||||
/>
|
||||
</div>
|
||||
<div class="bottomContent">
|
||||
<p>本服务由浙江政务服务网、宁波市住房保障和房屋征收管理中心提供</p>
|
||||
<p>服务咨询热线：<b>0574-88086606</b></p>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
@@ -56,12 +52,41 @@ export default {
|
||||
},
|
||||
appKey: "es4b8zmz+2001833218+dehllx",
|
||||
onSuccess: result => {
|
||||
if (result.data && result.data.success == true) {
|
||||
if (result.data.success) {
|
||||
console.log("result.data.data:", result.data.data);
|
||||
this.apidata = result.data.data;
|
||||
this.pic_width = "100%";
|
||||
this.pic_height = "100%";
|
||||
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 => {
|
||||
@@ -130,17 +155,4 @@ export default {
|
||||
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>
|
||||
|
||||
@@ -4,10 +4,6 @@
|
||||
<div class="date">{{ modifyDate(info.publicTime) }}</div>
|
||||
<hr />
|
||||
<div class="content"></div>
|
||||
<div class="bottomContent">
|
||||
<p>本服务由浙江政务服务网、宁波市住房保障和房屋征收管理中心提供</p>
|
||||
<p>服务咨询热线：<b>0574-88086606</b></p>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
<script>
|
||||
@@ -19,11 +15,11 @@ export default {
|
||||
};
|
||||
},
|
||||
created() {
|
||||
this.getData();
|
||||
this.onInit();
|
||||
},
|
||||
methods: {
|
||||
// 获取数据
|
||||
getData() {
|
||||
onInit() {
|
||||
if (this.$route.params.id) {
|
||||
window.sessionStorage.setItem("zszcId", this.$route.params.id);
|
||||
}
|
||||
@@ -38,11 +34,35 @@ export default {
|
||||
},
|
||||
appKey: "es4b8zmz+2001833218+dehllx",
|
||||
onSuccess: data => {
|
||||
const { data: res } = data;
|
||||
console.log("res.data", res.data);
|
||||
this.info = res.data;
|
||||
let content = document.querySelector(".content");
|
||||
content.innerHTML = res.data.contents;
|
||||
if (data.data.success) {
|
||||
const { data: res } = data;
|
||||
console.log("res.data", res.data);
|
||||
this.info = res.data;
|
||||
let content = document.querySelector(".content");
|
||||
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) {
|
||||
console.log("错误信息", err);
|
||||
@@ -68,17 +88,5 @@ export default {
|
||||
margin: 10px 0;
|
||||
font-size: 16px;
|
||||
}
|
||||
.bottomContent {
|
||||
margin-top: 10px;
|
||||
text-align: center;
|
||||
width: 100%;
|
||||
font-size: 10px;
|
||||
p {
|
||||
margin: 0;
|
||||
}
|
||||
b {
|
||||
color: #5d8cbc;
|
||||
}
|
||||
}
|
||||
}
|
||||
</style>
|
||||
|
||||
@@ -1,30 +1,32 @@
|
||||
<template>
|
||||
<div class="container">
|
||||
<div :class="this.type == 'pg' ? 'proTopBoxpg' : 'proTopBoxxy'">
|
||||
<div class="proCenterBox">
|
||||
<div class="proCenterInfo">
|
||||
<van-image
|
||||
:src="require('@/assets/img/expropriated_person.png')"
|
||||
class="proCenterImg"
|
||||
/>
|
||||
<div>
|
||||
<div style="padding:10px">
|
||||
<div :class="this.type == 'pg' ? 'proTopBoxpg' : 'proTopBoxxy'">
|
||||
<div class="proCenterBox">
|
||||
<div class="proCenterInfo">
|
||||
<van-image
|
||||
:src="require('@/assets/img/expropriated_person.png')"
|
||||
class="proCenterImg"
|
||||
/>
|
||||
<div>
|
||||
<span class="proCenterFont">被征收人姓名：</span>
|
||||
<span class="proCenterFont" style="color:#626262;">{{
|
||||
info.userName
|
||||
}}</span>
|
||||
</div>
|
||||
<div>
|
||||
<span class="proCenterFont">身份证号：</span>
|
||||
<span class="proCenterFont" style="color:#626262;">{{
|
||||
setIdCard(info.idCard)
|
||||
}}</span>
|
||||
<div>
|
||||
<span class="proCenterFont">被征收人姓名：</span>
|
||||
<span class="proCenterFont" style="color:#626262;">{{
|
||||
info.userName
|
||||
}}</span>
|
||||
</div>
|
||||
<div>
|
||||
<span class="proCenterFont">身份证号：</span>
|
||||
<span class="proCenterFont" style="color:#626262;">{{
|
||||
setIdCard(info.idCard)
|
||||
}}</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="proCenterFlex" style="margin-bottom: 15px;">
|
||||
<div class="proCenterFlexFont">请选择您的征收项目</div>
|
||||
<van-icon color="#9da2a3" name="arrow-down" />
|
||||
<div class="proCenterFlex" style="margin-bottom: 15px;">
|
||||
<div class="proCenterFlexFont">请选择您的征收项目</div>
|
||||
<van-icon color="#9da2a3" name="arrow-down" />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@@ -58,17 +60,12 @@
|
||||
</div>
|
||||
</div>
|
||||
</van-list>
|
||||
<div class="bottomContent">
|
||||
<p>本服务由浙江政务服务网、宁波市住房保障和房屋征收管理中心提供</p>
|
||||
<p>服务咨询热线：<b>0574-88086606</b></p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import "./project.css";
|
||||
import $ from "jquery";
|
||||
export default {
|
||||
data() {
|
||||
return {
|
||||
@@ -95,19 +92,7 @@ export default {
|
||||
created() {
|
||||
this.onInit();
|
||||
},
|
||||
mounted() {
|
||||
if (
|
||||
650 >=
|
||||
$(".container")
|
||||
.css("height")
|
||||
.substr(0, 5)
|
||||
) {
|
||||
$(".bottomContent").addClass("absolute");
|
||||
$(".bottomContent").css("marginBottom", "0");
|
||||
} else {
|
||||
$(".absolute").removeClass("absolute");
|
||||
}
|
||||
},
|
||||
mounted() {},
|
||||
methods: {
|
||||
// 获取数据
|
||||
onInit() {
|
||||
@@ -117,8 +102,30 @@ export default {
|
||||
window.sessionStorage.setItem("type", this.$route.params.type);
|
||||
}
|
||||
let result = JSON.parse(window.sessionStorage.getItem("homeData"));
|
||||
if (result.data.success == true) {
|
||||
if (result.data.success) {
|
||||
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) {
|
||||
@@ -149,23 +156,3 @@ export default {
|
||||
}
|
||||
};
|
||||
</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>
|
||||
|
||||
@@ -2,9 +2,7 @@
|
||||
/* position: absolute; */
|
||||
display: flex;
|
||||
justify-content: space-around;
|
||||
width: 94%;
|
||||
height: 220px;
|
||||
margin: 10px;
|
||||
background: url(../../assets/img/zspg.png);
|
||||
background-repeat: no-repeat;
|
||||
background-size: 100% 90px;
|
||||
@@ -14,9 +12,7 @@
|
||||
/* position: absolute; */
|
||||
display: flex;
|
||||
justify-content: space-around;
|
||||
width: 94%;
|
||||
height: 220px;
|
||||
margin: 10px;
|
||||
background: url(../../assets/img/zsxy.png);
|
||||
background-repeat: no-repeat;
|
||||
background-size: 100% 90px;
|
||||
|
||||
@@ -26,15 +26,19 @@
|
||||
协议类型：
|
||||
<b>{{ item.switchProductionWay }}</b>
|
||||
</div>
|
||||
<div>
|
||||
<div style="vertical-align:bottom">
|
||||
<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>
|
||||
<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 class="line">
|
||||
<img alt src="@/assets/img/hengxian.png" />
|
||||
@@ -47,15 +51,10 @@
|
||||
</div>
|
||||
</el-card>
|
||||
</div>
|
||||
<div class="bottomContent">
|
||||
<p>本服务由浙江政务服务网、宁波市住房保障和房屋征收管理中心提供</p>
|
||||
<p>服务咨询热线：<b>0574-88086606</b></p>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
<script>
|
||||
import { SetProjectId } from "@/common/util/tools";
|
||||
import $ from "jquery";
|
||||
export default {
|
||||
data() {
|
||||
return {
|
||||
@@ -69,7 +68,7 @@ export default {
|
||||
date: "无数据",
|
||||
xyNo: "无数据",
|
||||
switchProductionWay: "无数据",
|
||||
countValue: "无数据",
|
||||
countValue: "1000",
|
||||
signTime: "2021-9-28 10:07:24 aaaaaaaaaaa"
|
||||
}
|
||||
],
|
||||
@@ -81,18 +80,6 @@ export default {
|
||||
},
|
||||
created() {
|
||||
this.onInit();
|
||||
this.$nextTick(() => {
|
||||
if (
|
||||
650 >=
|
||||
$(".container")
|
||||
.css("height")
|
||||
.substr(0, 5)
|
||||
) {
|
||||
$(".bottomContent").addClass("absolute");
|
||||
} else {
|
||||
$(".absolute").removeClass("absolute");
|
||||
}
|
||||
});
|
||||
},
|
||||
mounted() {},
|
||||
methods: {
|
||||
@@ -108,6 +95,28 @@ export default {
|
||||
});
|
||||
this.info.prjList = prjList;
|
||||
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) {
|
||||
@@ -121,7 +130,7 @@ export default {
|
||||
.container {
|
||||
font-size: 14px;
|
||||
.image {
|
||||
margin-top: 20px;
|
||||
padding-top: 10px;
|
||||
text-align: center;
|
||||
// height: 500px;
|
||||
img {
|
||||
@@ -142,9 +151,6 @@ export default {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
height: 20px;
|
||||
b {
|
||||
font-size: 16px;
|
||||
}
|
||||
img {
|
||||
margin-right: 6px;
|
||||
height: 100%;
|
||||
@@ -156,8 +162,6 @@ export default {
|
||||
height: unset;
|
||||
img {
|
||||
width: 100%;
|
||||
}
|
||||
img {
|
||||
height: 2px;
|
||||
}
|
||||
}
|
||||
@@ -178,27 +182,12 @@ export default {
|
||||
background-color: #e3ebfd;
|
||||
overflow: hidden;
|
||||
span {
|
||||
color: #688bf3;
|
||||
padding-right: 10px;
|
||||
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>
|
||||
|
||||
@@ -62,10 +62,6 @@
|
||||
<div class="bottom">
|
||||
<el-button type="primary" @click="pageJump()">查看评估报告</el-button>
|
||||
</div>
|
||||
<div class="bottomContent">
|
||||
<p>本服务由浙江政务服务网、宁波市住房保障和房屋征收管理中心提供</p>
|
||||
<p>服务咨询热线：<b>0574-88086606</b></p>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
<script>
|
||||
@@ -92,24 +88,12 @@ export default {
|
||||
};
|
||||
},
|
||||
created() {
|
||||
this.getData();
|
||||
},
|
||||
mounted() {
|
||||
if (
|
||||
650 >=
|
||||
$(".container")
|
||||
.css("height")
|
||||
.substr(0, 5)
|
||||
) {
|
||||
$(".bottomContent").addClass("absolute");
|
||||
$(".bottomContent").css("marginBottom", "0");
|
||||
} else {
|
||||
$(".absolute").removeClass("absolute");
|
||||
}
|
||||
this.onInit();
|
||||
},
|
||||
mounted() {},
|
||||
methods: {
|
||||
// 获取数据
|
||||
getData() {
|
||||
onInit() {
|
||||
if (this.$route.params.type) {
|
||||
window.sessionStorage.setItem("fhpgId", this.$route.params.fhpgId);
|
||||
window.sessionStorage.setItem("fhpgType", this.$route.params.type);
|
||||
@@ -134,12 +118,27 @@ export default {
|
||||
this.info = res;
|
||||
} else {
|
||||
this.loading = false;
|
||||
this.$message({
|
||||
message: "请求出错",
|
||||
duration: 3000,
|
||||
type: "error",
|
||||
center: true
|
||||
});
|
||||
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
|
||||
});
|
||||
}
|
||||
}
|
||||
},
|
||||
onFail: err => {
|
||||
@@ -221,21 +220,5 @@ export default {
|
||||
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>
|
||||
|
||||
@@ -37,7 +37,8 @@
|
||||
<div>
|
||||
<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 class="line">
|
||||
<img alt src="@/assets/img/hengxian.png" />
|
||||
@@ -63,7 +64,7 @@
|
||||
<div
|
||||
:key="item.assessmentNo"
|
||||
v-for="item in info.prjList.fhpgList"
|
||||
@click="pageJump()"
|
||||
@click="pageJump(item.id, item.type)"
|
||||
>
|
||||
<div v-if="item.type == '2'">
|
||||
<el-card body-style="padding:4px">
|
||||
@@ -88,7 +89,8 @@
|
||||
<div>
|
||||
<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 class="line">
|
||||
<img alt src="@/assets/img/hengxian.png" />
|
||||
@@ -106,15 +108,10 @@
|
||||
</el-card>
|
||||
</div>
|
||||
</div>
|
||||
<div class="bottomContent">
|
||||
<p>本服务由浙江政务服务网、宁波市住房保障和房屋征收管理中心提供</p>
|
||||
<p>服务咨询热线：<b>0574-88086606</b></p>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
<script>
|
||||
import { SetProjectId } from "@/common/util/tools";
|
||||
import $ from "jquery";
|
||||
export default {
|
||||
data() {
|
||||
return {
|
||||
@@ -125,10 +122,18 @@ export default {
|
||||
{
|
||||
assessmentNo: "无数据",
|
||||
houseAddress: "宁波市档案管理和数据中心百丈东路口",
|
||||
countValue: "无数据",
|
||||
countValue: "1000",
|
||||
type: "1",
|
||||
createUserName: "无数据",
|
||||
createTime: "无数据"
|
||||
},
|
||||
{
|
||||
assessmentNo: "无数据",
|
||||
houseAddress: "宁波市档案管理和数据中心百丈东路口",
|
||||
countValue: "2000",
|
||||
type: "2",
|
||||
createUserName: "无数据",
|
||||
createTime: "无数据"
|
||||
}
|
||||
]
|
||||
}
|
||||
@@ -139,18 +144,7 @@ export default {
|
||||
created() {
|
||||
this.onInit();
|
||||
},
|
||||
mounted() {
|
||||
if (
|
||||
650 >=
|
||||
$(".container")
|
||||
.css("height")
|
||||
.substr(0, 5)
|
||||
) {
|
||||
$(".bottomContent").addClass("absoluteInfo");
|
||||
} else {
|
||||
$(".absoluteInfo").removeClass("absoluteInfo");
|
||||
}
|
||||
},
|
||||
mounted() {},
|
||||
methods: {
|
||||
// 获取数据
|
||||
onInit() {
|
||||
@@ -158,13 +152,35 @@ export default {
|
||||
SetProjectId(this.$route.params.prjId);
|
||||
}
|
||||
let data = JSON.parse(window.sessionStorage.getItem("homeData"));
|
||||
if (data.data.success == true) {
|
||||
if (data.data.success) {
|
||||
this.info = data.data.data;
|
||||
const prjList = data.data.data.prjList.find(item => {
|
||||
return item.prjId == window.sessionStorage.getItem("projectId");
|
||||
});
|
||||
this.info.prjList = prjList;
|
||||
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 {
|
||||
font-size: 14px;
|
||||
.image {
|
||||
margin-top: 20px;
|
||||
text-align: center;
|
||||
// height: 500px;
|
||||
padding-top: 10px;
|
||||
img {
|
||||
width: 90%;
|
||||
width: 330px;
|
||||
}
|
||||
}
|
||||
.text {
|
||||
@@ -207,6 +222,9 @@ export default {
|
||||
margin-right: 7px;
|
||||
height: 100%;
|
||||
}
|
||||
span {
|
||||
font-size: 16px;
|
||||
}
|
||||
}
|
||||
.el-card {
|
||||
margin: 0 10px 10px;
|
||||
@@ -221,7 +239,6 @@ export default {
|
||||
width: 20px;
|
||||
}
|
||||
b {
|
||||
font-size: 14px;
|
||||
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>
|
||||
|
||||
Reference in New Issue
Block a user