WI/Web.Admin.V1.0.git

			@@ -24,11 +24,13 @@
			</el-col>
			<el-col :span="1"></el-col>
			<el-col :span="8">
			<el-button v-waves class="login-content-code" @click="sendSMS">{{ sendCodeMsg }}</el-button>
			<el-button v-waves class="login-content-code" @click="sendSMS" :disabled="state.ruleForm.countNum > 0">{{
			state.ruleForm.countNum > 0 ? `${state.ruleForm.countNum}秒后重试` : '获取验证码'
			}}</el-button>
			</el-col>
			</el-form-item>
			<el-form-item class="login-animation3">
			<el-button round type="primary" v-waves class="login-content-submit">
			<el-button round type="primary" v-waves class="login-content-submit" @click="onSignIn">
			<span>{{ $t('message.mobile.btnText') }}</span>
			</el-button>
			</el-form-item>
			@@ -39,10 +41,9 @@
			<script setup lang="ts" name="loginMobile">
			import { FormInstance, FormRules } from 'element-plus';
			import { reactive, ref } from 'vue';
			import { verifyPhone } from '/@/utils/toolsValidate';
			import { loginVerifyMessage } from '/@/api/ai/user';
			import { computed } from 'vue';

			import { PostPhoneLogin, loginVerifyMessage } from '/@/api/ai/user';
			import { accessSessionKey } from '/@/utils/request';
			import { Local } from '/@/utils/storage';
			// 定义变量内容
			const state = reactive({
			ruleForm: {
			@@ -53,27 +54,19 @@
			},
			});

			const validatePhoneNum = (_rule: any, value: any, callback: any) => {
			if (!value) {
			callback('请输入手机号');
			} else if (!verifyPhone(value)) {
			callback(new Error('请输入正确的手机号'));
			} else {
			callback();
			}
			};
			const formRules = ref<FormRules>({
			code: [{ required: true, message: '请输入验证码', trigger: 'blur' }],
			userName: [{ required: true, validator: validatePhoneNum, trigger: 'blur' }],
			userName: [
			{ required: true, message: '请输入手机号码', trigger: 'blur' },
			{ pattern: /^1\d{10}$/, message: '请输入正确的手机号码', trigger: 'blur' },
			],
			});
			function stopCount() {
			state.ruleForm.countNum = null;
			clearInterval(state.ruleForm.countTimer);
			}

			const hasSended = computed(() => state.ruleForm.countNum !== null);
			const sendCodeMsg = computed(() => (hasSended ? '获取验证码' : `${state.ruleForm.countNum} 秒后重试`));
			function startCount() {
			const startCount = () => {
			stopCount();
			state.ruleForm.countNum = 60;
			state.ruleForm.countTimer = setInterval(() => {
			@@ -84,7 +77,7 @@
			}
			state.ruleForm.countNum--;
			}, 1000);
			}
			};

			const dialogFormRef = ref<FormInstance>(null);

			@@ -107,6 +100,53 @@
			);

			startCount();
			};
			const LOGIN_CLIENT = '后台管理';
			// 登录
			const onSignIn = async () => {
			dialogFormRef.value.validate(async (valid) => {
			if (!valid) return false;
			let params = {
			phone: state.ruleForm.userName,
			code: state.ruleForm.code,
			client: LOGIN_CLIENT,
			};
			const res = await PostPhoneLogin(params, {
			noAuth: true,
			loading: false,
			});

			Local.set(accessSessionKey, res.hswatersession);
			return
			await useUserInfo().setUserInfos({
			userName: ruleForm.value.account,
			phoneNumber: '',
			photo: profileMan,
			}); //缓存用户信息
			state.loading.signIn = true;
			if (!themeConfig.value.isRequestRoutes) {
			// 前端控制路由，2、请注意执行顺序
			const isNoPower = await initFrontEndControlRoutes();
			// console.log(isNoPower,172)
			signInSuccess(isNoPower);
			} else {
			// 模拟后端控制路由，isRequestRoutes 为 true，则开启后端控制路由
			// 添加完动态路由，再进行 router 跳转，否则可能报错 No match found for location with path "/"
			const isNoPower = await initBackEndControlRoutes();
			// 执行完 initBackEndControlRoutes，再执行 signInSuccess
			// console.log(isNoPower,178)
			signInSuccess(isNoPower);
			}

			// 登录校验
			// await apiSysAuthLoginPost(params)
			// .then(async (res: any) => {

			// })
			// .catch((err: any) => {
			// console.log(err);
			// });
			});
			};
			</script>

			@@ -137,3 +177,5 @@
			}
			}
			</style>
			import { initBackEndControlRoutes } from '/@/router/backEnd'; import { initFrontEndControlRoutes } from '/@/router/frontEnd'; import {
			useUserInfo } from '/@/stores/userInfo';

			@@ -26,7 +26,7 @@
			<el-tab-pane :label="$t('message.label.one1')" name="account">
			<Account />
			</el-tab-pane>
			<el-tab-pane :label="$t('message.label.two2')" name="mobile" disabled>
			<el-tab-pane :label="$t('message.label.two2')" name="mobile">
			<Mobile />
			</el-tab-pane>
			</el-tabs>
			@@ -46,13 +46,13 @@
			</template>

			<script setup lang="ts" name="loginIndex">
			import { defineAsyncComponent, onMounted, reactive, computed, ref } from 'vue';
			import { storeToRefs } from 'pinia';
			import { computed, defineAsyncComponent, onMounted, reactive } from 'vue';
			import { useRoute } from 'vue-router';
			import { useThemeConfig } from '/@/stores/themeConfig';
			import { NextLoading } from '/@/utils/loading';
			const storesThemeConfig = useThemeConfig();
			const { themeConfig } = storeToRefs(storesThemeConfig);
			import { useRoute } from 'vue-router';

			// 引入组件
			const Account = defineAsyncComponent(() => import('/@/views/login/component/account.vue'));
			@@ -86,6 +86,7 @@
			// state.isScan = !state.isScan;
			return;
			};

			</script>

			<style scoped lang="scss">

	src/api/ai/user.ts	11 ●●●●● 补丁 \| 查看 \| 原始文档 \| blame \| 历史
	src/views/login/component/mobile.vue	82 ●●●●● 补丁 \| 查看 \| 原始文档 \| blame \| 历史
	src/views/login/index_yw.vue	7 ●●●●● 补丁 \| 查看 \| 原始文档 \| blame \| 历史

			@@ -2,7 +2,7 @@
			import request from '/@/utils/request';

			export const TEL_LOGIN_URL = '/send_login_sms';

			//账户密码登录
			export const PostLogin = async (params, extraData: ExtraConfig = {}) => {
			return request({
			url: '/login',
			@@ -24,3 +24,12 @@
			...extraData,
			});
			};
			//手机号登录
			export const PostPhoneLogin = async (params, extraData: ExtraConfig = {}) => {
			return request({
			url: '/login_sms',
			method: 'POST',
			data: params,
			...extraData,
			});
			};