DX-xcx/pages/index/index.vue

<template>
  <div class="mianBox" v-if="state">
    <van-row class="contentBox">
      <van-row @tap="amount()" class="amount">
        <image :src="require('../img/recharge.png')" class="amount_img" mode="widthFix" />
        <van-col :span="24" class="amount_txt1 amount_txt">充值</van-col>
        <!-- <van-col :span="24" class="amount_txt2 amount_txt">对余额进行充值</van-col> -->
      </van-row>
	  <van-toast id="van-toast" />
	</van-row>
  </div>
</template>
<script>
	import Toast from '../../wxcomponents/vant/weapp/dist/toast/toast';
	export default {
		data() {
			return {
				state:false,
				data:{}
			}
		},
		onLoad(options) {
			// var a = [];
			// console.log(Object.keys(a).length);
			// setTimeout(() =>{
			// 	if(JSON.stringify(options) == "{}"){
			// 		Toast("无参数传入")
			// 	}else{
			// 		options = JSON.stringify(options)
					
			// 		Toast(options)
			// 	}
			// })
			
			//Toast("该用户未暂未录入充值系统...")
			// let userId ='0001T110000000002HBL',
			// var  a = {
			// 	money:0.01,
			// 	channelId:null,
			// 	userId:'0001T110000000002HBL',
			// 	scene:3,
			// 	openid:null
			// }

			// var options = {}
			// options = a
			// console.log(JSON.parse(stringify(options)))
			// console.log(options)
			if(JSON.stringify(options) !="{}"){
				//app或扫码进入
				//console.log("app进入")
				options = JSON.stringify(options)
				const data = JSON.parse(options)
				if(data){
					this.data={
						money:data.money,
						channelId:data.channelId,
						userId:data.userId,
						scene:data.scene,
						openid:null,
					}
					uni.redirectTo({
					    url: `../order/index?params=${JSON.stringify(data)}`
					});
				}
			}else{
				this.state = true
				//微信小程序历史记录进入
				//console.log("微信小程序历史记录进入")
				this.data={
					money:null,
					channelId:null,
					userId:null,
					scene:2
				}
			}
		},
		methods: {
			amount(){
				let parmas = {
					money:this.data.money,
					channelId:this.data.channelId,
					userId:this.data.userId,
					scene:this.data.scene
				}
				if(this.data.money){
					//console.log("app或扫码进入 -->授权页")
					uni.navigateTo({
					    url: `../login/index?params=${JSON.stringify(parmas)}`
					});
				}else{
					//console.log("微信小程序历史记录进入 -->就选择充值金额页")
					uni.navigateTo({
					    url: `../amount/index?params=${JSON.stringify(parmas)}`
					});
				}
			}
		}
	}
</script>
<style lang="scss" scoped>
.mianBox{
    height: 100%;
    width: 100%;
    color: #000;
    padding-top: 20px;
    box-sizing: border-box;
    .contentBox{
      width: 100%;
      height: auto;
      padding: 15px 20px;
      box-sizing: border-box;
      overflow: hidden;
      .amount{
		position: absolute;
        width: 100%;
        padding: 15px 20px;
		box-sizing: border-box;
        image{
          width:100%;
		  height:auto
        }
		.amount_txt{
			margin-top:30px;
			position: absolute;
			left:26%;
			color:#fff;
		}
		// .amount_txt1{
		// 	margin-top:18px;
		// }
		// .amount_txt2{
		// 	margin-top:45px;
		// }
  //       .van-col{
  //         padding: 7px 0;
  //       }
      }
    }
}
</style>