From 14068b1920e6dda38523caff4ea351747eb02dd7 Mon Sep 17 00:00:00 2001
From: Silent YANG <yang@vicicode.com>
Date: Wed, 9 Oct 2024 22:51:35 +0800
Subject: [PATCH] =?UTF-8?q?=E5=A2=9E=E5=8A=A0=E6=90=9C=E7=B4=A2=E5=8A=9F?=
 =?UTF-8?q?=E8=83=BD?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/idea/channel/index.vue  | 24 ++++++++++++++++++++----
 src/views/idea/firmware/index.vue | 24 ++++++++++++++++++++----
 src/views/idea/image/index.vue    | 25 +++++++++++++++++++++----
 3 files changed, 61 insertions(+), 12 deletions(-)

diff --git a/src/views/idea/channel/index.vue b/src/views/idea/channel/index.vue
index e5e98da..c82f352 100644
--- a/src/views/idea/channel/index.vue
+++ b/src/views/idea/channel/index.vue
@@ -3,7 +3,17 @@
       <Breadcrumb :items="[$t('menu.workshop'), $t('menu.channel')]" />
       <a-row :gutter="20" align="stretch">
         <a-col :span="24">
-            <a-card class="general-card" :title="$t('menu.channel')">
+            <a-card class="general-card">
+                <template #title>
+                  <div style="display: flex; gap: 1rem; align-items: flex-end;">
+                    {{ $t('menu.channel') }}
+                    <t-input size="small" style="width: 200px;" v-model="state.title" @enter="searchIt">
+                      <template #suffixIcon>
+                        <search-icon :style="{ cursor: 'pointer' }" @click="searchIt"/>
+                      </template>
+                    </t-input>
+                  </div>
+                </template>
                 <template #extra>
                     <div style="margin-right: 20px;">
                         <template v-if="userStore.name">
@@ -105,6 +115,7 @@
   import { RefreshIcon } from 'tdesign-icons-vue-next';
   import axios from 'axios';
   import { Message } from '@arco-design/web-vue';
+  import { SearchIcon } from 'tdesign-icons-vue-next';
 
   const appStore = useAppStore();
   const userStore = useUserStore();
@@ -120,7 +131,8 @@
     myList: any,
     total: number,
     page: number,
-    nowpage: any
+    nowpage: any,
+    title: string
   } = reactive({
     binaryFile: undefined,
     loading: false,
@@ -130,7 +142,8 @@
     myList: [],
     total: 0,
     page: 1,
-    nowpage: []
+    nowpage: [],
+    title: ''
   })
 
   const formData = reactive({
@@ -145,7 +158,7 @@
 
   const loadit = async (page: any) => {
     state.page = page.current
-    const resp : any = await axios.get("https://k5ws.vicicode.cn/api/channel/index?server=1&limit=12&page=" + page.current + "&t=" + Date.now())
+    const resp : any = await axios.get("https://k5ws.vicicode.cn/api/channel/index?server=1&limit=12&page=" + page.current + "&title=" + state.title + "&t=" + Date.now())
     state.total = resp.data.total
     state.nowpage = resp.data.list
   }
@@ -237,6 +250,9 @@ const iDownload = (url: any, name: any) => {
   })
 }
 
+const searchIt = () => {
+  loadit({current: 1})
+}
   </script>
   
   <script lang="ts">
diff --git a/src/views/idea/firmware/index.vue b/src/views/idea/firmware/index.vue
index bcc7cb2..6020cb8 100644
--- a/src/views/idea/firmware/index.vue
+++ b/src/views/idea/firmware/index.vue
@@ -3,7 +3,17 @@
       <Breadcrumb :items="[$t('menu.workshop'), $t('menu.firmware')]" />
       <a-row :gutter="20" align="stretch">
         <a-col :span="24">
-            <a-card class="general-card" :title="$t('menu.firmware')">
+            <a-card class="general-card">
+                <template #title>
+                  <div style="display: flex; gap: 1rem; align-items: flex-end;">
+                    {{ $t('menu.firmware') }}
+                    <t-input size="small" style="width: 200px;" v-model="state.title" @enter="searchIt">
+                      <template #suffixIcon>
+                        <search-icon :style="{ cursor: 'pointer' }" @click="searchIt"/>
+                      </template>
+                    </t-input>
+                  </div>
+                </template>
                 <template #extra>
                     <div style="margin-right: 20px;">
                         <template v-if="userStore.name">
