refactor: ♻️ 项目重构(临时提交)

Former-commit-id: 14e64324f7556c095c38ad289690367cdac0ec56

src/views/login/index.vue

@@ -18,10 +18,8 @@
       class="z-1 !border-none w-100 !bg-transparent !rounded-4% <sm:w-83"
     >
       <div class="text-center relative">
-        <h2>{{ defaultSettings.title }}</h2>
-        <el-tag class="ml-2 absolute top-0 right-0">{{
-          defaultSettings.version
-        }}</el-tag>
+        <h2>{{ title }}</h2>
+        <el-tag class="ml-2 absolute top-0 right-0">{{ version }}</el-tag>
       </div>
       <el-form
         ref="loginFormRef"
@@ -147,12 +145,13 @@ import { useAppStore } from "@/store/modules/app";
 import { LocationQuery, LocationQueryValue, useRoute } from "vue-router";
 import { getCaptchaApi } from "@/api/auth";
 import { LoginData } from "@/api/auth/types";
-import defaultSettings from "@/settings";
 
+const settingsStore = useSettingsStore();
+
+const { title, version } = settingsStore;
 /**
  * 明亮/暗黑主题切换
  */
-const settingsStore = useSettingsStore();
 const isDark = ref<boolean>(settingsStore.theme === "dark");
 const handleThemeChange = (isDark: any) => {
   useToggle(isDark);

src/views/system/dept/index.vue

@@ -20,9 +20,10 @@ const deptFormRef = ref(ElForm);
 
 const loading = ref(false);
 const ids = ref<number[]>([]);
-const dialog = reactive<DialogOption>({
+const dialog = {
+  title: "",
   visible: false,
-});
+};
 
 const queryParams = reactive<DeptQuery>({});
 const deptList = ref<DeptVO[]>();

src/views/system/dict/components/dict-item.vue

@@ -53,9 +53,10 @@ const queryParams = reactive<DictQuery>({
 
 const dictList = ref<DictPageVO[]>();
 
-const dialog = reactive<DialogOption>({
+const dialog = {
+  title: "",
   visible: false,
-});
+};
 
 const formData = reactive<DictForm>({
   status: 1,

src/views/system/dict/index.vue

@@ -29,9 +29,10 @@ const queryParams = reactive<DictTypeQuery>({
 
 const dictTypeList = ref<DictTypePageVO[]>();
 
-const dialog = reactive<DialogOption>({
+const dialog = {
+  title: "",
   visible: false,
-});
+};
 
 const formData = reactive<DictTypeForm>({
   status: 1,
@@ -148,9 +149,10 @@ function handleDelete(dictTypeId?: number) {
   });
 }
 
-const dictDataDialog = reactive<DialogOption>({
+const dictDataDialog = {
+  title: "",
   visible: false,
-});
+};
 
 const selectedDictType = reactive({ typeCode: "", typeName: "" }); // 当前选中的字典类型
 

src/views/system/menu/index.vue

@@ -24,9 +24,10 @@ const queryFormRef = ref(ElForm);
 const menuFormRef = ref(ElForm);
 
 const loading = ref(false);
-const dialog = reactive<DialogOption>({
+const dialog = {
+  title: "",
   visible: false,
-});
+};
 
 const queryParams = reactive<MenuQuery>({});
 const menuList = ref<MenuVO[]>([]);

src/views/system/role/index.vue

@@ -32,9 +32,10 @@ const queryParams = reactive<RoleQuery>({
 
 const roleList = ref<RolePageVO[]>();
 
-const dialog = reactive<DialogOption>({
+const dialog = {
+  title: "",
   visible: false,
-});
+};
 
 const formData = reactive<RoleForm>({
   sort: 1,