updates

src/modules/admin/category/component/TreeDialog.vue

@@ -46,7 +46,7 @@ watch(filterText, val => {
   treeRef.value?.filter(val)
 })
 //搜索
-const filterNode = (value: string, data: ICategory) => {
+const filterNode = (value: string, data: any) => {
   console.log(value, 'value', data.category_name, 'data')
   if (!value) return true
   return data.category_name.indexOf(value) != -1

src/modules/admin/category/views/List.vue

@@ -6,7 +6,6 @@ import { getCategoryList, delCategory, createCategory, updateCategory } from '..
 import { ElMessage, ElMessageBox } from 'element-plus'
 const loading = ref(false)
 
-const prevCategoryName = ref('') // 上层类别
 const title = ref('')
 const dialogVisible = ref(false)
 let form = reactive({
@@ -43,18 +42,17 @@ const handleDelete = (index: number, row: ICategory) => {
   })
 }
 // 新增类别
-const handleAdd = (index: number, row: ICategory) => {
+const handleAddRow = (index: number, row: ICategory) => {
   isEdit.value = false
   dialogVisible.value = true
   title.value = '新增类别'
-  if (row) {
-    editData.value = row
-    if (row.depth === '0') {
-      prevCategoryName.value = ''
-    }
-  } else {
-    editData.value = tableData[0]
-  }
+  editData.value = row
+}
+const handleAddCategory = () => {
+  isEdit.value = false
+  dialogVisible.value = true
+  title.value = '新增类别'
+  editData.value = tableData[0]
 }
 
 // const sortable = (className: any, targetName: any) => {
@@ -166,14 +164,14 @@ onMounted(() => {
         </el-form-item>
       </el-form>
     </div>
-    <el-button type="primary" @click="handleAdd">新增类别</el-button>
+    <el-button type="primary" @click="handleAddCategory">新增类别</el-button>
     <el-table
       class="t1"
       :data="tableData"
       style="width: 100%"
       row-key="id"
       ref="dragTable"
-      :tree-props="{ children: 'children', hasChildren: 'hasChildren', draggable: true }"
+      :tree-props="{ children: 'children', hasChildren: 'hasChildren' }"
       highlight-current-row
       v-loading="loading"
     >
@@ -186,7 +184,7 @@ onMounted(() => {
       <el-table-column align="center" label="操作" width="300px">
         <template #default="scope">
           <el-button type="primary" @click="handleEdit(scope.$index, scope.row)">编辑</el-button>
-          <el-button @click="handleAdd(scope.$index, scope.row)">新增</el-button>
+          <el-button @click="handleAddRow(scope.$index, scope.row)">新增</el-button>
           <el-button @click="handleDelete(scope.$index, scope.row)">删除</el-button>
         </template>
       </el-table-column>

src/modules/admin/teacher/views/Add.vue

@@ -6,7 +6,6 @@ import { ElMessage } from 'element-plus'
 import type { FormInstance, FormRules } from 'element-plus'
 
 const router = useRouter()
-const formSize = ref('default')
 const ruleFormRef = ref<FormInstance>()
 let ruleForm = reactive({
   id: '',
@@ -51,14 +50,7 @@ const submitForm = async (formEl: FormInstance | undefined) => {
 
 <template>
   <AppCard title="添加讲师">
-    <el-form
-      ref="ruleFormRef"
-      :model="ruleForm"
-      :rules="rules"
-      label-width="120px"
-      class="demo-ruleForm"
-      :size="formSize"
-    >
+    <el-form ref="ruleFormRef" :model="ruleForm" :rules="rules" label-width="120px" class="demo-ruleForm">
       <el-row>
         <el-col :span="10">
           <el-form-item label="讲师姓名:" prop="name">

src/modules/system/dictionary/views/List.vue

@@ -14,63 +14,63 @@ const rowInfo = ref({})
 // 状态
 let statusList = $ref<IMapList[]>([])
 //表单每行数据
-const listOptions = {
-  remote: {
-    httpRequest: getDictionaryList,
-    params: {
-      type: '',
-      created_time_start: '',
-      created_time_end: ''
-    }
-  },
-  filters: [
-    { type: 'input', prop: 'name', label: '字典名称:' },
-    { type: 'input', prop: 'key', label: '字典类型:' },
-    {
-      type: 'select',
-      prop: 'status',
-      label: '字典状态:',
-      options: [
-        { label: '有效', value: '1' },
-        { label: '失效', value: '0' }
-      ]
-    },
-    {
-      type: 'input',
-      label: '创建时间:',
-      slots: 'created_time_start',
-      prop: 'created_time_start'
+const listOptions = $computed(() => {
+  
+  return {
+    remote: {
+      httpRequest: getDictionaryList,
+      params: {
+        type: '',
+        created_time_start: '',
+        created_time_end: ''
+      }
     },
-    { slots: 'created_time_end', prop: 'created_time_end' }
-  ],
-  columns: [
-    { label: '字典主键', prop: 'id', width: 224, align: 'center' },
-    { label: '字典名称', prop: 'name', align: 'center' },
-    { label: '字典类型', prop: 'key', align: 'center' },
-    {
-      label: '状态',
-      prop: 'status_name',
-      align: 'center'
-    },
-    { label: '备注  ', prop: 'remark', align: 'center' },
-    { label: '创建时间', prop: 'created_time', align: 'center' },
-    { label: '操作', slots: 'table-operate', align: 'center', width: 300 }
-  ],
-  data: [
-    {
-      key: 1,
-      name: '用户性别',
-      type: 'sex',
-      status: '0',
-      remark: '用户性别列表',
-      created_time: '2022-05-30',
-      rowList: [
-        { key: 1, name: '用户性别', type: 'sex', status: '0', remark: '用户性别列表', created_time: '2022-05-30' },
-        { key: 2, name: '用户年龄', type: 'age', status: '1', remark: '用户年龄列表', created_time: '2022-05-31' }
-      ]
-    }
-  ]
-}
+    filters: [
+      { type: 'input', prop: 'name', label: '字典名称:' },
+      { type: 'input', prop: 'key', label: '字典类型:' },
+      {
+        type: 'select',
+        prop: 'status',
+        label: '字典状态:',
+        options: statusList
+      },
+      {
+        type: 'input',
+        label: '创建时间:',
+        slots: 'created_time_start',
+        prop: 'created_time_start'
+      },
+      { slots: 'created_time_end', prop: 'created_time_end' }
+    ],
+    columns: [
+      { label: '字典主键', prop: 'id', width: 224, align: 'center' },
+      { label: '字典名称', prop: 'name', align: 'center' },
+      { label: '字典类型', prop: 'key', align: 'center' },
+      {
+        label: '状态',
+        prop: 'status_name',
+        align: 'center'
+      },
+      { label: '备注  ', prop: 'remark', align: 'center' },
+      { label: '创建时间', prop: 'created_time', align: 'center' },
+      { label: '操作', slots: 'table-operate', align: 'center', width: 300 }
+    ],
+    data: [
+      {
+        key: 1,
+        name: '用户性别',
+        type: 'sex',
+        status: '0',
+        remark: '用户性别列表',
+        created_time: '2022-05-30',
+        rowList: [
+          { key: 1, name: '用户性别', type: 'sex', status: '0', remark: '用户性别列表', created_time: '2022-05-30' },
+          { key: 2, name: '用户年龄', type: 'age', status: '1', remark: '用户年龄列表', created_time: '2022-05-31' }
+        ]
+      }
+    ]
+  }
+})
 // 新增弹窗
 const handleAdd = () => {
   isShowDialog.value = true

src/stores/map.ts

@@ -32,3 +32,5 @@ export const useMapStore = defineStore({
     }
   }
 })
+
+useMapStore().getMapList()

tsconfig.json

@@ -7,7 +7,8 @@
     "paths": {
       "@/*": ["./src/*"]
     },
-    "suppressImplicitAnyIndexErrors": true
+    "suppressImplicitAnyIndexErrors": true,
+    "types": ["element-plus/global"]
   },
 
   "references": [