update:更新页面接口数据

This commit is contained in:
2021-09-23 14:53:10 +08:00
parent 4e80b23861
commit e0925115ed
9 changed files with 93 additions and 116 deletions

View File

@@ -11,13 +11,16 @@ 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 { Button, NavBar, Cell, CellGroup } from "vant"; import { Button, NavBar, Cell, CellGroup, Notify } from "vant";
Vue.use(Button) Vue.use(Button)
.use(NavBar) .use(NavBar)
.use(Cell) .use(Cell)
.use(CellGroup) .use(CellGroup);
.use(ElementUI);
Vue.use(ElementUI);
Vue.use(Notify);
import { Image as VanImage } from "vant"; import { Image as VanImage } from "vant";

View File

@@ -5,16 +5,36 @@ Vue.use(Vuex);
export default new Vuex.Store({ export default new Vuex.Store({
// state 中存放的就是全局共享的数据 // state 中存放的就是全局共享的数据
state: { state: {
info: {} info: {},
// 首页数据
homeData: {},
// 评估详情页面类型
type: ""
}, },
mutations: { mutations: {
getData: (state, data) => { getData: (state, data) => {
state.info = data; state.info = data;
},
// 首页数据
getHomeData: (state, data) => {
state.homeData = data;
},
setType: (state, data) => {
state.type = data;
} }
}, },
actions: { actions: {
GETDATA: ({ commit }, data) => { // 评估详情页面数据
GET_DATA: ({ commit }, data) => {
commit("getData", data); commit("getData", data);
},
// 首页数据
GET_HOMEDATA: ({ commit }, data) => {
commit("getHomeData", data);
},
// 设置评估详情页面类型
SET_TYPE: ({ commit }, data) => {
commit("setType", data);
} }
} }
}); });

View File

