微调

frontend/src/stores/modules/dict.ts

@@ -1,4 +1,4 @@
-import type { Dict } from './../../api/interface/index';
+import type { Dict } from './../../api/interface/index'
 import { defineStore } from 'pinia'
 import piniaPersistConfig from '@/stores/helper/persist'
 import { DICT_STORE_KEY } from '@/stores/constant'
@@ -6,36 +6,24 @@ import { DICT_STORE_KEY } from '@/stores/constant'
 //import dictData from '@/api/system/dictData'
 import { getDictList } from '@/api/user/login.ts'
 
-// 初始值设为空数组
-let dictData: Dict[] = [];
-
-async function fetchDictData() {
-  try {
-    const response = await getDictList();
-    dictData = response.data as unknown as Dict[];
-    console.log('Fetched dictionary data:', dictData);
-  } catch (error) {
-    console.error('Failed to fetch dictionary data:', error);
-  }
-}
-
-fetchDictData();
-
 export const useDictStore = defineStore({
     id: DICT_STORE_KEY,
     state: () => ({
-    dictData,
+        dictData: [],
     }),
     getters: {},
     actions: {
         // 获取字典数据数组，如果为空则返回空数组
         getDictData(code: string) {
-      const dict = this.dictData.find(item => item.code === code )
-      return dict?.children || [];
+            if (!this.dictData.length) {
+                return []
+            }
+            const dict = this.dictData.find(item => item.code === code)
+            return dict?.children || []
         },
         // 初始化获取全部字典数据并缓存
-    async initDictData() {
-      await fetchDictData();
+        async initDictData(initData: Dict[]) {
+            this.dictData = initData
         },
     },
     persist: piniaPersistConfig(DICT_STORE_KEY),

frontend/src/views/login/components/LoginForm.vue

@@ -1,146 +1,153 @@
 <template>
   <el-form
-    ref="loginFormRef"
-    :model="loginForm"
-    :rules="loginRules"
-    size="large"
+      ref='loginFormRef'
+      :model='loginForm'
+      :rules='loginRules'
+      size='large'
   >
-    <el-form-item prop="username">
-      <el-input v-model="loginForm.username" placeholder="用户名">
+    <el-form-item prop='username'>
+      <el-input v-model='loginForm.username' placeholder='用户名'>
         <template #prefix>
-          <el-icon class="el-input__icon">
+          <el-icon class='el-input__icon'>
             <user />
           </el-icon>
         </template>
       </el-input>
     </el-form-item>
-    <el-form-item prop="password">
+    <el-form-item prop='password'>
       <el-input
-        v-model="loginForm.password"
-        type="password"
-        placeholder="密码"
+          v-model='loginForm.password'
+          type='password'
+          placeholder='密码'
           show-password
-        autocomplete="new-password"
+          autocomplete='new-password'
       >
         <template #prefix>
-          <el-icon class="el-input__icon">
+          <el-icon class='el-input__icon'>
             <lock />
           </el-icon>
         </template>
       </el-input>
     </el-form-item>
   </el-form>
-  <div class="login-btn">
+  <div class='login-btn'>
     <el-button
-      :icon="UserFilled"
+        :icon='UserFilled'
         round
-      size="large"
-      type="primary"
-      :loading="loading"
-      @click="login(loginFormRef)"
+        size='large'
+        type='primary'
+        :loading='loading'
+        @click='login(loginFormRef)'
     >
       登录
     </el-button>
     <el-button
-      :icon="CircleClose"
+        :icon='CircleClose'
         round
-      size="large"
-      @click="resetForm(loginFormRef)"
+        size='large'
+        @click='resetForm(loginFormRef)'
     >
       重置
     </el-button>
   </div>
 </template>
 
-<script setup lang="ts">
-import { useRouter } from "vue-router";
-import { HOME_URL } from "@/config";
-import { getTimeState } from "@/utils";
-import { Login } from "@/api/interface";
-import { ElNotification } from "element-plus";
-import { loginApi } from "@/api/user/login";
-import { useUserStore } from "@/stores/modules/user";
-import { useTabsStore } from "@/stores/modules/tabs";
-import { useKeepAliveStore } from "@/stores/modules/keepAlive";
-import { initDynamicRouter } from "@/routers/modules/dynamicRouter";
-import { CircleClose, UserFilled } from "@element-plus/icons-vue";
-import { useAuthStore } from "@/stores/modules/auth";
-import type { ElForm } from "element-plus";
-import md5 from "md5";
-const authStore = useAuthStore();
-const router = useRouter();
-const userStore = useUserStore();
-const tabsStore = useTabsStore();
-const keepAliveStore = useKeepAliveStore();
+<script setup lang='ts'>
+import { useRouter } from 'vue-router'
+import { HOME_URL } from '@/config'
+import { getTimeState } from '@/utils'
+import { Dict, Login } from '@/api/interface'
+import { ElNotification } from 'element-plus'
+import { getDictList, loginApi } from '@/api/user/login'
+import { useUserStore } from '@/stores/modules/user'
+import { useTabsStore } from '@/stores/modules/tabs'
+import { useKeepAliveStore } from '@/stores/modules/keepAlive'
+import { initDynamicRouter } from '@/routers/modules/dynamicRouter'
+import { CircleClose, UserFilled } from '@element-plus/icons-vue'
+import { useAuthStore } from '@/stores/modules/auth'
+import type { ElForm } from 'element-plus'
+import md5 from 'md5'
+
+const authStore = useAuthStore()
+const router = useRouter()
+const userStore = useUserStore()
+const tabsStore = useTabsStore()
+const keepAliveStore = useKeepAliveStore()
+import { useDictStore } from '@/stores/modules/dict'
+
+const dictStore = useDictStore()
+
 
 type FormInstance = InstanceType<typeof ElForm>;
-const loginFormRef = ref<FormInstance>();
+const loginFormRef = ref<FormInstance>()
 const loginRules = reactive({
-  username: [{ required: true, message: "请输入用户名", trigger: "blur" }],
-  password: [{ required: true, message: "请输入密码", trigger: "blur" }],
-});
+  username: [{ required: true, message: '请输入用户名', trigger: 'blur' }],
+  password: [{ required: true, message: '请输入密码', trigger: 'blur' }],
+})
 
-const loading = ref(false);
+const loading = ref(false)
 const loginForm = reactive<Login.ReqLoginForm>({
-  username: "",
-  password: "",
-});
+  username: '',
+  password: '',
+})
 
 // login
 const login = (formEl: FormInstance | undefined) => {
-  if (!formEl) return;
+  if (!formEl) return
   formEl.validate(async (valid) => {
-    if (!valid) return;
-    loading.value = true;
+    if (!valid) return
+    loading.value = true
     try {
       // 1.执行登录接口
       const { data } = await loginApi({
         ...loginForm,
         password: md5(loginForm.password),
-      });
-      userStore.setToken(data.accessToken);
-
+      })
+      userStore.setToken(data.accessToken)
+      const response = await getDictList()
+      const dictData = response.data as unknown as Dict[]
+      await dictStore.initDictData(dictData)
       // 2.添加动态路由
-      await initDynamicRouter();
+      await initDynamicRouter()
 
       // 3.清空 tabs、keepAlive 数据
-      tabsStore.setTabs([]);
-      keepAliveStore.setKeepAliveName([]);
+      tabsStore.setTabs([])
+      keepAliveStore.setKeepAliveName([])
 
       // 4.跳转到首页
-      router.push(HOME_URL);
+      router.push(HOME_URL)
       // 5.登录默认不显示菜单和导航栏
-      authStore.resetAuthStore();
+      authStore.resetAuthStore()
       ElNotification({
         title: getTimeState(),
-        message: "登录成功",
-        type: "success",
+        message: '登录成功',
+        type: 'success',
         duration: 3000,
-      });
+      })
     } finally {
-      loading.value = false;
+      loading.value = false
     }
