From 7ffd6b5b0a04e4bd3c978ba032248ef81c391fa0 Mon Sep 17 00:00:00 2001
From: xiaosi <2652281683@qq.com>
Date: Fri, 28 Aug 2026 17:23:14 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20=E7=94=A8=E6=88=B7=E7=AE=A1=E7=90=86?=
 =?UTF-8?q?=E8=A1=A8=E5=8D=95=E6=8E=A7=E4=BB=B6=E5=88=87=E6=8D=A2=E5=88=B0?=
 =?UTF-8?q?=20TDesign?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/UsersView/UsersView.vue | 38 ++++++++++++++++++++++++++-----
 1 file changed, 32 insertions(+), 6 deletions(-)

diff --git a/src/views/UsersView/UsersView.vue b/src/views/UsersView/UsersView.vue
index 17b32c0..a216f23 100644
--- a/src/views/UsersView/UsersView.vue
+++ b/src/views/UsersView/UsersView.vue
@@ -10,13 +10,19 @@
 
     <div class="business-workspace">
       <div class="asset-toolbar">
-        <div class="asset-search"><svg><use href="#i-search" /></svg><input v-model="keyword" type="text" placeholder="搜索姓名 / 手机号 / 邮箱" @keyup.enter="reload" /></div>
+        <div class="asset-search">
+          <t-input v-model="keyword" clearable placeholder="搜索姓名 / 手机号 / 邮箱" @keyup.enter="reload" @clear="reload">
+            <template #prefix-icon><t-icon name="search" /></template>
+          </t-input>
+        </div>
         <div class="toolbar-group">
-          <select v-model="roleFilter" @change="reload">
-            <option value="">全部角色</option>
-            <option value="admin">管理员</option>
-            <option value="user">普通用户</option>
-          </select>
+          <t-select
+            v-model="roleFilter"
+            :options="roleFilterOptions"
+            placeholder="全部角色"
+            style="width: 140px"
+            @change="reload"
+          />
         </div>
       </div>
 
@@ -80,6 +86,12 @@ const roleFilter = ref('')
 
 const ROLE_NAME = { admin: '管理员', user: '普通用户' }
 
+const roleFilterOptions = [
+  { label: '全部角色', value: '' },
+  { label: '管理员', value: 'admin' },
+  { label: '普通用户', value: 'user' }
+]
+
 function fmtTime(t) {
   if (!t) return '--'
   const d = new Date(t)
@@ -125,3 +137,17 @@ function goPage(p) {
 
 onMounted(load)
 </script>
+
+<style scoped>
+.asset-search :deep(.t-input) {
+  width: 100%;
+}
+.asset-search {
+  border: 0;
+  padding: 0;
+  height: auto;
+}
+.toolbar-group :deep(.t-select) {
+  flex-shrink: 0;
+}
+</style>