|
|
@@ -1,380 +1,305 @@
|
|
|
<template>
|
|
|
- <view class="w-screen h-screen flex flex-col" :style="themeColor()" v-if="type">
|
|
|
- <!-- #ifdef MP-WEIXIN -->
|
|
|
- <view :style="{'height':headerHeight}">
|
|
|
- <top-tabbar :data="param" :scrollBool="topTabarObj.getScrollBool()" class="top-header" />
|
|
|
- </view>
|
|
|
- <!-- #endif -->
|
|
|
- <view class="mx-[60rpx]">
|
|
|
- <view class="pt-[140rpx] text-[44rpx] font-500 text-[#333]">{{ type == 'username' ? t('usernameRegister') : t('mobileRegister') }}</view>
|
|
|
- <view class="flex items-center justify-between mt-[24rpx] mb-[90rpx]">
|
|
|
- <view class="text-[26rpx] text-[#333] leading-[34rpx]" @click="toLink">
|
|
|
- <text>{{ t('haveAccount') }},</text>
|
|
|
- <text class="text-primary">{{ t('toLogin') }}</text>
|
|
|
- </view>
|
|
|
- </view>
|
|
|
- <u-form labelPosition="left" :model="formData" errorType='toast' :rules="rules" ref="formRef">
|
|
|
- <template v-if="type == 'username'">
|
|
|
- <view class="h-[88rpx] flex w-full items-center px-[30rpx] rounded-[40rpx] box-border bg-[#F6F6F6]">
|
|
|
- <u-form-item label="" prop="username" :border-bottom="false">
|
|
|
- <u-input v-model="formData.username" border="none" maxlength="40"
|
|
|
- :placeholder="t('usernamePlaceholder')" class="!bg-transparent"
|
|
|
- :disabled="real_name_input" fontSize="26rpx"
|
|
|
- placeholderClass="!text-[var(--text-color-light9)] text-[26rpx]" />
|
|
|
- </u-form-item>
|
|
|
- </view>
|
|
|
- <view class="h-[88rpx] flex w-full items-center px-[30rpx] rounded-[40rpx] box-border bg-[#F6F6F6] mt-[40rpx]">
|
|
|
- <u-form-item label="" prop="password" :border-bottom="false">
|
|
|
- <u-input v-model="formData.password" border="none" :password="isPassword" maxlength="40"
|
|
|
- :placeholder="t('passwordPlaceholder')" class="!bg-transparent"
|
|
|
- :disabled="real_name_input" fontSize="26rpx"
|
|
|
- placeholderClass="!text-[var(--text-color-light9)] text-[26rpx]">
|
|
|
- <template #suffix>
|
|
|
- <view @click="changePassword" v-if="formData.password">
|
|
|
- <u-icon :name="isPassword?'eye-off':'eye-fill'" color="#b9b9b9" size="20"></u-icon>
|
|
|
- </view>
|
|
|
- </template>
|
|
|
- </u-input>
|
|
|
- </u-form-item>
|
|
|
- </view>
|
|
|
- <view class="h-[88rpx] flex w-full items-center px-[30rpx] rounded-[40rpx] box-border bg-[#F6F6F6] mt-[40rpx]">
|
|
|
- <u-form-item label="" prop="confirm_password" :border-bottom="false">
|
|
|
- <u-input v-model="formData.confirm_password" border="none" :password="isConfirmPassword"
|
|
|
- maxlength="40" :placeholder="t('confirmPasswordPlaceholder')"
|
|
|
- class="!bg-transparent" :disabled="real_name_input" fontSize="26rpx"
|
|
|
- placeholderClass="!text-[var(--text-color-light9)] text-[26rpx]">
|
|
|
- <template #suffix>
|
|
|
- <view @click="changeConfirmPassword" v-if="formData.confirm_password">
|
|
|
- <u-icon :name="isConfirmPassword?'eye-off':'eye-fill'" color="#b9b9b9" size="20"></u-icon>
|
|
|
- </view>
|
|
|
- </template>
|
|
|
- </u-input>
|
|
|
- </u-form-item>
|
|
|
- </view>
|
|
|
- </template>
|
|
|
- <template v-if="type == 'mobile' || configStore.login.is_bind_mobile">
|
|
|
- <view class="h-[88rpx] flex w-full items-center px-[30rpx] rounded-[40rpx] box-border bg-[#F6F6F6] mt-[40rpx]">
|
|
|
- <u-form-item label="" prop="mobile" :border-bottom="false">
|
|
|
- <u-input v-model="formData.mobile" border="none" maxlength="11"
|
|
|
- :placeholder="t('mobilePlaceholder')" class="!bg-transparent"
|
|
|
- :disabled="real_name_input" fontSize="26rpx"
|
|
|
- placeholderClass="!text-[var(--text-color-light9)] text-[26rpx]" />
|
|
|
- </u-form-item>
|
|
|
- </view>
|
|
|
- <view class="h-[88rpx] flex w-full items-center px-[30rpx] rounded-[40rpx] box-border bg-[#F6F6F6] mt-[40rpx]">
|
|
|
- <u-form-item label="" prop="mobile_code" :border-bottom="false">
|
|
|
- <u-input v-model="formData.mobile_code" border="none" maxlength="4"
|
|
|
- :placeholder="t('codePlaceholder')" class="!bg-transparent"
|
|
|
- :disabled="real_name_input" fontSize="26rpx"
|
|
|
- placeholderClass="!text-[var(--text-color-light9)] text-[26rpx]">
|
|
|
- <template #suffix>
|
|
|
- <sms-code v-if="configStore.login.agreement_show" :mobile="formData.mobile" type="login" v-model="formData.mobile_key" :isAgree="isAgree"></sms-code>
|
|
|
- <sms-code v-else :mobile="formData.mobile" type="login" v-model="formData.mobile_key"></sms-code>
|
|
|
- </template>
|
|
|
- </u-input>
|
|
|
- </u-form-item>
|
|
|
- </view>
|
|
|
- </template>
|
|
|
- <template v-if="type == 'username'">
|
|
|
- <view class="h-[88rpx] flex w-full items-center px-[30rpx] rounded-[40rpx] box-border bg-[#F6F6F6] mt-[40rpx]">
|
|
|
- <u-form-item label="" prop="captcha_code" :border-bottom="false">
|
|
|
- <u-input v-model="formData.captcha_code" border="none"
|
|
|
- :placeholder="t('captchaPlaceholder')" class="!bg-transparent"
|
|
|
- :disabled="real_name_input" fontSize="26rpx"
|
|
|
- placeholderClass="!text-[var(--text-color-light9)] text-[26rpx]">
|
|
|
- <template #suffix>
|
|
|
- <image :src="captcha.image.value" class="h-[48rpx] w-[60rpx] ml-[20rpx]" mode="heightFix" @click="captcha.refresh()" />
|
|
|
- </template>
|
|
|
- </u-input>
|
|
|
- </u-form-item>
|
|
|
- </view>
|
|
|
- </template>
|
|
|
- </u-form>
|
|
|
- <view class="mt-[140rpx]">
|
|
|
- <button class="w-full h-[80rpx] !bg-[var(--primary-color)] text-[26rpx] rounded-[40rpx] leading-[80rpx] font-500 !text-[#fff]" @click="handleRegister">{{ t('register') }}</button>
|
|
|
- <view v-if="configStore.login.agreement_show" class="flex items-center mt-[10rpx] mb-[40rpx] py-[14rpx]" @click.stop="agreeChange">
|
|
|
- <u-checkbox-group @change="agreeChange">
|
|
|
- <u-checkbox activeColor="var(--primary-color)" :checked="isAgree" shape="circle" size="24rpx" />
|
|
|
- </u-checkbox-group>
|
|
|
- <view class="text-[24rpx] -ml-[4rpx] text-[var(--text-color-light6)] flex items-center flex-wrap leading-[30rpx]">
|
|
|
- <text>{{ t('agreeTips') }}</text>
|
|
|
- <text @click.stop="redirect({ url: '/app/pages/auth/agreement?key=privacy' })" class="text-primary">《{{ t('privacyAgreement') }}》</text>
|
|
|
- <text>{{ t('and') }}</text>
|
|
|
- <text @click.stop="redirect({ url: '/app/pages/auth/agreement?key=service' })" class="text-primary">《{{ t('userAgreement') }}》</text>
|
|
|
- </view>
|
|
|
- </view>
|
|
|
- </view>
|
|
|
- <view class="footer w-full" v-if="registerType.length > 1" :class="{'fixed bottom-0 left-0 right-0': type == 'mobile', 'pt-[60rpx]': type == 'username'}">
|
|
|
- <view class="text-[26rpx] leading-[36rpx] text-[#666] text-center mb-[30rpx] font-400">其他注册方式</view>
|
|
|
- <view class="flex justify-center gap-[40rpx]">
|
|
|
- <text v-if="type == 'mobile' && configStore.login.is_mobile" @click="type = 'username'" class="w-[66rpx] h-[66rpx] flex items-center justify-center iconfont iconmima6Vmm border-[2rpx] rounded-[50%] border-solid border-[#ddd] !text-[26rpx]"></text>
|
|
|
- <text v-if="type == 'username' && configStore.login.is_username" @click="type = 'mobile'" class="w-[66rpx] h-[66rpx] flex items-center justify-center iconfont iconshouji6Vmm border-[2rpx] rounded-[50%] border-solid border-[#ddd] !text-[26rpx]"></text>
|
|
|
- </view>
|
|
|
- </view>
|
|
|
- </view>
|
|
|
- <uni-popup ref="popupRef" type="dialog">
|
|
|
- <view class="bg-[#fff] flex flex-col justify-between w-[600rpx] min-h-[280rpx] rounded-[var(--rounded-big)] box-border px-[35rpx] pt-[35rpx] pb-[8rpx] relative">
|
|
|
- <view class="flex justify-center">
|
|
|
- <text class="text-[33rpx] font-700"> 用户协议及隐私保护</text>
|
|
|
- </view>
|
|
|
- <view class="flex items-center mb-[20rpx] mt-[20rpx] py-[20rpx]" @click.stop="agreeChange">
|
|
|
- <view class="text-[26rpx] text-[var(--text-color-light6)] flex items-center flex-wrap">
|
|
|
- <text>{{ t('agreeTips') }}</text>
|
|
|
- <text @click.stop="redirect({ url: '/app/pages/auth/agreement?key=privacy' })" class="text-primary">《{{ t('privacyAgreement') }}》</text>
|
|
|
- <text>{{ t('and') }}</text>
|
|
|
- <text @click.stop="redirect({ url: '/app/pages/auth/agreement?key=service' })" class="text-primary">《{{ t('userAgreement') }}》</text>
|
|
|
- </view>
|
|
|
- </view>
|
|
|
- <view>
|
|
|
- <view class="w-[100%] flex justify-center bg-[var(--primary-color)] h-[70rpx] leading-[70rpx] text-[#fff] text-[26rpx] border-[0] font-500 rounded-[50rpx]" @click="dialogConfirm">同意并注册</view>
|
|
|
- <view class="w-[100%] flex justify-center h-[70rpx] leading-[70rpx] text-[#999] text-[24rpx] border-[0] font-500 rounded-[50rpx]" @click="dialogClose">不同意</view>
|
|
|
- </view>
|
|
|
- </view>
|
|
|
- </uni-popup>
|
|
|
- </view>
|
|
|
+ <view class="w-screen h-screen flex flex-col" :style="themeColor()">
|
|
|
+ <view class="mx-[60rpx]">
|
|
|
+ <view class="pt-[140rpx] text-[44rpx] font-500 text-[#333]">账号注册</view>
|
|
|
+ <view class="flex items-center justify-between mt-[24rpx] mb-[90rpx]">
|
|
|
+ <view class="text-[26rpx] text-[#333] leading-[34rpx]" @click="toLink">
|
|
|
+ <text>已有账号,</text>
|
|
|
+ <text class="text-primary">去登录</text>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ <u-form labelPosition="left" :model="formData" errorType="toast" :rules="rules" ref="formRef">
|
|
|
+ <view class="h-[88rpx] flex w-full items-center px-[30rpx] rounded-[40rpx] box-border bg-[#F6F6F6]">
|
|
|
+ <u-form-item label="" prop="purchaseName" :border-bottom="false">
|
|
|
+ <u-input v-model="formData.purchaseName" border="none" maxlength="40" placeholder="请输入姓名"
|
|
|
+ class="!bg-transparent" :disabled="real_name_input" fontSize="26rpx"
|
|
|
+ placeholderClass="!text-[var(--text-color-light9)] text-[26rpx]" />
|
|
|
+ </u-form-item>
|
|
|
+ </view>
|
|
|
+ <view
|
|
|
+ class="h-[88rpx] flex w-full items-center px-[30rpx] rounded-[40rpx] box-border bg-[#F6F6F6] mt-[40rpx]">
|
|
|
+ <u-form-item label="" prop="customerName" :border-bottom="false">
|
|
|
+ <u-input v-model="formData.customerName" border="none" maxlength="40" placeholder="请输入企业全称"
|
|
|
+ class="!bg-transparent" :disabled="real_name_input" fontSize="26rpx"
|
|
|
+ placeholderClass="!text-[var(--text-color-light9)] text-[26rpx]" />
|
|
|
+ </u-form-item>
|
|
|
+ </view>
|
|
|
+ <view
|
|
|
+ class="h-[88rpx] flex w-full items-center px-[30rpx] rounded-[40rpx] box-border bg-[#F6F6F6] mt-[40rpx]">
|
|
|
+ <u-form-item label="" prop="purchasePhone" :border-bottom="false">
|
|
|
+ <u-input v-model="formData.purchasePhone" border="none" maxlength="11" placeholder="请输入手机号"
|
|
|
+ class="!bg-transparent" :disabled="real_name_input" fontSize="26rpx"
|
|
|
+ placeholderClass="!text-[var(--text-color-light9)] text-[26rpx]" />
|
|
|
+ </u-form-item>
|
|
|
+ </view>
|
|
|
+ <view
|
|
|
+ class="h-[88rpx] flex w-full items-center px-[30rpx] rounded-[40rpx] box-border bg-[#F6F6F6] mt-[40rpx]">
|
|
|
+ <u-form-item label="" prop="code" :border-bottom="false">
|
|
|
+ <u-input v-model="formData.code" border="none" maxlength="40" placeholder="请输入验证码"
|
|
|
+ class="!bg-transparent" :disabled="real_name_input" fontSize="26rpx"
|
|
|
+ placeholderClass="!text-[var(--text-color-light9)] text-[26rpx]">
|
|
|
+ <template #suffix>
|
|
|
+ <up-code ref="uCodeRef" @change="codeChange" seconds="60" changeText="X秒重新获取"></up-code>
|
|
|
+ <up-button class="!bg-[var(--primary-color)] !text-[#fff]" @tap="getCode" :text="tips"
|
|
|
+ size="mini"></up-button>
|
|
|
+ </template></u-input>
|
|
|
+ </u-form-item>
|
|
|
+ </view>
|
|
|
+ <view
|
|
|
+ class="h-[88rpx] flex w-full items-center px-[30rpx] rounded-[40rpx] box-border bg-[#F6F6F6] mt-[40rpx]">
|
|
|
+ <u-form-item label="" prop="password" :border-bottom="false">
|
|
|
+ <u-input v-model="formData.password" border="none" :password="isPassword" maxlength="40"
|
|
|
+ placeholder="请输入密码" class="!bg-transparent" :disabled="real_name_input" fontSize="26rpx"
|
|
|
+ placeholderClass="!text-[var(--text-color-light9)] text-[26rpx]">
|
|
|
+ <template #suffix>
|
|
|
+ <view @click="changePassword" v-if="formData.password">
|
|
|
+ <u-icon :name="isPassword ? 'eye-off' : 'eye-fill'" color="#b9b9b9"
|
|
|
+ size="20"></u-icon>
|
|
|
+ </view>
|
|
|
+ </template>
|
|
|
+ </u-input>
|
|
|
+ </u-form-item>
|
|
|
+ </view>
|
|
|
+ <view
|
|
|
+ class="h-[88rpx] flex w-full items-center px-[30rpx] rounded-[40rpx] box-border bg-[#F6F6F6] mt-[40rpx]">
|
|
|
+ <u-form-item label="" prop="confirmPassword" :border-bottom="false">
|
|
|
+ <u-input v-model="formData.confirmPassword" border="none" :password="isConfirmPassword"
|
|
|
+ maxlength="40" placeholder="请再次输入密码" class="!bg-transparent" :disabled="real_name_input"
|
|
|
+ fontSize="26rpx" placeholderClass="!text-[var(--text-color-light9)] text-[26rpx]">
|
|
|
+ <template #suffix>
|
|
|
+ <view @click="changeConfirmPassword" v-if="formData.confirmPassword">
|
|
|
+ <u-icon :name="isConfirmPassword ? 'eye-off' : 'eye-fill'" color="#b9b9b9"
|
|
|
+ size="20"></u-icon>
|
|
|
+ </view>
|
|
|
+ </template>
|
|
|
+ </u-input>
|
|
|
+ </u-form-item>
|
|
|
+ </view>
|
|
|
+ </u-form>
|
|
|
+ <view class="mt-[140rpx]">
|
|
|
+ <button
|
|
|
+ class="w-full h-[80rpx] !bg-[var(--primary-color)] text-[26rpx] rounded-[40rpx] leading-[80rpx] font-500 !text-[#fff]"
|
|
|
+ @click="handleRegister">
|
|
|
+ 注册
|
|
|
+ </button>
|
|
|
+ <view class="flex items-center mt-[10rpx] mb-[40rpx] py-[14rpx]" @click.stop="agreeChange">
|
|
|
+ <u-checkbox-group @change="agreeChange">
|
|
|
+ <u-checkbox activeColor="var(--primary-color)" :checked="isAgree" shape="circle" size="24rpx" />
|
|
|
+ </u-checkbox-group>
|
|
|
+ <view
|
|
|
+ class="text-[24rpx] -ml-[4rpx] text-[var(--text-color-light6)] flex items-center flex-wrap leading-[30rpx]">
|
|
|
+ <text>我已阅读并同意</text>
|
|
|
+ <text @click.stop="
|
|
|
+ redirect({ url: '/app/pages/auth/agreement?key=privacy' })
|
|
|
+ " class="text-primary">《用户服务协议》</text>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
</template>
|
|
|
|
|
|
<script setup lang="ts">
|
|
|
-import { ref, reactive, computed, onMounted } from 'vue'
|
|
|
-import { usernameRegister, mobileRegister } from '@/app/api/auth'
|
|
|
-import useMemberStore from '@/stores/member'
|
|
|
-import useConfigStore from '@/stores/config'
|
|
|
-import { useLogin } from '@/hooks/useLogin'
|
|
|
-import { useCaptcha } from '@/hooks/useCaptcha'
|
|
|
-import { t } from '@/locale'
|
|
|
-import { redirect, getToken, pxToRpx } from '@/utils/common'
|
|
|
-import { onLoad } from '@dcloudio/uni-app';
|
|
|
-import { topTabar } from '@/utils/topTabbar'
|
|
|
-import useSystemStore from "@/stores/system";
|
|
|
+import { ref, reactive, computed, onMounted } from "vue";
|
|
|
+import { usernameRegister, mobileRegister, registerMiniCustomer } from "@/app/api/auth";
|
|
|
+import useMemberStore from "@/stores/member";
|
|
|
+import useConfigStore from "@/stores/config";
|
|
|
+import { t } from "@/locale";
|
|
|
+import { redirect, getToken, pxToRpx } from "@/utils/common";
|
|
|
+import { onLoad } from "@dcloudio/uni-app";
|
|
|
+import { smsCode } from '@/app/api/system'
|
|
|
|
|
|
-const systemStore = useSystemStore()
|
|
|
-/********* 自定义头部 - start ***********/
|
|
|
-const topTabarObj = topTabar()
|
|
|
-let param = topTabarObj.setTopTabbarParam({ title: '', topStatusBar: { bgColor: '#fff', textColor: '#333' } })
|
|
|
-/********* 自定义头部 - end ***********/
|
|
|
-const headerHeight = computed(() => {
|
|
|
- return Object.keys(systemStore.menuButtonInfo).length ? pxToRpx(Number(systemStore.menuButtonInfo.height)) + pxToRpx(systemStore.menuButtonInfo.top) + pxToRpx(8) + 'rpx' : 'auto'
|
|
|
-})
|
|
|
const formData = reactive({
|
|
|
- username: '',
|
|
|
- password: '',
|
|
|
- confirm_password: '',
|
|
|
- mobile: '',
|
|
|
- mobile_code: '',
|
|
|
- mobile_key: '',
|
|
|
- captcha_key: '',
|
|
|
- captcha_code: ''
|
|
|
-})
|
|
|
-const popupRef = ref()
|
|
|
-const dialogClose = () => {
|
|
|
- popupRef.value.close();
|
|
|
-}
|
|
|
-const dialogConfirm = () => {
|
|
|
- isAgree.value = true
|
|
|
- popupRef.value.close();
|
|
|
- handleRegister()
|
|
|
-}
|
|
|
+ purchaseName: "",
|
|
|
+ customerName: "",
|
|
|
+ purchasePhone: "",
|
|
|
+ code: "",
|
|
|
+ password: "",
|
|
|
+ confirmPassword: "",
|
|
|
+});
|
|
|
+
|
|
|
+const loading = ref(false)
|
|
|
const real_name_input = ref(true);
|
|
|
onMounted(() => {
|
|
|
- // 防止浏览器自动填充
|
|
|
- setTimeout(() => {
|
|
|
- real_name_input.value = false;
|
|
|
- }, 800)
|
|
|
+ // 防止浏览器自动填充
|
|
|
+ setTimeout(() => {
|
|
|
+ real_name_input.value = false;
|
|
|
+ }, 800);
|
|
|
});
|
|
|
-const isPassword = ref(true)
|
|
|
-const isConfirmPassword = ref(true)
|
|
|
+const isPassword = ref(true);
|
|
|
+const isConfirmPassword = ref(true);
|
|
|
const changePassword = () => {
|
|
|
- isPassword.value = !isPassword.value
|
|
|
-}
|
|
|
+ isPassword.value = !isPassword.value;
|
|
|
+};
|
|
|
|
|
|
const changeConfirmPassword = () => {
|
|
|
- isConfirmPassword.value = !isConfirmPassword.value
|
|
|
-}
|
|
|
-
|
|
|
-const memberStore = useMemberStore()
|
|
|
-const configStore = useConfigStore()
|
|
|
-const loginType = ref('')
|
|
|
-
|
|
|
-onLoad(async(option: any) => {
|
|
|
- await configStore.getLoginConfig()
|
|
|
- if (!getToken() && !configStore.login.is_username && !configStore.login.is_mobile && !configStore.login.is_bind_mobile) {
|
|
|
- uni.showToast({ title: '商家未开启普通账号注册', icon: 'none' })
|
|
|
- setTimeout(() => {
|
|
|
- redirect({ url: '/app/pages/index/index', mode: 'reLaunch' })
|
|
|
- }, 100)
|
|
|
- }
|
|
|
- // #ifdef H5
|
|
|
- uni.getStorageSync('openid') && (Object.assign(formData, { wx_openid: uni.getStorageSync('openid') }))
|
|
|
- // #endif
|
|
|
-
|
|
|
- // #ifdef MP-WEIXIN
|
|
|
- uni.getStorageSync('openid') && (Object.assign(formData, { weapp_openid: uni.getStorageSync('openid') }))
|
|
|
- // #endif
|
|
|
-
|
|
|
- uni.getStorageSync('pid') && (Object.assign(formData, { pid: uni.getStorageSync('pid') }))
|
|
|
+ isConfirmPassword.value = !isConfirmPassword.value;
|
|
|
+};
|
|
|
+const configStore = useConfigStore();
|
|
|
|
|
|
- if (configStore.login.is_username) {
|
|
|
- type.value = 'username'
|
|
|
- } else if ((configStore.login.is_mobile || configStore.login.is_bind_mobile)) {
|
|
|
- type.value = 'mobile'
|
|
|
- }
|
|
|
- loginType.value = option.type
|
|
|
-})
|
|
|
+const tips = ref('');
|
|
|
+const uCodeRef = ref<any>(null);
|
|
|
+// 获取验证码
|
|
|
+const codeChange = (text:any) => {
|
|
|
+ tips.value = text;
|
|
|
+};
|
|
|
+const getCode = () => {
|
|
|
+ if (uCodeRef.value.canGetCode) {
|
|
|
+ // 模拟向后端请求验证码
|
|
|
+ uni.showLoading({
|
|
|
+ title: '正在获取验证码',
|
|
|
+ });
|
|
|
+ smsCode({ phonenumber: formData.purchasePhone }).then((res: any) => {
|
|
|
+ if (res.code == 200) {
|
|
|
+ uni.hideLoading();
|
|
|
+ // 这里此提示会被start()方法中的提示覆盖
|
|
|
+ uni.$u.toast('验证码已发送');
|
|
|
+ // 通知验证码组件内部开始倒计时
|
|
|
+ uCodeRef.value.start();
|
|
|
+ }
|
|
|
+ }).catch(() => {
|
|
|
+ uni.hideLoading();
|
|
|
+ });
|
|
|
+ } else {
|
|
|
+ uni.$u.toast('倒计时结束后再发送');
|
|
|
+ }
|
|
|
+};
|
|
|
|
|
|
-const captcha = useCaptcha(formData)
|
|
|
-captcha.refresh()
|
|
|
-
|
|
|
-const loading = ref(false)
|
|
|
-
|
|
|
-const type = ref('')
|
|
|
const agreeChange = () => {
|
|
|
- isAgree.value = !isAgree.value
|
|
|
-}
|
|
|
-const registerType = computed(() => {
|
|
|
- const value = []
|
|
|
- configStore.login.is_username && (value.push({ type: 'username', title: t('usernameRegister') }))
|
|
|
- configStore.login.is_mobile && !configStore.login.is_bind_mobile && (value.push({
|
|
|
- type: 'mobile',
|
|
|
- title: t('mobileRegister')
|
|
|
- }))
|
|
|
- return value
|
|
|
-})
|
|
|
+ isAgree.value = !isAgree.value;
|
|
|
+};
|
|
|
|
|
|
const rules = computed(() => {
|
|
|
- return {
|
|
|
- 'username': [
|
|
|
- {
|
|
|
- type: 'string',
|
|
|
- required: type.value == 'username',
|
|
|
- message: t('usernamePlaceholder'),
|
|
|
- trigger: ['blur', 'change'],
|
|
|
- },
|
|
|
- {
|
|
|
- validator(rule: any, value: any) {
|
|
|
- return !uni.$u.test.number(value)
|
|
|
- },
|
|
|
- message: t('usernameTips'),
|
|
|
- trigger: ['change', 'blur'],
|
|
|
- }
|
|
|
- ],
|
|
|
- 'password': {
|
|
|
- type: 'string',
|
|
|
- required: type.value == 'username',
|
|
|
- message: t('passwordPlaceholder'),
|
|
|
- trigger: ['blur', 'change']
|
|
|
- },
|
|
|
- 'confirm_password': [
|
|
|
- {
|
|
|
- type: 'string',
|
|
|
- required: type.value == 'username',
|
|
|
- message: t('confirmPasswordPlaceholder'),
|
|
|
- trigger: ['blur', 'change']
|
|
|
- },
|
|
|
- {
|
|
|
- validator(rule: any, value: any) {
|
|
|
- return value == formData.password
|
|
|
- },
|
|
|
- message: t('confirmPasswordError'),
|
|
|
- trigger: ['change', 'blur'],
|
|
|
- }
|
|
|
- ],
|
|
|
- 'mobile': [
|
|
|
- {
|
|
|
- type: 'string',
|
|
|
- required: type.value == 'mobile' || configStore.login.is_bind_mobile,
|
|
|
- message: t('mobilePlaceholder'),
|
|
|
- trigger: ['blur', 'change'],
|
|
|
- },
|
|
|
- {
|
|
|
- validator(rule: any, value: any) {
|
|
|
- if (type.value != 'mobile' && !configStore.login.is_bind_mobile) return true
|
|
|
- else return uni.$u.test.mobile(value)
|
|
|
- },
|
|
|
- message: t('mobileError'),
|
|
|
- trigger: ['change', 'blur'],
|
|
|
- }
|
|
|
- ],
|
|
|
- 'mobile_code': {
|
|
|
- type: 'string',
|
|
|
- required: type.value == 'mobile' || configStore.login.is_bind_mobile,
|
|
|
- message: t('codePlaceholder'),
|
|
|
- trigger: ['blur', 'change']
|
|
|
- },
|
|
|
- 'captcha_code': {
|
|
|
- type: 'string',
|
|
|
- required: type.value == 'username',
|
|
|
- message: t('captchaPlaceholder'),
|
|
|
- trigger: ['blur', 'change'],
|
|
|
- }
|
|
|
- }
|
|
|
-})
|
|
|
+ return {
|
|
|
+ purchaseName: [
|
|
|
+ {
|
|
|
+ type: "string",
|
|
|
+ required: true,
|
|
|
+ message: '请输入姓名',
|
|
|
+ trigger: ["blur", "change"],
|
|
|
+ }
|
|
|
+ ],
|
|
|
+ customerName: [
|
|
|
+ {
|
|
|
+ type: "string",
|
|
|
+ required: true,
|
|
|
+ message: '请输入企业全称',
|
|
|
+ trigger: ["blur", "change"],
|
|
|
+ }
|
|
|
+ ],
|
|
|
+ purchasePhone: [
|
|
|
+ {
|
|
|
+ type: "string",
|
|
|
+ required: true,
|
|
|
+ message: '请输入手机号',
|
|
|
+ trigger: ["blur", "change"],
|
|
|
+ },
|
|
|
+ {
|
|
|
+ validator(rule: any, value: any) {
|
|
|
+ return uni.$u.test.mobile(value);
|
|
|
+ },
|
|
|
+ message: '请输入正确的手机号',
|
|
|
+ trigger: ["change", "blur"],
|
|
|
+ },
|
|
|
+ ],
|
|
|
+ password: {
|
|
|
+ type: "string",
|
|
|
+ required: true,
|
|
|
+ message: '请输入密码',
|
|
|
+ trigger: ["blur", "change"],
|
|
|
+ },
|
|
|
+ confirmPassword: [
|
|
|
+ {
|
|
|
+ type: "string",
|
|
|
+ required: true,
|
|
|
+ message: "请再次输入密码",
|
|
|
+ trigger: ["blur", "change"],
|
|
|
+ },
|
|
|
+ {
|
|
|
+ validator(rule: any, value: any) {
|
|
|
+ return value == formData.password;
|
|
|
+ },
|
|
|
+ message: "两次输入的密码不一致",
|
|
|
+ trigger: ["change", "blur"],
|
|
|
+ },
|
|
|
+ ],
|
|
|
|
|
|
-const isAgree = ref(false)
|
|
|
+ code: {
|
|
|
+ type: "string",
|
|
|
+ required: true,
|
|
|
+ message: "请输入验证码",
|
|
|
+ trigger: ["blur", "change"],
|
|
|
+ }
|
|
|
+ };
|
|
|
+});
|
|
|
|
|
|
+const isAgree = ref(false);
|
|
|
const formRef: any = ref(null)
|
|
|
-
|
|
|
const handleRegister = () => {
|
|
|
- formRef.value.validate().then(() => {
|
|
|
- if (configStore.login.agreement_show && !isAgree.value) {
|
|
|
- popupRef.value.open();
|
|
|
- return false;
|
|
|
- }
|
|
|
- if (loading.value) return
|
|
|
- loading.value = true
|
|
|
+ formRef.value.validate().then(() => {
|
|
|
+ if (!isAgree.value) {
|
|
|
+ uni.$u.toast('请勾选并阅读用户协议');
|
|
|
+ return false;
|
|
|
+ }
|
|
|
+ if (loading.value) return;
|
|
|
+ loading.value = true;
|
|
|
|
|
|
- const register = type.value == 'username' ? usernameRegister : mobileRegister
|
|
|
-
|
|
|
- register(formData).then((res: any) => {
|
|
|
- memberStore.setToken(res.data.token)
|
|
|
- useLogin().handleLoginBack()
|
|
|
- }).catch(() => {
|
|
|
- loading.value = false
|
|
|
- captcha.refresh()
|
|
|
- })
|
|
|
- })
|
|
|
-}
|
|
|
+ registerMiniCustomer(formData)
|
|
|
+ .then((res : any) => {
|
|
|
+ if (res.code == 200) {
|
|
|
+ redirect({ url: '/wap/app/pages/auth/login', mode: 'redirectTo' })
|
|
|
+ // memberStore.setToken(res.data.token);
|
|
|
+ }
|
|
|
+ //
|
|
|
+ // useLogin().handleLoginBack();
|
|
|
+ })
|
|
|
+ .catch(() => {
|
|
|
+ loading.value = false;
|
|
|
+ });
|
|
|
+ });
|
|
|
+};
|
|
|
const toLink = () => {
|
|
|
- const pages = getCurrentPages(); // 获取页面栈
|
|
|
- if (pages.length > 1) {
|
|
|
- const currentPage = pages[pages.length - 2].route;
|
|
|
- if (currentPage == 'app/pages/auth/login') {
|
|
|
- // 返回上一页
|
|
|
- uni.navigateBack({
|
|
|
- delta: 1 // 默认值是1，表示返回的页面层数
|
|
|
- });
|
|
|
- } else {
|
|
|
- redirect({ url: '/app/pages/auth/login', mode: 'redirectTo' })
|
|
|
- }
|
|
|
- } else {
|
|
|
- redirect({ url: '/app/pages/auth/login', mode: 'redirectTo' })
|
|
|
- }
|
|
|
-
|
|
|
-}
|
|
|
+ const pages = getCurrentPages(); // 获取页面栈
|
|
|
+ if (pages.length > 1) {
|
|
|
+ const currentPage = pages[pages.length - 2].route;
|
|
|
+ if (currentPage == "app/pages/auth/login") {
|
|
|
+ // 返回上一页
|
|
|
+ uni.navigateBack({
|
|
|
+ delta: 1, // 默认值是1，表示返回的页面层数
|
|
|
+ });
|
|
|
+ } else {
|
|
|
+ redirect({ url: "/app/pages/auth/login", mode: "redirectTo" });
|
|
|
+ }
|
|
|
+ } else {
|
|
|
+ redirect({ url: "/app/pages/auth/login", mode: "redirectTo" });
|
|
|
+ }
|
|
|
+};
|
|
|
</script>
|
|
|
|
|
|
<style lang="scss" scoped>
|
|
|
:deep(.u-input) {
|
|
|
- background-color: transparent !important;
|
|
|
+ background-color: transparent !important;
|
|
|
}
|
|
|
|
|
|
:deep(.u-form-item) {
|
|
|
- flex: 1;
|
|
|
+ flex: 1;
|
|
|
|
|
|
- .u-line {
|
|
|
- display: none;
|
|
|
- }
|
|
|
+ .u-line {
|
|
|
+ display: none;
|
|
|
+ }
|
|
|
|
|
|
- .u-input__content__subfix-icon {
|
|
|
- display: flex;
|
|
|
- align-items: center;
|
|
|
- }
|
|
|
+ .u-input__content__subfix-icon {
|
|
|
+ display: flex;
|
|
|
+ align-items: center;
|
|
|
+ }
|
|
|
}
|
|
|
|
|
|
:deep(.u-checkbox) {
|
|
|
- margin: 0 !important;
|
|
|
+ margin: 0 !important;
|
|
|
}
|
|
|
+
|
|
|
.footer {
|
|
|
- padding-bottom: calc(151rpx + constant(safe-area-inset-bottom));
|
|
|
- padding-bottom: calc(151rpx + env(safe-area-inset-bottom));
|
|
|
+ padding-bottom: calc(151rpx + constant(safe-area-inset-bottom));
|
|
|
+ padding-bottom: calc(151rpx + env(safe-area-inset-bottom));
|
|
|
}
|
|
|
-</style>
|
|
|
+</style>
|
weixin_52219567