info

2025-03-21 09:38:06 +08:00
parent 8e35b74d86
commit f654e16c18
94 changed files with 22503 additions and 0 deletions
@@ -0,0 +1,104 @@
+<template>
+	<view class="box">
+		<!-- 登录框 (选择手机号所属国家和地区需要另行实现) -->
+		<uni-easyinput clearable focus type="number" class="input-box" :inputBorder="false" v-model="formData.phone"
+			maxlength="11" placeholder="请输入手机号"></uni-easyinput>
+		<uni-easyinput clearable type="number" class="input-box" :inputBorder="false" v-model="formData.code" maxlength="6"
+			placeholder="请输入验证码">
+			<template slot="right">
+				<qk-send-sms-code ref="shortCode" code-type="bind" :phone="formData.phone"></qk-send-sms-code>
+			</template>
+		</uni-easyinput>
+		<button class="send-btn-box" type="primary" @click="submit">绑定</button>
+	</view>
+</template>
+<script>
+	import {
+		mapMutations,
+		mapGetters
+	} from 'vuex';
+	export default {
+		data() {
+			return {
+				params: {},
+				currenPhoneArea: '',
+				formData: {
+					phone:"",
+					code:""
+				}
+			}
+		},
+		onLoad (event) {
+			let params = event;
+			if (params.mobile) {
+				this.formData.phone = params.mobile
+			}
+		},
+		computed: {
+			tipText() {
+				return `验证码已通过短信发送至${this.currenPhoneArea} ${this.formData.phone}。密码为6 - 20位`
+			},
+			canSubmit() {
+				return this.isPhone && this.isPwd && this.isCode;
+			}
+		},
+		methods: {
+			...mapMutations({
+				setUserInfo: 'user/UPDATE_USER_INFO',
+			}),
+			/**
+			 * 完成并提交
+			 */
+			submit() {
+				uniCloud.callFunction({
+					name:'uni-id-cf',
+					data:{
+						action:'bind_mobile_by_sms',
+						params:{
+							"mobile": this.formData.phone,
+							"code": this.formData.code
+						},
+					},
+					success: ({result}) => {
+						console.log(result);
+						this.setUserInfo({"mobile":result.mobile})
+						uni.showToast({
+							title: result.msg,
+							icon: 'none'
+						});
+						if (result.code === 0) {
+							uni.navigateBack()
+						}
+					}
+				})
+			}
+		}
+	}
+</script>
+
+<style>
+	.box {
+		align-items: center;
+		justify-content: center;
+		padding: 50rpx;
+		padding-top: 10px;
+	}
+
+	.box /deep/ .uni-easyinput__content {
+		height: 50px;
+	}
+
+	.input-box {
+		width: 100%;
+		margin-top: 16px;
+		background-color: #f9f9f9;
+		border-radius: 6rpx;
+		flex-direction: row;
+		flex-wrap: nowrap;
+	}
+
+	.send-btn-box {
+		width: 650rpx;
+		margin-top: 15px;
+	}
+</style>