From d8b3fd74b04beccd59efc41477001dce27ed1c91 Mon Sep 17 00:00:00 2001
From: wangdan-fit2cloud <dan.wang@fit2cloud.com>
Date: Tue, 31 Dec 2024 11:07:22 +0800
Subject: [PATCH] fix: complex search style

---
 ui/src/styles/app.scss          | 15 +++++++++++++++
 ui/src/views/template/index.vue |  4 ++--
 2 files changed, 17 insertions(+), 2 deletions(-)

diff --git a/ui/src/styles/app.scss b/ui/src/styles/app.scss
index a383bcefe..be1299cca 100644
--- a/ui/src/styles/app.scss
+++ b/ui/src/styles/app.scss
@@ -754,3 +754,18 @@ h5 {
 .wwLogin_qrcode_head {
   padding: 20px 0 !important;
 }
+
+// 复合搜索框
+.complex-search {
+  border: 1px solid var(--el-border-color);
+  border-radius: var(--el-border-radius-base);
+  .el-select__wrapper {
+    box-shadow: none !important;
+  }
+  .el-input__wrapper {
+    box-shadow: none !important;
+  }
+  &__left {
+    border-right: 1px solid var(--el-border-color);
+  }
+}
diff --git a/ui/src/views/template/index.vue b/ui/src/views/template/index.vue
index dd34c8e0b..046b5ead5 100644
--- a/ui/src/views/template/index.vue
+++ b/ui/src/views/template/index.vue
@@ -80,8 +80,8 @@
           <h4>{{ active_provider?.name }}</h4>
           <div class="flex-between mt-16 mb-16">
             <el-button type="primary" @click="openCreateModel(active_provider)">添加模型</el-button>
-            <div class="flex-between">
-              <el-select v-model="search_type" style="width: 120px" @change="search_type_change">
+            <div class="flex-between complex-search">
+              <el-select class="complex-search__left" v-model="search_type" style="width: 120px" @change="search_type_change">
                 <el-option label="创建者" value="create_user" />
                 <el-option label="权限" value="permission_type" />
                 <el-option label="模型类型" value="model_type" />