update:更新页面接口数据
This commit is contained in:
@@ -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";
|
||||||
|
|
||||||
|
|||||||
@@ -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);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
});
|
});
|
||||||
@@ -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 || ""
|
|
||||||
}
|
}
|
||||||
});
|
});
|
||||||
},
|
},
|
||||||
|
|||||||
@@ -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");
|
||||||
|
|||||||
@@ -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";
|
||||||
|
|||||||
@@ -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
|
|
||||||
}
|
}
|
||||||
});
|
});
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -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" />
|
||||||
|
|||||||
@@ -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%;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -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) {
|
||||||
|
|||||||
Reference in New Issue
Block a user