更新

src/views/message/selectUser.vue

@@ -1,12 +1,20 @@
 <script setup lang="ts">
 import { ref, onMounted } from "vue";
+import SearchForm from "@/components/SearchForm/index.vue";
 import { getUserList } from '@/api/modules/message'
 const selectUserList = ref([]);
 const userList = ref([])
 function getRef() {
   return selectUserList.value;
 }
+const searchLabel = ref([
+  { label: "用户ID", prop: "user_id", type: "input" }
+]);
+const searchForm = ref({})
 const multipleTable = ref(null)
+const onSearch = (formData) => {
+
+}
 const props = defineProps(["userList"]);
 const getAllUserList = async () => {
   const { code, data } = await getUserList()
@@ -33,6 +41,7 @@ defineExpose({ getRef });
 </script>
 <template>
   <div style="margin-bottom: 20px;">
+    <SearchForm class="pb-2" :LabelList="searchLabel" :formData="searchForm" @handleSearch="onSearch"></SearchForm>
     <el-table ref="multipleTable" :data="userList" row-key="id" border style="width: 100%" max-height="550"
       @selection-change="handleSelectionChange">
       <el-table-column type="selection" width="55">