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

@@ -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 {

View File

@@ -145,7 +145,7 @@
/** 表格更多操作下拉样式 */
.el-table .el-dropdown-link {
cursor: pointer;
color: #409EFF;
color: #3B82F6;
margin-left: 10px;
}

View File

@@ -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;
}
/* ============================================

View File

@@ -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;
}
}

View File

@@ -26,10 +26,10 @@
>
请上传
<template v-if="fileSize">
大小不超过 <b style="color: #f56c6c">{{ fileSize }}MB</b>
大小不超过 <b style="color: #EF4444">{{ fileSize }}MB</b>
</template>
<template v-if="fileType">
格式为 <b style="color: #f56c6c">{{ fileType.join("/") }}</b>
格式为 <b style="color: #EF4444">{{ fileType.join("/") }}</b>
</template>
的文件
</div>

View File

@@ -85,7 +85,7 @@ const realHeight = computed(() =>
align-items: center;
width: 100%;
height: 100%;
color: #909399;
color: #64748B;
font-size: 30px;
}
}

View File

@@ -28,10 +28,10 @@
>
请上传
<template v-if="fileSize">
大小不超过 <b style="color: #f56c6c">{{ fileSize }}MB</b>
大小不超过 <b style="color: #EF4444">{{ fileSize }}MB</b>
</template>
<template v-if="fileType">
格式为 <b style="color: #f56c6c">{{ fileType.join("/") }}</b>
格式为 <b style="color: #EF4444">{{ fileType.join("/") }}</b>
</template>
的文件
</div>

View File

@@ -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 {

View File

@@ -579,7 +579,7 @@ defineExpose({
.priority-low {
background: #f0f2f5;
color: #909399;
color: #64748B;
border-color: #dcdfe6;
&:hover {

View File

@@ -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 {

View File

@@ -95,7 +95,7 @@
justify-content: center;
width: 16px;
height: 16px;
background: #f56c6c;
background: #EF4444;
border-radius: 50%;
cursor: pointer;
"

View File

@@ -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 '';
}

View File

@@ -355,9 +355,9 @@ defineExpose({
height: 24px;
&:hover {
background-color: #409eff;
background-color: #3B82F6;
color: #fff;
border-color: #409eff;
border-color: #3B82F6;
}
}
}

View File

@@ -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;
}

View File

@@ -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) {

View File

@@ -774,7 +774,7 @@ defineExpose({ submit, setFormData, printFun });
.signature-tip {
font-size: 12px;
color: #f56c6c;
color: #EF4444;
margin-top: 4px;
}

View File

@@ -659,7 +659,7 @@ defineExpose({ submit, setFormData });
.signature-tip {
font-size: 12px;
color: #f56c6c;
color: #EF4444;
margin-top: 4px;
}

View File

@@ -991,7 +991,7 @@ watch(
.record-icon {
font-size: 18px;
color: #409eff;
color: #3B82F6;
cursor: pointer;
transition: color 0.2s;
}

View File

@@ -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;
}

View File

@@ -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%);
}
}
}

View File

@@ -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;
}

View File

@@ -329,6 +329,6 @@ defineExpose({
background: #fff;
}
.popover-table-wrapper:focus {
outline: 2px solid #409eff;
outline: 2px solid #3B82F6;
}
</style>

View File

@@ -191,6 +191,6 @@ defineExpose({
<style scoped>
.popover-table-wrapper:focus {
outline: 2px solid #409eff; /* 聚焦时的高亮效果 */
outline: 2px solid #3B82F6; /* 聚焦时的高亮效果 */
}
</style>

View File

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

View File

@@ -88,7 +88,7 @@
</el-button>
<el-button
link
style="color: #f56c6c"
style="color: #EF4444"
@click="deleteTemplate(row.id)"
>
删除
@@ -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;
}

View File

@@ -294,6 +294,6 @@ defineExpose({
background: #fff;
}
.popover-table-wrapper:focus {
outline: 2px solid #409eff;
outline: 2px solid #3B82F6;
}
</style>

View File

@@ -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 {

View File

@@ -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;
}

View File

@@ -385,7 +385,7 @@
right: 3px;
top: 50%;
transform: translateY(-50%);
color: #909399;
color: #64748B;
"
@click.stop="clearItem(index)"
/>

View File

@@ -175,13 +175,13 @@
<div style="display: flex; justify-content: flex-start; gap: 10px; padding: 10px 20px; background-color: #e6f4ff;">
<el-button
type="primary"
style="background-color: #409eff; border-color: #409eff; padding: 8px 16px; font-size: 14px;"
style="background-color: #3B82F6; border-color: #3B82F6; padding: 8px 16px; font-size: 14px;"
@click="confirmSelectPatient"
>
确认(Q)
</el-button>
<el-button
style="background-color: #f56c6c; border-color: #f56c6c; color: white; padding: 8px 16px; font-size: 14px;"
style="background-color: #EF4444; border-color: #EF4444; color: white; padding: 8px 16px; font-size: 14px;"
@click="showPatientList = false; selectedPatient = null"
>
关闭(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;

View File

@@ -280,6 +280,6 @@ defineExpose({
<style scoped>
.popover-table-wrapper:focus {
outline: 2px solid #409eff; /* 聚焦时的高亮效果 */
outline: 2px solid #3B82F6; /* 聚焦时的高亮效果 */
}
</style>

View File

@@ -97,7 +97,7 @@
<!-- 库存为空时显示提示 -->
<span
v-else
style="color: #f56c6c; margin-right: 20px; font-size: 14px;"
style="color: #EF4444; margin-right: 20px; font-size: 14px;"
>
无可用库存
</span>
@@ -1402,7 +1402,7 @@ defineExpose({ getListInfo, closeAllPopovers });
.total-amount {
font-size: 16px;
font-weight: 600;
color: #409eff;
color: #3B82F6;
white-space: nowrap;
}

View File

@@ -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%);
}

View File

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

View File

@@ -224,7 +224,7 @@ function close() {
.total {
margin-left: 20px;
color: #f56c6c;
color: #EF4444;
font-weight: 500;
}
}

View File

@@ -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;
}
}

View File

@@ -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) {

View File

@@ -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;
}
</style>

View File

