From 32e0b4de6e44b52b0fd82e79fb531006c6c249d7 Mon Sep 17 00:00:00 2001
From: sa0ChunLuyu <sa0Chun_luyu@aliyun.com>
Date: Wed, 20 Apr 2022 09:48:30 +0800
Subject: [PATCH] no message

---
 manifest.json                               |  2 +-
 pages.json                                  |  6 --
 pages/dev/dev/PayTest/PayTest.vue           | 52 +++++++++++++++++
 pages/dev/dev/SonFather/Father.vue          |  7 ++-
 pages/dev/dev/SonFather/Son.vue             |  9 ++-
 pages/dev/dev/UserAvatar/UserAvatar.vue     | 63 +++++++++++++++++++++
 pages/dev/dev/UserCode/UserCode.vue         | 59 +++++++++++++++++++
 pages/dev/dev/UserInfo/UserInfo.vue         | 54 ++++++++++++++++++
 pages/dev/dev/UserNickname/UserNickname.vue | 20 +++++++
 pages/dev/dev/UserPhone/UserPhone.vue       | 59 +++++++++++++++++++
 pages/dev/dev/dev.vue                       | 36 ++++++++----
 pages/dev/tool/tool.vue                     | 14 -----
 pages/main/home/home.vue                    |  2 +-
 pages/main/user/user.vue                    | 47 +++++++++++----
 14 files changed, 383 insertions(+), 47 deletions(-)
 create mode 100644 pages/dev/dev/PayTest/PayTest.vue
 create mode 100644 pages/dev/dev/UserAvatar/UserAvatar.vue
 create mode 100644 pages/dev/dev/UserCode/UserCode.vue
 create mode 100644 pages/dev/dev/UserInfo/UserInfo.vue
 create mode 100644 pages/dev/dev/UserNickname/UserNickname.vue
 create mode 100644 pages/dev/dev/UserPhone/UserPhone.vue
 delete mode 100644 pages/dev/tool/tool.vue

