update:更新页面接口

This commit is contained in:
2021-09-22 18:30:12 +08:00
parent 20ebbf3456
commit 3ddd521ec1
9 changed files with 345 additions and 178 deletions

View File

@@ -0,0 +1,121 @@
<template>
<div style="margin: 0 auto">
<el-button
type="primary"
@click="testdownload4()"
style="display: block; margin: 0 auto"
:loading="isloading"
>下载到手机</el-button
>
<div v-for="(item, index) in apidata.pics" :key="index" class="divbaseImg">
<van-image
:width="pic_width"
:height="pic_height"
:src="item"
class="baseImg"
/>
</div>
</div>
</template>
<script>
// import pdf from "vue-pdf";
import { mgop } from "@aligov/jssdk-mgop";
export default {
components: {},
data() {
return {
url: "",
apidata: {},
pic_width: "100%",
pic_height: "100%",
isloading: true
};
},
created() {
this.onInit();
},
mounted() {},
methods: {
onInit() {
mgop({
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) {
console.log("result.data.data:", result.data.data);
this.apidata = result.data.data;
this.pic_width = "100%";
this.pic_height = "100%";
this.isloading = false;
}
},
onFail: err => {
console.log("用户无数据,不展示");
}
});
},
saveImages() {
ZWJSBridge.onReady(() => {
console.log("初始化完成后执行bridge方法-saveImages");
ZWJSBridge.saveImage({
url: this.apidata.pdf
})
.then(result => {
console.log("saveImage()成功:" + JSON.stringify(result));
})
.catch(error => {
console.log("saveImage()失败:" + JSON.stringify(result));
console.log(error);
});
});
},
testdownload4() {
ZWJSBridge.onReady(() => {
console.log("初始化完成后执行bridge方法-testdownload4");
ZWJSBridge.openLink({
url: this.apidata.pdf
})
.then(result => {
console.log("测试新开窗口():" + result);
})
.catch(error => {
console.log(error);
});
});
}
}
};
</script>
<style lang="less" scoped>
.content {
text-align: center;
line-height: 200px;
font-size: 30px;
margin-bottom: 20px;
height: 200px;
}
.bottom {
text-align: center;
margin-bottom: 20px;
}
.divbaseImg {
display: block;
margin: 0 auto;
}
.baseImg {
display: block;
margin: 0 auto;
padding: 0;
}
</style>