-  });
-};
+  })
+}
 
 // resetForm
 const resetForm = (formEl: FormInstance | undefined) => {
-  if (!formEl) return;
-  formEl.resetFields();
-};
+  if (!formEl) return
+  formEl.resetFields()
+}
 
 onMounted(() => {
   // 监听 enter 事件（调用登录）
   document.onkeydown = (e: KeyboardEvent) => {
-    e = (window.event as KeyboardEvent) || e;
-    if (e.code === "Enter" || e.code === "enter" || e.code === "NumpadEnter") {
-      if (loading.value) return;
-      login(loginFormRef.value);
+    e = (window.event as KeyboardEvent) || e
+    if (e.code === 'Enter' || e.code === 'enter' || e.code === 'NumpadEnter') {
+      if (loading.value) return
+      login(loginFormRef.value)
     }
-  };
-});
+  }
+})
 </script>
 
-<style scoped lang="scss">
+<style scoped lang='scss'>
 @import "../index.scss";
 </style>

frontend/src/views/login/index.vue

@@ -20,6 +20,7 @@
 <script setup lang="ts" name="login">
 import LoginForm from "./components/LoginForm.vue";
 const title = import.meta.env.VITE_GLOB_APP_TITLE;
+
 </script>
 
 <style scoped lang="scss">

frontend/src/views/system/dictionary/dictPq/components/pqPopup.vue

@@ -169,6 +169,7 @@
   import { useDictStore } from '@/stores/modules/dict'
 import { getDictList } from '@/api/user/login.ts'
   const dictStore = useDictStore()
+
   // 定义弹出组件元信息
   const dialogFormRef = ref()
   const options = [
@@ -269,7 +270,7 @@ import { getDictList } from '@/api/user/login.ts'
   const open = (sign: string, data: Dict.ResDictPq) => {
     titleType.value = sign
     dialogVisible.value = true
-   
+    console.log('123456',dictStore.getDictData('High_Cate'))
     if (data.id) {
       formContent.value = { ...data }
     } else {