@@ -316,7 +316,7 @@ export default {
totalCount: 0 totalCount: 0
} }
}, },
ticket: "8a1188537bda78db017c0cb56c2d3f85-ticket" ticket: "8a1188537bda78db017c11306d640ca7-ticket"
}; };
}, },
async created() { async created() {
@@ -339,6 +339,7 @@ export default {
appKey: "es4b8zmz+2001833218+dehllx", appKey: "es4b8zmz+2001833218+dehllx",
onSuccess: data => { onSuccess: data => {
console.log("首页数据", data); console.log("首页数据", data);
this.$store.dispatch("GET_HOMEDATA", data);
if (data.data && data.data.success == true) { if (data.data && data.data.success == true) {
this.data = data.data.data; this.data = data.data.data;
// 埋点 // 埋点
@@ -363,9 +364,7 @@ export default {
this.$router.push({ this.$router.push({
name: "projectSelect", name: "projectSelect",
params: { params: {
type: type, type: type
ticket: this.$route.query.ticket || this.ticket,
prjId: id || ""
} }
}); });
}, },

View File

@@ -38,20 +38,7 @@ export default {
mounted() {}, mounted() {},
methods: { methods: {
onInit() { onInit() {
mgop({ const result = JSON.parse(JSON.stringify(this.$store.state.info));
api: "mgop.kykj.houseexpropriat.getagreementinfop",
host: "https://mapi.zjzwfw.gov.cn/",
dataType: "JSON",
type: "POST",
data: {
ticket:
this.$route.params.ticket ||
window.sessionStorage.getItem("ticket"),
id: "C655515B-FD91-48F2-BD79-EAABAFB7077C"
},
appKey: "es4b8zmz+2001833218+dehllx",
onSuccess: result => {
console.log("pdf.vue页面请求pdf文件:", result);
if (result.data && result.data.success == true) { if (result.data && result.data.success == true) {
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;
@@ -60,11 +47,6 @@ export default {
this.isloading = false; this.isloading = false;
} }
}, },
onFail: err => {
console.log("用户无数据,不展示");
}
});
},
saveImages() { saveImages() {
ZWJSBridge.onReady(() => { ZWJSBridge.onReady(() => {
console.log("初始化完成后执行bridge方法-saveImages"); console.log("初始化完成后执行bridge方法-saveImages");

View File

@@ -480,6 +480,12 @@ export default {
return {}; return {};
}, },
methods: {}, methods: {},
created() {
Notify({
message: "无附件",
duration: 3000
});
},
mounted() { mounted() {
html2canvas(this.$refs.image).then(canvas => { html2canvas(this.$refs.image).then(canvas => {
canvas.id = "mycanvas"; canvas.id = "mycanvas";

View File

@@ -51,7 +51,7 @@
</div> </div>
<van-divider style="margin:8px 0;" /> <van-divider style="margin:8px 0;" />
<div class="proDateBox"> <div class="proDateBox">
<div>{{ item.prjId }}</div> <div>{{ item.createRecordTime }}</div>
</div> </div>
</div> </div>
</van-list> </van-list>
@@ -96,25 +96,9 @@ export default {
if (this.$route.params.type) { if (this.$route.params.type) {
window.sessionStorage.setItem("type", this.$route.params.type); window.sessionStorage.setItem("type", this.$route.params.type);
} }
this.ticket = this.$route.params.ticket; this.info = JSON.parse(
mgop({ JSON.stringify(this.$store.state.homeData.data.data)
api: "mgop.kykj.houseexpropriat.getprjlist", );
host: "https://mapi.zjzwfw.gov.cn/",
dataType: "JSON",
type: "POST",
data: {
ticket:
this.$route.params.ticket || window.sessionStorage.getItem("ticket")
},
appKey: "es4b8zmz+2001833218+dehllx",
onSuccess: data => {
const { data: res } = data;
this.info = res.data;
},
onFail: err => {
console.log("用户无数据,不展示");
}
});
}, },
// 页面跳转 // 页面跳转
gotoDetail(id) { gotoDetail(id) {
@@ -123,8 +107,7 @@ export default {
this.$router.push({ this.$router.push({
name: "evalute", name: "evalute",
params: { params: {
prjId: id, prjId: id
ticket: this.$route.params.ticket
} }
}); });
} else if (window.sessionStorage.getItem("type") == "xy") { } else if (window.sessionStorage.getItem("type") == "xy") {
@@ -132,8 +115,7 @@ export default {
this.$router.push({ this.$router.push({
name: "reportAgreement", name: "reportAgreement",
params: { params: {
prjId: id, prjId: id
ticket: this.$route.params.ticket
} }
}); });
} }

View File

@@ -23,7 +23,7 @@
<div> <div>
<img alt src="@/assets/img/address.png" /> <img alt src="@/assets/img/address.png" />
协议类型 协议类型
<b>{{ item.type }}</b> <b>{{ item.switchProductionWay }}</b>
</div> </div>
<div> <div>
<img alt src="@/assets/img/money.png" /> <img alt src="@/assets/img/money.png" />

View File

@@ -6,14 +6,14 @@
<img src="@/assets/img/houseLocation.png" alt="" /> <img src="@/assets/img/houseLocation.png" alt="" />
<span>被征收房屋座落:</span> <span>被征收房屋座落:</span>
</div> </div>
<span>{{ info.address }}</span> <span>{{ info.houseAddress }}</span>
</div> </div>
<div> <div>
<div> <div>
<img src="@/assets/img/evaluateType.png" alt="" /> <img src="@/assets/img/evaluateType.png" alt="" />
<span>评估方式:</span> <span>评估方式:</span>
</div> </div>
<span>{{ info.address }}</span> <span>{{ info.valuationMethodText }}</span>
</div> </div>
<div class="evaluateNumber"> <div class="evaluateNumber">
<div> <div>
@@ -43,15 +43,15 @@
</div> </div>
<div> <div>
<span>超容积率土地补偿费:</span> <span>超容积率土地补偿费:</span>
<span>{{ info.ExceedLandMoney }}</span> <span>{{ info.exceedLandMoney }}</span>
</div> </div>
<div> <div>
<span>阁楼补偿费:</span> <span>阁楼补偿费:</span>
<span>{{ info.AtticAssessedValue }}</span> <span>{{ info.atticAssessedValue }}</span>
</div> </div>
<div> <div>
<span>备注:</span> <span>备注:</span>
<span>{{ info.Remark }}</span> <span>{{ info.remark }}</span>
</div> </div>
</el-card> </el-card>
<div class="bottom"> <div class="bottom">
@@ -65,41 +65,43 @@ export default {
data() { data() {
return { return {
info: { info: {
address: "地址", houseAddress: "地址",
type: "价值录入", valuationMethodText: "价值录入",
number: "0001", number: "0001",
HousingAssessmentValue: "168612元", housingAssessmentValue: "168612元",
countValue: "168612元", countValue: "168612元",
AttachedAssessedValue: "168612元", attachedAssessedValue: "168612元",
DecorateAssessedValue: "16861元", decorateAssessedValue: "16861元",
ExceedLandMoney: "报告录入", exceedLandMoney: "报告录入",
AtticAssessedValue: "报告录入", atticAssessedValue: "报告录入",
Remark: "Remark" remark: "Remark"
} }
}; };
}, },
created() { created() {
this.getData(); this.getData();
console.log("this.state", this.$store.state);
}, },
methods: { methods: {
// 获取数据 // 获取数据
getData() { getData() {
if (this.$route.params.type) {
this.$store.dispatch("SET_TYPE", this.$route.params.type);
}
mgop({ mgop({
api: "mgop.kykj.houseexpropriat.getHouseEstimateInfoJzlr", api: "mgop.kykj.houseexpropriat.getHouseEstimateInfoJzlr",
host: "https://mapi.zjzwfw.gov.cn/", host: "https://mapi.zjzwfw.gov.cn/",
dataType: "JSON", dataType: "JSON",
type: "POST", type: "POST",
data: { data: {
ticket: ticket: window.sessionStorage.getItem("ticket"),
this.$route.params.ticket || id:
window.sessionStorage.getItem("ticket"), "FDE2318D-A545-4C95-9666-D01CE5EA635C" || this.$route.params.fhpgId,
id: this.$route.params.fhpgId, type: this.$store.state.type
type: this.$route.params.type
}, },
appKey: "es4b8zmz+2001833218+dehllx", appKey: "es4b8zmz+2001833218+dehllx",
onSuccess: data => { onSuccess: data => {
console.log("数据", data); this.$store.dispatch("GET_DATA", data);
console.log("分户评估", data);
const { data: res } = data.data; const { data: res } = data.data;
this.info = res; this.info = res;
}, },
@@ -110,7 +112,7 @@ export default {
}, },
// 跳转评估结果pdf // 跳转评估结果pdf
pageJump() { pageJump() {
if (this.info.valuationMethod == "0") { if (!this.info.isExistPdf) {
this.$router.push({ this.$router.push({
name: "evaluteResult" name: "evaluteResult"
}); });
@@ -128,7 +130,7 @@ export default {
font-size: 14px; font-size: 14px;
.top { .top {
background-color: #eff2fa; background-color: #eff2fa;
padding: 10px 0; padding: 10px 7%;
.evaluateNumber { .evaluateNumber {
> span { > span {
color: #3da4fc; color: #3da4fc;
@@ -136,7 +138,6 @@ export default {
} }
> div { > div {
margin: 20px 0; margin: 20px 0;
padding: 0 10px;
height: 20px; height: 20px;
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
@@ -152,7 +153,7 @@ export default {
} }
} }
> span { > span {
width: 20%; // width: 20%;
} }
} }
} }

View File

@@ -11,7 +11,7 @@
</div> </div>
<div <div
:key="index" :key="index"
v-for="(item, index) in this.prjList.fhpgList" v-for="(item, index) in this.info.prjList.fhpgList"
@click="pageJump(item.id, item.type)" @click="pageJump(item.id, item.type)"
> >
<div v-if="item.type === '1'"> <div v-if="item.type === '1'">
@@ -61,8 +61,8 @@
<span><b>非住宅</b></span> <span><b>非住宅</b></span>
</div> </div>
<div <div
:key="index" :key="item.assessmentNo"
v-for="(item, index) in this.prjList.fhpgList" v-for="item in this.info.prjList.fhpgList"
@click="pageJump()" @click="pageJump()"
> >
<div v-if="item.type == '2'"> <div v-if="item.type == '2'">
@@ -128,11 +128,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: {
@@ -141,35 +144,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",
type: "POST",
data: {
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"))
); );
}); const prjList = this.$store.state.homeData.data.data.prjList.find(
this.prjList = prjList; item => {
console.log("prjList", prjList); return item.prjId == window.sessionStorage.getItem("projectId");
this.$store.dispatch("GETDATA", prjList);
this.prjListLength = prjList.fhpgList.length;
},
onFail: err => {
console.log("请求出错", err);
} }
}); );
this.info.prjList = prjList;
this.prjListLength = prjList.fhpgList.length;
}, },
// 跳转评估结果二级页面 // 跳转评估结果二级页面
pageJump(id, type) { pageJump(id, type) {