获取班级+添加班级+删除班级+更新班级+查询略有bug+数据刷新问题

src/service/api/lesson.ts

@@ -104,4 +104,43 @@ export interface UpdateClassRes {
  */
 export function updateClass(params: UpdateClassParams): Promise<UpdateClassRes> {
   return request.put(`/updateClass`, params);
-}
+}
+
+//! 参数接口(查询)
+export interface SelectConditionParams {
+  id?: number;
+  name?: string;
+  manageId?: number;
+  assistantId?: number;
+  createTime?: Record<string, unknown>;
+  modifyTime?: Record<string, unknown>;
+  createUid?: number;
+  disabled?: string;
+}
+
+// 响应接口
+export interface SelectConditionRes {
+  status: boolean;
+  msg: string;
+  data: Record<string, unknown>;
+  total: number;
+}
+
+/** 
+ * 根据条件进行查询班级类
+ * @param {string} pageNum 
+  * @param {string} pageSize 
+  * @param {object} params EasEduClass
+ * @param {number} params.id 学员ID
+ * @param {string} params.name 班级名称
+ * @param {number} params.manageId 班级负责人ID
+ * @param {number} params.assistantId 助教老师ID
+ * @param {object} params.createTime 创建时间
+ * @param {object} params.modifyTime 修改时间
+ * @param {number} params.createUid 创建用户ID
+ * @param {string} params.disabled 状态
+ * @returns
+ */
+export function selectCondition(pageNum: number, pageSize: number, params: SelectConditionParams): Promise<SelectConditionRes> {
+  return request.post(`/selectCondition?pageNum=${pageNum}&pageSize=${pageSize}`, params);
+}

src/views/management/lesson/index.vue

@@ -39,7 +39,7 @@
   </n-modal>
   <n-grid x-gap="300" :cols="2">
     <n-gi>
-      <n-input placeholder="搜索">
+      <n-input placeholder="搜索" autofocus clearable round show-count   @change="changeInput">
         <template #prefix>
           <n-icon :component="FlashOutline" />
         </template>
@@ -73,15 +73,13 @@ import {
   FormInst,
   FormItemInst,
   FormItemRule,
-  FormRules,
-  messageDark,
+  FormRules
 } from 'naive-ui'
 import { FlashOutline } from '@vicons/ionicons5'
 import { h, defineComponent, ref, onMounted } from 'vue'
 import { NButton, useMessage } from 'naive-ui'
 import type { DataTableColumns } from 'naive-ui'
-import { selectTotal, addClass, deleteClass, updateClass } from '~/src/service/api/lesson'
-import { setTimeout } from 'timers/promises'
+import { selectTotal, addClass, deleteClass, updateClass, selectCondition } from '~/src/service/api/lesson'
 //获取所有班级类
 type RowData = {
   id: number
@@ -95,7 +93,9 @@ type RowData = {
   tag?: []
 }
 const tableData = ref([]);
-function getTableData() {
+async function getTableData() {
+  console.log("再次调用");
+  
   selectTotal().then(r => {
     tableData.value = r.data;
     // console.log(tableData.value);
@@ -198,7 +198,7 @@ let params: easEduClass = {
   createUid: 0,
   disabled: null
 }
-function AddClassInter(params) {
+async function AddClassInter(params:any) {
   if (params != "") {
     addClass(params).then(r => {
       console.log(r);
@@ -242,12 +242,36 @@ const modelUpdateRef = ref({
   name: null,
 })
 
+//查询
+let SelectConditionParams = {
+  id: "",
+  name: "",
+  manageId: "",
+  assistantId: "",
+  createTime: "",
+  modifyTime: "",
+  createUid: "",
+  disabled: "",
+}
 
-function UpdateClass(params: UpdateClassParams) {
-  // updateClass(params);
-  //更改时间为获取当前时间
-  params.modifyTime = getLocalTime();
-  // console.log(params.modifyTime);//2023-08-09 09:31:26
+async function changeInput(e: any) {
+  // console.log(e);
+  
+  
+  SelectConditionParams.name = e;
+  selectCondition(1, 10000, SelectConditionParams).then(r => {
+    // console.log(r);
+    if(r.data.length==0)
+    {
+      getTableData();
+    }
+    else 
+    {
+      tableData.value=r.data;
+      console.log(tableData.value);
+    }
+   
+  })
 
 }
 export default defineComponent({
@@ -294,10 +318,11 @@ export default defineComponent({
         console.log(r);
       })
       message.success('更新成功');
-      showModalUpdate.value=!showModalUpdate;
-
+      showModalUpdate.value = !showModalUpdate;
     }
     return {
+      tableData,
+      changeInput,
       handleUpdateClick,
       showModalUpdate,
       handlePositiveClick() {
@@ -307,6 +332,7 @@ export default defineComponent({
         message.info('并不')
       },
       message,
+      getTableData,
       getDeleteInfo,
       formRef,
       formRefUpdate,