Hfive/pages/index/index.vue

<template>
	<view class="content">
		<view class="Box flex-between">
			<view class="content flex-colum" @click="indexInvoicing" v-if="improveinformation">
				<image src="@/static/item3.png" mode="aspectFill"></image>
				<text>极速开票</text>
			</view>
			<view class="content flex-colum" @click="webview" v-if="improveinformation">
				<image src="@/static/item2.png" mode="aspectFill"></image>
				<text>后台管理</text>
			</view>
			<view class="content flex-colum" @click="indexorder" v-if="improveinformation">
				<image src="@/static/item1.png" mode="aspectFill"></image>
				<text>开票记录</text>
			</view>
			<view class="content flex-colum" @click="notification" v-if="improveinformation">
				<image src="@/static/item6.png" mode="aspectFill"></image>
				<text>绑定通知</text>
			</view>
			<view class="content flex-colum" @click="drawer" v-if="improveinformation">
				<image src="@/static/item5.png" mode="aspectFill"></image>
				<text>新增开票员</text>
			</view>
		</view>
		<view class="setClipboardDataclass" @click="setClipboardData" v-if="infos.deviceType != 'pc'">
			网页版地址:https://h5-invoice.sxczgkj.cn
		</view>
	</view>
</template>
<script>
	export default {
		components: {},
		data() {
			return {
				improveinformation: false,
				improveinformationlist: {},
				onLoaduserId: '',
				onLoadtype: '',
				infos:uni.getSystemInfoSync()
			};
		},
		async onLoad(e) {
			if (e.userId) {
				// this.onLoaduserId = e.userId
				// this.onLoadtype = e.type
				uni.cache.set('userId', e.userId);
			}
			let res = await this.api.storestorestatus({
				store_id: uni.cache.get('userId')
			})
			if (res.code == 1) {
				this.improveinformationform = res.data.store
				uni.cache.set('form', this.improveinformationform);
				// uni.cache.set('userId', this.improveinformationform.id);
				if (res.data.sz_status == 0) {
					uni.reLaunch({
						url: '/pages/index/information'
					});
				} else {
					this.improveinformation = true
				}
			}
			// uni.request({
			// 	url: uni.conf.baseUrl + 'store/storestatus',
			// 	data: {
			// 		//参数
			// 		store_id: uni.cache.get('userId')
			// 		// type: this.onLoadtype
			// 	},
			// 	method: 'POST', //请求方式，必须为大写
			// 	success: res => {
			// 		this.improveinformationform = res.data.data.store
			// 		uni.cache.set('form', this.improveinformationform);
			// 		// uni.cache.set('userId', this.improveinformationform.id);
			// 		if (res.data.data.sz_status == 0) {
			// 			uni.reLaunch({
			// 				url: '/pages/index/information'
			// 			});
			// 		} else {
			// 			this.improveinformation = true
			// 		}
			// 	},

			// });
		},
		onShow() {},
		methods: {
			setClipboardData() {
				uni.setClipboardData({
					data: 'https://h5-invoice.sxczgkj.cn/?userId=' + uni.utils.md5(uni.cache.get('userId')),
					success: function() {}
				});
			},
			drawer() {
				uni.pro.navigateTo('index/drawer');
			},
			merchant() {
				uni.pro.navigateTo('index/merchant');
			},
			information() {
				uni.pro.navigateTo('index/information', this.improveinformationform);
			},
			notification() {
				uni.pro.navigateTo('index/notification');
			},
			indexInvoicing() {
				uni.pro.navigateTo('index/Invoicing');
			},
			webview() {
				uni.pro.showLoading({
					title: '加载中',
					mask: true
				})
				try {
					uni.request({
						url: uni.conf.baseUrl + 'szzpy/h5url',
						data: {
							//参数
							store_id: uni.getStorageSync('userId')
						},
						method: 'POST', //请求方式，必须为大写
						success: res => {
							console.log(res.data.data.url)
							uni.pro.navigateTo('webview/webview', {
								url: res.data.data.url,
								tape: 1
							});
							uni.pro.hideLoading()
						}
					});
				} catch (e) {
					uni.pro.hideLoading()
				}

			},
			indexorder() {
				uni.pro.navigateTo('index/order');
			}
		}
	};
</script>

<style lang="scss">
	page {
		background: #F9F9F9;
	}

	.content {
		.setClipboardDataclass{
			width: 100%;
			text-align: center;
			margin-top: 90rpx;
			color: #2f87fd;
			font-weight: bold;
			font-size: 28rpx;
		}
		.Box {
			
			padding: 0rpx 28rpx;

			.content {
				margin-top: 32rpx;
				width: 30%;
				height: 218rpx;
				background: #FFFFFF;

				image {
					width: 60rpx;
					height: 60rpx;
				}

				text {
					margin-top: 16rpx;
					font-family: Source Han Sans CN, Source Han Sans CN;
					font-weight: 400;
					font-size: 28rpx;
					color: #333333;
				}
			}

		}

		.Box::after {
			content: '';
			width: 30%;
			display: inline-block;
		}
	}
</style>