style(ui): 更新项目整体配色方案为Tailwind CSS标准色彩

- 将主要蓝色从 #409eff 替换为 #3B82F6
- 将成功绿色从 #67c23a 替换为 #10B981
- 将警告橙色从 #e6a23c 替换为 #F59E0B
- 将危险红色从 #f56c6c 替换为 #EF4444
- 将信息灰色从 #909399 替换为 #64748B
- 更新所有组件中的相关颜色配置
- 调整菜单主题为更深邃的午夜蓝风格
- 移除SCSS变量导出的注释标记
This commit is contained in:
2026-06-02 12:52:59 +08:00
parent 1dc8b593fe
commit 2e865dd446
141 changed files with 614 additions and 631 deletions

View File

@@ -224,7 +224,7 @@ defineExpose({
flex-direction: column;
&:focus {
outline: 2px solid #409eff;
outline: 2px solid #3B82F6;
}
}
</style>

View File

@@ -368,13 +368,13 @@ defineExpose({
.report-refresh-icon {
cursor: pointer;
color: #909399;
color: #64748B;
transition: color 0.2s;
font-size: 18px;
}
.report-refresh-icon:hover {
color: #409eff;
color: #3B82F6;
}
.report-refresh-icon.is-loading {

View File

@@ -1302,13 +1302,13 @@ defineExpose({
.report-refresh-icon {
cursor: pointer;
color: #909399;
color: #64748B;
transition: color 0.2s;
font-size: 18px;
}
.report-refresh-icon:hover {
color: #409eff;
color: #3B82F6;
}
.report-refresh-icon.is-loading {
@@ -1412,30 +1412,30 @@ defineExpose({
:deep(.el-tag--info.is-plain) {
background: #f4f4f5;
border-color: #e9e9eb;
color: #909399;
color: #64748B;
}
:deep(.el-tag--primary.is-plain) {
background: #ecf5ff;
border-color: #d9ecff;
color: #409eff;
color: #3B82F6;
}
:deep(.el-tag--success.is-plain) {
background: #f0f9eb;
border-color: #e1f3d8;
color: #67c23a;
color: #10B981;
}
:deep(.el-tag--warning.is-plain) {
background: #fdf6ec;
border-color: #faecd8;
color: #e6a23c;
color: #F59E0B;
}
:deep(.el-tag--danger.is-plain) {
background: #fef0f0;
border-color: #fde2e2;
color: #f56c6c;
color: #EF4444;
}
</style>

View File

@@ -1027,12 +1027,12 @@ const handleConfirm = async () => {
.status-tag {
padding: 4px 12px;
border-radius: 4px;
background-color: #409eff; /* 蓝色背景 */
background-color: #3B82F6; /* 蓝色背景 */
color: #ffffff; /* 白色文字 */
}
.condition-text {
color: #409eff;
color: #3B82F6;
font-weight: 500;
}
@@ -1071,13 +1071,13 @@ const handleConfirm = async () => {
/* 增强选中状态样式的优先级 */
.options-horizontal .option-item.selected {
background-color: #409eff !important;
background-color: #3B82F6 !important;
color: #ffffff !important;
}
.option-item:hover:not(.selected) {
background-color: #ecf5ff;
color: #409eff;
color: #3B82F6;
}
/* 响应式调整 */

View File

@@ -256,16 +256,16 @@ watch(
.report-refresh-icon {
cursor: pointer;
color: #909399;
color: #64748B;
transition: color 0.2s;
}
.report-refresh-icon:hover {
color: #409eff;
color: #3B82F6;
}
.report-link {
color: #409eff;
color: #3B82F6;
cursor: pointer;
text-decoration: underline;
}

View File

@@ -555,13 +555,13 @@ defineExpose({
.report-refresh-icon {
cursor: pointer;
color: #909399;
color: #64748B;
transition: color 0.2s;
font-size: 18px;
}
.report-refresh-icon:hover {
color: #409eff;
color: #3B82F6;
}
.report-refresh-icon.is-loading {

View File

@@ -931,13 +931,13 @@ defineExpose({
.report-refresh-icon {
cursor: pointer;
color: #909399;
color: #64748B;
transition: color 0.2s;
font-size: 18px;
}
.report-refresh-icon:hover {
color: #409eff;
color: #3B82F6;
}
.report-refresh-icon.is-loading {
@@ -947,7 +947,7 @@ defineExpose({
.report-status-tag {
cursor: pointer;
background-color: #f0f9eb !important;
border-color: #67c23a !important;
border-color: #10B981 !important;
color: #529b2e !important;
font-weight: 600;
}

View File

@@ -250,7 +250,7 @@
width="180"
>
<template #header>
<span>中医证候 <span style="color: #f56c6c;">*</span></span>
<span>中医证候 <span style="color: #EF4444;">*</span></span>
</template>
<template #default="scope">
<template v-if="scope.row.diagnosisSystem === '中医'">

View File

@@ -694,7 +694,7 @@ defineExpose({ state, loadDiagnosisData })
}
.diagnosis-text:hover {
border-color: #409eff;
border-color: #3B82F6;
}
.diagnosis-text-content {
@@ -707,12 +707,12 @@ defineExpose({ state, loadDiagnosisData })
}
.diagnosis-text-icon {
color: #909399;
color: #64748B;
font-size: 12px;
}
.diagnosis-text:hover .diagnosis-text-icon {
color: #409eff;
color: #3B82F6;
}
.diagnosis-popover-container {

View File

@@ -818,7 +818,7 @@ defineExpose({
.total-amount {
font-size: 16px;
font-weight: 600;
color: #409eff;
color: #3B82F6;
white-space: nowrap;
}

View File

@@ -808,7 +808,7 @@ defineExpose({ state, submit, getLocationInfo, getDiagnosisList, getList,
.total-count {
font-size: 13px;
color: #909399;
color: #64748B;
white-space: nowrap;
}
}

View File

@@ -701,15 +701,15 @@ defineExpose({ state, submit, getLocationInfo, getDiagnosisList, resetForm, getL
<style lang="scss" scoped>
// 医疗主题色
$primary-color: #409eff;
$success-color: #67c23a;
$warning-color: #e6a23c;
$danger-color: #f56c6c;
$info-color: #909399;
$primary-color: #3B82F6;
$success-color: #10B981;
$warning-color: #F59E0B;
$danger-color: #EF4444;
$info-color: #64748B;
$text-primary: #303133;
$text-regular: #606266;
$text-secondary: #909399;
$text-secondary: #64748B;
$border-color: #dcdfe6;
$bg-color: #f5f7fa;

View File

@@ -136,7 +136,7 @@
</el-radio-group>
<span
v-else
:style="scope.row.dischargeFlag ? 'color: #e6a23c' : (scope.row.therapyEnum == '1' ? 'color: #a6745c' : 'color: #3787a5')"
:style="scope.row.dischargeFlag ? 'color: #F59E0B' : (scope.row.therapyEnum == '1' ? 'color: #a6745c' : 'color: #3787a5')"
>
{{ scope.row.dischargeFlag ? '临时(出院带药)' : (scope.row.therapyEnum === '1' ? '长期' : '临时') }}
</span>
@@ -2716,7 +2716,7 @@ defineExpose({ getListInfo, getDiagnosisInfo });
.total-amount {
font-size: 16px;
font-weight: 600;
color: #409eff;
color: #3B82F6;
white-space: nowrap;
}