Opt: search change auto refetch api

synctv-org · Nov 17, 2023 · db5718a · db5718a
1 parent bf70895
commit db5718a
Show file tree

Hide file tree

Showing 5 changed files with 25 additions and 5 deletions.
diff --git a/src/components/RoomList.vue b/src/components/RoomList.vue
@@ -148,7 +148,12 @@ onMounted(() => {
         </el-select>
         <el-input v-model="keyword" placeholder="搜索" @keyup.enter="getRoomList(false)" required>
           <template #prepend>
-            <el-select v-model="search" placeholder="Select" style="width: 90px">
+            <el-select
+              v-model="search"
+              @change="getRoomList(false)"
+              placeholder="Select"
+              style="width: 90px"
+            >
               <el-option label="综合" value="all" />
               <el-option label="名称" value="name" />
               <el-option label="ID" value="id" />

diff --git a/src/components/admin/dialogs/userRooms.vue b/src/components/admin/dialogs/userRooms.vue
@@ -133,7 +133,12 @@ const getRoomList = async (showMsg = false) => {
         </el-select>
         <el-input v-model="keyword" placeholder="搜索" @keyup.enter="getRoomList(false)" required>
           <template #prepend>
-            <el-select v-model="search" placeholder="Select" style="width: 90px">
+            <el-select
+              v-model="search"
+              @change="getRoomList(false)"
+              placeholder="Select"
+              style="width: 90px"
+            >
               <el-option label="综合" value="all" />
               <el-option label="名称" value="name" />
               <el-option label="ID" value="id" />

diff --git a/src/views/SearchPage.vue b/src/views/SearchPage.vue
@@ -68,7 +68,7 @@ const getRoomList = async (showMsg = false) => {
   <div class="text-center">
     <div class="lg:w-5/12 mx-auto">
       <div class="inline-block mb-2 l-input">
-        <select v-model="search">
+        <select v-model="search" @change="getRoomList(false)">
           <option value="all">综合</option>
           <option value="name">房间名称</option>
           <option value="creator">创建者</option>

diff --git a/src/views/admin/settings/RoomsManager.vue b/src/views/admin/settings/RoomsManager.vue
@@ -125,7 +125,12 @@ onMounted(async () => {
         required
       >
         <template #prepend>
-          <el-select v-model="search" placeholder="Select" style="width: 90px">
+          <el-select
+            v-model="search"
+            @change="getRoomListApi()"
+            placeholder="Select"
+            style="width: 90px"
+          >
             <el-option label="综合" value="all" />
             <el-option label="名称" value="name" />
             <el-option label="ID" value="roomId" />

diff --git a/src/views/admin/settings/UserManager.vue b/src/views/admin/settings/UserManager.vue
@@ -183,7 +183,12 @@ onMounted(async () => {
           required
         >
           <template #prepend>
-            <el-select v-model="search" placeholder="Select" style="width: 90px">
+            <el-select
+              v-model="search"
+              @change="getUserListApi()"
+              placeholder="Select"
+              style="width: 90px"
+            >
               <el-option label="综合" value="all" />
               <el-option label="名称" value="name" />
               <el-option label="ID" value="roomId" />