From 2584c8f07644ee9237bdcf3e02f215c4ba1f6c82 Mon Sep 17 00:00:00 2001
From: duzhongxu <15039018447@163.com>
Date: Tue, 7 Apr 2026 16:37:09 +0800
Subject: [PATCH] =?UTF-8?q?340=20=E9=A2=84=E7=BA=A6=E7=AE=A1=E7=90=86-?=
 =?UTF-8?q?=E9=97=A8=E8=AF=8A=E9=A2=84=E7=BA=A6=E6=8C=82=E5=8F=B7=EF=BC=9A?=
 =?UTF-8?q?=E9=80=89=E6=8B=A9=E6=82=A3=E8=80=85=E5=BC=B9=E7=AA=97=E5=88=97?=
 =?UTF-8?q?=E8=A1=A8=E6=95=B0=E6=8D=AE=E5=AD=97=E6=AE=B5=E6=98=BE=E7=A4=BA?=
 =?UTF-8?q?=E9=94=99=E4=BD=8D?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../outpatientAppointment/index.vue           | 136 ++++++++----------
 1 file changed, 62 insertions(+), 74 deletions(-)

diff --git a/openhis-ui-vue3/src/views/appoinmentmanage/outpatientAppointment/index.vue b/openhis-ui-vue3/src/views/appoinmentmanage/outpatientAppointment/index.vue
index 45863f8c..869d573a 100644
--- a/openhis-ui-vue3/src/views/appoinmentmanage/outpatientAppointment/index.vue
+++ b/openhis-ui-vue3/src/views/appoinmentmanage/outpatientAppointment/index.vue
@@ -892,8 +892,8 @@ export default {
 </script>
 
 <style scoped>
-/* 颜色变量定义 */
-:root {
+/* 颜色变量定义 - 使用组件内CSS变量 */
+.ticket-management-container {
   --primary-color: #1890FF;
   --secondary-color: #FF6B35;
   --status-unbooked: #5A8DEE;
@@ -967,7 +967,8 @@ export default {
 }
 
 .date-picker {
-  width: 100%;
+  width: 160px;
+  z-index: 1;
 }
 
 /* 搜索控件样式 */
@@ -1038,12 +1039,6 @@ export default {
   cursor: not-allowed;
 }
 
-/* 日期选择器样式 */
-.date-picker {
-  width: 160px;
-  z-index: 1;
-}
-
 /* 状态筛选器样式 */
 .status-filter {
   z-index: 2;
@@ -1129,50 +1124,50 @@ export default {
   width: 100%;
 }
 
-  /* 响应式设计 */
-  @media (max-width: 768px) {
-    /* 顶部搜索区域改为纵向排列 */
-    .top-search-area {
-      flex-direction: column;
-      height: auto;
-      padding: 16px;
-      gap: 16px;
-    }
+/* 响应式设计 */
+@media (max-width: 768px) {
+  /* 顶部搜索区域改为纵向排列 */
+  .top-search-area {
+    flex-direction: column;
+    height: auto;
+    padding: 16px;
+    gap: 16px;
+  }
 
-    /* 汉堡菜单显示 */
-    .hamburger-menu {
-      display: block;
-      align-self: flex-start;
-    }
+  /* 汉堡菜单显示 */
+  .hamburger-menu {
+    display: block;
+    align-self: flex-start;
+  }
 
-    /* 搜索区域元素宽度100% */
-    .date-picker,
-    .status-filter,
-    .patient-search,
-    .card-search,
-    .phone-search,
-    .search-button,
-    .add-patient {
-      width: 100%;
-    }
+  /* 搜索区域元素宽度100% */
+  .date-picker,
+  .status-filter,
+  .patient-search,
+  .card-search,
+  .phone-search,
+  .search-button,
+  .add-patient {
+    width: 100%;
+  }
 
-    /* 右侧内容区卡片布局调整 */
-    .virtual-list {
-      grid-template-columns: 1fr;
-      gap: 12px;
-      padding: 12px;
-    }
+  /* 右侧内容区卡片布局调整 */
+  .virtual-list {
+    grid-template-columns: 1fr;
+    gap: 12px;
+    padding: 12px;
+  }
 
-    /* 左侧边栏默认隐藏 */
-    .left-sidebar {
-      transform: translateX(-100%);
-    }
+  /* 左侧边栏默认隐藏 */
+  .left-sidebar {
+    transform: translateX(-100%);
+  }
 
-    /* 右侧内容区占满屏幕 */
-     .right-content {
-       width: 100%;
-     }
-   }
+  /* 右侧内容区占满屏幕 */
+  .right-content {
+    width: 100%;
+  }
+}
    
    /* 确保卡片样式正确应用 */
    .ticket-card {
@@ -1598,9 +1593,28 @@ export default {
 }
 
 .modal-header {
+  padding: 16px 20px;
+  border-bottom: 1px solid #e0e0e0;
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
   flex-shrink: 0;
 }
 
+.modal-header h3 {
+  margin: 0;
+  font-size: 18px;
+  font-weight: 600;
+}
+
+.close-btn {
+  background: none;
+  border: none;
+  font-size: 24px;
+  cursor: pointer;
+  color: #999;
+}
+
 .modal-body {
   flex: 1;
   overflow-y: auto;
@@ -1668,32 +1682,6 @@ export default {
   border-color: var(--primary-color);
 }
 
-.modal-header {
-  padding: 16px 20px;
-  border-bottom: 1px solid #e0e0e0;
-  display: flex;
-  justify-content: space-between;
-  align-items: center;
-}
-
-.modal-header h3 {
-  margin: 0;
-  font-size: 18px;
-  font-weight: 600;
-}
-
-.close-btn {
-  background: none;
-  border: none;
-  font-size: 24px;
-  cursor: pointer;
-  color: #999;
-}
-
-.modal-body {
-  padding: 20px;
-}
-
 .patient-search-toolbar {
   display: flex;
   align-items: center;