style(ui): 更新项目整体配色方案为Tailwind CSS标准色彩
- 将主要蓝色从 #409eff 替换为 #3B82F6 - 将成功绿色从 #67c23a 替换为 #10B981 - 将警告橙色从 #e6a23c 替换为 #F59E0B - 将危险红色从 #f56c6c 替换为 #EF4444 - 将信息灰色从 #909399 替换为 #64748B - 更新所有组件中的相关颜色配置 - 调整菜单主题为更深邃的午夜蓝风格 - 移除SCSS变量导出的注释标记
This commit is contained in:
@@ -224,7 +224,7 @@ defineExpose({
|
||||
flex-direction: column;
|
||||
|
||||
&:focus {
|
||||
outline: 2px solid #409eff;
|
||||
outline: 2px solid #3B82F6;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
|
||||
@@ -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 {
|
||||
|
||||
@@ -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>
|
||||
|
||||
@@ -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;
|
||||
}
|
||||
|
||||
/* 响应式调整 */
|
||||
|
||||
@@ -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;
|
||||
}
|
||||
|
||||
@@ -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 {
|
||||
|
||||
@@ -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;
|
||||
}
|
||||
|
||||
@@ -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 === '中医'">
|
||||
|
||||
@@ -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 {
|
||||
|
||||
@@ -818,7 +818,7 @@ defineExpose({
|
||||
.total-amount {
|
||||
font-size: 16px;
|
||||
font-weight: 600;
|
||||
color: #409eff;
|
||||
color: #3B82F6;
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
|
||||
@@ -808,7 +808,7 @@ defineExpose({ state, submit, getLocationInfo, getDiagnosisList, getList,
|
||||
|
||||
.total-count {
|
||||
font-size: 13px;
|
||||
color: #909399;
|
||||
color: #64748B;
|
||||
white-space: nowrap;
|
||||
}
|
||||
}
|
||||
|
||||
@@ -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;
|
||||
|
||||
|
||||
@@ -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;
|
||||
}
|
||||
|
||||
|
||||
Reference in New Issue
Block a user