chore: remove prototype files and unused UI assets

Ultraworked with [Sisyphus](https://github.com/code-yeongyu/oh-my-openagent)

Co-authored-by: Sisyphus <clio-agent@sisyphuslabs.ai>
This commit is contained in:
2026-05-01 00:39:24 +08:00
parent 64537119e0
commit 7d6dbc4ac0
21 changed files with 772 additions and 2544 deletions

View File

@@ -7,8 +7,8 @@
</div>
<div class="top-actions">
<span v-if="isChat || !isOverview" class="search-wrap" :class="{ wide: isChat }">
<i class="pi pi-search search-icon"></i>
<span v-if="isChat" class="search-wrap" :class="{ wide: isChat }">
<i class="mdi mdi-magnify search-icon"></i>
<input
:value="search"
type="search"
@@ -19,7 +19,7 @@
<template v-if="isChat">
<button class="icon-btn notification" type="button" aria-label="查看通知">
<i class="pi pi-bell"></i>
<i class="mdi mdi-bell-outline"></i>
<span>1</span>
</button>
<button class="profile-btn" type="button" aria-label="打开用户菜单">
@@ -28,7 +28,7 @@
<strong>张晓明</strong>
<small>财务管理员</small>
</span>
<i class="pi pi-angle-down"></i>
<i class="mdi mdi-chevron-down"></i>
</button>
</template>
@@ -36,7 +36,7 @@
<div v-if="isOverview" class="range-combo" aria-label="首页时间范围">
<div class="range-shell">
<span class="range-meta">
<i class="pi pi-calendar"></i>
<i class="mdi mdi-calendar"></i>
<span>{{ activeDateLabel }}</span>
</span>
@@ -64,7 +64,7 @@
aria-haspopup="dialog"
@click="calendarOpen = !calendarOpen"
>
<i class="pi pi-calendar-plus"></i>
<i class="mdi mdi-calendar-plus"></i>
<span>选择时间段</span>
</button>
@@ -72,7 +72,7 @@
<header>
<strong>选择看板时间段</strong>
<button type="button" aria-label="关闭日期选择" @click="calendarOpen = false">
<i class="pi pi-times"></i>
<i class="mdi mdi-close"></i>
</button>
</header>
@@ -87,12 +87,6 @@
</label>
</div>
<div class="quick-presets" aria-label="快捷时间段">
<button type="button" @click="applyDraft('2024-07-12', '2024-07-12')">今日</button>
<button type="button" @click="applyDraft('2024-07-06', '2024-07-12')">本周</button>
<button type="button" @click="applyDraft('2024-07-01', '2024-07-31')">本月</button>
</div>
<footer>
<button class="ghost-btn" type="button" @click="calendarOpen = false">取消</button>
<button class="apply-btn" type="button" :disabled="!canApplyCustomRange" @click="applyCustomRange">
@@ -103,35 +97,30 @@
</div>
</div>
<template v-else-if="isRequests">
<button class="month-chip" type="button" aria-label="选择报销月份">
<i class="pi pi-calendar"></i>
<span>2024-07</span>
<i class="pi pi-angle-down"></i>
<template v-if="isPolicies || isRequests"></template>
<template v-else-if="isApproval">
<button class="month-chip" type="button" aria-label="筛选审批日期">
<i class="mdi mdi-calendar"></i>
<span>筛选 / 日期</span>
<i class="mdi mdi-chevron-down"></i>
</button>
<button class="icon-btn notification" type="button" aria-label="查看通知">
<i class="pi pi-bell"></i>
<span>3</span>
<i class="mdi mdi-bell-outline"></i>
<span>9</span>
</button>
<button class="profile-btn" type="button" aria-label="打开用户菜单">
<span class="profile-avatar"></span>
<span class="profile-copy">
<strong>张晓明</strong>
<small>财务管理</small>
<small>财务管理</small>
</span>
<i class="pi pi-angle-down"></i>
<i class="mdi mdi-chevron-down"></i>
</button>
</template>
<div v-else class="date-chip">
<i class="pi pi-calendar"></i>
<span>2024-07-06 ~ 2024-07-12</span>
</div>
<template v-else-if="isRequests"></template>
<button v-if="!isRequests" class="top-btn primary" type="button" @click="emit('openChat')">
<i class="pi pi-sparkles"></i>
<span>AI 助手</span>
</button>
</template>
</div>
</header>
@@ -164,6 +153,8 @@ const emit = defineEmits([
const isChat = computed(() => props.activeView === 'chat')
const isOverview = computed(() => props.activeView === 'overview')
const isRequests = computed(() => props.activeView === 'requests')
const isApproval = computed(() => props.activeView === 'approval')
const isPolicies = computed(() => props.activeView === 'policies')
const calendarOpen = ref(false)
const draftStart = ref(props.customRange.start)
const draftEnd = ref(props.customRange.end)
@@ -357,7 +348,7 @@ function formatRangeLabel(start, end) {
white-space: nowrap;
}
.range-meta .pi {
.range-meta .mdi {
color: #10b981;
}
@@ -514,28 +505,6 @@ function formatRangeLabel(start, end) {
outline: none;
}
.quick-presets {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 8px;
}
.quick-presets button {
height: 34px;
border: 1px solid #e2e8f0;
border-radius: 8px;
background: #f8fafc;
color: #334155;
font-size: 13px;
font-weight: 700;
}
.quick-presets button:hover {
border-color: rgba(16, 185, 129, .28);
background: #ecfdf5;
color: #0f9f78;
}
.ghost-btn,
.apply-btn {
height: 36px;
@@ -562,20 +531,6 @@ function formatRangeLabel(start, end) {
background: #cbd5e1;
}
.date-chip {
height: 40px;
display: inline-flex;
align-items: center;
gap: 8px;
padding: 0 32px 0 12px;
border: 1px solid #cbd5e1;
border-radius: 6px;
background: #fff;
color: var(--text);
font-size: 14px;
font-weight: 400;
}
.month-chip {
height: 42px;
display: inline-flex;
@@ -590,7 +545,7 @@ function formatRangeLabel(start, end) {
font-weight: 750;
}
.month-chip .pi:first-child {
.month-chip .mdi:first-child {
color: #64748b;
}
@@ -599,32 +554,6 @@ function formatRangeLabel(start, end) {
color: #0f9f78;
}
.date-chip .pi {
color: #94a3b8;
}
.top-btn {
height: 40px;
display: inline-flex;
align-items: center;
gap: 8px;
padding: 0 16px;
border: 0;
border-radius: 6px;
font-size: 14px;
font-weight: 650;
transition: background 160ms ease;
}
.top-btn.primary {
background: var(--primary);
color: #fff;
}
.top-btn.primary:hover {
background: #0ea672;
}
.icon-btn,
.profile-btn {
border: 0;
@@ -705,7 +634,7 @@ function formatRangeLabel(start, end) {
font-size: 12px;
}
.profile-btn .pi {
.profile-btn .mdi {
color: #64748b;
}