新增focus指令

yangyin

2024-12-16 74a952dad2aed7a62f3ba53ee663f1ec9f2b5ffc

 src/layout/component/login/Login.vue

@@ -1,5 +1,6 @@
<template>
   <div class="pc-login items-center justify-center" style="display: flex" v-show="isShowLogin">
   <div class="pc-login" v-if="isShowLogin">
      <div class="items-center justify-center flex">
      <div class="login_box">
         <div class="sign_in">
            <i class="ywifont ywicon-guanbi closes" @click="handleClose"></i>
@@ -14,7 +15,7 @@
                     size="large"
                  >
                     <el-form-item label="账号" prop="account">
                        <el-input v-model="state.loginForm.account" clearable />
                           <el-input v-model="state.loginForm.account" clearable v-focus />
                     </el-form-item>
                     <el-form-item label="密码" prop="pwd">
                        <el-input v-model="state.loginForm.pwd" type="password" autocomplete="off" clearable />
@@ -51,13 +52,13 @@
         </div>
      </div>
   </div>
   </div>
</template>
<script setup lang="ts">
import { ElMessage, type FormInstance } from 'element-plus';
import { computed, reactive, ref } from 'vue';
import { PostLogin, loginMessageUser, loginVerifyMessage } from '/@/api/ai/user';
import { isLoginStatus, isShowLogin, userInfo } from '/@/stores/chatRoom';

import { LoginInfo } from '/@/utils/storage';

const handleClose = () => {
@@ -67,8 +68,6 @@
//切换用户登录页面
const handleUserClick = (item) => {
   state.activeLoginName = item;
   // formPhoneRef?.value?.resetFields();
   // loginFormRef.value.resetFields();
};
const state = reactive({
   activeLoginName: 'accountUser',
@@ -131,7 +130,6 @@
      }
      LoginInfo.set(res.hswatersession, state.loginPhoneForm.phoneUser);
      userInfo.set(res);

   }
   isShowLogin.value = false;
   isLoginStatus.value = true;