update:更新主页跳转页面

This commit is contained in:
2021-09-23 16:45:47 +08:00
parent e0925115ed
commit cc7d738327
5 changed files with 60 additions and 53 deletions

View File

@@ -38,7 +38,7 @@ export default new Router({
component: () => component: () =>
import ("../views/report/agreement") import ("../views/report/agreement")
}, },
// 查看pdf页面 // 补偿协议pdf
{ {
path: "/showPdf", path: "/showPdf",
name: "showPdf", name: "showPdf",

View File

@@ -2,14 +2,16 @@ import Vuex from "vuex";
import Vue from "vue"; import Vue from "vue";
Vue.use(Vuex); Vue.use(Vuex);
export default new Vuex.Store({ const store = new Vuex.Store({
// state 中存放的就是全局共享的数据 // state 中存放的就是全局共享的数据
state: { state: {
info: {}, info: {},
// 首页数据 // 首页数据
homeData: {}, homeData: {},
// 评估详情页面类型 // 评估详情页面类型
type: "" type: "",
//分户评估id
id: ""
}, },
mutations: { mutations: {
getData: (state, data) => { getData: (state, data) => {
@@ -21,6 +23,10 @@ export default new Vuex.Store({
}, },
setType: (state, data) => { setType: (state, data) => {
state.type = data; state.type = data;
},
// 设置分户评估id
setFhpgId: (state, id) => {
state.id = id;
} }
}, },
actions: { actions: {
@@ -33,8 +39,14 @@ export default new Vuex.Store({
commit("getHomeData", data); commit("getHomeData", data);
}, },
// 设置评估详情页面类型 // 设置评估详情页面类型
SET_TYPE: ({ commit }, data) => { SET_TYPE: ({ commit }, type) => {
commit("setType", data); commit("setType", type);
},
// 设置分户评估id
SET_FHPGID: ({ commit }, id) => {
commit("setFhpgId", id);
} }
} }
}); });
export default store;

View File

@@ -152,7 +152,7 @@
<van-list> <van-list>
<div <div
:key="assess.id" :key="assess.id"
@click="gotoProject('pg', item.prjId)" @click="toEvaluate(assess.id, assess.type)"
class="assessCenter1" class="assessCenter1"
v-for="assess in item.fhpgList" v-for="assess in item.fhpgList"
> >
@@ -185,17 +185,14 @@
:src="require('@/assets/img/assess_2.png')" :src="require('@/assets/img/assess_2.png')"
class="assessIcon" class="assessIcon"
/> />
<span class="assessTitle">补偿协议</span> <span class="assessTitle">补偿结果</span>
</div> </div>
<!-- <div>
<van-image :src="require('@/assets/img/skip.png')" class="assessRightIcon" round />
</div>-->
</div> </div>
<!-- 补偿协议遍历内容 --> <!-- 补偿协议遍历内容 -->
<van-list> <van-list>
<div <div
:key="protocol.id" :key="protocol.id"
@click="gotoProject('xy', item.prjId)" @click="toAgreement()"
class="assessCenter2" class="assessCenter2"
v-for="protocol in item.bcxyList" v-for="protocol in item.bcxyList"
> >
@@ -319,7 +316,7 @@ export default {
ticket: "8a1188537bda78db017c11306d640ca7-ticket" ticket: "8a1188537bda78db017c11306d640ca7-ticket"
}; };
}, },
async created() { created() {
this.onInit(); this.onInit();
console.log("this", this); console.log("this", this);
this.setLocationAplus(); this.setLocationAplus();
@@ -360,7 +357,7 @@ export default {
}); });
}, },
// 跳转项目详情 // 跳转项目详情
gotoProject(type, id) { gotoProject(type) {
this.$router.push({ this.$router.push({
name: "projectSelect", name: "projectSelect",
params: { params: {
@@ -368,6 +365,22 @@ export default {
} }
}); });
}, },
// 直接跳转分户评估结果页面
toEvaluate(id, type) {
this.$router.push({
name: "evaluatePage",
params: {
fhpgId: id,
type
}
});
},
// 直接跳转协议结果pdf
toAgreement() {
this.$router.push({
name: "showPdf"
});
},
// 加载项目数统计信息 // 加载项目数统计信息
onLoadStatistic() { onLoadStatistic() {
apis.projectStatistics().then(({ result }) => { apis.projectStatistics().then(({ result }) => {
@@ -378,7 +391,7 @@ export default {
pageJump(id) { pageJump(id) {
this.$router.push({ this.$router.push({
name: "policyInfo", name: "policyInfo",
params: { ticket: this.ticket, id: id } params: { ticket: window.sessionStorage.getItem("ticket"), id: id }
}); });
}, },
setZwUserAplus(Userid, userName) { setZwUserAplus(Userid, userName) {

View File

@@ -7,7 +7,7 @@
<div <div
:key="index" :key="index"
@click="showPdf(item.url)" @click="showPdf(item.url)"
v-for="(item, index) in prjList.bcxyList" v-for="(item, index) in info.prjList.bcxyList"
> >
<el-card body-style="padding:0 10px 0"> <el-card body-style="padding:0 10px 0">
<div> <div>
@@ -54,7 +54,6 @@ import { SetProjectId } from "@/common/util/tools";
export default { export default {
data() { data() {
return { return {
result: "2",
info: { info: {
userName: "无数据", userName: "无数据",
prjList: [ prjList: [
@@ -70,11 +69,14 @@ export default {
} }
] ]
}, },
prjList: [],
prjListLength: "" prjListLength: ""
}; };
}, },
created() { created() {
console.log(
"this.$store.state.homeData.data.data",
this.$store.state.homeData.data.data
);
this.onInit(); this.onInit();
}, },
methods: { methods: {
@@ -82,33 +84,16 @@ export default {
if (!window.sessionStorage.getItem("projectId")) { if (!window.sessionStorage.getItem("projectId")) {
SetProjectId(this.$route.params.prjId); SetProjectId(this.$route.params.prjId);
} }
mgop({ this.info = JSON.parse(
api: "mgop.kykj.houseexpropriat.getprjlist", JSON.stringify(this.$store.state.homeData.data.data)
host: "https://mapi.zjzwfw.gov.cn/", );
dataType: "JSON", const prjList = this.$store.state.homeData.data.data.prjList.find(
type: "POST", item => {
data: { return item.prjId == window.sessionStorage.getItem("projectId");
ticket:
this.$route.params.ticket || window.sessionStorage.getItem("ticket")
},
appKey: "es4b8zmz+2001833218+dehllx",
onSuccess: data => {
const { data: res } = data.data;
this.info = res;
const prjList = res.prjList.find((item, index) => {
return (
item.prjId ==
(this.$route.params.prjId ||
window.sessionStorage.getItem("projectId"))
);
});
this.prjList = prjList;
this.prjListLength = prjList.bcxyList.length;
},
onFail: err => {
console.log("用户无数据,不展示");
} }
}); );
this.info.prjList = prjList;
this.prjListLength = prjList.bcxyList.length;
}, },
showPdf(url) { showPdf(url) {
url = ""; url = "";

View File

@@ -27,19 +27,19 @@
<el-card :body-style="{ padding: '0px' }"> <el-card :body-style="{ padding: '0px' }">
<div> <div>
<span>被征收房屋评估金额:</span> <span>被征收房屋评估金额:</span>
<span>{{ info.housingAssessmentValue }}</span> <span>{{ info.housingAssessmentValue }}</span>
</div> </div>
<div> <div>
<span>被征收房屋评估价值:</span> <span>被征收房屋评估价值:</span>
<span>{{ info.countValue }}</span> <span>{{ info.countValue }}</span>
</div> </div>
<div> <div>
<span>附属物评估金额:</span> <span>附属物评估金额:</span>
<span>{{ info.attachedAssessedValue }}</span> <span>{{ info.attachedAssessedValue }}</span>
</div> </div>
<div> <div>
<span>装修评估金额:</span> <span>装修评估金额:</span>
<span>{{ info.decorateAssessedValue }}</span> <span>{{ info.decorateAssessedValue }}</span>
</div> </div>
<div> <div>
<span>超容积率土地补偿费:</span> <span>超容积率土地补偿费:</span>
@@ -86,6 +86,7 @@ export default {
getData() { getData() {
if (this.$route.params.type) { if (this.$route.params.type) {
this.$store.dispatch("SET_TYPE", this.$route.params.type); this.$store.dispatch("SET_TYPE", this.$route.params.type);
this.$store.dispatch("SET_FHPGID", this.$route.params.fhpgId);
} }
mgop({ mgop({
api: "mgop.kykj.houseexpropriat.getHouseEstimateInfoJzlr", api: "mgop.kykj.houseexpropriat.getHouseEstimateInfoJzlr",
@@ -94,8 +95,7 @@ export default {
type: "POST", type: "POST",
data: { data: {
ticket: window.sessionStorage.getItem("ticket"), ticket: window.sessionStorage.getItem("ticket"),
id: id: "FDE2318D-A545-4C95-9666-D01CE5EA635C" || this.$store.state.id,
"FDE2318D-A545-4C95-9666-D01CE5EA635C" || this.$route.params.fhpgId,
type: this.$store.state.type type: this.$store.state.type
}, },
appKey: "es4b8zmz+2001833218+dehllx", appKey: "es4b8zmz+2001833218+dehllx",
@@ -152,9 +152,6 @@ export default {
margin-right: 10px; margin-right: 10px;
} }
} }
> span {
// width: 20%;
}
} }
} }
.el-card { .el-card {