源文件
This commit is contained in:
152
jeepay-ui-uapp-agent/pageApply/applyDetailWeb.vue
Normal file
152
jeepay-ui-uapp-agent/pageApply/applyDetailWeb.vue
Normal file
@@ -0,0 +1,152 @@
|
||||
<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>
|
||||
Reference in New Issue
Block a user