@@ -832,7 +832,7 @@ onMounted(() => {
.opinion-footer {
margin-top: 8px;
font-size: 12px;
color: #909399;
color: #64748B;
text-align: right;
}

View File

@@ -21,7 +21,7 @@
>
<div
class="stat-card-border"
style="border-left-color: #409eff;"
style="border-left-color: #3B82F6;"
/>
<div class="stat-content">
<div
@@ -30,7 +30,7 @@
>
<el-icon
:size="28"
color="#409eff"
color="#3B82F6"
>
<Clock />
</el-icon>
@@ -54,7 +54,7 @@
>
<div
class="stat-card-border"
style="border-left-color: #f56c6c;"
style="border-left-color: #EF4444;"
/>
<div class="stat-content">
<div
@@ -63,7 +63,7 @@
>
<el-icon
:size="28"
color="#f56c6c"
color="#EF4444"
>
<CircleClose />
</el-icon>
@@ -87,7 +87,7 @@
>
<div
class="stat-card-border"
style="border-left-color: #67c23a;"
style="border-left-color: #10B981;"
/>
<div class="stat-content">
<div
@@ -96,7 +96,7 @@
>
<el-icon
:size="28"
color="#67c23a"
color="#10B981"
>
<CircleCheck />
</el-icon>
@@ -120,7 +120,7 @@
>
<div
class="stat-card-border"
style="border-left-color: #e6a23c;"
style="border-left-color: #F59E0B;"
/>
<div class="stat-content">
<div
@@ -129,7 +129,7 @@
>
<el-icon
:size="28"
color="#e6a23c"
color="#F59E0B"
>
<Document />
</el-icon>
@@ -995,7 +995,7 @@
width="500px"
:before-close="handleBatchReturnClose"
>
<span style="color: #f56c6c;">即将退回 {{ selectedRows.length }} 张报卡请谨慎操作</span>
<span style="color: #EF4444;">即将退回 {{ selectedRows.length }} 张报卡请谨慎操作</span>
<el-form
:model="batchReturnForm"
label-width="80px"
@@ -1838,7 +1838,7 @@ function getAuditTypeName(type) {
.stat-label {
font-size: 14px;
color: #909399;
color: #64748B;
margin-top: 4px;
}
@@ -1930,7 +1930,7 @@ function getAuditTypeName(type) {
color: #303133;
margin: 0 0 16px 0;
padding-bottom: 8px;
border-bottom: 2px solid #409eff;
border-bottom: 2px solid #3B82F6;
}
.card-detail-section {
@@ -1949,7 +1949,7 @@ function getAuditTypeName(type) {
color: #606266;
margin: 16px 0 12px 0;
padding-left: 8px;
border-left: 3px solid #409eff;
border-left: 3px solid #3B82F6;
}
.audit-records-section {
@@ -1980,7 +1980,7 @@ function getAuditTypeName(type) {
.record-status {
font-size: 12px;
color: #909399;
color: #64748B;
}
.audit-action-section {

View File

@@ -181,7 +181,7 @@
<el-button
type="danger"
size="small"
style="background-color: #f56c6c; border-color: #f56c6c;"
style="background-color: #EF4444; border-color: #EF4444;"
@click="handleCompleteRow(row)"
>
结束
@@ -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;

View File

@@ -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 {

View File

@@ -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) {

View File

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

View File

@@ -1,4 +1,4 @@
<template>
<template>
<div
class="exam-app-container"
style="width: 100%; max-width: 1200px;"
@@ -358,7 +358,7 @@
:value="opt.value"
/>
<template #empty>
<div style="padding: 10px 0; color: #909399; text-align: center;">
<div style="padding: 10px 0; color: #64748B; text-align: center;">
{{ orgLoading ? '加载中...' : '暂无匹配科室' }}
</div>
</template>
@@ -569,7 +569,7 @@
</span>
<span
v-else-if="scope.row.methods && scope.row.methods.length > 0"
style="color: #909399;"
style="color: #64748B;"
>
未选择
</span>
@@ -2301,7 +2301,7 @@ defineExpose({ getList });
.total-amount {
font-size: 15px;
font-weight: bold;
color: #f56c6c;
color: #EF4444;
margin-left: 4px;
}
@@ -2345,7 +2345,7 @@ defineExpose({ getList });
min-height: 300px; /* Bug #500: 增大最小高度,避免折叠动画期间容器高度突变 */
}
.empty-hint {
color: #909399;
color: #64748B;
font-size: 12px;
text-align: center;
padding: 20px 0;
@@ -2363,7 +2363,7 @@ defineExpose({ getList });
width: 6px;
height: 6px;
border-radius: 50%;
background: #409eff;
background: #3B82F6;
margin-left: 6px;
animation: dotPulse 1s ease-in-out infinite;
}
@@ -2407,7 +2407,7 @@ defineExpose({ getList });
.method-section-title {
font-size: 12px;
font-weight: 600;
color: #409eff;
color: #3B82F6;
margin-bottom: 4px;
padding-bottom: 3px;
border-bottom: 1px dashed #d9ecff;
@@ -2437,7 +2437,7 @@ defineExpose({ getList });
.method-price-tag {
font-size: 11px;
color: #e6a23c;
color: #F59E0B;
font-weight: 500;
flex-shrink: 0;
margin-left: 6px;
@@ -2510,7 +2510,7 @@ defineExpose({ getList });
.divider-label {
font-size: 11px;
font-weight: 600;
color: #909399;
color: #64748B;
letter-spacing: 0.03em;
flex-shrink: 0;
}
@@ -2539,7 +2539,7 @@ defineExpose({ getList });
/* 方法卡片:子级缩进,表示从属于检查项目 */
.selected-item-card.method-child-card {
margin-left: 20px;
border-left: 3px solid #e6a23c;
border-left: 3px solid #F59E0B;
border-radius: 0 6px 6px 0;
}
@@ -2571,7 +2571,7 @@ defineExpose({ getList });
.fold-chevron {
font-size: 14px;
color: #909399;
color: #64748B;
transition: transform 0.2s ease;
flex-shrink: 0;
margin-top: 2px;
@@ -2601,7 +2601,7 @@ defineExpose({ getList });
.fold-kicker {
font-size: 11px;
font-weight: 600;
color: #909399;
color: #64748B;
letter-spacing: 0.03em;
}
@@ -2627,14 +2627,14 @@ defineExpose({ getList });
.fold-price-strong {
font-size: 13px;
color: #409eff;
color: #3B82F6;
font-weight: 600;
flex-shrink: 0;
margin-top: 2px;
}
.fold-price-strong.warn {
color: #e6a23c;
color: #F59E0B;
}
.fold-strip-body {
@@ -2649,7 +2649,7 @@ defineExpose({ getList });
.fold-strip-muted {
font-size: 12px;
color: #909399;
color: #64748B;
padding: 10px 0 4px;
}
@@ -2685,13 +2685,13 @@ defineExpose({ getList });
.global-method-picker-scope {
font-size: 12px;
color: #909399;
color: #64748B;
flex-shrink: 0;
}
.method-picker-arrow {
font-size: 14px;
color: #909399;
color: #64748B;
transition: transform 0.2s ease;
flex-shrink: 0;
transform: rotate(-90deg);
@@ -2716,7 +2716,7 @@ defineExpose({ getList });
.expand-icon {
font-size: 14px;
color: #909399;
color: #64748B;
transition: transform 0.2s ease;
flex-shrink: 0;
transform: rotate(-90deg);
@@ -2756,7 +2756,7 @@ defineExpose({ getList });
}
.detail-info {
color: #909399;
color: #64748B;
font-size: 10px;
white-space: nowrap;
}
@@ -2769,7 +2769,7 @@ defineExpose({ getList });
.selected-section-title {
font-size: 12px;
font-weight: 600;
color: #409eff;
color: #3B82F6;
margin-bottom: 8px;
padding-bottom: 6px;
border-bottom: 1px dashed #d9ecff;
@@ -2800,14 +2800,14 @@ defineExpose({ getList });
padding: 10px;
font-size: 12px;
font-weight: 600;
color: #909399;
color: #64748B;
cursor: pointer;
border-bottom: 1px dashed #dcdfe6;
background: #fffbe6;
}
.package-toggle:hover {
color: #409eff;
color: #3B82F6;
}
/* 收起态:仅展示折叠箭头,不显示「套餐明细」等冗余标题 */
@@ -2824,7 +2824,7 @@ defineExpose({ getList });
}
.package-toggle-minimal:hover {
color: #409eff;
color: #3B82F6;
background: #f5f9ff;
}
@@ -2857,7 +2857,7 @@ defineExpose({ getList });
.package-details-empty {
padding: 12px 10px;
font-size: 12px;
color: #909399;
color: #64748B;
text-align: center;
}
@@ -2872,7 +2872,7 @@ defineExpose({ getList });
.package-details-head {
font-size: 11px;
font-weight: 600;
color: #909399;
color: #64748B;
letter-spacing: 0.02em;
margin-bottom: 8px;
padding-bottom: 6px;
@@ -2916,14 +2916,14 @@ defineExpose({ getList });
.detail-qty {
font-size: 11px;
color: #909399;
color: #64748B;
font-variant-numeric: tabular-nums;
}
.detail-price {
font-size: 12px;
font-weight: 600;
color: #e6a23c;
color: #F59E0B;
font-variant-numeric: tabular-nums;
}
@@ -2952,7 +2952,7 @@ defineExpose({ getList });
}
/* Bug #500: 分类加载中提示样式 */
.category-loading-hint {
color: #909399;
color: #64748B;
font-size: 12px;
text-align: center;
padding: 8px 0;

View File

@@ -152,7 +152,7 @@
<template #default="scope">
<el-icon
v-if="scope.row.priorityCode == 1"
color="#409EFF"
color="#3B82F6"
:size="18"
>
<Check />
@@ -168,7 +168,7 @@
<template #default="scope">
<el-icon
v-if="scope.row.applyStatus == 1"
color="#409EFF"
color="#3B82F6"
:size="18"
>
<Check />
@@ -184,7 +184,7 @@
<template #default="scope">
<el-icon
v-if="scope.row.needRefund"
color="#409EFF"
color="#3B82F6"
:size="18"
>
<Check />
@@ -200,7 +200,7 @@
<template #default="scope">
<el-icon
v-if="scope.row.needExecute"
color="#409EFF"
color="#3B82F6"
:size="18"
>
<Check />
@@ -243,7 +243,7 @@
link
size="default"
:icon="Delete"
style="color: #f56c6c; font-size: 16px"
style="color: #EF4444; font-size: 16px"
title="删除"
@click.stop="handleDelete(scope.row)"
/>
@@ -1009,7 +1009,7 @@
<el-icon
v-if="category.loading"
class="is-loading"
style="margin-left: 8px; color: #409eff;"
style="margin-left: 8px; color: #3B82F6;"
>
<Loading />
</el-icon>
@@ -1122,7 +1122,7 @@
<el-button
link
size="small"
style="color: #f56c6c; margin-left: auto"
style="color: #EF4444; margin-left: auto"
@click.stop="removeInspectionItem(item)"
>
删除
@@ -2852,13 +2852,13 @@ defineExpose({
}
.el-pager li:hover {
border-color: #409eff;
color: #409eff;
border-color: #3B82F6;
color: #3B82F6;
}
.el-pager li.is-active {
border-color: #409eff;
background-color: #409eff;
border-color: #3B82F6;
background-color: #3B82F6;
color: #fff;
}
@@ -2937,12 +2937,12 @@ defineExpose({
}
.category-tab:hover {
color: #409eff;
color: #3B82F6;
}
.category-tab.active {
color: #409eff;
border-bottom-color: #409eff;
color: #3B82F6;
border-bottom-color: #3B82F6;
font-weight: bold;
}
@@ -2964,12 +2964,12 @@ defineExpose({
}
.inspection-item:hover {
border-color: #409eff;
border-color: #3B82F6;
background-color: #ecf5ff;
}
.inspection-item.selected {
border-color: #409eff;
border-color: #3B82F6;
background-color: #ecf5ff;
}
@@ -2978,7 +2978,7 @@ defineExpose({
}
.item-price {
color: #e6a23c;
color: #F59E0B;
font-weight: bold;
}
@@ -3027,7 +3027,7 @@ defineExpose({
.category-item.active {
background-color: #e6f7ff;
color: #409eff;
color: #3B82F6;
font-weight: bold;
}
@@ -3071,12 +3071,12 @@ defineExpose({
}
.inspection-selector .inspection-item:hover {
border-color: #409eff;
border-color: #3B82F6;
background-color: #ecf5ff;
}
.inspection-selector .inspection-item.selected {
border-color: #409eff;
border-color: #3B82F6;
background-color: #ecf5ff;
font-weight: bold;
}
@@ -3142,7 +3142,7 @@ defineExpose({
}
:deep(.inspection-table .el-button--link) {
color: #409eff;
color: #3B82F6;
transition: color 0.3s ease;
}
@@ -3151,7 +3151,7 @@ defineExpose({
}
:deep(.inspection-table .el-button--link:last-child) {
color: #f56c6c;
color: #EF4444;
}
:deep(.inspection-table .el-button--link:last-child:hover) {
@@ -3225,7 +3225,7 @@ defineExpose({
align-items: center;
justify-content: center;
padding: 20px;
color: #909399;
color: #64748B;
font-size: 14px;
}
@@ -3241,7 +3241,7 @@ defineExpose({
.load-info {
margin-left: 8px;
font-size: 12px;
color: #909399;
color: #64748B;
}
/* 没有更多数据提示 */
@@ -3281,7 +3281,7 @@ defineExpose({
}
.inspection-tree-item .item-price {
color: #e6a23c;
color: #F59E0B;
font-weight: bold;
margin-left: 10px;
}
@@ -3321,7 +3321,7 @@ defineExpose({
}
.selected-item-content .item-price {
color: #e6a23c;
color: #F59E0B;
font-weight: bold;
margin-right: 10px;
}
@@ -3345,7 +3345,7 @@ defineExpose({
}
.selected-tree-header .item-price {
color: #e6a23c;
color: #F59E0B;
font-weight: bold;
margin-left: 16px;
min-width: 60px;
@@ -3410,14 +3410,14 @@ defineExpose({
.selected-tree-detail .detail-price {
width: 60px;
text-align: right;
color: #e6a23c;
color: #F59E0B;
font-weight: 500;
}
.no-detail {
text-align: center;
padding: 10px;
color: #909399;
color: #64748B;
font-size: 12px;
}
@@ -3426,7 +3426,7 @@ defineExpose({
align-items: center;
justify-content: center;
padding: 15px;
color: #909399;
color: #64748B;
font-size: 12px;
}
@@ -3439,20 +3439,20 @@ defineExpose({
/* 表单验证错误样式 */
.form-item-error .el-input__inner,
.form-item-error .el-textarea__inner {
border-color: #f56c6c !important;
border-color: #EF4444 !important;
}
.form-item-error .el-select .el-input__inner {
border-color: #f56c6c !important;
border-color: #EF4444 !important;
}
.is-error.el-input .el-input__inner,
.is-error.el-textarea .el-textarea__inner {
border-color: #f56c6c !important;
border-color: #EF4444 !important;
}
.error-message {
color: #f56c6c;
color: #EF4444;
font-size: 12px;
margin-top: 4px;
line-height: 1;

View File

@@ -73,7 +73,7 @@
placement="top"
>
<span
style="cursor: pointer; color: #409eff; font-weight: 500; text-decoration: underline;"
style="cursor: pointer; color: #3B82F6; font-weight: 500; text-decoration: underline;"
@click="handleEditGroup(scope.row)"
>
{{ scope.row.name }}
@@ -129,7 +129,7 @@
<div
v-if="filteredOrderList.length === 0 && !loading"
style="text-align: center; padding: 40px; color: #909399;"
style="text-align: center; padding: 40px; color: #64748B;"
>
<el-icon
:size="48"
@@ -350,7 +350,7 @@
<div
v-if="!editingGroup.detailList || editingGroup.detailList.length === 0"
style="text-align: center; padding: 30px; color: #909399; border: 1px dashed #dcdfe6; margin-top: 10px;"
style="text-align: center; padding: 30px; color: #64748B; border: 1px dashed #dcdfe6; margin-top: 10px;"
>
<p>暂无项目点击"添加项目"按钮添加</p>
</div>
@@ -366,7 +366,7 @@
>
<div v-if="currentGroup">
<h4>{{ currentGroup.name }}</h4>
<p style="color: #909399; font-size: 14px;">
<p style="color: #64748B; font-size: 14px;">
使用范围{{ currentGroup.rangeCode_dictText }} |
包含 {{ currentGroup.detailList?.length || 0 }} 个医嘱项
</p>
@@ -500,7 +500,7 @@
<div
v-if="adviceItemList.length === 0 && !itemLoading"
style="text-align: center; padding: 30px; color: #909399;"
style="text-align: center; padding: 30px; color: #64748B;"
>
<p>请输入关键词搜索医嘱项目</p>
</div>

View File

@@ -1352,7 +1352,7 @@
width="160"
>
<template #default="scope">
<span v-if="!scope.row.isEdit" style="color: #e6a23c;">
<span v-if="!scope.row.isEdit" style="color: #F59E0B;">
{{ scope.row.reasonText || '-' }}
</span>
</template>
@@ -5421,7 +5421,7 @@ defineExpose({ getListInfo, getDiagnosisInfo });
.total-amount {
font-size: 16px;
font-weight: 600;
color: #409eff;
color: #3B82F6;
white-space: nowrap;
}
@@ -5555,21 +5555,21 @@ defineExpose({ getListInfo, getDiagnosisInfo });
.order-group-action-icon {
cursor: pointer;
color: #909399;
color: #64748B;
font-size: 14px;
transition: color 0.2s;
padding: 2px;
}
.order-group-action-icon:hover {
color: #409eff;
color: #3B82F6;
}
.order-group-add {
padding: 8px 12px;
cursor: pointer;
text-align: center;
color: #409eff;
color: #3B82F6;
font-size: 13px;
border-top: 1px solid #f2f3f5;
display: flex;

View File

@@ -349,7 +349,7 @@ function clickRow(row) {
.total {
margin-left: 20px;
color: #f56c6c;
color: #EF4444;
font-weight: 500;
}
}

View File

@@ -267,16 +267,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

@@ -390,7 +390,7 @@ const getTagType = (appointmentType) => {
width: 8px;
height: 8px;
border-radius: 50%;
background-color: #f56c6c;
background-color: #EF4444;
}
.appointment-section {
@@ -463,7 +463,7 @@ const getTagType = (appointmentType) => {
.patient-info .el-icon,
.remark .el-icon {
margin-right: 8px;
color: #909399;
color: #64748B;
}
.card-actions {

View File

@@ -12,7 +12,7 @@
<el-icon
class="add-icon"
title="新增处方"
style="font-size: 26px !important; margin-left: 10px; color: #409eff"
style="font-size: 26px !important; margin-left: 10px; color: #3B82F6"
@click="addNewPrescription()"
>
<plus />
@@ -1521,7 +1521,7 @@ defineExpose({ getListInfo, getDiagnosisInfo });
.total-amount {
font-size: 16px;
font-weight: 600;
color: #409eff;
color: #3B82F6;
white-space: nowrap;
}
@@ -1572,7 +1572,7 @@ defineExpose({ getListInfo, getDiagnosisInfo });
}
.first-prescription {
border-left: 2px solid #409eff;
border-left: 2px solid #3B82F6;
}
.section-header {

View File

@@ -205,6 +205,6 @@ defineExpose({
<style scoped>
.popover-table-wrapper:focus {
outline: 2px solid #409eff; /* 聚焦时的高亮效果 */
outline: 2px solid #3B82F6; /* 聚焦时的高亮效果 */
}
</style>

View File

@@ -641,17 +641,17 @@ const getWaitingDurationClass = (duration) => {
// 候诊时长颜色
.waiting-short {
color: #67c23a;
color: #10B981;
font-weight: 500;
}
.waiting-medium {
color: #e6a23c;
color: #F59E0B;
font-weight: 500;
}
.waiting-long {
color: #f56c6c;
color: #EF4444;
font-weight: 500;
}
}

View File

@@ -219,25 +219,25 @@ function refreshStats() {
// 不同统计卡片的颜色
&.total-registered {
.stats-icon {
background: linear-gradient(135deg, #409eff, #79bbff);
background: linear-gradient(135deg, #3B82F6, #79bbff);
}
}
&.waiting {
.stats-icon {
background: linear-gradient(135deg, #e6a23c, #fab85c);
background: linear-gradient(135deg, #F59E0B, #fab85c);
}
}
&.in-progress {
.stats-icon {
background: linear-gradient(135deg, #67c23a, #95d475);
background: linear-gradient(135deg, #10B981, #95d475);
}
}
&.completed {
.stats-icon {
background: linear-gradient(135deg, #909399, #b1b3b8);
background: linear-gradient(135deg, #64748B, #b1b3b8);
}
}
}
@@ -262,7 +262,7 @@ function refreshStats() {
.el-icon {
font-size: 32px;
margin-right: 16px;
color: #409eff;
color: #3B82F6;
}
.time-info {
@@ -283,13 +283,13 @@ function refreshStats() {
// 不同时间统计卡片的颜色
&.waiting-time {
.el-icon {
color: #e6a23c;
color: #F59E0B;
}
}
&.visit-time {
.el-icon {
color: #67c23a;
color: #10B981;
}
}
}

View File

@@ -11,7 +11,7 @@
<div class="stats-content">
<div
class="stats-icon"
style="background-color: #409eff;"
style="background-color: #3B82F6;"
>
<el-icon><User /></el-icon>
</div>
@@ -34,7 +34,7 @@
<div class="stats-content">
<div
class="stats-icon"
style="background-color: #e6a23c;"
style="background-color: #F59E0B;"
>
<el-icon><Clock /></el-icon>
</div>
@@ -57,7 +57,7 @@
<div class="stats-content">
<div
class="stats-icon"
style="background-color: #67c23a;"
style="background-color: #10B981;"
>
<el-icon><VideoPlay /></el-icon>
</div>
@@ -80,7 +80,7 @@
<div class="stats-content">
<div
class="stats-icon"
style="background-color: #909399;"
style="background-color: #64748B;"
>
<el-icon><CircleCheck /></el-icon>
</div>
@@ -882,7 +882,7 @@ const getStatusTagType = (status) => {
.time-icon {
font-size: 32px;
color: #409eff;
color: #3B82F6;
margin-right: 12px;
}

View File

@@ -18,7 +18,7 @@
<el-badge
:value="waitCount > 0 ? waitCount : ''"
:max="10"
style="color: #409eff; cursor: pointer;"
style="color: #3B82F6; cursor: pointer;"
>
<span
style="font-weight: 600;"

View File

@@ -332,7 +332,7 @@ onUnmounted(() => {
color: #333;
.el-icon-calendar {
color: #409eff;
color: #3B82F6;
}
}
}

View File

@@ -1233,7 +1233,7 @@ function handleCancel() {
}
.editable-icon:hover {
color: #409eff; /* Element Plus 主题色,可根据需要调整 */
color: #3B82F6; /* Element Plus 主题色,可根据需要调整 */
cursor: pointer;
}
/* 批次号容器样式 */
@@ -1251,7 +1251,7 @@ function handleCancel() {
}
.confirm-icon:hover {
color: #409eff;
color: #3B82F6;
cursor: pointer;
}

View File

@@ -493,7 +493,7 @@ function handelSpanMethod({ row, column, rowIndex, columnIndex }) {
&.active {
background-color: #ecf5ff;
border-left: 4px solid #409eff;
border-left: 4px solid #3B82F6;
}
}
@@ -526,7 +526,7 @@ function handelSpanMethod({ row, column, rowIndex, columnIndex }) {
.total {
margin-left: 20px;
color: #f56c6c;
color: #EF4444;
font-weight: 500;
}
}

View File

@@ -297,10 +297,10 @@ watch(selectedFunctions, () => {
// 获取图标颜色
const getIconColor = (data) => {
if (data.menuType === 'M') return '#409EFF' // 目录蓝色
if (data.menuType === 'C') return '#67C23A' // 菜单绿色
if (data.menuType === 'F') return '#E6A23C' // 按钮橙色
return '#909399' // 默认灰色
if (data.menuType === 'M') return '#3B82F6' // 目录蓝色
if (data.menuType === 'C') return '#10B981' // 菜单绿色
if (data.menuType === 'F') return '#F59E0B' // 按钮橙色
return '#64748B' // 默认灰色
}
// 加载菜单数据
@@ -746,7 +746,7 @@ onUnmounted(() => {
p {
font-size: 14px;
color: #909399;
color: #64748B;
}
}
@@ -846,14 +846,14 @@ onUnmounted(() => {
}
.selected-function-item.drag-over {
border: 2px dashed #409eff;
border: 2px dashed #3B82F6;
background-color: #ecf5ff;
}
.drag-handle {
cursor: move;
padding: 0 8px;
color: #909399;
color: #64748B;
display: flex;
align-items: center;
justify-content: center;
@@ -906,7 +906,7 @@ onUnmounted(() => {
.sortable-chosen {
background-color: #ecf5ff;
border: 1px solid #409eff;
border: 1px solid #3B82F6;
box-shadow: 0 0 8px rgba(64, 158, 255, 0.3);
}

View File

@@ -216,10 +216,10 @@ const getIconComponent = (iconName) => {
// 获取图标颜色
const getIconColor = (data) => {
if (data.menuType === 'M') return '#409EFF' // 目录蓝色
if (data.menuType === 'C') return '#67C23A' // 菜单绿色
if (data.menuType === 'F') return '#E6A23C' // 按钮橙色
return '#909399' // 默认灰色
if (data.menuType === 'M') return '#3B82F6' // 目录蓝色
if (data.menuType === 'C') return '#10B981' // 菜单绿色
if (data.menuType === 'F') return '#F59E0B' // 按钮橙色
return '#64748B' // 默认灰色
}
// 加载用户配置的快捷功能
@@ -319,7 +319,7 @@ onMounted(() => {
p {
font-size: 14px;
color: #909399;
color: #64748B;
}
}
@@ -357,7 +357,7 @@ onMounted(() => {
.feature-path {
font-size: 12px;
color: #409EFF;
color: #3B82F6;
margin-bottom: 8px;
word-break: break-all;
padding: 2px 8px;
@@ -368,7 +368,7 @@ onMounted(() => {
.feature-desc {
font-size: 12px;
color: #909399;
color: #64748B;
line-height: 1.5;
}
}
@@ -377,7 +377,7 @@ onMounted(() => {
grid-column: 1 / -1;
text-align: center;
padding: 40px;
color: #909399;
color: #64748B;
font-size: 16px;
.el-link {

View File

@@ -1422,11 +1422,11 @@ getList();
}
.completed {
background: #67c23a;
background: #10B981;
}
.current {
background: #409eff;
background: #3B82F6;
}
.pending {
@@ -1434,7 +1434,7 @@ getList();
}
.rejected {
background: #f56c6c;
background: #EF4444;
}
.approval-detail-dialog :deep(.el-dialog__body) {
@@ -1459,7 +1459,7 @@ getList();
.section-header i {
margin-right: 8px;
color: #409eff;
color: #3B82F6;
}
.basic-info-section {
@@ -1592,11 +1592,11 @@ getList();
}
.flow-step.success {
border-top: 3px solid #67c23a;
border-top: 3px solid #10B981;
}
.flow-step.process {
border-top: 3px solid #409eff;
border-top: 3px solid #3B82F6;
animation: pulse 2s infinite;
}
@@ -1605,7 +1605,7 @@ getList();
}
.flow-step.error {
border-top: 3px solid #f56c6c;
border-top: 3px solid #EF4444;
}
.step-header {
@@ -1741,19 +1741,19 @@ getList();
}
.connector.success {
background: linear-gradient(to right, #67c23a, #67c23a);
background: linear-gradient(to right, #10B981, #10B981);
}
.connector.success::before {
background: #67c23a;
background: #10B981;
}
.connector.process {
background: linear-gradient(to right, #67c23a, #409eff);
background: linear-gradient(to right, #10B981, #3B82F6);
}
.connector.process::before {
background: #409eff;
background: #3B82F6;
}
.connector.pending {
@@ -1765,11 +1765,11 @@ getList();
}
.connector.error {
background: linear-gradient(to right, #67c23a, #f56c6c);
background: linear-gradient(to right, #10B981, #EF4444);
}
.connector.error::before {
background: #f56c6c;
background: #EF4444;
}
@keyframes pulse {

View File

@@ -742,11 +742,11 @@ const msgSuccess = (msg) => {
cursor: pointer;
border: 1px solid #ccc;
border-radius: 2px;
background: #409eff;
background: #3B82F6;
color: #fff;
}
.itemCheckBox:hover {
border: 1px solid #409eff;
border: 1px solid #3B82F6;
}
}
.tableBoxItem {
@@ -838,11 +838,11 @@ const msgSuccess = (msg) => {
cursor: pointer;
border: 1px solid #ccc;
border-radius: 2px;
background: #409eff;
background: #3B82F6;
color: #fff;
}
.itemCheckBox:hover {
border: 1px solid #409eff;
border: 1px solid #3B82F6;
}
}
}
@@ -857,7 +857,7 @@ const msgSuccess = (msg) => {
.total-amount {
font-size: 16px;
font-weight: 600;
color: #409eff;
color: #3B82F6;
white-space: nowrap;
}

View File

@@ -1048,11 +1048,11 @@ const logHtml = () => {
cursor: pointer;
border: 1px solid #ccc;
border-radius: 2px;
background: #409eff;
background: #3B82F6;
color: #fff;
}
.tableBoxItem .itemCheckBox:hover {
border: 1px solid #409eff;
border: 1px solid #3B82F6;
}
@@ -1951,11 +1951,11 @@ const logHtml = () => {
cursor: pointer;
border: 1px solid #ccc;
border-radius: 2px;
background: #409eff;
background: #3B82F6;
color: #fff;
}
.itemCheckBox:hover {
border: 1px solid #409eff;
border: 1px solid #3B82F6;
}
}
.tableBoxItem {
@@ -2047,11 +2047,11 @@ const logHtml = () => {
cursor: pointer;
border: 1px solid #ccc;
border-radius: 2px;
background: #409eff;
background: #3B82F6;
color: #fff;
}
.itemCheckBox:hover {
border: 1px solid #409eff;
border: 1px solid #3B82F6;
}
}
}
@@ -2103,7 +2103,7 @@ const logHtml = () => {
justify-content: center;
}
.subItemCheckboxAct {
background: #409eff;
background: #3B82F6;
width: 18px;
height: 18px;
cursor: pointer;
@@ -2122,7 +2122,7 @@ const logHtml = () => {
color: #fff;
}
.subChooseAll:hover {
border: 1px solid #409eff;
border: 1px solid #3B82F6;
}
.subItem1 {
display: flex;
@@ -2159,7 +2159,7 @@ const logHtml = () => {
.total-amount {
font-size: 16px;
font-weight: 600;
color: #409eff;
color: #3B82F6;
white-space: nowrap;
}

View File

@@ -469,7 +469,7 @@ function handleTriggerSearch(busNo) {
// 移除el-input-group__append的边框使其与输入框融为一体
:deep(.el-input-group__append) {
border-left: 0;
background-color: #409eff;
background-color: #3B82F6;
color: white;
.el-button {
color: white;

View File

@@ -30,7 +30,7 @@
</el-radio-group>
<span
v-if="!props.isRegistered"
style="cursor: pointer; margin: 0 12px 0 30px; color: #409eff"
style="cursor: pointer; margin: 0 12px 0 30px; color: #3B82F6"
@click="handleReadCard(typeCode)"
>
{{ '读卡' }}

View File

@@ -316,34 +316,34 @@ const statisticsData = ref({
// 不同角色的统计数据配置
const roleStatsConfig = {
admin: [
{ key: 'totalPatients', label: '在院患者', icon: markRaw(User), type: 'primary', iconColor: '#409eff' },
{ key: 'todayRevenue', label: '今日收入', icon: markRaw(Money), type: 'success', iconColor: '#67c23a' },
{ key: 'appointments', label: '今日预约', icon: markRaw(Calendar), type: 'warning', iconColor: '#e6a23c' },
{ key: 'pendingApprovals', label: '待审核', icon: markRaw(Document), type: 'danger', iconColor: '#f56c6c' }
{ key: 'totalPatients', label: '在院患者', icon: markRaw(User), type: 'primary', iconColor: '#3B82F6' },
{ key: 'todayRevenue', label: '今日收入', icon: markRaw(Money), type: 'success', iconColor: '#10B981' },
{ key: 'appointments', label: '今日预约', icon: markRaw(Calendar), type: 'warning', iconColor: '#F59E0B' },
{ key: 'pendingApprovals', label: '待审核', icon: markRaw(Document), type: 'danger', iconColor: '#EF4444' }
],
doctor: [
{ key: 'myPatients', label: '我的患者', icon: markRaw(User), type: 'primary', iconColor: '#409eff' },
{ key: 'todayAppointments', label: '今日门诊', icon: markRaw(Calendar), type: 'success', iconColor: '#67c23a' },
{ key: 'pendingEmr', label: '待写病历', icon: markRaw(Document), type: 'warning', iconColor: '#e6a23c' },
{ key: 'prescriptions', label: '今日处方', icon: markRaw(Box), type: 'info', iconColor: '#909399' }
{ key: 'myPatients', label: '我的患者', icon: markRaw(User), type: 'primary', iconColor: '#3B82F6' },
{ key: 'todayAppointments', label: '今日门诊', icon: markRaw(Calendar), type: 'success', iconColor: '#10B981' },
{ key: 'pendingEmr', label: '待写病历', icon: markRaw(Document), type: 'warning', iconColor: '#F59E0B' },
{ key: 'prescriptions', label: '今日处方', icon: markRaw(Box), type: 'info', iconColor: '#64748B' }
],
nurse: [
{ key: 'wardPatients', label: '病房患者', icon: markRaw(User), type: 'primary', iconColor: '#409eff' },
{ key: 'todayTreatments', label: '今日治疗', icon: markRaw(Operation), type: 'success', iconColor: '#67c23a' },
{ key: 'vitalSigns', label: '待测体征', icon: markRaw(Monitor), type: 'warning', iconColor: '#e6a23c' },
{ key: 'drugDistribution', label: '发药次数', icon: markRaw(Box), type: 'info', iconColor: '#909399' }
{ key: 'wardPatients', label: '病房患者', icon: markRaw(User), type: 'primary', iconColor: '#3B82F6' },
{ key: 'todayTreatments', label: '今日治疗', icon: markRaw(Operation), type: 'success', iconColor: '#10B981' },
{ key: 'vitalSigns', label: '待测体征', icon: markRaw(Monitor), type: 'warning', iconColor: '#F59E0B' },
{ key: 'drugDistribution', label: '发药次数', icon: markRaw(Box), type: 'info', iconColor: '#64748B' }
],
pharmacist: [
{ key: 'todayPrescriptions', label: '今日处方', icon: markRaw(Box), type: 'primary', iconColor: '#409eff' },
{ key: 'pendingReview', label: '待审核', icon: markRaw(Document), type: 'warning', iconColor: '#e6a23c' },
{ key: 'outOfStock', label: '缺货药品', icon: markRaw(Warning), type: 'danger', iconColor: '#f56c6c' },
{ key: 'nearExpiry', label: '近效期', icon: markRaw(Clock), type: 'info', iconColor: '#909399' }
{ key: 'todayPrescriptions', label: '今日处方', icon: markRaw(Box), type: 'primary', iconColor: '#3B82F6' },
{ key: 'pendingReview', label: '待审核', icon: markRaw(Document), type: 'warning', iconColor: '#F59E0B' },
{ key: 'outOfStock', label: '缺货药品', icon: markRaw(Warning), type: 'danger', iconColor: '#EF4444' },
{ key: 'nearExpiry', label: '近效期', icon: markRaw(Clock), type: 'info', iconColor: '#64748B' }
],
cashier: [
{ key: 'todayPayments', label: '今日缴费', icon: markRaw(Money), type: 'primary', iconColor: '#409eff' },
{ key: 'refundRequests', label: '退费申请', icon: markRaw(Document), type: 'warning', iconColor: '#e6a23c' },
{ key: 'pendingInvoices', label: '待开发票', icon: markRaw(Files), type: 'info', iconColor: '#909399' },
{ key: 'insuranceClaims', label: '医保结算', icon: markRaw(Wallet), type: 'success', iconColor: '#67c23a' }
{ key: 'todayPayments', label: '今日缴费', icon: markRaw(Money), type: 'primary', iconColor: '#3B82F6' },
{ key: 'refundRequests', label: '退费申请', icon: markRaw(Document), type: 'warning', iconColor: '#F59E0B' },
{ key: 'pendingInvoices', label: '待开发票', icon: markRaw(Files), type: 'info', iconColor: '#64748B' },
{ key: 'insuranceClaims', label: '医保结算', icon: markRaw(Wallet), type: 'success', iconColor: '#10B981' }
]
}
@@ -476,7 +476,7 @@ const convertMenuIdsToQuickAccess = async (menuIds) => {
key: menuItem.menuId,
label: menuItem.menuName,
icon: menuItem.icon || 'document', // 使用数据库中的图标类名
iconColor: menuItem.iconColor || getIconColorByMenuType(menuItem.menuType) || '#67C23A', // 优先使用数据库中的颜色,否则使用菜单类型的颜色
iconColor: menuItem.iconColor || getIconColorByMenuType(menuItem.menuType) || '#10B981', // 优先使用数据库中的颜色,否则使用菜单类型的颜色
route: route
};
}).filter(item => item.route); // 过滤掉 route 为空的项
@@ -568,10 +568,10 @@ const flattenMenuTree = (menuTree) => {
// 根据菜单类型获取图标颜色
const getIconColorByMenuType = (menuType) => {
if (menuType === 'M') return '#409EFF'; // 目录蓝色
if (menuType === 'C') return '#67C23A'; // 菜单绿色
if (menuType === 'F') return '#E6A23C'; // 按钮橙色
return '#909399'; // 默认灰色
if (menuType === 'M') return '#3B82F6'; // 目录蓝色
if (menuType === 'C') return '#10B981'; // 菜单绿色
if (menuType === 'F') return '#F59E0B'; // 按钮橙色
return '#64748B'; // 默认灰色
};
// 获取默认快捷功能配置
@@ -581,48 +581,48 @@ const getDefaultQuickAccessConfig = () => {
switch (role) {
case 'doctor':
return [
{ key: 'outpatient', label: '门诊接诊', icon: 'chat-dot-round', iconColor: '#409eff', route: '/doctorstation' },
{ key: 'emr', label: '病历管理', icon: 'document', iconColor: '#67c23a', route: '/doctorstation/doctorphrase' },
{ key: 'prescription', label: '开立处方', icon: 'box', iconColor: '#e6a23c', route: '/clinicmanagement/ePrescribing' },
{ key: 'history', label: '历史处方', icon: 'clock', iconColor: '#f56c6c', route: '/clinicmanagement/historicalPrescription' },
{ key: 'schedule', label: '排班管理', icon: 'calendar', iconColor: '#909399', route: '/appoinmentmanage/deptManage' },
{ key: 'inquiry', label: '患者查询', icon: 'search', iconColor: '#409eff', route: '/patientmanagement' }
{ key: 'outpatient', label: '门诊接诊', icon: 'chat-dot-round', iconColor: '#3B82F6', route: '/doctorstation' },
{ key: 'emr', label: '病历管理', icon: 'document', iconColor: '#10B981', route: '/doctorstation/doctorphrase' },
{ key: 'prescription', label: '开立处方', icon: 'box', iconColor: '#F59E0B', route: '/clinicmanagement/ePrescribing' },
{ key: 'history', label: '历史处方', icon: 'clock', iconColor: '#EF4444', route: '/clinicmanagement/historicalPrescription' },
{ key: 'schedule', label: '排班管理', icon: 'calendar', iconColor: '#64748B', route: '/appoinmentmanage/deptManage' },
{ key: 'inquiry', label: '患者查询', icon: 'search', iconColor: '#3B82F6', route: '/patientmanagement' }
];
case 'nurse':
return [
{ key: 'ward', label: '病房管理', icon: 'user', iconColor: '#409eff', route: '/inpatientNurse/inpatientNurseStation' },
{ key: 'execution', label: '医嘱执行', icon: 'operation', iconColor: '#67c23a', route: '/inpatientNurse/medicalOrderExecution' },
{ key: 'proofread', label: '医嘱核对', icon: 'document', iconColor: '#e6a23c', route: '/inpatientNurse/medicalOrderProofread' },
{ key: 'drugCollect', label: '领药管理', icon: 'box', iconColor: '#f56c6c', route: '/inpatientNurse/medicineCollect' },
{ key: 'tpr', label: '体温单', icon: 'monitor', iconColor: '#909399', route: '/inpatientNurse/tprsheet' },
{ key: 'nursing', label: '护理记录', icon: 'chat-dot-round', iconColor: '#409eff', route: '/inpatientNurse/nursingRecord' }
{ key: 'ward', label: '病房管理', icon: 'user', iconColor: '#3B82F6', route: '/inpatientNurse/inpatientNurseStation' },
{ key: 'execution', label: '医嘱执行', icon: 'operation', iconColor: '#10B981', route: '/inpatientNurse/medicalOrderExecution' },
{ key: 'proofread', label: '医嘱核对', icon: 'document', iconColor: '#F59E0B', route: '/inpatientNurse/medicalOrderProofread' },
{ key: 'drugCollect', label: '领药管理', icon: 'box', iconColor: '#EF4444', route: '/inpatientNurse/medicineCollect' },
{ key: 'tpr', label: '体温单', icon: 'monitor', iconColor: '#64748B', route: '/inpatientNurse/tprsheet' },
{ key: 'nursing', label: '护理记录', icon: 'chat-dot-round', iconColor: '#3B82F6', route: '/inpatientNurse/nursingRecord' }
];
case 'pharmacist':
return [
{ key: 'dispensing', label: '发药管理', icon: 'box', iconColor: '#409eff', route: '/pharmacymanagement' },
{ key: 'prescription', label: '处方审核', icon: 'document', iconColor: '#67c23a', route: '/pharmacymanagement' },
{ key: 'inventory', label: '库存管理', icon: 'van', iconColor: '#e6a23c', route: '/medicineStorage' },
{ key: 'purchase', label: '采购管理', icon: 'shopping-cart', iconColor: '#f56c6c', route: '/medicineStorage' },
{ key: 'warning', label: '效期预警', icon: 'warning', iconColor: '#f56c6c', route: '/medicationmanagement/statisticalManagement/statisticalManagement' },
{ key: 'statistics', label: '用药统计', icon: 'data-line', iconColor: '#909399', route: '/monitor' }
{ key: 'dispensing', label: '发药管理', icon: 'box', iconColor: '#3B82F6', route: '/pharmacymanagement' },
{ key: 'prescription', label: '处方审核', icon: 'document', iconColor: '#10B981', route: '/pharmacymanagement' },
{ key: 'inventory', label: '库存管理', icon: 'van', iconColor: '#F59E0B', route: '/medicineStorage' },
{ key: 'purchase', label: '采购管理', icon: 'shopping-cart', iconColor: '#EF4444', route: '/medicineStorage' },
{ key: 'warning', label: '效期预警', icon: 'warning', iconColor: '#EF4444', route: '/medicationmanagement/statisticalManagement/statisticalManagement' },
{ key: 'statistics', label: '用药统计', icon: 'data-line', iconColor: '#64748B', route: '/monitor' }
];
case 'cashier':
return [
{ key: 'registration', label: '挂号收费', icon: 'money', iconColor: '#409eff', route: '/charge/outpatientregistration' },
{ key: 'clinicCharge', label: '门诊收费', icon: 'wallet', iconColor: '#67c23a', route: '/charge/cliniccharge' },
{ key: 'refund', label: '退费管理', icon: 'document', iconColor: '#e6a23c', route: '/charge/clinicrefund' },
{ key: 'invoice', label: '发票打印', icon: 'files', iconColor: '#f56c6c', route: '/basicmanage/InvoiceManagement' },
{ key: 'record', label: '收费记录', icon: 'clock', iconColor: '#909399', route: '/charge/clinicRecord' },
{ key: 'insurance', label: '医保结算', icon: 'bell', iconColor: '#409eff', route: '/ybmanagement' }
{ key: 'registration', label: '挂号收费', icon: 'money', iconColor: '#3B82F6', route: '/charge/outpatientregistration' },
{ key: 'clinicCharge', label: '门诊收费', icon: 'wallet', iconColor: '#10B981', route: '/charge/cliniccharge' },
{ key: 'refund', label: '退费管理', icon: 'document', iconColor: '#F59E0B', route: '/charge/clinicrefund' },
{ key: 'invoice', label: '发票打印', icon: 'files', iconColor: '#EF4444', route: '/basicmanage/InvoiceManagement' },
{ key: 'record', label: '收费记录', icon: 'clock', iconColor: '#64748B', route: '/charge/clinicRecord' },
{ key: 'insurance', label: '医保结算', icon: 'bell', iconColor: '#3B82F6', route: '/ybmanagement' }
];
default: // admin
return [
{ key: 'patient', label: '患者管理', icon: 'user', iconColor: '#409eff', route: '/patient/patientmgr' },
{ key: 'appointment', label: '预约管理', icon: 'calendar', iconColor: '#67c23a', route: '/appoinmentmanage' },
{ key: 'doctor', label: '医生管理', icon: 'user', iconColor: '#e6a23c', route: '/doctorstation' },
{ key: 'surgery', label: '手术管理', icon: 'operation', iconColor: '#f56c6c', route: '/surgerymanage' },
{ key: 'drug', label: '药品管理', icon: 'box', iconColor: '#909399', route: '/pharmacymanagement' },
{ key: 'statistic', label: '数据统计', icon: 'trend-charts', iconColor: '#409eff', route: '/monitor' }
{ key: 'patient', label: '患者管理', icon: 'user', iconColor: '#3B82F6', route: '/patient/patientmgr' },
{ key: 'appointment', label: '预约管理', icon: 'calendar', iconColor: '#10B981', route: '/appoinmentmanage' },
{ key: 'doctor', label: '医生管理', icon: 'user', iconColor: '#F59E0B', route: '/doctorstation' },
{ key: 'surgery', label: '手术管理', icon: 'operation', iconColor: '#EF4444', route: '/surgerymanage' },
{ key: 'drug', label: '药品管理', icon: 'box', iconColor: '#64748B', route: '/pharmacymanagement' },
{ key: 'statistic', label: '数据统计', icon: 'trend-charts', iconColor: '#3B82F6', route: '/monitor' }
];
}
};
@@ -1180,23 +1180,23 @@ onUnmounted(() => {
}
&.stat-primary {
border-left-color: #409eff;
border-left-color: #3B82F6;
}
&.stat-success {
border-left-color: #67c23a;
border-left-color: #10B981;
}
&.stat-warning {
border-left-color: #e6a23c;
border-left-color: #F59E0B;
}
&.stat-danger {
border-left-color: #f56c6c;
border-left-color: #EF4444;
}
&.stat-info {
border-left-color: #909399;
border-left-color: #64748B;
}
.stat-icon {
@@ -1221,7 +1221,7 @@ onUnmounted(() => {
.stat-label {
font-size: 14px;
color: #909399;
color: #64748B;
margin-bottom: 8px;
}
@@ -1229,12 +1229,12 @@ onUnmounted(() => {
font-size: 12px;
.trend-up {
color: #67c23a;
color: #10B981;
margin-right: 4px;
}
.trend-down {
color: #f56c6c;
color: #EF4444;
margin-right: 4px;
}
@@ -1294,7 +1294,7 @@ onUnmounted(() => {
transform: translateY(-4px);
.quick-label {
color: #409eff;
color: #3B82F6;
}
}
@@ -1356,15 +1356,15 @@ onUnmounted(() => {
}
&.priority-high {
border-left-color: #f56c6c;
border-left-color: #EF4444;
}
&.priority-medium {
border-left-color: #e6a23c;
border-left-color: #F59E0B;
}
&.priority-low {
border-left-color: #67c23a;
border-left-color: #10B981;
}
&:last-child {
@@ -1373,7 +1373,7 @@ onUnmounted(() => {
.todo-icon {
margin-right: 12px;
color: #909399;
color: #64748B;
}
.todo-content {
@@ -1388,7 +1388,7 @@ onUnmounted(() => {
.todo-desc {
font-size: 12px;
color: #909399;
color: #64748B;
}
}
@@ -1453,7 +1453,7 @@ onUnmounted(() => {
width: 80px;
font-size: 18px;
font-weight: 600;
color: #409eff;
color: #3B82F6;
}
.empty-schedule {
@@ -1479,7 +1479,7 @@ onUnmounted(() => {
display: flex;
align-items: center;
font-size: 12px;
color: #909399;
color: #64748B;
.el-icon {
margin-right: 4px;

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;
}

View File

@@ -128,7 +128,7 @@
<!-- 只显示暂无数据文本 -->
<div
v-if="AdviceBaseInfoList.length === 0"
style="text-align: center; color: #909399; padding: 20px"
style="text-align: center; color: #64748B; padding: 20px"
>
暂无数据
</div>
@@ -1176,7 +1176,7 @@ function applyGroupSet() {
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
}
.item-card:hover {
border-color: #409eff;
border-color: #3B82F6;
background-color: #ecf5ff;
box-shadow: 0 4px 12px rgba(64, 158, 255, 0.15);
}
@@ -1191,7 +1191,7 @@ function applyGroupSet() {
.status-dot {
width: 8px;
height: 8px;
background-color: #67c23a;
background-color: #10B981;
border-radius: 50%;
margin-right: 6px;
}

View File

@@ -302,7 +302,7 @@
<template #default="scope">
<el-button
link
style="color: #409eff"
style="color: #3B82F6"
>
退费申请
</el-button>
@@ -600,12 +600,12 @@ defineExpose({
/* 调整按钮样式 */
:deep(.el-button--primary) {
background-color: #409eff;
border-color: #409eff;
background-color: #3B82F6;
border-color: #3B82F6;
}
:deep(.el-button--text) {
color: #409eff;
color: #3B82F6;
}
.reset-btn {

View File

@@ -811,13 +811,13 @@ onMounted(() => {
font-weight: 600;
}
.text-primary {
color: #409eff;
color: #3B82F6;
}
.text-danger {
color: #f56c6c;
color: #EF4444;
}
.text-success {
color: #67c23a;
color: #10B981;
}
/* 空状态容器 */
@@ -891,7 +891,7 @@ onMounted(() => {
}
.ext-item .amount {
color: #e6a23c;
color: #F59E0B;
font-weight: 600;
}
@@ -902,7 +902,7 @@ onMounted(() => {
}
.patient-amount-preview .amount {
color: #e6a23c;
color: #F59E0B;
font-weight: 600;
}
@@ -951,7 +951,7 @@ onMounted(() => {
}
.patient-amount .amount {
color: #e6a23c;
color: #F59E0B;
font-weight: 600;
}

View File

@@ -948,7 +948,7 @@ defineExpose({
}
.ext-item .amount {
color: #e6a23c;
color: #F59E0B;
font-weight: 600;
}
@@ -959,7 +959,7 @@ defineExpose({
}
.patient-amount-preview .amount {
color: #e6a23c;
color: #F59E0B;
font-weight: 600;
}
.prescription-table-container {

View File

@@ -73,7 +73,7 @@
<deposit-query ref="depositQueryRef" />
</el-tab-pane>
<el-tab-pane label="患者流转日志" name="patientFlow">
<div style="padding: 20px; text-align: center; color: #909399">患者流转日志功能区域</div>
<div style="padding: 20px; text-align: center; color: #64748B">患者流转日志功能区域</div>
</el-tab-pane> -->
</el-tabs>
</div>

View File

@@ -65,7 +65,7 @@ function handleNav(nav) {
<style scoped>
.nurse-nav-bar {
--theme-color: var(--el-color-primary, #409eff);
--theme-color: var(--el-color-primary, #3B82F6);
height: 40px;
border-bottom: 1px solid #e4e7ed;
padding: 0 12px;
@@ -139,7 +139,7 @@ function handleNav(nav) {
.nav-desc {
font-size: 12px;
color: #909399;
color: #64748B;
}
</style>

View File

@@ -1071,7 +1071,7 @@ defineExpose({ refreshTap });
justify-content: center;
align-items: center;
height: 300px;
color: #909399;
color: #64748B;
}
:deep(.el-table) {
@@ -1140,7 +1140,7 @@ defineExpose({ refreshTap });
justify-content: center;
align-items: center;
height: 200px;
color: #909399;
color: #64748B;
}
.operation-btn {

View File

@@ -848,11 +848,11 @@ defineExpose({
.section-title {
margin: 0 0 12px 0;
color: #409eff;
color: #3B82F6;
font-weight: 600;
font-size: 14px;
padding-left: 8px;
border-left: 3px solid #409eff;
border-left: 3px solid #3B82F6;
}
.dialog-footer {

View File

@@ -64,7 +64,7 @@
}
.code-item {
color: #909399;
color: #64748B;
font-size: 12px;
padding: 2px 6px;
background: #f4f4f5;

View File

@@ -785,7 +785,7 @@ function handlePrint() {
}
.resize-handle:hover {
background: #409eff;
background: #3B82F6;
}
.panel-header {
@@ -815,12 +815,12 @@ function handlePrint() {
transition: all 0.3s ease;
&:hover {
border-color: #409eff;
border-color: #3B82F6;
box-shadow: 0 2px 8px rgba(64, 158, 255, 0.15);
}
&.is-active {
border: 2px solid #409eff;
border: 2px solid #3B82F6;
background: linear-gradient(135deg, #ecf5ff 0%, #f5f9ff 100%);
}
}
@@ -880,21 +880,21 @@ function handlePrint() {
.gender-age-tag {
font-size: 11px;
padding: 2px 8px;
border: 1px solid #409eff;
border: 1px solid #3B82F6;
border-radius: 10px;
color: #409eff;
color: #3B82F6;
}
.patient-no {
font-size: 12px;
color: #909399;
color: #64748B;
}
}
.empty-tip {
text-align: center;
padding: 20px;
color: #909399;
color: #64748B;
font-size: 14px;
}
@@ -947,7 +947,7 @@ function handlePrint() {
background: #fef0f0;
border-radius: 4px;
margin-top: 12px;
color: #f56c6c;
color: #EF4444;
}
:deep(.el-table) {

View File

@@ -3543,18 +3543,18 @@ onUnmounted(() => {});
white-space: nowrap;
}
.project-inline-item .item-code {
color: #409EFF;
color: #3B82F6;
font-size: 12px;
flex-shrink: 0;
}
.project-inline-item .item-price {
color: #f56c6c;
color: #EF4444;
font-size: 12px;
font-weight: 600;
flex-shrink: 0;
}
.project-inline-item .item-unit {
color: #909399;
color: #64748B;
font-size: 12px;
flex-shrink: 0;
}</style>

View File

@@ -417,7 +417,7 @@
<span>{{ item.name || item.itemName }}</span>
<span style="display: flex; align-items: center; gap: 8px;">
<span style="color: #8492a6; font-size: 13px;">{{ item.busNo || item.code }}</span>
<span style="color: #E6A23C; font-size: 13px; font-weight: 500;">¥{{ item.retailPrice || item.price || item.unitPrice || 0 }}</span>
<span style="color: #F59E0B; font-size: 13px; font-weight: 500;">¥{{ item.retailPrice || item.price || item.unitPrice || 0 }}</span>
</span>
</div>
</el-option>

View File

@@ -2475,7 +2475,7 @@ select {
}
.btn-add-new {
background-color: #409eff;
background-color: #3B82F6;
color: white;
border: none;
padding: 8px 16px;

View File

@@ -516,10 +516,10 @@ onMounted(() => {
}
.text-red {
color: #f56c6c;
color: #EF4444;
}
.text-green {
color: #67c23a;
color: #10B981;
}
</style>

View File

@@ -507,17 +507,17 @@ getList();
<style scoped>
.subtotal-text {
font-weight: bold;
color: #409EFF;
color: #3B82F6;
}
.drug-text {
font-weight: bold;
color: #67C23A;
color: #10B981;
}
.total-text {
font-weight: bold;
color: #F56C6C;
color: #EF4444;
}
/* 行样式 */

View File

@@ -402,7 +402,7 @@ function handleExport() {
}
.link {
color: #409eff;
color: #3B82F6;
cursor: pointer;
text-decoration: underline;
}

View File

@@ -18,7 +18,7 @@
<div class="card-icon">
<i
class="el-icon-data-analysis"
style="font-size: 36px; color: #409EFF;"
style="font-size: 36px; color: #3B82F6;"
/>
</div>
<div class="card-text">
@@ -37,7 +37,7 @@
<div class="card-icon">
<i
class="el-icon-warning-outline"
style="font-size: 36px; color: #E6A23C;"
style="font-size: 36px; color: #F59E0B;"
/>
</div>
<div class="card-text">
@@ -56,7 +56,7 @@
<div class="card-icon">
<i
class="el-icon-trend-charts"
style="font-size: 36px; color: #67C23A;"
style="font-size: 36px; color: #10B981;"
/>
</div>
<div class="card-text">
@@ -75,7 +75,7 @@
<div class="card-icon">
<i
class="el-icon-sell"
style="font-size: 36px; color: #F56C6C;"
style="font-size: 36px; color: #EF4444;"
/>
</div>
<div class="card-text">
@@ -94,7 +94,7 @@
<div class="card-icon">
<i
class="el-icon-shopping-cart-full"
style="font-size: 36px; color: #909399;"
style="font-size: 36px; color: #64748B;"
/>
</div>
<div class="card-text">
@@ -113,7 +113,7 @@
<div class="card-icon">
<i
class="el-icon-shopping-cart-1"
style="font-size: 36px; color: #409EFF;"
style="font-size: 36px; color: #3B82F6;"
/>
</div>
<div class="card-text">
@@ -149,7 +149,7 @@ const goToPage = (path) => {
.portal-description {
text-align: center;
color: #909399;
color: #64748B;
margin-bottom: 30px;
}
@@ -188,7 +188,7 @@ const goToPage = (path) => {
p {
margin: 0;
font-size: 14px;
color: #909399;
color: #64748B;
}
}
}

View File

@@ -112,10 +112,10 @@
>
请上传
<template v-if="fileSize">
大小不超过 <b style="color: #f56c6c">{{ fileSize }}MB</b>
大小不超过 <b style="color: #EF4444">{{ fileSize }}MB</b>
</template>
<template v-if="fileType">
格式为 <b style="color: #f56c6c">{{ fileType.join("/") }}</b>
格式为 <b style="color: #EF4444">{{ fileType.join("/") }}</b>
</template>
的文件
</div>

View File

@@ -479,10 +479,10 @@ onMounted(() => {
</script>
<style lang="scss" scoped>
.label-red {
color: #f56c6c;
color: #EF4444;
}
.label-green {
color: #67c23a;
color: #10B981;
}
.formula-wrapper {
margin-top: 8px;
@@ -505,6 +505,6 @@ onMounted(() => {
}
.formula-operator {
padding: 0 2px;
color: #909399;
color: #64748B;
}
</style>

Some files were not shown because too many files have changed in this diff Show More