front-end/jdApp/src/admin/clear/showBill.vue

<template>
	<view class="app-content">
		<view class="billing_box_bg">
			<view class="top-view"> </view>
			<view class="result-view">
                <button v-if="showButton" class="admin-button-com big blue" style="width:45vw;" @click="showBill()">点我打开账单</button>
			</view>
		</view>
	</view>
</template>
<script>
import { getWeixinId } from "@/api/invite/index"
export default {
    name: "showBill",
	data() {
		return {
			getAppIdList:{},
			showButton:false
		};
	},
	onLoad() {
		let that = this
		getWeixinId().then(res => {
			that.getAppIdList = res.data
			that.showButton = true
		})
	},
	methods: {
		showBill() {
			let that = this
			console.log('admin/clear/info?id='+that.option.id)
			uni.navigateToMiniProgram({
				//姜枫-2021.04.13
				appId: that.getAppIdList.hd.miniAppId,
				path: 'admin/clear/info?id='+that.option.id,
				//develop 开发版 trial 体验版 release 正式版
				envVersion: process.env.NODE_ENV === 'development' ? 'develop' : 'release',
				extraData: {
					'id': that.option.id
				},
				success (res) {
				}
			})
		}
	}
};
</script>
<style lang="scss" scoped>
.go-back{
	width: 80%;
	height: 80upx;
	color: #FFFFFF;
	margin-top: 50upx;
	background: #3385FF;
	border-radius: 10upx;
	font-size:30upx;
}
.billing_box_bg {
	position: relative;
	padding: 60upx 30upx;
	display: flex;
	background: white;
	flex-direction: column;
    background-color: #f5f5f5;
	.top-view {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 299upx;
	}
	.result-view {
		position: relative;
		display: flex;
		flex-direction: column;
		align-items: center;
		padding: 70upx;
		width: 100%;
		background: #ffffff;
		border-radius: 20upx;
		z-index: 1;
		.iconchenggong {
			font-size: 170upx;
			color: $mainColor1;
		}
		.result-title {
			margin: 50upx 0 70upx;
			font-size: 32upx;
		}
	}
}
</style>