From f46a95df797f734706108128aba4b5e7093fee7b Mon Sep 17 00:00:00 2001
From: zhx <zhx@haiyi.com>
Date: Fri, 15 May 2026 10:57:53 +0800
Subject: [PATCH] fix: replace rocket resource type dropdown

---
 .../components/resource-select-drawer.vue     | 28 +++++++++++++------
 1 file changed, 19 insertions(+), 9 deletions(-)

diff --git a/apps/src/views/resident-activity/components/resource-select-drawer.vue b/apps/src/views/resident-activity/components/resource-select-drawer.vue
index e7c0025..e8ea7c1 100644
--- a/apps/src/views/resident-activity/components/resource-select-drawer.vue
+++ b/apps/src/views/resident-activity/components/resource-select-drawer.vue
@@ -14,7 +14,6 @@ import {
   Empty,
   Input,
   Pagination,
-  Select,
   Space,
   Spin,
 } from 'antdv-next';
@@ -316,15 +315,19 @@ watch(
     width="920"
     @close="emit('close')"
   >
+    <div v-if="!fixedType" class="type-filter">
+      <Button
+        v-for="item in typeOptions"
+        :key="item.value"
+        size="small"
+        :type="query.type === item.value ? 'primary' : 'default'"
+        @click="handleTypeChange(item.value)"
+      >
+        {{ item.label }}
+      </Button>
+    </div>
+
     <Space class="toolbar" wrap>
-      <Select
-        v-if="!fixedType"
-        v-model:value="query.type"
-        :options="typeOptions"
-        option-label-prop="label"
-        style="width: 180px"
-        @change="handleTypeChange"
-      />
       <Input
         v-model:value="query.keyword"
         allow-clear
@@ -379,6 +382,13 @@ watch(
   margin-bottom: 16px;
 }
 
+.type-filter {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 8px;
+  margin-bottom: 12px;
+}
+
 .resource-grid {
   display: grid;
   gap: 16px;