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:
@@ -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;
|
||||
}
|
||||
|
||||
|
||||
Reference in New Issue
Block a user