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 class="content flex-colum" @click="billingcode" v-if="improveinformation">
				<image src="@/static/item7.png" mode="aspectFill"></image>
				<text>开票码</text>
			</view>
			<view class="content flex-colum" @click="auditbilling" v-if="improveinformation">
				<image src="@/static/item8.png" mode="aspectFill"></image>
				<text>审核开票</text>
			</view>
			<view class="content flex-colum" @click="jumpToMiniProgram" v-if="improveinformation">
				<image src="@/static/item8.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//295
				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: {
			jumpToMiniProgram() {
				plus.share.getServices(function (res) {
					var sweixin = null;
					for (var i = 0; i < res.length; i++) {
						var t = res[i];
						if (t.id == 'weixin') {
							sweixin = t;
						}
					}
					if (sweixin) {
						sweixin.launchMiniProgram({
							id:'gh_fa9286427a5b', //这里写你的小程序原始id（以gh开头）
							type: 0, // //小程序版本  0-正式版； 1-测试版； 2-体验版
							path: 'pages/index/index' //这里是指定页的路径，如需传参直接字符串拼接（首页可以省略）
						});
					}
				});
				// // #ifdef H5
				// // 在H5环境中，调用此函数来跳转到小程序
				// wx.navigateToMiniProgram({
				// 	appId: 'wxd88fffa983758a30', // 小程序的appid
				// 	path: 'pages/index/index', // 打开的页面路径，若为空则打开首页
				// 	extraData: {}, // 需要传递给小程序的数据
				// 	success(res) {
				// 		// 打开成功的回调
				// 		console.log('跳转成功');
				// 	},
				// 	fail(err) {
				// 		// 打开失败的回调
				// 		console.error('跳转失败', err);
				// 	}
				// });
				// // jumpToMiniProgram('小程序的appid', '小程序页面路径');
				// // #endif
			},
			setClipboardData() {
				uni.setClipboardData({
					data: 'https://h5-invoice.sxczgkj.cn/?userId=' + uni.cache.get('userId'),
					success: function() {}
				});
			},
			auditbilling() {
				uni.pro.navigateTo('index/auditbilling');
			},
			billingcode() {
				uni.pro.navigateTo('index/billingcode');
			},
			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>