From 94e0c718e2e6853c96ca2a3fc349859388f31a96 Mon Sep 17 00:00:00 2001
From: GiveMePast <1248298477@qq.com>
Date: Wed, 5 Aug 2026 13:46:42 +0800
Subject: [PATCH] wip

---
 src/components/ticket/TicketFilter.vue | 101 ++++++++++++++++++++-----
 1 file changed, 84 insertions(+), 17 deletions(-)

diff --git a/src/components/ticket/TicketFilter.vue b/src/components/ticket/TicketFilter.vue
index 693f21d..b8635f3 100644
--- a/src/components/ticket/TicketFilter.vue
+++ b/src/components/ticket/TicketFilter.vue
@@ -138,27 +138,82 @@ const setSort = (order) => {
 <style scoped>
 .filter-card {
   border: none !important;
-  background: transparent;
+  background: transparent !important;
+  box-shadow: none !important;
+  border-radius: 0 !important;
+  overflow: visible !important;
+  --el-card-border-color: transparent;
+  --el-card-bg-color: transparent;
   user-select: none;
 }
-:deep(.el-input__inner) { user-select: text !important; }
 
-.search-container { display: flex; justify-content: space-between; align-items: flex-start; gap: 32px; }
-.filter-main { flex: 1; display: flex; flex-direction: column; }
-.input-group-row { display: flex; flex-wrap: wrap; align-items: center; gap: 16px; }
+:deep(.el-input__inner) {
+  user-select: text !important;
+}
 
-.divider-wrapper { color: var(--text-muted); font-size: 16px; font-weight: 300; height: 32px; display: flex; align-items: center; margin-bottom: 18px; }
+.search-container {
+  display: flex;
+  justify-content: space-between;
+  align-items: flex-start;
+  gap: 32px;
+}
 
-:deep(.el-form-item) { margin-bottom: 18px; }
-:deep(.el-form-item__label) { color: var(--text-secondary); font-weight: 500; }
+.filter-main {
+  flex: 1;
+  display: flex;
+  flex-direction: column;
+}
+
+.input-group-row {
+  display: flex;
+  flex-wrap: wrap;
+  align-items: center;
+  gap: 16px;
+}
+
+.divider-wrapper {
+  color: var(--text-muted);
+  font-size: 16px;
+  font-weight: 300;
+  height: 32px;
+  display: flex;
+  align-items: center;
+  margin-bottom: 18px;
+}
+
+:deep(.el-form-item) {
+  margin-bottom: 18px;
+}
+
+:deep(.el-form-item__label) {
+  color: var(--text-secondary);
+  font-weight: 500;
+}
+
+.wide-select {
+  width: 180px;
+}
 
-.wide-select { width: 180px; }
 .filter-main :deep(.el-input__wrapper),
-.filter-main :deep(.el-button) { border-radius: 20px !important; }
-:deep(.el-select-dropdown) { border-radius: 12px !important; overflow: hidden; }
-.filter-actions :deep(.el-button) { border-radius: 20px !important; }
+.filter-main :deep(.el-button) {
+  border-radius: 20px !important;
+}
 
-.filter-actions { display: flex; gap: 10px; margin-top: 4px; flex-shrink: 0; }
+:deep(.el-select-dropdown) {
+  border-radius: 12px !important;
+  overflow: hidden;
+}
+
+.filter-actions :deep(.el-button) {
+  border-radius: 20px !important;
+}
+
+.filter-actions {
+  display: flex;
+  gap: 10px;
+  margin-top: 4px;
+  flex-shrink: 0;
+}
 
 :deep(.el-select-group__title) {
   background: var(--color-bg);
@@ -168,9 +223,21 @@ const setSort = (order) => {
 }
 
 @media (max-width: 768px) {
-  .search-container { flex-direction: column; }
-  .input-group-row { flex-direction: column; align-items: flex-start; }
-  .divider-wrapper { display: none; }
-  .wide-select { width: 100%; }
+  .search-container {
+    flex-direction: column;
+  }
+
+  .input-group-row {
+    flex-direction: column;
+    align-items: flex-start;
+  }
+
+  .divider-wrapper {
+    display: none;
+  }
+
+  .wide-select {
+    width: 100%;
+  }
 }
 </style>