From 2e865dd4462287ce7b920a3295aeaf0faae66cd0 Mon Sep 17 00:00:00 2001 From: chenqi Date: Tue, 2 Jun 2026 12:52:59 +0800 Subject: [PATCH] =?UTF-8?q?style(ui):=20=E6=9B=B4=E6=96=B0=E9=A1=B9?= =?UTF-8?q?=E7=9B=AE=E6=95=B4=E4=BD=93=E9=85=8D=E8=89=B2=E6=96=B9=E6=A1=88?= =?UTF-8?q?=E4=B8=BATailwind=20CSS=E6=A0=87=E5=87=86=E8=89=B2=E5=BD=A9?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit - 将主要蓝色从 #409eff 替换为 #3B82F6 - 将成功绿色从 #67c23a 替换为 #10B981 - 将警告橙色从 #e6a23c 替换为 #F59E0B - 将危险红色从 #f56c6c 替换为 #EF4444 - 将信息灰色从 #909399 替换为 #64748B - 更新所有组件中的相关颜色配置 - 调整菜单主题为更深邃的午夜蓝风格 - 移除SCSS变量导出的注释标记 --- openhis-ui-vue3/src/assets/styles/btn.scss | 8 +- .../src/assets/styles/openhis.scss | 2 +- .../src/assets/styles/ui-standard.scss | 14 +- .../src/assets/styles/variables.module.scss | 41 ++--- .../src/components/FileUpload/index.vue | 4 +- .../src/components/ImagePreview/index.vue | 2 +- .../src/components/ImageUpload/index.vue | 4 +- .../src/components/NoticePanel.vue | 8 +- .../src/components/NoticePanel/index.vue | 2 +- .../src/components/NoticePopup/index.vue | 14 +- .../OpenHis/TraceNoDialog/index.vue | 2 +- .../src/components/PatientList/index.vue | 10 +- .../src/components/TableLayout/index.vue | 4 +- .../src/layout/components/Navbar.vue | 6 +- .../src/layout/components/Settings/index.vue | 2 +- .../src/template/inHospitalSurgicalRecord.vue | 2 +- .../src/template/inHosptialCommunicate.vue | 2 +- .../deptManage/doctorschedule/index.vue | 2 +- .../appoinmentmanage/deptManage/index.vue | 4 +- .../deptappthoursManage/index.vue | 8 +- .../basicmanage/InvoiceManagement/index.vue | 12 +- .../components/adviceBaseList.vue | 2 +- .../components/adviceBaseList.vue | 2 +- .../components/prescriptionlist.vue | 2 +- .../basicmanage/ordersCombination/index.vue | 8 +- .../components/tcmMedicineList.vue | 2 +- .../cardmanagement/components/AuditDrawer.vue | 6 +- .../src/views/cardmanagement/index.vue | 10 +- .../components/diagnosisTreatmentDialog.vue | 2 +- .../views/charge/patientCardRenewal/index.vue | 12 +- .../bargain/component/adviceBaseList.vue | 2 +- .../bargain/component/prescriptionlist.vue | 4 +- .../views/clinicmanagement/dayEnd/index.vue | 10 +- .../clinicmanagement/ePrescribing/index.vue | 2 +- .../component/adviceListDialog.vue | 2 +- .../clinicmanagement/returnDrug/index.vue | 4 +- .../clinicmanagement/skinrecord/index.vue | 16 +- .../consultationapplication/index.vue | 4 +- .../consultationconfirmation/index.vue | 2 +- .../ReportManagement/index.vue | 26 ++-- .../doctorstation/components/consultation.vue | 20 +-- .../components/diagnosis/diagnosis.vue | 8 +- .../infectiousDiseaseReportDialog.vue | 8 +- .../components/eprescriptionlist.vue | 2 +- .../examination/examinationApplication.vue | 56 +++---- .../inspection/inspectionApplication.vue | 68 ++++----- .../prescription/orderGroupDrawer.vue | 10 +- .../prescription/prescriptionlist.vue | 10 +- .../prescription/refundListDialog.vue | 2 +- .../doctorstation/components/reportQuery.vue | 6 +- .../components/reservationRecord.vue | 4 +- .../components/tcm/tcmAdvice.vue | 6 +- .../components/tcm/tcmMedicineList.vue | 2 +- .../TodayOutpatientPatientList.vue | 6 +- .../todayOutpatient/TodayOutpatientStats.vue | 14 +- .../components/todayOutpatient/index.vue | 10 +- .../src/views/doctorstation/index.vue | 2 +- .../views/doctorstation/todayOutpatient.vue | 2 +- .../components/MedicationDetails.vue | 4 +- .../components/ReturnDrug.vue | 4 +- openhis-ui-vue3/src/views/features/config.vue | 16 +- openhis-ui-vue3/src/views/features/index.vue | 16 +- .../views/gf/ratioApplicationRecord/index.vue | 26 ++-- .../components/medicalRecordSecond.vue | 10 +- .../components/medicalRecordThird.vue | 18 +-- .../charge/advanceDeposit/index.vue | 2 +- .../register/components/patientInfo.vue | 2 +- openhis-ui-vue3/src/views/index.vue | 142 +++++++++--------- .../home/components/adviceBaseList.vue | 2 +- .../bloodTtransfusionAapplication.vue | 4 +- .../applicationShow/examineApplication.vue | 14 +- .../applicationShow/nursingStatus.vue | 8 +- .../applicationShow/reportQuery.vue | 6 +- .../applicationShow/surgeryApplication.vue | 4 +- .../applicationShow/testApplication.vue | 6 +- .../home/components/diagnosis/diagnosis.vue | 2 +- .../home/components/diagnosis/index.vue | 6 +- .../home/components/order/OrderForm.vue | 2 +- .../order/applicationForm/laboratoryTests.vue | 2 +- .../applicationForm/medicalExaminations.vue | 12 +- .../home/components/order/index.vue | 4 +- .../InpatientBilling/components/FeeDialog.vue | 6 +- .../components/OrderBilling.vue | 8 +- .../components/billingList.vue | 12 +- .../components/newfeeDetailQuery.vue | 4 +- .../inpatientNurse/InpatientBilling/index.vue | 2 +- .../inpatientNurse/components/NurseNavBar.vue | 4 +- .../inOut/components/transferOut.vue | 4 +- .../components/addNursingRecordDialog.vue | 4 +- .../components/nursingCodeReference.vue | 2 +- .../inpatientNurse/nursingRecord/index.vue | 16 +- .../views/maintainSystem/Inspection/index.vue | 6 +- .../components/PackageSettings.vue | 2 +- .../checkprojectSettings/index.vue | 2 +- .../pharmacyReconciliation/index.vue | 4 +- .../outpatientDepartmentMetrics.vue | 6 +- .../pharmacyMonthlybalance.vue | 2 +- .../statisticalManagement/portal.vue | 16 +- .../reconciliationDetails.vue | 4 +- .../storeReconciliation/index.vue | 6 +- .../profitLossOrder/components/orderTable.vue | 2 +- .../medicineStorage/profitLossOrder/index.vue | 14 +- .../purchaseOrder/components/orderTable.vue | 2 +- .../medicineStorage/purchaseOrder/index.vue | 14 +- .../returnOrder/components/orderTable.vue | 2 +- .../medicineStorage/returnOrder/index.vue | 14 +- .../components/orderTable.vue | 2 +- .../returnToWarehouseOrder/index.vue | 14 +- .../stockInOrder/components/orderTable.vue | 2 +- .../medicineStorage/stockInOrder/index.vue | 14 +- .../stockOutOrder/components/orderTable.vue | 2 +- .../medicineStorage/stockOutOrder/index.vue | 14 +- .../components/orderTable.vue | 2 +- .../stocktakingOrder/index.vue | 14 +- .../dispensingOrder/components/orderTable.vue | 2 +- .../dispensingOrder/index.vue | 14 +- .../profitLossOrder/components/orderTable.vue | 2 +- .../profitLossOrder/index.vue | 14 +- .../components/orderTable.vue | 2 +- .../requisitionOrder/index.vue | 14 +- .../components/orderTable.vue | 2 +- .../returnToDispensaryOrder/index.vue | 14 +- .../stockInOrder/components/orderTable.vue | 2 +- .../pharmacymanagement/stockInOrder/index.vue | 14 +- .../components/orderTable.vue | 2 +- .../stocktakingOrder/index.vue | 14 +- .../transferInOrder/components/orderTable.vue | 2 +- .../transferInOrder/index.vue | 14 +- .../components/orderTable.vue | 2 +- .../transferOutOrder/index.vue | 14 +- .../westernmedicine/index.vue | 4 +- openhis-ui-vue3/src/views/register.vue | 4 +- .../src/views/surgerymanage/index.vue | 6 +- .../src/views/surgicalschedule/index.vue | 2 +- .../surgicalschedule/temporaryMedical.vue | 14 +- .../src/views/system/menu/index.vue | 2 +- .../src/views/system/user/index.vue | 4 +- openhis-ui-vue3/src/views/todo/index.vue | 20 +-- .../callnumbervoice/index.vue | 8 +- .../triageandqueuemanage/cardiology/index.vue | 10 +- .../register/components/patientInfo.vue | 2 +- 141 files changed, 614 insertions(+), 631 deletions(-) diff --git a/openhis-ui-vue3/src/assets/styles/btn.scss b/openhis-ui-vue3/src/assets/styles/btn.scss index 150ed1c9f..2b93f6c9b 100755 --- a/openhis-ui-vue3/src/assets/styles/btn.scss +++ b/openhis-ui-vue3/src/assets/styles/btn.scss @@ -90,7 +90,7 @@ &:hover, &:focus { - color: #409eff; + color: #3B82F6; border-color: #c6e2ff; background-color: #ecf5ff; } @@ -149,7 +149,7 @@ // 不同颜色的链接按钮 .blue-btn-link { @extend .pan-btn-link; - color: #409eff; + color: #3B82F6; &:hover, &:focus { @@ -159,7 +159,7 @@ .red-btn-link { @extend .pan-btn-link; - color: #f56c6c; + color: #EF4444; &:hover, &:focus { @@ -169,7 +169,7 @@ .info-btn-link { @extend .pan-btn-link; - color: #909399; + color: #64748B; &:hover, &:focus { diff --git a/openhis-ui-vue3/src/assets/styles/openhis.scss b/openhis-ui-vue3/src/assets/styles/openhis.scss index 6b7182bf6..558cf5176 100755 --- a/openhis-ui-vue3/src/assets/styles/openhis.scss +++ b/openhis-ui-vue3/src/assets/styles/openhis.scss @@ -145,7 +145,7 @@ /** 表格更多操作下拉样式 */ .el-table .el-dropdown-link { cursor: pointer; - color: #409EFF; + color: #3B82F6; margin-left: 10px; } diff --git a/openhis-ui-vue3/src/assets/styles/ui-standard.scss b/openhis-ui-vue3/src/assets/styles/ui-standard.scss index 40ce66085..8d29c820d 100755 --- a/openhis-ui-vue3/src/assets/styles/ui-standard.scss +++ b/openhis-ui-vue3/src/assets/styles/ui-standard.scss @@ -245,7 +245,7 @@ padding: 60px 0; &__description { - color: #909399; + color: #64748B; font-size: 14px; margin-top: 16px; } @@ -285,23 +285,23 @@ 14. 工具类 ============================================ */ .text-primary { - color: #409eff; + color: #3B82F6; } .text-success { - color: #67c23a; + color: #10B981; } .text-warning { - color: #e6a23c; + color: #F59E0B; } .text-danger { - color: #f56c6c; + color: #EF4444; } .text-info { - color: #909399; + color: #64748B; } .text-regular { @@ -309,7 +309,7 @@ } .text-secondary { - color: #909399; + color: #64748B; } /* ============================================ diff --git a/openhis-ui-vue3/src/assets/styles/variables.module.scss b/openhis-ui-vue3/src/assets/styles/variables.module.scss index b6fd0b3a3..2a2946baf 100755 --- a/openhis-ui-vue3/src/assets/styles/variables.module.scss +++ b/openhis-ui-vue3/src/assets/styles/variables.module.scss @@ -8,39 +8,24 @@ $tiffany: #4AB7BD; $yellow: #FEC171; $panGreen: #30B08F; -// 默认菜单主题风格 -$base-menu-color: #bfcbd9; -$base-menu-color-active: #f4f4f5; -$base-menu-background: #304156; +// 菜单主题风格 — 微调为更深邃的午夜蓝 +$base-menu-color: rgba(255, 255, 255, 0.65); +$base-menu-color-active: #FFFFFF; +$base-menu-background: #0F172A; $base-logo-title-color: #ffffff; $base-menu-light-color: rgba(0, 0, 0, 0.7); $base-menu-light-background: #ffffff; $base-logo-light-title-color: #001529; -$base-sub-menu-background: #1f2d3d; -$base-sub-menu-hover: #001528; +$base-sub-menu-background: #0C1322; +$base-sub-menu-hover: #1E293B; -// 自定义暗色菜单风格 -/** -$base-menu-color:hsla(0,0%,100%,.65); -$base-menu-color-active:#fff; -$base-menu-background:#001529; -$base-logo-title-color: #ffffff; - -$base-menu-light-color:rgba(0,0,0,.70); -$base-menu-light-background:#ffffff; -$base-logo-light-title-color: #001529; - -$base-sub-menu-background:#000c17; -$base-sub-menu-hover:#001528; -*/ - -$--color-primary: #409EFF; -$--color-success: #67C23A; -$--color-warning: #E6A23C; -$--color-danger: #F56C6C; -$--color-info: #909399; +$--color-primary: #3B82F6; +$--color-success: #10B981; +$--color-warning: #F59E0B; +$--color-danger: #EF4444; +$--color-info: #64748B; // 侧边栏宽度（垂直菜单） $sideBarWidth: 200px; @@ -49,8 +34,6 @@ $base-sidebar-width: $sideBarWidth; // Logo高度 $logoHeight: 50px; -// the :export directive is the magic sauce for webpack -// https://www.bluematador.com/blog/how-to-share-variables-between-js-and-sass :export { menuColor: $base-menu-color; menuLightColor: $base-menu-light-color; @@ -67,4 +50,4 @@ $logoHeight: 50px; dangerColor: $--color-danger; infoColor: $--color-info; warningColor: $--color-warning; -} +} \ No newline at end of file diff --git a/openhis-ui-vue3/src/components/FileUpload/index.vue b/openhis-ui-vue3/src/components/FileUpload/index.vue index cbdabaac7..c77590ac3 100755 --- a/openhis-ui-vue3/src/components/FileUpload/index.vue +++ b/openhis-ui-vue3/src/components/FileUpload/index.vue @@ -26,10 +26,10 @@ > 请上传 的文件 diff --git a/openhis-ui-vue3/src/components/ImagePreview/index.vue b/openhis-ui-vue3/src/components/ImagePreview/index.vue index 8fd1ddc61..6a5032e4a 100755 --- a/openhis-ui-vue3/src/components/ImagePreview/index.vue +++ b/openhis-ui-vue3/src/components/ImagePreview/index.vue @@ -85,7 +85,7 @@ const realHeight = computed(() => align-items: center; width: 100%; height: 100%; - color: #909399; + color: #64748B; font-size: 30px; } } diff --git a/openhis-ui-vue3/src/components/ImageUpload/index.vue b/openhis-ui-vue3/src/components/ImageUpload/index.vue index d184b1e48..9c587dbd4 100755 --- a/openhis-ui-vue3/src/components/ImageUpload/index.vue +++ b/openhis-ui-vue3/src/components/ImageUpload/index.vue @@ -28,10 +28,10 @@ > 请上传 的文件 diff --git a/openhis-ui-vue3/src/components/NoticePanel.vue b/openhis-ui-vue3/src/components/NoticePanel.vue index 9a5ddffb2..cd713bfb1 100755 --- a/openhis-ui-vue3/src/components/NoticePanel.vue +++ b/openhis-ui-vue3/src/components/NoticePanel.vue @@ -263,7 +263,7 @@ defineExpose({ &.is-read { .notice-title { - color: #909399; + color: #64748B; } } @@ -284,7 +284,7 @@ defineExpose({ display: inline-block; width: 6px; height: 6px; - background-color: #f56c6c; + background-color: #EF4444; border-radius: 50%; margin-right: 8px; flex-shrink: 0; @@ -296,7 +296,7 @@ defineExpose({ justify-content: space-between; align-items: center; font-size: 12px; - color: #909399; + color: #64748B; gap: 8px; .notice-type, @@ -321,7 +321,7 @@ defineExpose({ .detail-time { font-size: 12px; - color: #909399; + color: #64748B; } .detail-content { diff --git a/openhis-ui-vue3/src/components/NoticePanel/index.vue b/openhis-ui-vue3/src/components/NoticePanel/index.vue index 311f0d7e5..0dc8c26db 100755 --- a/openhis-ui-vue3/src/components/NoticePanel/index.vue +++ b/openhis-ui-vue3/src/components/NoticePanel/index.vue @@ -579,7 +579,7 @@ defineExpose({ .priority-low { background: #f0f2f5; - color: #909399; + color: #64748B; border-color: #dcdfe6; &:hover { diff --git a/openhis-ui-vue3/src/components/NoticePopup/index.vue b/openhis-ui-vue3/src/components/NoticePopup/index.vue index 03ff85e8d..76c65f402 100755 --- a/openhis-ui-vue3/src/components/NoticePopup/index.vue +++ b/openhis-ui-vue3/src/components/NoticePopup/index.vue @@ -481,20 +481,20 @@ defineExpose({ // 优先级标签样式 .priority-high { - color: #f56c6c; - border-color: #f56c6c; + color: #EF4444; + border-color: #EF4444; background: #fef0f0; } .priority-medium { - color: #e6a23c; - border-color: #e6a23c; + color: #F59E0B; + border-color: #F59E0B; background: #fdf6ec; } .priority-low { - color: #909399; - border-color: #909399; + color: #64748B; + border-color: #64748B; background: #f4f4f5; } @@ -612,7 +612,7 @@ defineExpose({ .priority-low { background: #f0f2f5; - color: #909399; + color: #64748B; border-color: #dcdfe6; &:hover { diff --git a/openhis-ui-vue3/src/components/OpenHis/TraceNoDialog/index.vue b/openhis-ui-vue3/src/components/OpenHis/TraceNoDialog/index.vue index 7e5ab12b4..c83ca4af1 100755 --- a/openhis-ui-vue3/src/components/OpenHis/TraceNoDialog/index.vue +++ b/openhis-ui-vue3/src/components/OpenHis/TraceNoDialog/index.vue @@ -95,7 +95,7 @@ justify-content: center; width: 16px; height: 16px; - background: #f56c6c; + background: #EF4444; border-radius: 50%; cursor: pointer; " diff --git a/openhis-ui-vue3/src/components/PatientList/index.vue b/openhis-ui-vue3/src/components/PatientList/index.vue index 667c08d33..8ee03bd5f 100755 --- a/openhis-ui-vue3/src/components/PatientList/index.vue +++ b/openhis-ui-vue3/src/components/PatientList/index.vue @@ -303,15 +303,15 @@ const getStatusColor = (statusEnum?: number): string => { switch (statusEnum) { case 2: // REGISTERED - 待入科 - return '#E6A23C'; // 橙色 + return '#F59E0B'; // 橙色 case 3: // AWAITING_DISCHARGE - 待出院 - return '#F56C6C'; // 红色 + return '#EF4444'; // 红色 case 4: // DISCHARGED_FROM_HOSPITAL - 待出院结算 - return '#909399'; // 灰色 + return '#64748B'; // 灰色 case 5: // ADMITTED_TO_THE_HOSPITAL - 已入院 - return '#67C23A'; // 绿色 + return '#10B981'; // 绿色 case 6: // PENDING_TRANSFER - 待转科 - return '#409EFF'; // 蓝色 + return '#3B82F6'; // 蓝色 default: return ''; } diff --git a/openhis-ui-vue3/src/components/TableLayout/index.vue b/openhis-ui-vue3/src/components/TableLayout/index.vue index 42f31026e..3235d3ea7 100755 --- a/openhis-ui-vue3/src/components/TableLayout/index.vue +++ b/openhis-ui-vue3/src/components/TableLayout/index.vue @@ -355,9 +355,9 @@ defineExpose({ height: 24px; &:hover { - background-color: #409eff; + background-color: #3B82F6; color: #fff; - border-color: #409eff; + border-color: #3B82F6; } } } diff --git a/openhis-ui-vue3/src/layout/components/Navbar.vue b/openhis-ui-vue3/src/layout/components/Navbar.vue index 5305470dd..4a72c4526 100755 --- a/openhis-ui-vue3/src/layout/components/Navbar.vue +++ b/openhis-ui-vue3/src/layout/components/Navbar.vue @@ -361,7 +361,7 @@ function goToHelpCenter() { font-size: 20px; &:hover { - color: #409eff; + color: #3B82F6; } } } @@ -441,7 +441,7 @@ function goToHelpCenter() { transition: color 0.3s; &:hover { - color: #409eff; + color: #3B82F6; } } @@ -576,7 +576,7 @@ function goToHelpCenter() { } .el-dropdown-menu__item.is-active { - color: #409eff !important; + color: #3B82F6 !important; font-weight: 500 !important; background-color: #ecf5ff !important; } diff --git a/openhis-ui-vue3/src/layout/components/Settings/index.vue b/openhis-ui-vue3/src/layout/components/Settings/index.vue index 573959488..9026f290c 100755 --- a/openhis-ui-vue3/src/layout/components/Settings/index.vue +++ b/openhis-ui-vue3/src/layout/components/Settings/index.vue @@ -177,7 +177,7 @@ const showSettings = ref(false); const theme = ref(settingsStore.theme); const sideTheme = ref(settingsStore.sideTheme); const storeSettings = computed(() => settingsStore); -const predefineColors = ref(["#409EFF", "#ff4500", "#ff8c00", "#ffd700", "#90ee90", "#00ced1", "#1e90ff", "#c71585"]); +const predefineColors = ref(["#3B82F6", "#ff4500", "#ff8c00", "#ffd700", "#90ee90", "#00ced1", "#1e90ff", "#c71585"]); /** 是否需要topnav */ function topNavChange(val) { diff --git a/openhis-ui-vue3/src/template/inHospitalSurgicalRecord.vue b/openhis-ui-vue3/src/template/inHospitalSurgicalRecord.vue index 89f37444c..bc3f14392 100755 --- a/openhis-ui-vue3/src/template/inHospitalSurgicalRecord.vue +++ b/openhis-ui-vue3/src/template/inHospitalSurgicalRecord.vue @@ -774,7 +774,7 @@ defineExpose({ submit, setFormData, printFun }); .signature-tip { font-size: 12px; - color: #f56c6c; + color: #EF4444; margin-top: 4px; } diff --git a/openhis-ui-vue3/src/template/inHosptialCommunicate.vue b/openhis-ui-vue3/src/template/inHosptialCommunicate.vue index 862b693f1..ad3fb481f 100755 --- a/openhis-ui-vue3/src/template/inHosptialCommunicate.vue +++ b/openhis-ui-vue3/src/template/inHosptialCommunicate.vue @@ -659,7 +659,7 @@ defineExpose({ submit, setFormData }); .signature-tip { font-size: 12px; - color: #f56c6c; + color: #EF4444; margin-top: 4px; } diff --git a/openhis-ui-vue3/src/views/appoinmentmanage/deptManage/doctorschedule/index.vue b/openhis-ui-vue3/src/views/appoinmentmanage/deptManage/doctorschedule/index.vue index e99f260e9..d82d9acf7 100755 --- a/openhis-ui-vue3/src/views/appoinmentmanage/deptManage/doctorschedule/index.vue +++ b/openhis-ui-vue3/src/views/appoinmentmanage/deptManage/doctorschedule/index.vue @@ -991,7 +991,7 @@ watch( .record-icon { font-size: 18px; - color: #409eff; + color: #3B82F6; cursor: pointer; transition: color 0.2s; } diff --git a/openhis-ui-vue3/src/views/appoinmentmanage/deptManage/index.vue b/openhis-ui-vue3/src/views/appoinmentmanage/deptManage/index.vue index 589c998cf..9cdccfc46 100755 --- a/openhis-ui-vue3/src/views/appoinmentmanage/deptManage/index.vue +++ b/openhis-ui-vue3/src/views/appoinmentmanage/deptManage/index.vue @@ -2307,7 +2307,7 @@ onMounted(async () => { .record-icon { font-size: 18px; - color: #409eff; + color: #3B82F6; cursor: pointer; transition: color 0.2s; } @@ -2377,7 +2377,7 @@ onMounted(async () => { font-size: 36px !important; width: 36px !important; height: 36px !important; - color: #F56C6C !important; /* 直接设置为红色 */ + color: #EF4444 !important; /* 直接设置为红色 */ transition: all 0.2s ease-in-out; } diff --git a/openhis-ui-vue3/src/views/appoinmentmanage/deptappthoursManage/index.vue b/openhis-ui-vue3/src/views/appoinmentmanage/deptappthoursManage/index.vue index dab45dd95..8e27e336e 100755 --- a/openhis-ui-vue3/src/views/appoinmentmanage/deptappthoursManage/index.vue +++ b/openhis-ui-vue3/src/views/appoinmentmanage/deptappthoursManage/index.vue @@ -1059,18 +1059,18 @@ $form-element-spacing: 16px; } &.el-button--danger { - color: #f56c6c; + color: #EF4444; &:hover { - color: lighten(#f56c6c, 10%); + color: lighten(#EF4444, 10%); } } &.el-button--info { - color: #909399; + color: #64748B; &:hover { - color: lighten(#909399, 10%); + color: lighten(#64748B, 10%); } } } diff --git a/openhis-ui-vue3/src/views/basicmanage/InvoiceManagement/index.vue b/openhis-ui-vue3/src/views/basicmanage/InvoiceManagement/index.vue index 96879487b..73687bca8 100755 --- a/openhis-ui-vue3/src/views/basicmanage/InvoiceManagement/index.vue +++ b/openhis-ui-vue3/src/views/basicmanage/InvoiceManagement/index.vue @@ -1414,7 +1414,7 @@ export default { .role-badge.operator { background-color: #f6ffed; - color: #67c23a; + color: #10B981; border: 1px solid #d9f7be; } @@ -1448,7 +1448,7 @@ export default { margin: 0 0 8px 0; font-size: 14px; font-weight: 600; - color: #f56c6c; + color: #EF4444; } .error-list { @@ -1526,7 +1526,7 @@ export default { .employee-id { font-size: 12px; - color: #909399; + color: #64748B; background-color: #f4f4f5; padding: 2px 6px; border-radius: 8px; @@ -1555,7 +1555,7 @@ export default { } .form-control:focus { - border-color: #409eff; + border-color: #3B82F6; box-shadow: 0 0 0 2px rgba(64, 158, 255, 0.1); } @@ -1570,7 +1570,7 @@ export default { .no-data-row { text-align: center; padding: 30px 0 !important; - color: #909399; + color: #64748B; font-style: normal; background-color: #fafafa; } @@ -1581,7 +1581,7 @@ export default { .info-card { background-color: #f5f7fa; - border-left: 3px solid #409eff; + border-left: 3px solid #3B82F6; padding: 12px 16px; border-radius: 4px; } diff --git a/openhis-ui-vue3/src/views/basicmanage/medicalOrderSet/components/adviceBaseList.vue b/openhis-ui-vue3/src/views/basicmanage/medicalOrderSet/components/adviceBaseList.vue index 45944d224..587d303b4 100755 --- a/openhis-ui-vue3/src/views/basicmanage/medicalOrderSet/components/adviceBaseList.vue +++ b/openhis-ui-vue3/src/views/basicmanage/medicalOrderSet/components/adviceBaseList.vue @@ -329,6 +329,6 @@ defineExpose({ background: #fff; } .popover-table-wrapper:focus { - outline: 2px solid #409eff; + outline: 2px solid #3B82F6; } \ No newline at end of file diff --git a/openhis-ui-vue3/src/views/basicmanage/ordersCombination/components/adviceBaseList.vue b/openhis-ui-vue3/src/views/basicmanage/ordersCombination/components/adviceBaseList.vue index 2d8b273d0..470354273 100755 --- a/openhis-ui-vue3/src/views/basicmanage/ordersCombination/components/adviceBaseList.vue +++ b/openhis-ui-vue3/src/views/basicmanage/ordersCombination/components/adviceBaseList.vue @@ -191,6 +191,6 @@ defineExpose({ \ No newline at end of file diff --git a/openhis-ui-vue3/src/views/basicmanage/ordersCombination/components/prescriptionlist.vue b/openhis-ui-vue3/src/views/basicmanage/ordersCombination/components/prescriptionlist.vue index f0290e0f2..74167d022 100755 --- a/openhis-ui-vue3/src/views/basicmanage/ordersCombination/components/prescriptionlist.vue +++ b/openhis-ui-vue3/src/views/basicmanage/ordersCombination/components/prescriptionlist.vue @@ -1375,7 +1375,7 @@ defineExpose({ getListInfo }); .total-amount { font-size: 16px; font-weight: 600; - color: #409eff; + color: #3B82F6; white-space: nowrap; } diff --git a/openhis-ui-vue3/src/views/basicmanage/ordersCombination/index.vue b/openhis-ui-vue3/src/views/basicmanage/ordersCombination/index.vue index 2e579716c..3e7c17004 100755 --- a/openhis-ui-vue3/src/views/basicmanage/ordersCombination/index.vue +++ b/openhis-ui-vue3/src/views/basicmanage/ordersCombination/index.vue @@ -88,7 +88,7 @@ 删除 @@ -311,7 +311,7 @@ const deleteTemplate = (id) => { .card-header i { margin-right: 10px; - color: #409eff; + color: #3B82F6; font-size: 18px; } @@ -345,7 +345,7 @@ const deleteTemplate = (id) => { .custom-tree-node i { margin-right: 8px; - color: #909399; + color: #64748B; } .node-label { @@ -396,7 +396,7 @@ const deleteTemplate = (id) => { } .el-button--primary { - background: linear-gradient(135deg, #409eff, #337ecc); + background: linear-gradient(135deg, #3B82F6, #337ecc); border: none; } diff --git a/openhis-ui-vue3/src/views/basicmanage/tcmMedicalOrderSet/components/tcmMedicineList.vue b/openhis-ui-vue3/src/views/basicmanage/tcmMedicalOrderSet/components/tcmMedicineList.vue index de00f2c2e..d9bf99723 100755 --- a/openhis-ui-vue3/src/views/basicmanage/tcmMedicalOrderSet/components/tcmMedicineList.vue +++ b/openhis-ui-vue3/src/views/basicmanage/tcmMedicalOrderSet/components/tcmMedicineList.vue @@ -294,6 +294,6 @@ defineExpose({ background: #fff; } .popover-table-wrapper:focus { - outline: 2px solid #409eff; + outline: 2px solid #3B82F6; } diff --git a/openhis-ui-vue3/src/views/cardmanagement/components/AuditDrawer.vue b/openhis-ui-vue3/src/views/cardmanagement/components/AuditDrawer.vue index e5cf6f1b1..43c8c8741 100755 --- a/openhis-ui-vue3/src/views/cardmanagement/components/AuditDrawer.vue +++ b/openhis-ui-vue3/src/views/cardmanagement/components/AuditDrawer.vue @@ -511,7 +511,7 @@ watch(() => props.visible, (val) => { color: #303133; margin: 0 0 16px 0; padding-bottom: 8px; - border-bottom: 2px solid #409eff; + border-bottom: 2px solid #3B82F6; } .card-form-section { @@ -530,7 +530,7 @@ watch(() => props.visible, (val) => { color: #606266; margin: 16px 0 12px 0; padding-left: 8px; - border-left: 3px solid #409eff; + border-left: 3px solid #3B82F6; } .audit-records-section { @@ -561,7 +561,7 @@ watch(() => props.visible, (val) => { .record-status { font-size: 12px; - color: #909399; + color: #64748B; } .audit-action-section { diff --git a/openhis-ui-vue3/src/views/cardmanagement/index.vue b/openhis-ui-vue3/src/views/cardmanagement/index.vue index 277f9977d..b33726b15 100755 --- a/openhis-ui-vue3/src/views/cardmanagement/index.vue +++ b/openhis-ui-vue3/src/views/cardmanagement/index.vue @@ -893,22 +893,22 @@ onMounted(() => { .stat-icon.pending { background: rgba(64, 158, 255, 0.1); - color: #409eff; + color: #3B82F6; } .stat-icon.failed { background: rgba(245, 108, 108, 0.1); - color: #f56c6c; + color: #EF4444; } .stat-icon.success { background: rgba(103, 194, 58, 0.1); - color: #67c23a; + color: #10B981; } .stat-icon.reported { background: rgba(144, 147, 153, 0.1); - color: #909399; + color: #64748B; } .stat-content { @@ -924,7 +924,7 @@ onMounted(() => { .stat-label { font-size: 14px; - color: #909399; + color: #64748B; margin-top: 4px; } diff --git a/openhis-ui-vue3/src/views/catalog/diagnosistreatment/components/diagnosisTreatmentDialog.vue b/openhis-ui-vue3/src/views/catalog/diagnosistreatment/components/diagnosisTreatmentDialog.vue index d6bcd4e3a..ac084cc58 100755 --- a/openhis-ui-vue3/src/views/catalog/diagnosistreatment/components/diagnosisTreatmentDialog.vue +++ b/openhis-ui-vue3/src/views/catalog/diagnosistreatment/components/diagnosisTreatmentDialog.vue @@ -385,7 +385,7 @@ right: 3px; top: 50%; transform: translateY(-50%); - color: #909399; + color: #64748B; " @click.stop="clearItem(index)" /> diff --git a/openhis-ui-vue3/src/views/charge/patientCardRenewal/index.vue b/openhis-ui-vue3/src/views/charge/patientCardRenewal/index.vue index abf59a37f..6dba22654 100755 --- a/openhis-ui-vue3/src/views/charge/patientCardRenewal/index.vue +++ b/openhis-ui-vue3/src/views/charge/patientCardRenewal/index.vue @@ -175,13 +175,13 @@
确认(Q) 关闭(C) @@ -656,8 +656,8 @@ const confirmSelectPatient = () => { .dialog-footer .el-button { min-width: 80px; - background-color: #f56c6c; - border-color: #f56c6c; + background-color: #EF4444; + border-color: #EF4444; color: white; } @@ -726,7 +726,7 @@ const confirmSelectPatient = () => { } .title-bar { - background: #409eff; + background: #3B82F6; color: white; padding: 10px 15px; margin: -10px -10px 15px -10px; @@ -803,7 +803,7 @@ const confirmSelectPatient = () => { .success-icon { width: 50px; height: 50px; - background: #67c23a; + background: #10B981; color: white; border-radius: 50%; display: flex; diff --git a/openhis-ui-vue3/src/views/clinicmanagement/bargain/component/adviceBaseList.vue b/openhis-ui-vue3/src/views/clinicmanagement/bargain/component/adviceBaseList.vue index 1eaa1b2c2..ea2a85427 100755 --- a/openhis-ui-vue3/src/views/clinicmanagement/bargain/component/adviceBaseList.vue +++ b/openhis-ui-vue3/src/views/clinicmanagement/bargain/component/adviceBaseList.vue @@ -280,6 +280,6 @@ defineExpose({ \ No newline at end of file diff --git a/openhis-ui-vue3/src/views/clinicmanagement/bargain/component/prescriptionlist.vue b/openhis-ui-vue3/src/views/clinicmanagement/bargain/component/prescriptionlist.vue index b34976556..cf71c29dc 100755 --- a/openhis-ui-vue3/src/views/clinicmanagement/bargain/component/prescriptionlist.vue +++ b/openhis-ui-vue3/src/views/clinicmanagement/bargain/component/prescriptionlist.vue @@ -97,7 +97,7 @@ 无可用库存 @@ -1402,7 +1402,7 @@ defineExpose({ getListInfo, closeAllPopovers }); .total-amount { font-size: 16px; font-weight: 600; - color: #409eff; + color: #3B82F6; white-space: nowrap; } diff --git a/openhis-ui-vue3/src/views/clinicmanagement/dayEnd/index.vue b/openhis-ui-vue3/src/views/clinicmanagement/dayEnd/index.vue index dc3f01d94..0b702e877 100755 --- a/openhis-ui-vue3/src/views/clinicmanagement/dayEnd/index.vue +++ b/openhis-ui-vue3/src/views/clinicmanagement/dayEnd/index.vue @@ -608,7 +608,7 @@ getPharmacyCabinetLists(); } .info-label { - color: #909399; + color: #64748B; font-size: 13px; white-space: nowrap; min-width: 90px; @@ -661,7 +661,7 @@ getPharmacyCabinetLists(); } .value-highlight { - color: #409eff; + color: #3B82F6; font-weight: 700; font-size: 15px; } @@ -677,16 +677,16 @@ getPharmacyCabinetLists(); .summary-label { font-weight: 600; - color: #409eff; + color: #3B82F6; } .section-title { font-size: 15px; font-weight: 600; - color: #409eff; + color: #3B82F6; padding: 8px 0 8px 12px; margin: 8px 0 6px; - border-left: 3px solid #409eff; + border-left: 3px solid #3B82F6; background: linear-gradient(90deg, rgba(64, 158, 255, 0.05) 0%, transparent 100%); } diff --git a/openhis-ui-vue3/src/views/clinicmanagement/ePrescribing/index.vue b/openhis-ui-vue3/src/views/clinicmanagement/ePrescribing/index.vue index 60c6dc06d..eccccf53f 100755 --- a/openhis-ui-vue3/src/views/clinicmanagement/ePrescribing/index.vue +++ b/openhis-ui-vue3/src/views/clinicmanagement/ePrescribing/index.vue @@ -513,7 +513,7 @@ function cancel() { .total-amount { font-size: 16px; font-weight: 600; - color: #409eff; + color: #3B82F6; white-space: nowrap; } diff --git a/openhis-ui-vue3/src/views/clinicmanagement/infusionrecord/component/adviceListDialog.vue b/openhis-ui-vue3/src/views/clinicmanagement/infusionrecord/component/adviceListDialog.vue index a85753a0b..2063e0385 100755 --- a/openhis-ui-vue3/src/views/clinicmanagement/infusionrecord/component/adviceListDialog.vue +++ b/openhis-ui-vue3/src/views/clinicmanagement/infusionrecord/component/adviceListDialog.vue @@ -224,7 +224,7 @@ function close() { .total { margin-left: 20px; - color: #f56c6c; + color: #EF4444; font-weight: 500; } } diff --git a/openhis-ui-vue3/src/views/clinicmanagement/returnDrug/index.vue b/openhis-ui-vue3/src/views/clinicmanagement/returnDrug/index.vue index 3534e938e..1167cbe3d 100755 --- a/openhis-ui-vue3/src/views/clinicmanagement/returnDrug/index.vue +++ b/openhis-ui-vue3/src/views/clinicmanagement/returnDrug/index.vue @@ -494,7 +494,7 @@ function handelSpanMethod({ row, column, rowIndex, columnIndex }) { &.active { background-color: #ecf5ff; - border-left: 4px solid #409eff; + border-left: 4px solid #3B82F6; } } @@ -527,7 +527,7 @@ function handelSpanMethod({ row, column, rowIndex, columnIndex }) { .total { margin-left: 20px; - color: #f56c6c; + color: #EF4444; font-weight: 500; } } diff --git a/openhis-ui-vue3/src/views/clinicmanagement/skinrecord/index.vue b/openhis-ui-vue3/src/views/clinicmanagement/skinrecord/index.vue index 60180650c..48f34f02f 100755 --- a/openhis-ui-vue3/src/views/clinicmanagement/skinrecord/index.vue +++ b/openhis-ui-vue3/src/views/clinicmanagement/skinrecord/index.vue @@ -592,7 +592,7 @@ getNurseListData(); .title-info { font-size: 14px; - color: #909399; + color: #64748B; } .patient-cards { @@ -612,12 +612,12 @@ getNurseListData(); } .patient-card:hover { - border-color: #409eff; + border-color: #3B82F6; box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); } .patient-card.actived { - border-color: #409eff; + border-color: #3B82F6; background: #ecf5ff; box-shadow: 0 2px 12px 0 rgba(64, 158, 255, 0.2); } @@ -637,7 +637,7 @@ getNurseListData(); .patient-info { font-size: 14px; - color: #909399; + color: #64748B; } .card-divider { @@ -658,7 +658,7 @@ getNurseListData(); } .card-item .label { - color: #909399; + color: #64748B; min-width: 70px; } @@ -672,15 +672,15 @@ getNurseListData(); } .status-success { - color: #67c23a; + color: #10B981; } .status-warning { - color: #e6a23c; + color: #F59E0B; } .status-danger { - color: #f56c6c; + color: #EF4444; } :deep(.el-table tbody tr:hover > td) { diff --git a/openhis-ui-vue3/src/views/consultationmanagement/consultationapplication/index.vue b/openhis-ui-vue3/src/views/consultationmanagement/consultationapplication/index.vue index 7dfb998e8..896f91399 100755 --- a/openhis-ui-vue3/src/views/consultationmanagement/consultationapplication/index.vue +++ b/openhis-ui-vue3/src/views/consultationmanagement/consultationapplication/index.vue @@ -994,11 +994,11 @@ onMounted(() => { :deep(.el-input.is-disabled .el-input__inner) { background-color: #f5f7fa; - color: #909399; + color: #64748B; } :deep(.el-textarea.is-disabled .el-textarea__inner) { background-color: #f5f7fa; - color: #909399; + color: #64748B; } diff --git a/openhis-ui-vue3/src/views/consultationmanagement/consultationconfirmation/index.vue b/openhis-ui-vue3/src/views/consultationmanagement/consultationconfirmation/index.vue index 7e6da01d5..d65cea21b 100755 --- a/openhis-ui-vue3/src/views/consultationmanagement/consultationconfirmation/index.vue +++ b/openhis-ui-vue3/src/views/consultationmanagement/consultationconfirmation/index.vue @@ -832,7 +832,7 @@ onMounted(() => { .opinion-footer { margin-top: 8px; font-size: 12px; - color: #909399; + color: #64748B; text-align: right; } diff --git a/openhis-ui-vue3/src/views/diseaseReportManagement/ReportManagement/index.vue b/openhis-ui-vue3/src/views/diseaseReportManagement/ReportManagement/index.vue index a7a524caf..c85a1cb27 100755 --- a/openhis-ui-vue3/src/views/diseaseReportManagement/ReportManagement/index.vue +++ b/openhis-ui-vue3/src/views/diseaseReportManagement/ReportManagement/index.vue @@ -21,7 +21,7 @@ >
@@ -54,7 +54,7 @@ >
@@ -87,7 +87,7 @@ >
@@ -120,7 +120,7 @@ >
@@ -995,7 +995,7 @@ width="500px" :before-close="handleBatchReturnClose" > - 即将退回 {{ selectedRows.length }} 张报卡，请谨慎操作 + 即将退回 {{ selectedRows.length }} 张报卡，请谨慎操作 结束 @@ -465,7 +465,7 @@ v-if="selectedPhysiciansList.length > 0" type="text" size="small" - style="margin-left: auto; color: #f56c6c;" + style="margin-left: auto; color: #EF4444;" @click="clearAllSelections" > 清空 @@ -1501,7 +1501,7 @@ onUnmounted(() => { color: #303133; margin-bottom: 15px; padding-bottom: 10px; - border-bottom: 2px solid #409eff; + border-bottom: 2px solid #3B82F6; } .section-title { @@ -1524,7 +1524,7 @@ onUnmounted(() => { min-height: 60px; padding: 10px; background: #f0f9ff; - border: 1px dashed #409eff; + border: 1px dashed #3B82F6; border-radius: 4px; .invited-list { @@ -1534,7 +1534,7 @@ onUnmounted(() => { } .empty-invited { - color: #909399; + color: #64748B; font-size: 13px; text-align: center; padding: 10px 0; @@ -1556,7 +1556,7 @@ onUnmounted(() => { color: #303133; margin-bottom: 15px; padding-bottom: 10px; - border-bottom: 2px solid #409eff; + border-bottom: 2px solid #3B82F6; } .selected-summary { @@ -1576,7 +1576,7 @@ onUnmounted(() => { .summary-count { font-size: 18px; font-weight: bold; - color: #409eff; + color: #3B82F6; margin: 0 4px; } } @@ -1634,7 +1634,7 @@ onUnmounted(() => { height: 20px; line-height: 20px; text-align: center; - background: #67c23a; + background: #10B981; color: #fff; border-radius: 10px; font-size: 12px; @@ -1662,14 +1662,14 @@ onUnmounted(() => { } &.is-checked .el-checkbox__label { - color: #409eff; + color: #3B82F6; font-weight: 500; } } } .no-physicians { - color: #909399; + color: #64748B; font-size: 12px; text-align: center; padding: 10px 0; diff --git a/openhis-ui-vue3/src/views/doctorstation/components/diagnosis/diagnosis.vue b/openhis-ui-vue3/src/views/doctorstation/components/diagnosis/diagnosis.vue index cd30b70be..129a39e12 100755 --- a/openhis-ui-vue3/src/views/doctorstation/components/diagnosis/diagnosis.vue +++ b/openhis-ui-vue3/src/views/doctorstation/components/diagnosis/diagnosis.vue @@ -1145,7 +1145,7 @@ defineExpose({ getList, getDetail, handleSaveDiagnosis }); } .diagnosis-text:hover { - border-color: #409eff; + border-color: #3B82F6; } .diagnosis-text-content { @@ -1158,12 +1158,12 @@ defineExpose({ getList, getDetail, handleSaveDiagnosis }); } .diagnosis-text-icon { - color: #909399; + color: #64748B; font-size: 12px; } .diagnosis-text:hover .diagnosis-text-icon { - color: #409eff; + color: #3B82F6; } /* 诊断选择弹窗样式 */ @@ -1202,7 +1202,7 @@ defineExpose({ getList, getDetail, handleSaveDiagnosis }); } .diagnosis-text:hover { - border-color: #409eff; + border-color: #3B82F6; } .diagnosis-text:empty::before { diff --git a/openhis-ui-vue3/src/views/doctorstation/components/diagnosis/infectiousDiseaseReportDialog.vue b/openhis-ui-vue3/src/views/doctorstation/components/diagnosis/infectiousDiseaseReportDialog.vue index 6a5943cdb..c2156f0a0 100755 --- a/openhis-ui-vue3/src/views/doctorstation/components/diagnosis/infectiousDiseaseReportDialog.vue +++ b/openhis-ui-vue3/src/views/doctorstation/components/diagnosis/infectiousDiseaseReportDialog.vue @@ -2161,7 +2161,7 @@ defineExpose({ show, showReport, close: handleClose }); } :deep(.el-input__wrapper.is-focus) { - box-shadow: 0 0 0 1px var(--el-input-focus-border-color, #409eff) inset; + box-shadow: 0 0 0 1px var(--el-input-focus-border-color, #3B82F6) inset; } /* 标题区样式 */ @@ -2294,7 +2294,7 @@ defineExpose({ show, showReport, close: handleClose }); } .address-selects :deep(.el-input__wrapper.is-focus) { - border-bottom-color: #409eff; + border-bottom-color: #3B82F6; } .address-selects :deep(.el-input__inner) { @@ -2321,7 +2321,7 @@ defineExpose({ show, showReport, close: handleClose }); } .underline-input :deep(.el-input__wrapper.is-focus) { - border-bottom-color: #409eff; + border-bottom-color: #3B82F6; } .underline-input :deep(.el-input__inner) { @@ -2352,7 +2352,7 @@ defineExpose({ show, showReport, close: handleClose }); } .underline-select :deep(.el-input__wrapper.is-focus) { - border-bottom-color: #409eff; + border-bottom-color: #3B82F6; } .underline-select :deep(.el-input__inner) { diff --git a/openhis-ui-vue3/src/views/doctorstation/components/eprescriptionlist.vue b/openhis-ui-vue3/src/views/doctorstation/components/eprescriptionlist.vue index 93cbc6bf0..59be8ef4f 100755 --- a/openhis-ui-vue3/src/views/doctorstation/components/eprescriptionlist.vue +++ b/openhis-ui-vue3/src/views/doctorstation/components/eprescriptionlist.vue @@ -616,7 +616,7 @@ defineExpose({ getList }); .total-amount { font-size: 16px; font-weight: 600; - color: #409eff; + color: #3B82F6; white-space: nowrap; } diff --git a/openhis-ui-vue3/src/views/doctorstation/components/examination/examinationApplication.vue b/openhis-ui-vue3/src/views/doctorstation/components/examination/examinationApplication.vue index 607fe6fda..324c4ac41 100755 --- a/openhis-ui-vue3/src/views/doctorstation/components/examination/examinationApplication.vue +++ b/openhis-ui-vue3/src/views/doctorstation/components/examination/examinationApplication.vue @@ -1,4 +1,4 @@ -