WI/Web.V1.0.git

			@@ -21,14 +21,14 @@
			><span class="user_name"> {{ userName }} </span></span
			><span ref="toggleExitLoginBtnRef"
			><span
			class="ywicon text-white"
			:class="{ 'icon-fold': !state.isShowExitLogin, 'icon-unfold': state.isShowExitLogin }"
			class="ywifont text-white"
			:class="{ 'ywicon-fold': !state.isShowExitLogin, 'ywicon-unfold': state.isShowExitLogin }"
			@click="toggleShowExitLogin"
			></span
			></span>
			</div>
			<div class="pop_up actived" v-show="state.isShowExitLogin">
			<div class="exit" @click="logoutClick"><i class="ywicon icon-tuichu"></i> 退出登录</div>
			<div class="exit" @click="logoutClick"><i class="ywifont ywicon-tuichu"></i> 退出登录</div>
			</div>
			</div>
			<div v-else class="user_login">
			@@ -40,7 +40,7 @@
			<div class="pc-login items-center justify-center" style="display: flex" v-show="state.isShowLogin">
			<div class="login_box">
			<div class="sign_in">
			<i class="ywicon icon-guanbi closes" @click="handleClose"></i>
			<i class="ywifont ywicon-guanbi closes" @click="handleClose"></i>
			<h1><span>登录 WI 水务智能</span></h1>
			<el-tabs v-model="state.activeLoginName" class="mt-[24px]" @tab-change="handleUserClick">
			<el-tab-pane label="账户密码登录" name="accountUser">
			@@ -75,9 +75,7 @@
			<el-form-item prop="verifyCode" label="验证码">
			<el-input v-model="state.loginPhoneForm.verifyCode" placeholder="请输入四位验证码" maxlength="6" clearable>
			<template #append>
			<el-button type="primary" @click="handleSendVerifyCode" :disabled="countdown > 0">{{
			countdown > 0 ? `${countdown}秒后重试` : '获取验证码'
			}}</el-button>
			<el-button type="primary" @click="handleSendVerifyCode" :disabled="hasSended">{{ sendCodeMsg }}</el-button>
			</template>
			</el-input>
			</el-form-item>
			@@ -102,11 +100,12 @@
			import { accessSessionKey, userNameKey } from '/@/utils/request';
			import { gotoRoute } from '/@/utils/route';
			import { Local, LoginInfo } from '/@/utils/storage';
			import { isSharePage } from '/@/stores/chatRoom';
			const loginFormRef = ref<FormInstance>(null); //账户密码登录
			const formPhoneRef = ref(); //手机号登录
			const isLoginStatus = ref(!!Local.get(accessSessionKey));
			const userName = ref('');
			const countdown = ref(0);
			const countdown = ref(null);
			const firstUserCharacter = computed(() => userName.value?.[0]?.toUpperCase());
			watchEffect(() => {
			if (!isLoginStatus.value) return;
			@@ -114,23 +113,23 @@
			});
			let state = reactive({
			asideTitleList: [
			{
			id: 1,
			icon: '/static/images/wave/AsideIcon.png',
			title: '应用场景',
			routerName: 'AllScenario',
			},
			{
			id: 2,
			icon: '/static/images/wave/AsideIcon.png',
			title: '帮助中心',
			// routerName:'Scenario',
			},
			{
			id: 3,
			icon: '/static/images/wave/AsideIcon.png',
			title: '个人设置',
			},
			// {
			// id: 1,
			// icon: '/static/images/wave/AsideIcon.png',
			// title: '应用场景',
			// routerName: 'AllScenario',
			// },
			// {
			// id: 2,
			// icon: '/static/images/wave/AsideIcon.png',
			// title: '帮助中心',
			// // routerName:'Scenario',
			// },
			// {
			// id: 3,
			// icon: '/static/images/wave/AsideIcon.png',
			// title: '个人设置',
			// },
			{
			id: 4,
			icon: '/static/images/wave/AsideIcon.png',
			@@ -162,16 +161,26 @@
			verifyCode: [{ required: true, message: '请输入验证码', trigger: 'blur' }],
			};
			const handleClick = (item) => {
			if(!item.routerName) return;
			if (!item.routerName) return;
			gotoRoute({ name: item.routerName });
			};
			const LOGIN_CLIENT = 'Web端';

			//登录
			const openLoginDlg = async () => {
			// 分享页不需要
			if (isSharePage.value) return;
			state.isShowLogin = true;
			};
			const handleClose = () => {
			state.isShowLogin = false;
			};
			const hasSended = computed(() => {
			return countdown.value !== null;
			});
			const sendCodeMsg = computed(() => {
			return !hasSended.value ? '获取验证码' : `${countdown.value} 秒后重试`;
			});
			//登录
			const onSubmit = async () => {
			if (state.activeLoginName === 'accountUser') {
			@@ -181,6 +190,7 @@
			const res = await PostLogin({
			user: state.loginForm.account,
			pass: state.loginForm.pwd,
			client: LOGIN_CLIENT,
			});
			if (!res.json_ok) {
			return ElMessage.error(res.json_msg);
			@@ -194,6 +204,7 @@
			const res = await loginMessageUser({
			phone: state.loginPhoneForm.phoneUser,
			code: state.loginPhoneForm.verifyCode,
			client: LOGIN_CLIENT,
			});
			if (!res.json_ok) {
			return ElMessage.error(res.json_msg);