优化uniapp
This commit is contained in:
1 parent
4f1acaa451
commit
8fc52c574f
49 files changed
+1952
-197
No files matched your search
@@ -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>
|
||||
|
||||
@@ -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>
|
||||
|
||||
@@ -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分钟',
|
||||
|
||||
Reference in new issue
Block a user