机构代码优化

src/components/org/OrgList.vue

@@ -1,7 +1,7 @@
 <script lang="ts" setup>
 import { ElMessageBox, ElMessage } from 'element-plus'
-import { createOrg, deleteOrg, updateOrg, findOrg, getOrgList } from '@/api/org'
-import type { BasicForm } from '@/types/form'
+import { createOrg, deleteOrg, updateOrg, getOrgList } from '@/api/org'
+import { orgFormConfig } from '@/utils/constants'
 
 const emits = defineEmits(['click'])
 
@@ -74,49 +74,6 @@ const handleOrgClick = (item: any) => {
 // ============== 表单部分开始 ===============
 const formData = ref<any>({})
 const dialogVisible = ref(false)
-const formConfig = reactive<BasicForm>({
-  span: 12,
-  formItems: [
-    {
-      label: '组织名称',
-      value: '',
-      name: 'name',
-      type: 'input',
-      rules: [{ required: true, message: '请输入组织名称', trigger: 'blur' }],
-      search: true
-    },
-    {
-      label: '联系人姓名',
-      value: '',
-      name: 'contact',
-      type: 'input'
-    },
-    {
-      label: '联系人电话',
-      value: '',
-      name: 'phone',
-      type: 'input',
-      search: true,
-      props: {
-        maxlength: 11
-      }
-    },
-
-    {
-      label: '所属区域',
-      value: '',
-      name: 'role',
-      type: 'select',
-      options: []
-    },
-    {
-      label: '详细地址',
-      value: true,
-      name: 'state',
-      type: 'switch'
-    }
-  ]
-})
 // ============== 表单部分结束 ===============
 </script>
 
@@ -145,7 +102,7 @@ const formConfig = reactive<BasicForm>({
 
   <dialog-form
     v-model="dialogVisible"
-    :formConfig="formConfig"
+    :formConfig="orgFormConfig"
     :formData="formData"
     :create="createOrg"
     :update="updateOrg"

src/stores/user.ts

@@ -6,12 +6,12 @@ export const useUserStore = defineStore({
   state: () => ({
     user: {},
     flag: false,
-    token: localStorage.getItem('token') || 't'
+    token: localStorage.getItem('token') || ''
   }),
   actions: {
     async getUserInfo() {
-      // const userRes: any = await getUserInfo()
-      // this.user = userRes.infos[0]
+      const userRes: any = await getUserInfo()
+      this.user = userRes.infos[0]
       this.flag = true
     },
     async login(data: any) {

src/utils/constants.ts

@@ -0,0 +1,44 @@
+import type { BasicForm } from '@/types/form'
+
+export const orgFormConfig = reactive<BasicForm>({
+  span: 24,
+  formItems: [
+    {
+      label: '组织名称',
+      value: '',
+      name: 'name',
+      type: 'input',
+      rules: [{ required: true, message: '请输入组织名称', trigger: 'blur' }],
+      search: true
+    },
+    {
+      label: '联系人姓名',
+      value: '',
+      name: 'contact',
+      type: 'input'
+    },
+    {
+      label: '联系人电话',
+      value: '',
+      name: 'phone',
+      type: 'input',
+      search: true,
+      props: {
+        maxlength: 11
+      }
+    },
+    {
+      label: '所属区域',
+      value: '',
+      name: 'area',
+      type: 'select',
+      options: []
+    },
+    {
+      label: '详细地址',
+      value: true,
+      name: 'address',
+      type: 'input'
+    }
+  ]
+})

src/views/org/Org.vue

@@ -1,6 +1,6 @@
 <script setup lang="ts">
-import type { BasicForm } from '@/types/form'
-import { createOrg, updateOrg, findOrg } from '@/api/org'
+import { orgFormConfig } from '@/utils/constants'
+import { createOrg, updateOrg } from '@/api/org'
 
 const curOrg = ref<any>({})
 const handleOrgClick = (item: any) => {
@@ -10,49 +10,6 @@ const handleOrgClick = (item: any) => {
 
 const formData = ref<any>({})
 const formRef = ref('')
-const formConfig = reactive<BasicForm>({
-  span: 24,
-  formItems: [
-    {
-      label: '组织名称',
-      value: '',
-      name: 'name',
-      type: 'input',
-      rules: [{ required: true, message: '请输入组织名称', trigger: 'blur' }],
-      search: true
-    },
-    {
-      label: '联系人姓名',
-      value: '',
-      name: 'contact',
-      type: 'input'
-    },
-    {
-      label: '联系人电话',
-      value: '',
-      name: 'phone',
-      type: 'input',
-      search: true,
-      props: {
-        maxlength: 11
-      }
-    },
-
-    {
-      label: '所属区域',
-      value: '',
-      name: 'role',
-      type: 'select',
-      options: []
-    },
-    {
-      label: '详细地址',
-      value: true,
-      name: 'state',
-      type: 'switch'
-    }
-  ]
-})
 </script>
 
 <template>
@@ -61,7 +18,7 @@ const formConfig = reactive<BasicForm>({
       v-if="curOrg.id"
       class="p-[15px]"
       ref="formRef"
-      :formConfig="formConfig"
+      :formConfig="orgFormConfig"
       :formData="formData"
       :create="createOrg"
       :update="updateOrg"