优化uniapp

This commit is contained in:
hero920103 committed 2026-11-11 16:58:30 +08:00
1 parent 4f1acaa451
commit 8fc52c574f
49 files changed
+1952 -197

No files matched your search

+1 -1
View File
@@ -7,7 +7,7 @@
<span class="logo-grid"><i></i><i></i><i></i><i></i></span>
</span>
<span class="brand-meta">
<span class="brand-title">云泽管理平台</span>
<span class="brand-title">温新云平台</span>
<span class="brand-sub">{{ currentModule?.title || "数据赋能管理 · 科技创造价值" }}</span>
</span>
</div>
+128 -18
View File
@@ -1378,7 +1378,13 @@ onMounted(() => {
}
.calendar-cell:hover {
background: #f5f8ff;
background: repeating-linear-gradient(
135deg,
#fafcff 0,
#fafcff 6px,
#edf4ff 6px,
#edf4ff 12px
);
}
.calendar-cell.other-month {
@@ -1386,6 +1392,16 @@ onMounted(() => {
background: #fafbfc;
}
.calendar-cell.other-month:hover {
background: repeating-linear-gradient(
135deg,
#fafbfc 0,
#fafbfc 6px,
#f2f4f8 6px,
#f2f4f8 12px
);
}
.cell-date {
display: flex;
align-items: center;
@@ -1435,7 +1451,13 @@ onMounted(() => {
}
.calendar-cell.is-off:hover {
background: #fff5f5;
background: repeating-linear-gradient(
135deg,
#fff7f7 0,
#fff7f7 7px,
#fde8e8 7px,
#fde8e8 14px
);
}
/* 调休上班日的周六日按工作日处理,弱化底色避免误判为休息 */
@@ -1443,6 +1465,16 @@ onMounted(() => {
background: #fff;
}
.calendar-cell.is-work:hover {
background: repeating-linear-gradient(
135deg,
#ffffff 0,
#ffffff 6px,
#f2f5f9 6px,
#f2f5f9 12px
);
}
/* 我的排班背景:上班绿 / 休息橙。排班是实际作息,覆盖节假日底色,
但保留休/班角标与节日名;today / selected 在后面定义,优先级仍最高。
仅靠提高底色饱和度区分,不加边框/竖条 */
@@ -1451,7 +1483,13 @@ onMounted(() => {
}
.calendar-cell.is-my-work:hover {
background: #d3f0bd;
background: repeating-linear-gradient(
135deg,
#e2f6d2 0,
#e2f6d2 7px,
#d2efbe 7px,
#d2efbe 14px
);
}
/* 休息日:斜纹底 + 右上角「休」角标。
@@ -1514,6 +1552,16 @@ onMounted(() => {
);
box-shadow: inset 0 0 0 2px #409eff;
border-radius: 4px;
&:hover {
background: repeating-linear-gradient(
135deg,
#e0efff 0,
#e0efff 6px,
#cbe4ff 6px,
#cbe4ff 12px
);
}
}
/* 今天:不再用实底蓝,改为绿色描边框,保留排班底色(上班绿 / 休息斜纹)不变。
@@ -1830,21 +1878,27 @@ html.dark & {
border-bottom-color: var(--el-border-color-lighter);
&:hover {
background: var(--el-fill-color-light);
background: repeating-linear-gradient(
135deg,
rgba(255, 255, 255, 0.03) 0,
rgba(255, 255, 255, 0.03) 6px,
rgba(255, 255, 255, 0.08) 6px,
rgba(255, 255, 255, 0.08) 12px
);
}
&.other-month {
color: var(--el-text-color-placeholder);
background: var(--el-fill-color-light);
}
&.selected {
background: repeating-linear-gradient(
135deg,
rgba(64, 158, 255, 0.14) 0,
rgba(64, 158, 255, 0.14) 6px,
rgba(64, 158, 255, 0.3) 6px,
rgba(64, 158, 255, 0.3) 12px
);
box-shadow: inset 0 0 0 2px var(--el-color-primary);
&:hover {
background: repeating-linear-gradient(
135deg,
rgba(255, 255, 255, 0.02) 0,
rgba(255, 255, 255, 0.02) 6px,
rgba(255, 255, 255, 0.06) 6px,
rgba(255, 255, 255, 0.06) 12px
);
}
}
}
.month-tag {
@@ -1865,24 +1919,80 @@ html.dark & {
background: rgba(245, 108, 108, 0.07);
&:hover {
background: rgba(245, 108, 108, 0.12);
background: repeating-linear-gradient(
135deg,
rgba(245, 108, 108, 0.06) 0,
rgba(245, 108, 108, 0.06) 7px,
rgba(245, 108, 108, 0.16) 7px,
rgba(245, 108, 108, 0.16) 14px
);
}
}
.calendar-cell.is-work {
background: var(--el-bg-color);
&:hover {
background: repeating-linear-gradient(
135deg,
rgba(255, 255, 255, 0.03) 0,
rgba(255, 255, 255, 0.03) 6px,
rgba(255, 255, 255, 0.08) 6px,
rgba(255, 255, 255, 0.08) 12px
);
}
}
.calendar-cell.is-my-work {
background: rgba(103, 194, 58, 0.1);
&:hover {
background: rgba(103, 194, 58, 0.16);
background: repeating-linear-gradient(
135deg,
rgba(103, 194, 58, 0.08) 0,
rgba(103, 194, 58, 0.08) 7px,
rgba(103, 194, 58, 0.2) 7px,
rgba(103, 194, 58, 0.2) 14px
);
}
}
/* 休息日:保持浅色主题的斜纹语言,仅用半透明琥珀色适配深色底,斜纹在暗底仍可辨 */
.calendar-cell.is-my-rest {
background: rgba(230, 162, 60, 0.1);
background: repeating-linear-gradient(
135deg,
rgba(230, 162, 60, 0.07) 0,
rgba(230, 162, 60, 0.07) 7px,
rgba(230, 162, 60, 0.16) 7px,
rgba(230, 162, 60, 0.16) 14px
);
&:hover {
background: rgba(230, 162, 60, 0.16);
background: repeating-linear-gradient(
135deg,
rgba(230, 162, 60, 0.12) 0,
rgba(230, 162, 60, 0.12) 7px,
rgba(230, 162, 60, 0.24) 7px,
rgba(230, 162, 60, 0.24) 14px
);
}
}
/* 选中态:暗色下优先级高于所有排班与节假日底色,保持蓝色斜条纹与主色描边 */
.calendar-cell.selected {
background: repeating-linear-gradient(
135deg,
rgba(64, 158, 255, 0.15) 0,
rgba(64, 158, 255, 0.15) 6px,
rgba(64, 158, 255, 0.32) 6px,
rgba(64, 158, 255, 0.32) 12px
);
box-shadow: inset 0 0 0 2px var(--el-color-primary);
&:hover {
background: repeating-linear-gradient(
135deg,
rgba(64, 158, 255, 0.24) 0,
rgba(64, 158, 255, 0.24) 6px,
rgba(64, 158, 255, 0.44) 6px,
rgba(64, 158, 255, 0.44) 12px
);
}
}
/* 今天:与浅色主题一致,只用绿色描边框,不覆盖排班底色 */
@@ -46,6 +46,15 @@
<div class="sub-text">{{ scope.row.identity_mobile || "" }}</div>
</template>
</el-table-column>
<el-table-column label="挂靠资料" min-width="170" align="center">
<template #default="scope">
<div>{{ scope.row.applicant_name || "-" }}</div>
<div class="sub-text">
{{ scope.row.department_name || "-" }} · {{ scope.row.position_name || "-" }}
</div>
<div class="sub-text">微信手机号 {{ scope.row.wechat_mobile || "-" }}</div>
</template>
</el-table-column>
<el-table-column label="联系方式" min-width="150" align="center">
<template #default="scope">
<div>{{ scope.row.contact_person || "-" }}</div>
+2 -2
View File
@@ -5,7 +5,7 @@
<div class="toolbar-left">
<div class="home-brand">
<span class="home-logo"><i></i><i></i><i></i><i></i></span>
<span class="home-brand-name">云泽管理平台</span>
<span class="home-brand-name">温新云平台</span>
</div>
<!-- 当前企业 + 一人多企业时可点击切换 -->
<TenantSwitcher variant="plain" />
@@ -207,7 +207,7 @@
</div>
<div class="home-footer">
<span class="copyright">云泽管理平台</span>
<span class="copyright">温新云平台</span>
</div>
</div>
</template>
@@ -12,7 +12,7 @@
<!-- 系统基本信息 -->
<el-descriptions title="系统基本信息" :column="2" border class="info-section">
<el-descriptions-item label="系统名称">
<el-tag type="primary">{{ systemInfo.name || '云泽管理系统' }}</el-tag>
<el-tag type="primary">{{ systemInfo.name || '温新云平台' }}</el-tag>
</el-descriptions-item>
<el-descriptions-item label="系统版本">
<el-tag>{{ systemInfo.version || '1.0.0' }}</el-tag>
@@ -227,7 +227,7 @@ async function fetchSystemInfo() {
// 模拟数据(如果有API会替换)
systemInfo.value = {
name: '云泽管理系统',
name: '温新云平台',
version: '1.0.0',
environment: 'Production',
uptime: '24天 5小时 30分钟',