用户查询功能

src/api/userSearch.ts

@@ -1,6 +1,6 @@
 import { http } from '../utils/request'
 
 // 获取用户信息
-export const getUserInfoApi = () => {
-  return http.get('/adminApi/v1/teacher/teacher_page')
+export const getUserInfoApi = (params: { pageNum: number; pageSize: number; userAccount: string; phone: string }) => {
+  return http.get('/adminApi/v1/teacher/teacher_page', params)
 }

src/views/userSearch/formSearchGroup.ts

@@ -1,7 +1,7 @@
 import { ref } from "vue";
+import type { SearchItem } from "@/baseComponents/formSearchGroup";
 
-
-export const searchList = ref([
+export const searchList = ref<SearchItem[]>([
     {
         key:'userAccount',
         type:'input',

src/views/userSearch/index.vue

@@ -3,7 +3,7 @@
         <div class="page_item end_item">
             <div class="page_search">
                 <div class="search_content">
-                    <div class="content_left">
+                    <div class="content_left" style="line-height: normal;"> 
                         <div class="grade_title">用户查询</div>
                     </div>
                 </div>
@@ -58,14 +58,14 @@ const pageSize = ref(20)
 // 用户表格数据
 const userTableData = ref([])
 // 查询参数
-const searchParams = ref({})
+const searchParams = ref<{ userAccount?: string; phone?: string }>({})
 // 获取用户信息
 const GetUserInfo = async ()=>{
     let params = {
         pageNum:currentPage.value,
         pageSize:pageSize.value,
-        userAccount:searchParams.value.userAccount,
-        phone:searchParams.value.phone,
+        userAccount:searchParams.value.userAccount || '',
+        phone:searchParams.value.phone || '',
     }
     let res = await getUserInfoApi(params)
 
@@ -114,17 +114,17 @@ const userStatusMsg = ref([
     {
         statusFlag:0,
         title:'禁用',
-        themeClass: 'abnormal_icon'
+        themeClass: 'abnormal_icon' as const
     },
     {
         statusFlag:1,
         title:'启用',
-        themeClass: 'normal_icon'
+        themeClass: 'normal_icon' as const
     },
 ])
 onMounted(async ()=>{
     // 初次加载不查询
-    // await GetUserInfo()
+    await GetUserInfo()
 })
 </script>