fix: 用户页面bug修复

src/views/system/user/hooks/use-user.ts

@@ -8,7 +8,7 @@ import {
   QueryUser,
   getUserList,
 } from '@/api/system/user-operate';
-import { onMounted, ref } from 'vue';
+import { ref } from 'vue';
 import { QuerySelect } from '../constant';
 import { defineStore } from 'pinia';
 
@@ -40,7 +40,7 @@ export const useUser = defineStore('user-list', () => {
   //每页的数量
   const pageSize = ref<number>(10);
   //总数量
-  const totalCount = ref<number>(1);
+  const totalCount = ref<number>(0);
 
   //条件查询
   const conditionSearch = () => {
@@ -118,10 +118,19 @@ export const useUser = defineStore('user-list', () => {
     });
   };
 
-  onMounted(() => {
-    getList();
-    console.log('userList', userList.value);
-  });
+  const resetArgs = () => {
+    queryType.value = '';
+    queryTypeContent.value = '';
+    queryStaffNo.value = '';
+    queryNickname.value = '';
+    queryMobile.value = '';
+    queryRoleName.value = '';
+    queryDeptName.value = '';
+    userList.value = [];
+    page.value = 1;
+    pageSize.value = 10;
+    totalCount.value = 0;
+  };
 
   return {
     queryType,
@@ -141,6 +150,7 @@ export const useUser = defineStore('user-list', () => {
     multipleUserAdd,
     userDel,
     userUpdate,
+    resetArgs,
   };
 });
 

src/views/system/user/user.vue

@@ -73,7 +73,7 @@
 </template>
 
 <script lang="ts" setup>
-  import { h, reactive, ref, onMounted } from 'vue';
+  import { h, reactive, ref, onMounted, onBeforeUnmount } from 'vue';
   import { BasicTable, BasicColumn } from '@/components/Table';
   import { Plus, DocumentAdd } from '@element-plus/icons-vue';
   import { roleAllList } from '@/api/system/role';
@@ -94,7 +94,7 @@
 
   const useUserDetail = useUser();
   const { userList, page, pageSize, totalCount } = storeToRefs(useUserDetail);
-  const { conditionSearch, userDel } = useUserDetail;
+  const { conditionSearch, userDel, getList, resetArgs } = useUserDetail;
 
   const userStore = useUserStore();
 
@@ -201,6 +201,7 @@
   }
 
   onMounted(async () => {
+    getList();
     const res = await roleAllList();
     roleData.value = res.list.map((item: any) => {
       return {
@@ -209,6 +210,10 @@
       };
     });
   });
+
+  onBeforeUnmount(() => {
+    resetArgs();
+  });
 </script>
 <style scoped>
   .user-page {