@@ -105,6 +115,7 @@
   import { RefreshIcon } from 'tdesign-icons-vue-next';
   import axios from 'axios';
   import { Message } from '@arco-design/web-vue';
+  import { SearchIcon } from 'tdesign-icons-vue-next';
 
   const appStore = useAppStore();
   const userStore = useUserStore();
@@ -120,7 +131,8 @@
     myList: any,
     total: number,
     page: number,
-    nowpage: any
+    nowpage: any,
+    title: string
   } = reactive({
     binaryFile: undefined,
     loading: false,
@@ -130,7 +142,8 @@
     myList: [],
     total: 0,
     page: 1,
-    nowpage: []
+    nowpage: [],
+    title: ''
   })
 
   const formData = reactive({
@@ -145,7 +158,7 @@
 
   const loadit = async (page: any) => {
     state.page = page.current
-    const resp : any = await axios.get("https://k5ws.vicicode.cn/api/firmware/index?server=1&limit=12&page=" + page.current + "&t=" + Date.now())
+    const resp : any = await axios.get("https://k5ws.vicicode.cn/api/firmware/index?server=1&limit=12&page=" + page.current + "&title=" + state.title + "&t=" + Date.now())
     state.total = resp.data.total
     state.nowpage = resp.data.list
   }
@@ -237,6 +250,9 @@
     })
   }
 
+const searchIt = () => {
+  loadit({current: 1})
+}
   </script>
   
   <script lang="ts">
diff --git a/src/views/idea/image/index.vue b/src/views/idea/image/index.vue
index 748b18b..83ba9d4 100644
--- a/src/views/idea/image/index.vue
+++ b/src/views/idea/image/index.vue
@@ -3,7 +3,17 @@
       <Breadcrumb :items="[$t('menu.workshop'), $t('menu.image')]" />
       <a-row :gutter="20" align="stretch">
         <a-col :span="24">
-            <a-card class="general-card" :title="$t('menu.image')">
+            <a-card class="general-card">
+              <template #title>
+                <div style="display: flex; gap: 1rem; align-items: flex-end;">
+                  {{ $t('menu.image') }}
+                  <t-input size="small" style="width: 200px;" v-model="state.title" @enter="searchIt">
+                    <template #suffixIcon>
+                      <search-icon :style="{ cursor: 'pointer' }" @click="searchIt"/>
+                    </template>
+                  </t-input>
+                </div>
+              </template>
               <template #extra>
                     <div style="margin-right: 20px;">
                         <template v-if="userStore.name">
@@ -115,6 +125,7 @@
   import axios from 'axios';
   import { Message } from '@arco-design/web-vue';
   import { RefreshIcon } from 'tdesign-icons-vue-next';
+  import { SearchIcon } from 'tdesign-icons-vue-next';
   
   const appStore = useAppStore();
   const userStore = useUserStore();
@@ -131,7 +142,8 @@
     total: number,
     page: number,
     nowpage: any,
-    dropzoneActive: boolean
+    dropzoneActive: boolean,
+    title: string
   } = reactive({
     binaryFile: undefined,
     loading: false,
@@ -142,7 +154,8 @@
     total: 0,
     page: 1,
     nowpage: [],
-    dropzoneActive: false
+    dropzoneActive: false,
+    title: ''
   })
 
   const dragEnter = (event: any) => {
@@ -196,7 +209,7 @@
 
   const loadit = async (page: any) => {
     state.page = page.current
-    const resp : any = await axios.get("https://k5ws.vicicode.cn/api/image/index?server=1&limit=24&page=" + page.current + "&t=" + Date.now())
+    const resp : any = await axios.get("https://k5ws.vicicode.cn/api/image/index?server=1&limit=24&page=" + page.current + "&title=" + state.title + "&t=" + Date.now())
     state.total = resp.data.total
     state.nowpage = resp.data.list
   }
@@ -275,6 +288,10 @@
       }
     });
   }
+
+const searchIt = () => {
+  loadit({current: 1})
+}
   </script>
   
   <script lang="ts">