diff --git a/manifest.json b/manifest.json
index 886e1e7..7a770fd 100644
--- a/manifest.json
+++ b/manifest.json
@@ -1,5 +1,5 @@
 {
-    "name" : "鹿和开发套件",
+    "name" : "uniapp_default",
     "appid" : "__UNI__4C3CB5F",
     "description" : "",
     "versionName" : "1.0.0",
diff --git a/pages.json b/pages.json
index dbd4e63..f98a706 100644
--- a/pages.json
+++ b/pages.json
@@ -15,12 +15,6 @@
 	"subPackages": [{
 		"root": "pages/dev",
 		"pages": [{
-			"path": "tool/tool",
-			"style": {
-				"navigationBarTitleText": "开发工具",
-				"enablePullDownRefresh": false
-			}
-		}, {
 			"path": "dev/dev",
 			"style": {
 				"navigationBarTitleText": "示例",
diff --git a/pages/dev/dev/PayTest/PayTest.vue b/pages/dev/dev/PayTest/PayTest.vue
new file mode 100644
index 0000000..88484c1
--- /dev/null
+++ b/pages/dev/dev/PayTest/PayTest.vue
@@ -0,0 +1,52 @@
+<script setup>
+	/**
+	 * name：
+	 * user：sa0ChunLuyu
+	 * date：2022-04-20 09:02:17
+	 */
+	import {
+		ref
+	} from 'vue'
+	const pat_test = ref('')
+	const pat_test_show = ref(false)
+	const payTest = (e) => {
+		pat_test_show.value = true
+	}
+	const payTestDo = () => {
+		let pay_info = JSON.parse(pat_test.value);
+		wx.requestPayment({
+			'timeStamp': pay_info.timeStamp,
+			'nonceStr': pay_info.nonceStr,
+			'package': pay_info.package,
+			'signType': 'RSA',
+			'paySign': pay_info.paySign,
+			'success': function(res) {
+				console.log(res)
+			},
+			'fail': function(res) {
+				console.log(res)
+			},
+			'complete': function(res) {}
+		});
+	}
+</script>
+<template>
+	<u-modal title="内容" v-model="pat_test_show" :show-cancel-button="true" confirm-text="测试" cancel-text="关闭"
+		@confirm="payTestDo">
+		<view class="slot-content">
+			<textarea :maxlength="-1" class="textarea_wrapper" v-model="pat_test" />
+		</view>
+	</u-modal>
+	<u-tr>
+		<u-td>支付测试</u-td>
+		<u-td></u-td>
+		<u-td>
+			<u-button size="mini" @click="payTest()">测试</u-button>
+		</u-td>
+	</u-tr>
+</template>
+<style scoped>
+	.textarea_wrapper {
+		height: 200rpx;
+	}
+</style>
diff --git a/pages/dev/dev/SonFather/Father.vue b/pages/dev/dev/SonFather/Father.vue
index 73ad402..05d62c6 100644
--- a/pages/dev/dev/SonFather/Father.vue
+++ b/pages/dev/dev/SonFather/Father.vue
@@ -26,7 +26,7 @@
 		<u-td>子父组件</u-td>
 		<u-td>
 			<u-input v-model="fa_value" :border="true"/>
-			<u-input v-model="son_ref.son_value" :border="true"/>
+			<u-input class="son_input_wrapper" v-model="son_ref.son_value" :border="true"/>
 		</u-td>
 		<u-td>
 			<u-button size="mini" @click="sonFunc()">子函数</u-button>
@@ -34,3 +34,8 @@
 	</u-tr>
 	<SonComponent @faFunc="faFunc" :fa_value="fa_value" :ref="SonRef"></SonComponent>
 </template>
+<style scoped>
+	.son_input_wrapper{
+		margin-top: 5rpx;
+	}
+</style>
diff --git a/pages/dev/dev/SonFather/Son.vue b/pages/dev/dev/SonFather/Son.vue
index 4f8b31f..2bfe076 100644
--- a/pages/dev/dev/SonFather/Son.vue
+++ b/pages/dev/dev/SonFather/Son.vue
@@ -31,10 +31,15 @@
 		<u-td></u-td>
 		<u-td>
 			<u-input disabled v-model="props.fa_value" :border="true" />
-			<u-input v-model="son_value" :border="true" />
+			<u-input class="son_input_wrapper" v-model="son_value" :border="true" />
 		</u-td>
 		<u-td>
 			<u-button size="mini" @click="faFuncClick()">父函数</u-button>
 		</u-td>
 	</u-tr>
-</template>
+</template>
+<style scoped>
+	.son_input_wrapper {
+		margin-top: 5rpx;
+	}
+</style>
diff --git a/pages/dev/dev/UserAvatar/UserAvatar.vue b/pages/dev/dev/UserAvatar/UserAvatar.vue
new file mode 100644
index 0000000..3f025a8
--- /dev/null
+++ b/pages/dev/dev/UserAvatar/UserAvatar.vue
@@ -0,0 +1,63 @@
+<script setup>
+	/**
+	 * name：
+	 * user：sa0ChunLuyu
+	 * date：2022-04-20 08:38:17
+	 */
+	import {
+		ref
+	} from 'vue'
+	const user_avatar = ref('')
+	const onChooseAvatar = (e) => {
+		let avatar = e.detail.avatarUrl
+		if (avatar.indexOf('thirdwx.qlogo.cn') === -1) {
+			wx.getFileSystemManager().readFile({
+				filePath: avatar,
+				encoding: 'base64',
+				success: res => {
+					let base64 = 'data:image/png;base64,' + res.data;
+					user_avatar.value = base64
+				}
+			});
+		} else {
+			uni.request({
+				url: avatar,
+				method: 'GET',
+				responseType: 'arraybuffer',
+				success: res => {
+					let base64 = 'data:image/png;base64,' + uni.arrayBufferToBase64(res.data);
+					user_avatar.value = base64
+				}
+			});
+		}
+	}
+</script>
+<template>
+	<u-tr>
+		<u-td>用户头像</u-td>
+		<u-td>
+			<view class="avatar_wrapper">
+				<u-image v-if="user_avatar" :showLoading="true" :src="user_avatar" width="140rpx" height="140rpx">
+				</u-image>
+			</view>
+		</u-td>
+		<u-td>
+			<button class="open_type_button_wrapper" open-type="chooseAvatar"
+				@chooseavatar="onChooseAvatar">获取头像</button>
+		</u-td>
+	</u-tr>
+</template>
+<style scoped>
+	.open_type_button_wrapper {
+		width: 140rpx;
+		height: 40rpx;
+		line-height: 40rpx;
+		font-size: 16rpx;
+	}
+
+	.avatar_wrapper {
+		width: 140rpx;
+		height: 140rpx;
+		position: relative;
+	}
+</style>
diff --git a/pages/dev/dev/UserCode/UserCode.vue b/pages/dev/dev/UserCode/UserCode.vue
new file mode 100644
index 0000000..844a1fd
--- /dev/null
+++ b/pages/dev/dev/UserCode/UserCode.vue
@@ -0,0 +1,59 @@
+<script setup>
+	/**
+	 * name：
+	 * user：sa0ChunLuyu
+	 * date：2022-04-20 09:02:17
+	 */
+	import {
+		ref
+	} from 'vue'
+	const user_code = ref('')
+	const user_code_show = ref(false)
+	const wxGetUserInfo = (res) => {
+		if (!res.detail.iv) {
+			this.$sa0.toast("您取消了授权,登录失败");
+			return false;
+		}
+		uni.login({
+			provider: 'weixin',
+			success: (loginRes) => {
+				let d = loginRes
+				user_code.value = JSON.stringify(d, null, 4)
+				user_code_show.value = true
+
+			},
+		});
+	}
+	const copyContent = () => {
+		uni.setClipboardData({
+			data: user_code.value
+		})
+	}
+</script>
+<template>
+	<u-modal title="内容" v-model="user_code_show" :show-cancel-button="true" confirm-text="复制" cancel-text="关闭" @confirm="copyContent">
+		<view class="slot-content">
+			<textarea :maxlength="-1" class="textarea_wrapper" v-model="user_code" />
+		</view>
+	</u-modal>
+	<u-tr>
+		<u-td>用户Code</u-td>
+		<u-td></u-td>
+		<u-td>
+			<button class="open_type_button_wrapper" open-type="getUserInfo" @getuserinfo="wxGetUserInfo"
+				withCredentials="true">获取Code</button>
+		</u-td>
+	</u-tr>
+</template>
+<style scoped>
+	.textarea_wrapper {
+		height: 200rpx;
+	}
+
+	.open_type_button_wrapper {
+		width: 140rpx;
+		height: 40rpx;
+		line-height: 40rpx;
+		font-size: 16rpx;
+	}
+</style>
diff --git a/pages/dev/dev/UserInfo/UserInfo.vue b/pages/dev/dev/UserInfo/UserInfo.vue
new file mode 100644
index 0000000..a602891
--- /dev/null
+++ b/pages/dev/dev/UserInfo/UserInfo.vue
@@ -0,0 +1,54 @@
+<script setup>
+	/**
+	 * name：
+	 * user：sa0ChunLuyu
+	 * date：2022-04-20 09:02:17
+	 */
+	import {
+		ref
+	} from 'vue'
+	const user_info = ref('')
+	const user_info_show = ref(false)
+	const updateUserInfo = (res) => {
+		wx.getUserProfile({
+			desc: '新用户完善用户资料',
+			success: (res) => {
+				let d = res.userInfo
+				user_info.value = JSON.stringify(d, null, 4)
+				user_info_show.value = true
+			}
+		})
+	}
+	const copyContent = () => {
+		uni.setClipboardData({
+			data: user_info.value
+		})
+	}
+</script>
+<template>
+	<u-modal title="内容" v-model="user_info_show" :show-cancel-button="true" confirm-text="复制" cancel-text="关闭"
+		@confirm="copyContent">
+		<view class="slot-content">
+			<textarea :maxlength="-1" class="textarea_wrapper" v-model="user_info" />
+		</view>
+	</u-modal>
+	<u-tr>
+		<u-td>用户信息</u-td>
+		<u-td></u-td>
+		<u-td>
+			<button class="open_type_button_wrapper" @tap="updateUserInfo" withCredentials="true">获取信息</button>
+		</u-td>
+	</u-tr>
+</template>
+<style scoped>
+	.textarea_wrapper {
+		height: 200rpx;
+	}
+
+	.open_type_button_wrapper {
+		width: 140rpx;
+		height: 40rpx;
+		line-height: 40rpx;
+		font-size: 16rpx;
+	}
+</style>
diff --git a/pages/dev/dev/UserNickname/UserNickname.vue b/pages/dev/dev/UserNickname/UserNickname.vue
new file mode 100644
index 0000000..5e80f79
--- /dev/null
+++ b/pages/dev/dev/UserNickname/UserNickname.vue
@@ -0,0 +1,20 @@
+<script setup>
+	/**
+	 * name：
+	 * user：sa0ChunLuyu
+	 * date：2022-04-20 08:51:52
+	 */
+	import {
+		ref
+	} from 'vue'
+	const user_nickname = ref('')
+</script>
+<template>
+	<u-tr>
+		<u-td>用户昵称</u-td>
+		<u-td>
+			<input type="nickname" v-model="user_nickname" placeholder="请输入昵称" />
+		</u-td>
+		<u-td></u-td>
+	</u-tr>
+</template>
diff --git a/pages/dev/dev/UserPhone/UserPhone.vue b/pages/dev/dev/UserPhone/UserPhone.vue
new file mode 100644
index 0000000..319ab00
--- /dev/null
+++ b/pages/dev/dev/UserPhone/UserPhone.vue
@@ -0,0 +1,59 @@
+<script setup>
+	/**
+	 * name：
+	 * user：sa0ChunLuyu
+	 * date：2022-04-20 09:02:17
+	 */
+	import {
+		ref
+	} from 'vue'
+	const user_phone = ref('')
+	const user_phone_show = ref(false)
+	const phoneLoginButtonClick = (e) => {
+		uni.login({
+			provider: 'weixin',
+			success: (loginRes) => {
+				let d = {
+					code: loginRes.code,
+					iv: e.detail.iv,
+					encrypted_data: e.detail.encryptedData,
+				}
+				user_phone.value = JSON.stringify(d, null, 4)
+				user_phone_show.value = true
+			},
+		});
+	}
+	const copyContent = () => {
+		uni.setClipboardData({
+			data: user_phone.value
+		})
+	}
+</script>
+<template>
+	<u-modal title="内容" v-model="user_phone_show" :show-cancel-button="true" confirm-text="复制" cancel-text="关闭"
+		@confirm="copyContent">
+		<view class="slot-content">
+			<textarea :maxlength="-1" class="textarea_wrapper" v-model="user_phone" />
+		</view>
+	</u-modal>
+	<u-tr>
+		<u-td>用户手机号</u-td>
+		<u-td></u-td>
+		<u-td>
+			<button class="open_type_button_wrapper" open-type="getPhoneNumber" @getphonenumber="phoneLoginButtonClick"
+				withCredentials="true">获取手机号</button>
+		</u-td>
+	</u-tr>
+</template>
+<style scoped>
+	.textarea_wrapper {
+		height: 200rpx;
+	}
+
+	.open_type_button_wrapper {
+		width: 140rpx;
+		height: 40rpx;
+		line-height: 40rpx;
+		font-size: 16rpx;
+	}
+</style>
diff --git a/pages/dev/dev/dev.vue b/pages/dev/dev/dev.vue
index 283a0ce..e1f4df0 100644
--- a/pages/dev/dev/dev.vue
+++ b/pages/dev/dev/dev.vue
@@ -4,14 +4,20 @@
 	 * user：sa0ChunLuyu
 	 * date：2022-04-19 15:23:08
 	 */
-	import NavbarComponent from './Navbar/Navbar.vue' // Navbar
-	import RouterQueryComponent from './RouterQuery/RouterQuery.vue' // 路由参数
-	import ApiComponent from './Api/Api.vue' // 接口
-	import VuexComponent from './Vuex/Vuex.vue' // Vuex
-	import RouterPushComponent from './RouterPush/RouterPush.vue' // 路由跳转
-	import FatherComponent from './SonFather/Father.vue' // 子父组件
+	import NavbarComponent from './Navbar/Navbar.vue' // 					Navbar
+	import RouterQueryComponent from './RouterQuery/RouterQuery.vue' // 	路由参数
+	import ApiComponent from './Api/Api.vue' // 							接口
+	import VuexComponent from './Vuex/Vuex.vue' // 							Vuex
+	import RouterPushComponent from './RouterPush/RouterPush.vue' // 		路由跳转
+	import FatherComponent from './SonFather/Father.vue' // 				子父组件
+	import UserAvatarComponent from './UserAvatar/UserAvatar.vue' // 		用户头像
+	import UserNicknameComponent from './UserNickname/UserNickname.vue' // 	用户昵称
+	import UserInfoComponent from './UserInfo/UserInfo.vue' // 				用户信息
+	import UserCodeComponent from './UserCode/UserCode.vue' // 				用户授权
+	import UserPhoneComponent from './UserPhone/UserPhone.vue' // 			用户手机号
+	import PayTestComponent from './PayTest/PayTest.vue' // 				支付测试
 
-	// 路由参数
+	// 路由参数
 	// 平台特殊性 下层组件 URL 参数只能从最高层下传
 	const props = defineProps({
 		name: {
@@ -29,10 +35,16 @@
 			<u-th>内容</u-th>
 			<u-th>操作</u-th>
 		</u-tr>
-		<RouterQueryComponent :name="props.name"></RouterQueryComponent>
-		<ApiComponent></ApiComponent>
-		<VuexComponent></VuexComponent>
-		<RouterPushComponent></RouterPushComponent>
-		<FatherComponent></FatherComponent>
+		<RouterQueryComponent :name="props.name"></RouterQueryComponent>
+		<ApiComponent></ApiComponent>
+		<VuexComponent></VuexComponent>
+		<RouterPushComponent></RouterPushComponent>
+		<FatherComponent></FatherComponent>
+		<UserAvatarComponent></UserAvatarComponent>
+		<UserNicknameComponent></UserNicknameComponent>
+		<UserInfoComponent></UserInfoComponent>
+		<UserCodeComponent></UserCodeComponent>
+		<UserPhoneComponent></UserPhoneComponent>
+		<PayTestComponent></PayTestComponent>
 	</u-table>
 </template>
diff --git a/pages/dev/tool/tool.vue b/pages/dev/tool/tool.vue
deleted file mode 100644
index 998cf02..0000000
--- a/pages/dev/tool/tool.vue
+++ /dev/null
@@ -1,14 +0,0 @@
-<script setup>
-/**
- * name：
- * user：sa0ChunLuyu
- * date：2022-04-19 14:58:23
- */
-</script>
-<template>
-   用户头像
-   用户昵称
-   用户定位
-   用户手机号
-   支付测试
-</template>
diff --git a/pages/main/home/home.vue b/pages/main/home/home.vue
index e1b9a43..59efb29 100644
--- a/pages/main/home/home.vue
+++ b/pages/main/home/home.vue
@@ -15,7 +15,7 @@
 				url: '/pages/dev/dev/dev?name=' + name.value
 			})
 		} else {
-			uni.$lu.toast("请至少输点东西")
+			uni.$lu.toast("多少输点东西行不行")
 		}
 	}
 </script>
diff --git a/pages/main/user/user.vue b/pages/main/user/user.vue
index 7795851..9bd4272 100644
--- a/pages/main/user/user.vue
+++ b/pages/main/user/user.vue
@@ -1,10 +1,37 @@
-<script setup>
-/**
- * name：
- * user：sa0ChunLuyu
- * date：2022-04-19 14:58:23
- */
-</script>
-<template>
-   User
-</template>
+<script setup>
+	/**
+	 * name：
+	 * user：sa0ChunLuyu
+	 * date：2022-04-19 14:58:23
+	 */
+	import {
+		ref
+	} from 'vue'
+	import config from '@/config.js'
+</script>
+<template>
+	<view class="home_wrapper u-text-center">
+		<view class="home_logo_wrapper">
+			<u-image width="200rpx" height="200rpx" src="/static/logo.png"></u-image>
+		</view>
+		<view class="home_title_wrapper">{{ config.title }}</view>
+	</view>
+</template>
+<style scoped>
+	.home_title_wrapper {
+		margin: 10rpx 0;
+	}
+
+	.home_logo_wrapper {
+		width: 200rpx;
+		height: 200rpx;
+		margin: 0 auto;
+	}
+
+	.home_wrapper {
+		position: absolute;
+		top: 50%;
+		left: 50%;
+		transform: translate(-50%, -50%);
+	}
+</style>