From 7c7942c83ba25c96feea01aa363e9bc84a35ee24 Mon Sep 17 00:00:00 2001
From: liumangmang <a362165265@qq.com>
Date: Wed, 1 Jul 2026 16:13:05 +0800
Subject: [PATCH] =?UTF-8?q?fix:=20=E8=A7=A3=E5=86=B3=E9=80=89=E6=8B=A9?=
 =?UTF-8?q?=E6=A1=86=E5=BC=82=E5=B8=B8=E5=8E=8B=E7=BC=A9=E3=80=81=E6=96=B0?=
 =?UTF-8?q?=E5=A2=9E=E7=BB=91=E5=AE=9A=E8=87=AA=E5=8A=A8=E9=80=89=E6=8B=A9?=
 =?UTF-8?q?=E9=A6=96=E4=B8=AA=E5=88=86=E7=BB=84=E3=80=81=E4=BB=A5=E5=8F=8A?=
 =?UTF-8?q?=E5=BC=B9=E7=AA=97=E8=87=AA=E9=80=82=E5=BA=942K=E6=98=BE?=
 =?UTF-8?q?=E7=A4=BA=E5=99=A8=E6=AF=94=E4=BE=8B?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 frontend/src/views/Websites.vue | 34 ++++++++++++++++++++++++++++++---
 1 file changed, 31 insertions(+), 3 deletions(-)

diff --git a/frontend/src/views/Websites.vue b/frontend/src/views/Websites.vue
index a0c179e..bdc4dcc 100644
--- a/frontend/src/views/Websites.vue
+++ b/frontend/src/views/Websites.vue
@@ -308,7 +308,7 @@
     </el-drawer>
 
     <!-- 选择上游分组弹窗 -->
-    <el-dialog v-model="groupSelectVisible" title="选择上游分组" width="850px" destroy-on-close class="group-select-dialog custom-theme-dialog">
+    <el-dialog v-model="groupSelectVisible" title="选择上游分组" width="min(85vw, 1200px)" destroy-on-close class="group-select-dialog custom-theme-dialog">
       <!-- 搜索框 -->
       <div class="dialog-search-bar" style="margin-bottom: 16px;">
         <el-input v-model="groupSearchQuery" placeholder="输入上游名称、分组名称、分组 ID、倍率进行过滤..." clearable class="custom-theme-search">
@@ -1173,6 +1173,12 @@ async function openBindingCreate(site?: WebsiteData | null, target?: WebsiteGrou
   if (target) {
     bindingForm.value.target_group_id = target.id
     bindingForm.value.target_group_name = target.name
+  } else {
+    const first = bindingWebsiteGroups.value[0]
+    if (first) {
+      bindingForm.value.target_group_id = first.id
+      bindingForm.value.target_group_name = first.name
+    }
   }
   sourceGroupKeys.value = []
   bindingDrawer.value = true
@@ -1198,6 +1204,11 @@ async function onBindingWebsiteChange(value: number) {
   bindingForm.value.target_group_id = ''
   bindingForm.value.target_group_name = ''
   await loadBindingWebsiteGroups(value)
+  const first = bindingWebsiteGroups.value[0]
+  if (first) {
+    bindingForm.value.target_group_id = first.id
+    bindingForm.value.target_group_name = first.name
+  }
 }
 
 function onTargetGroupChange(value: string) {
@@ -2006,6 +2017,7 @@ onMounted(loadAll)
   background: #271a16 !important;
   border: 1px solid #3e2821;
   border-radius: 8px;
+  width: min(85vw, 1200px) !important;
 }
 
 .custom-theme-dialog .el-dialog__header {
@@ -2043,24 +2055,40 @@ onMounted(loadAll)
 }
 
 /* Element Select Box Theme */
+.custom-select-wrapper {
+  width: 100%;
+}
+
+.custom-theme-select {
+  width: 100% !important;
+}
+
 .custom-theme-select .el-select__wrapper {
   background: #160c0a !important;
   border: 1px solid #3e2821 !important;
   box-shadow: none !important;
+  width: 100% !important;
+  min-height: 36px;
 }
 
 .custom-theme-select .el-select__placeholder {
   color: #f5ecea !important;
 }
+
+.custom-theme-select .el-select__selected-item {
+  color: #f5ecea !important;
+}
 </style>
 
 <style scoped>
 /* Layout for selectors dialog */
 .group-selector-layout {
   display: grid;
-  grid-template-columns: 180px 1fr 220px;
+  grid-template-columns: 200px 1fr 240px;
   gap: 16px;
-  height: 450px;
+  height: 55vh;
+  min-height: 450px;
+  max-height: 750px;
   border: 1px solid #3e2821;
   border-radius: 8px;
   background: #271a16;