|
|
@@ -1,136 +0,0 @@
|
|
|
-<template>
|
|
|
- <view class="content">
|
|
|
- <web-view v-if="info.url" class="web-view" :src="info.url"></web-view>
|
|
|
- <view class="btns">
|
|
|
- <!-- <button class="my-btn" @click="$api.goto('/pages/home/home', '', true)">首页</button> -->
|
|
|
- <!-- <button class="my-btn" type="gradient" @tap="$api.goto('/pages/usercenter/certificateList/certificateList')">我的证书</button> -->
|
|
|
- <!--#ifdef H5-->
|
|
|
- <!-- <button class="my-btn" type="gradient" @tap="share" v-show="$api.clientType.isWeiXin">分享证书</button> -->
|
|
|
- <!--#endif-->
|
|
|
- </view>
|
|
|
- <!--#ifdef H5-->
|
|
|
- <!-- <view v-show="showShare" class="share-bg" @tap="showShareFun"></view> -->
|
|
|
- <!--#endif-->
|
|
|
- </view>
|
|
|
-</template>
|
|
|
-
|
|
|
-<script>
|
|
|
-export default {
|
|
|
- data() {
|
|
|
- return {
|
|
|
- thetoken:'',
|
|
|
- orderid:'',
|
|
|
- info: {
|
|
|
- url: ''
|
|
|
- },
|
|
|
- //#ifdef H5
|
|
|
- showShare:false,
|
|
|
- //#endif
|
|
|
- };
|
|
|
- },
|
|
|
- onLoad(e) {
|
|
|
- console.log('e',e);
|
|
|
- this.thetoken = 'Bearer' + ' ' + this.$store.state.token;
|
|
|
- this.orderid = e.orderid;
|
|
|
- // const data = this.$api.getE();
|
|
|
- // this.info = Object.assign(this.info, data);
|
|
|
- //自定义证书ID字段 orderId
|
|
|
- //通过订单id获取证书信息
|
|
|
- uni.showLoading({
|
|
|
- title: '正在获取证书信息'
|
|
|
- });
|
|
|
- this.$api.http.get(this.config.apiBaseurl + '/carbon-h5/wap/order/getCredentialByOrderId?orderId='+this.orderid,{
|
|
|
- header: {
|
|
|
- Accept:'application/json',
|
|
|
- Authorization: this.thetoken,
|
|
|
- },
|
|
|
- }).then(res => {
|
|
|
- uni.hideLoading();
|
|
|
- // this.info = Object.assign(this.info, data);
|
|
|
- this.info.url = '/static/html2canvas/index.html?key=' + this.orderid;
|
|
|
- console.log('res',JSON.parse(JSON.stringify(res.data.retBody)));
|
|
|
- }).catch(err =>{
|
|
|
- console.log('err',err)
|
|
|
- });
|
|
|
- // this.$api
|
|
|
- // .$http({
|
|
|
- // url: '/wap/order/getCredentialByOrderId',
|
|
|
- // data: {
|
|
|
- // orderId: data.orderId
|
|
|
- // }
|
|
|
- // })
|
|
|
- // .then(res => {
|
|
|
- // const info = res.data instanceof Object ? res.data : {};
|
|
|
- // this.info = Object.assign(this.info, res.data);
|
|
|
- // if (res.code == 0) {
|
|
|
- // //更新缓存信息
|
|
|
- // uni.setStorageSync(data.orderId, info);
|
|
|
- // //调用生成
|
|
|
- // this.info.url = '/static/html2canvas/index.html?key=' + data.orderId;
|
|
|
- // } else {
|
|
|
- // uni.hideLoading();
|
|
|
- // }
|
|
|
- // });
|
|
|
- },
|
|
|
- //标题栏按钮监听
|
|
|
- onNavigationBarButtonTap(e) {
|
|
|
- this.$api.gohome(e);
|
|
|
- },
|
|
|
- methods: {
|
|
|
- //#ifdef H5
|
|
|
- showShareFun(){
|
|
|
- this.showShare = !this.showShare;
|
|
|
- },
|
|
|
- share() {
|
|
|
- //显示菜单
|
|
|
- this.$wxApi.showMenu();
|
|
|
- this.showShareFun();
|
|
|
- //注册分享数据
|
|
|
- this.$wxApi.share({
|
|
|
- orderId: this.info.orderId
|
|
|
- });
|
|
|
- }
|
|
|
- //#endif
|
|
|
- }
|
|
|
-};
|
|
|
-</script>
|
|
|
-
|
|
|
-<style lang="scss">
|
|
|
-.content {
|
|
|
- .btns {
|
|
|
- position: absolute;
|
|
|
- top: 88%;
|
|
|
- width: 100%;
|
|
|
- display: flex;
|
|
|
- z-index: 1;
|
|
|
- button {
|
|
|
- flex: 1;
|
|
|
- margin: 0 10% 10% 10%;
|
|
|
- }
|
|
|
- }
|
|
|
-}
|
|
|
-.web-view {
|
|
|
- box-sizing: border-box;
|
|
|
-}
|
|
|
-.share-bg{
|
|
|
- position: fixed;
|
|
|
- z-index: 998;
|
|
|
- top: 0;
|
|
|
- bottom: 0;
|
|
|
- left: 0;
|
|
|
- right: 0;
|
|
|
- overflow: hidden;
|
|
|
- background: rgba(0,0,0,.7);
|
|
|
- box-sizing: border-box;
|
|
|
- &::after{
|
|
|
- content: "";
|
|
|
- position: absolute;
|
|
|
- top: 0;
|
|
|
- bottom: 0;
|
|
|
- left: 0;
|
|
|
- right: 0;
|
|
|
- background: url(http://fqn.hongweisoft.com/cqcarbon/wxapp/guide01.png) no-repeat top right;
|
|
|
- background-size: 80% auto;
|
|
|
- }
|
|
|
-}
|
|
|
-</style>
|
