行政区划

src/views/data/city/edit.vue

@@ -157,7 +157,7 @@ const handleSubmit = async () => {
   props.cityId ? await cityUpdate(formData) : await cityAdd(formData);
   message("操作成功");
   emit("update:visible", false);
-  emit("success");
+  emit("success",formData.parentCode);
 };
 
 const { isLock: subLoading, lockFn: submit } = useLockFn(handleSubmit);

src/views/data/city/index.vue

@@ -10,7 +10,6 @@
           </template>
           新增
         </el-button>
-        <!-- <el-button @click="handleExpand"> 展开/折叠</el-button> -->
       </div>
       </el-card>
       <el-card :bordered="false" class="pt-3 mb-3 proCard">
@@ -39,7 +38,7 @@
             <el-button type="primary" link @click="handleEdit(row)">
               编辑
             </el-button>
-            <el-button  type="danger" link @click="handleDelete(row.id)">
+            <el-button  type="danger" link @click="handleDelete(row)">
               删除
             </el-button>
           </template>
@@ -52,7 +51,7 @@
         :cityId="cityId"
         :parentData="parentData"
         v-model:visible="editVisible"
-        @success="getDataList(0)"
+        @success="refreshDataList"
     >
     </editDialog>
   </div>
@@ -63,24 +62,25 @@ import {defineAsyncComponent, nextTick, onMounted, ref, shallowRef} from "vue";
 import {cityDelete} from "@/api/data/city";
 import {getCityByList} from "@/api/system/user";
 import type {ElTable} from "element-plus";
-const tableRef = shallowRef<InstanceType<typeof ElTable>>();
+// const tableRef = shallowRef<InstanceType<typeof ElTable>>();
+  const tableRef = ref()
 import {confirm, message} from "@/utils/auth";
 
 const editDialog = defineAsyncComponent(() =>
     import('./edit.vue')
 )
 
-const isExpand = ref(false);
 const loading = ref(false);
 const editVisible=ref(false);
 const cityId=ref(0);
 const parentData=ref()
 const lists = ref([]);
+const maps = ref(new Map())
 
-const getDataList = async (typeId: any, resolve?: any) => {
+const getDataList = async (code: any, resolve?: any) => {
   try {
     loading.value = true;
-    let res = await getCityByList(typeId);
+    let res = await getCityByList(code);
     let data = res.length>0 ?res: [];
     data.map(item => {
       if (item.level <=3) {
@@ -105,7 +105,18 @@ const getDataList = async (typeId: any, resolve?: any) => {
   }
 };
 
+const refreshDataList=(code)=>{
+  if(code==0) {
+    getDataList(0);
+  } else if( maps.value.get(code)) {
+    const { tree, treeNode, resolve } = maps.value.get(code)
+    if (tree) {
+      loadTree(tree, treeNode, resolve);
+    }
+  }
+}
 const loadTree = (tree: any, treeNode: any, resolve: any) => {
+  maps.value.set(tree.areaCode, { tree, treeNode, resolve })
   getDataList(tree.areaCode, resolve);
 };
 const handleAdd = async (data:any) => {
@@ -121,32 +132,18 @@ const handleEdit = async (data: any) => {
   editVisible.value=true
 };
 
-const handleDelete = async (cityId: number) => {
+const handleDelete = async (row: any) => {
   await confirm("确定要删除？");
   try {
     loading.value = true;
-    await cityDelete(cityId);
+    await cityDelete(row.id);
     message("删除成功");
-    getDataList(0);
+    loading.value = false;
+    refreshDataList(row.parentCode);
   } catch (e) {
     loading.value = false;
   }
 };
-
-const handleExpand = () => {
-  isExpand.value = !isExpand.value;
-  toggleExpand(lists.value, isExpand.value);
-};
-
-const toggleExpand = (children: any[], unfold = true) => {
-  for (const key in children) {
-    tableRef.value?.toggleRowExpansion(children[key], unfold);
-    if (children[key].children) {
-      toggleExpand(children[key].children!, unfold);
-    }
-  }
-};
-
 onMounted(() => {
   getDataList(0)
 });

src/views/system/user/querySchemas.ts

@@ -40,6 +40,7 @@ export const schemas: FormSchema[] = [
     label: '状态',
     componentProps: {
       placeholder: '请选择状态',
+      clearable: true,
       options: [
         {
           label: '正常',