LuCode3AdminMix/uniapp/pages/dev/example/UserGzh/UserGzh.vue

<script setup>
	/**
	 * name：
	 * user：sa0ChunLuyu
	 * date：2022-04-20 09:02:17
	 */
	import {
		ref
	} from 'vue'
	import {
		GzhConfig,
		$response
	} from '@/api'
	const wxGetUserInfo = (res) => {
		let appid = GzhConfig.id
		let state = encodeURIComponent(GzhConfig.auth)
		let redirect_uri = encodeURIComponent(GzhConfig.jump);
		const url = 'https://open.weixin.qq.com/connect/oauth2/authorize?appid=' + appid + '&redirect_uri=' +
			redirect_uri + '&response_type=code&scope=snsapi_base&state=' + state + '#wechat_redirect';
		window.location = url;
	}

	const drawer_ref = ref(null)
	const drawerRef = (e) => {
		drawer_ref.value = e
	}

	const copyContent = () => {
		uni.setClipboardData({
			data: user_code.value
		})
	}
	const WeChatLoginTest = async () => {
		let appid = uni.$lu.config.gzh_id
		let state = encodeURIComponent(uni.$lu.config.login)
		let redirect_uri = encodeURIComponent(OpenGzhAuthUrl);
		const url = 'https://open.weixin.qq.com/connect/oauth2/authorize?appid=' + appid + '&redirect_uri=' +
			redirect_uri + '&response_type=code&scope=snsapi_base&state=' + state + '#wechat_redirect';
		window.location = url;
	}
</script>
<template>
	<uni-drawer :ref="drawerRef" mode="right">
		<view class="navbar_wrapper"></view>
		<textarea :maxlength="-1" class="textarea_wrapper" v-model="user_code" />
		<view class="button_line_wrapper">
			<button size="mini" @click="copyContent()">复制</button>
			<button size="mini" @click="WeChatLoginTest()">登录</button>
		</view>
	</uni-drawer>

	<uni-section title="用户Code" type="line">
		<view class="uni-ma-5 uni-pb-5 example_item_wrapper">
			<button size="mini" @click="wxGetUserInfo">获取Code</button>
		</view>
	</uni-section>
</template>
<style scoped>
	.button_line_wrapper {
		display: flex;
		justify-content: space-around;
	}

	.textarea_wrapper {
		margin-top: 100rpx;
		height: 400rpx;
	}
</style>