153 lines
4.5 KiB
Vue
153 lines
4.5 KiB
Vue
<template>
|
||
<view class="page">
|
||
<!-- 注意： App 网页向应用 postMessage 为实时消息 -->
|
||
<web-view v-if="vdata.url" :src="vdata.url" @message="onMessageFunc"></web-view>
|
||
</view>
|
||
</template>
|
||
|
||
<script setup>
|
||
import { ref, reactive, onMounted, toRaw, provide, nextTick } from 'vue'
|
||
import { onLoad, onShow } from '@dcloudio/uni-app'
|
||
import appConfig from '@/config/appConfig.js'
|
||
import storageManage from '@/util/storageManage.js'
|
||
|
||
const vdata = reactive({
|
||
url: null,
|
||
isAdd: false, // 是否新增， 新增将返回两个页面， 修改返回一个。
|
||
})
|
||
|
||
onLoad((option) => {
|
||
let jeepayToken = storageManage.token()
|
||
let isView = option.isView == 1 ? true : false // 是否预览模式
|
||
let baseUrl = `${appConfig.env.JEEPAY_BASE_URL}`
|
||
let uploadImgSize = storageManage.uploadImgSize() || ''
|
||
let autoConfigMchAppId = option.autoConfigMchAppId || ''
|
||
let isvNo = option.isvNo || ''
|
||
let url = ''
|
||
console.log(option,'optionoptionoptionoption');
|
||
// 包含 记录ID
|
||
if (!option.applyId) {
|
||
// url = `${baseUrl}/h5MchApplyment?isView=${isView ? 1 : 0}&jeepayToken=${jeepayToken}&applyId=${option.applyId}&uploadImgSize=${uploadImgSize}&autoConfigMchAppId=${autoConfigMchAppId}&isvNo=${isvNo}`
|
||
url = `${baseUrl}/h5MchApplyment?isView=${isView ? 1 : 0}&jeepayToken=${jeepayToken}&mchNo=${option.mchNo}&ifCode=${option.ifCode}&autoConfigMchAppId=${autoConfigMchAppId}&isvNo=${isvNo}&range=${option.range}`
|
||
console.log('url', url)
|
||
} else {
|
||
vdata.isAdd = true
|
||
console.log(222222);
|
||
if(!option.copyInfoSourceApplyId){
|
||
option.copyInfoSourceApplyId=''
|
||
}
|
||
// $mchApplymentsInfo
|
||
// url = `${baseUrl}/h5MchApplyment?isView=${isView ? 1 : 0}&jeepayToken=${jeepayToken}&mchNo=${option.mchNo}&ifCode=${option.ifCode}©InfoSourceApplyId=${option.copyInfoSourceApplyId}&uploadImgSize=${uploadImgSize}&autoConfigMchAppId=${autoConfigMchAppId}&isvNo=${isvNo}`
|
||
url = `${baseUrl}/h5MchApplyment?isView=${isView ? 1 : 0}&jeepayToken=${jeepayToken}&mchNo=${option.mchNo}&ifCode=${option.ifCode}©InfoSourceApplyId=${option.copyInfoSourceApplyId}&applyId=${option.applyId}&isvNo=${isvNo}&range=${option.range}`
|
||
}
|
||
console.log(url);
|
||
vdata.url = url
|
||
})
|
||
|
||
// App 网页向应用 postMessage 为实时消息
|
||
// 接收到 web-view事件 ,
|
||
// 注意：放置数据， 必须在data字段下， 比如： uni.postMessage({data: {ctrl: 'TOTOTOTOTOT'}})
|
||
function onMessageFunc(msg) {
|
||
// 接收到响应的数据 [数组格式， 比如接收到 web-view的返回等特定事件， 将数据入栈全部返回 ]
|
||
let postDataArray = msg.detail.data
|
||
|
||
// 无数据
|
||
if (!postDataArray || !Array.isArray(postDataArray)) {
|
||
return false
|
||
}
|
||
|
||
for (var i = 0; i < postDataArray.length; i++) {
|
||
if (postDataArray[i].ctrl == 'toApplymentListAndRef') {
|
||
// 跳转到进件列表 && 刷新
|
||
|
||
// APP 可以实时接收到消息， 微信小程序需要在返回事件时再接收到消息。
|
||
|
||
// #ifdef APP-PLUS
|
||
vdata.isAdd ? uni.navigateBack({ delta: 2 }) : uni.navigateBack()
|
||
// #endif
|
||
|
||
// #ifdef MP-WEIXIN
|
||
vdata.isAdd ? uni.navigateBack() : null
|
||
// #endif
|
||
|
||
break
|
||
}
|
||
}
|
||
}
|
||
</script>
|
||
|
||
<style lang="scss" scoped>
|
||
@import './static/information.scss';
|
||
.page {
|
||
padding: 30rpx;
|
||
box-sizing: border-box;
|
||
padding-bottom: 150rpx;
|
||
background-color: #f5f6fd;
|
||
min-height: calc(100vh - 0px);
|
||
}
|
||
.box {
|
||
border-radius: 10px;
|
||
overflow: hidden;
|
||
padding-bottom: 10px;
|
||
background-color: #fff;
|
||
}
|
||
.mch-title {
|
||
font-weight: bold;
|
||
font-size: 28rpx;
|
||
color: #3981ff;
|
||
}
|
||
.mch-type {
|
||
display: flex;
|
||
align-items: center;
|
||
image {
|
||
margin-left: 10px;
|
||
height: 20rpx;
|
||
width: 20rpx;
|
||
}
|
||
}
|
||
|
||
.btn-area {
|
||
position: relative;
|
||
z-index: 20;
|
||
box-sizing: border-box;
|
||
width: 100%;
|
||
background: #fff;
|
||
// background: linear-gradient(transparent,#fff 85%);
|
||
padding: 10rpx 30rpx 30rpx;
|
||
display: flex;
|
||
position: fixed;
|
||
bottom: 1rpx;
|
||
left: 0;
|
||
justify-content: space-between;
|
||
|
||
.read {
|
||
display: flex;
|
||
justify-content: center;
|
||
align-items: center;
|
||
flex-grow: 1;
|
||
height: 90rpx;
|
||
border: 1rpx solid #c5c7cc;
|
||
border-radius: 10rpx;
|
||
background: #fff;
|
||
font-weight: 500;
|
||
font-size: 30rpx;
|
||
letter-spacing: 0.07em;
|
||
color: #808080;
|
||
}
|
||
}
|
||
.submit {
|
||
display: flex;
|
||
justify-content: center;
|
||
margin: 0 auto;
|
||
margin-bottom: 150rpx;
|
||
width: 380rpx;
|
||
height: 90rpx;
|
||
line-height: 90rpx;
|
||
border-radius: 10rpx;
|
||
background: #3981ff;
|
||
font-weight: 500;
|
||
font-size: 30rpx;
|
||
color: #fff;
|
||
}
|
||
</style>
|