| | |
| | | <div class="login_box"> |
| | | <div class="sign_in"> |
| | | <i class="ywicon icon-guanbi closes" @click="handleClose"></i> |
| | | <h1><span>登录 WI 水务</span></h1> |
| | | <h1><span>登录 WI 水务智能</span></h1> |
| | | <el-tabs v-model="state.activeLoginName" class="mt-[24px]" @tab-change="handleUserClick"> |
| | | <el-tab-pane label="账户密码登录" name="accountUser"> |
| | | <el-form |
| | |
| | | </template> |
| | | |
| | | <script setup lang="ts"> |
| | | import type { FormInstance } from 'element-plus'; |
| | | import { ElMessage, type FormInstance } from 'element-plus'; |
| | | import { computed, onMounted, reactive, ref, watchEffect } from 'vue'; |
| | | import { PostLogin, loginMessageUser, loginVerifyMessage } from '/@/api/ai/user'; |
| | | import router from '/@/router'; |
| | |
| | | verifyCode: [{ required: true, message: '请输入验证码', trigger: 'blur' }], |
| | | }; |
| | | const handleClick = (item) => { |
| | | if(!item.routerName) return; |
| | | gotoRoute({ name: item.routerName }); |
| | | }; |
| | | //登录 |
| | |
| | | user: state.loginForm.account, |
| | | pass: state.loginForm.pwd, |
| | | }); |
| | | if (!res.json_ok) { |
| | | return ElMessage.error(res.json_msg); |
| | | } |
| | | |
| | | LoginInfo.set(res.hswatersession, state.loginForm.account); |
| | | } else if (state.activeLoginName === 'phoneUser') { |
| | |
| | | phone: state.loginPhoneForm.phoneUser, |
| | | code: state.loginPhoneForm.verifyCode, |
| | | }); |
| | | |
| | | if (!res.json_ok) { |
| | | return ElMessage.error(res.json_msg); |
| | | } |
| | | LoginInfo.set(res.hswatersession, state.loginPhoneForm.phoneUser); |
| | | } |
| | | |
| | | state.isShowLogin = false; |
| | | isLoginStatus.value = true; |
| | | window.location.reload(); |