删除定时任务列表页的列表和卡片切换图标

This commit is contained in:
jingrow 2025-11-01 22:15:29 +08:00
parent 3aa951a79f
commit 7c02b6d09c

View File

@ -26,24 +26,6 @@
style="width: 120px"
/>
</div>
<div class="view-toggle">
<button
class="toggle-btn"
:class="{ active: viewMode === 'list' }"
@click="viewMode = 'list'"
:title="t('List View')"
>
<i class="fa fa-list"></i>
</button>
<button
class="toggle-btn"
:class="{ active: viewMode === 'card' }"
@click="viewMode = 'card'"
:title="t('Card View')"
>
<i class="fa fa-th-large"></i>
</button>
</div>
<button class="refresh-btn" @click="reload" :disabled="loading">
<i :class="loading ? 'fa fa-spinner fa-spin' : 'fa fa-refresh'"></i>
</button>
@ -94,7 +76,7 @@
</div>
<div class="col-actions">
<button
class="action-btn"
class="action-btn start-btn"
@click.stop="toggleJobStatus(job.name)"
:title="job.stopped ? t('Start') : t('Stop')"
>
@ -135,7 +117,6 @@ const loading = ref(false)
const jobs = ref<any[]>([])
const allJobs = ref<any[]>([]) //
const total = ref(0)
const viewMode = ref<'card' | 'list'>('list')
const searchQuery = ref('')
const frequencyFilter = ref('all')
const statusFilter = ref('all')
@ -351,38 +332,6 @@ onMounted(() => {
align-items: center;
}
.view-toggle {
display: flex;
background: #f8fafc;
border-radius: 8px;
padding: 2px;
border: 1px solid #e2e8f0;
}
.toggle-btn {
width: 32px;
height: 32px;
border: none;
background: transparent;
color: #64748b;
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
border-radius: 6px;
transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
}
.toggle-btn:hover {
background: #e2e8f0;
color: #475569;
}
.toggle-btn.active {
background: #2563eb;
color: white;
}
.refresh-btn {
width: 36px;
height: 36px;
@ -570,6 +519,18 @@ onMounted(() => {
color: white;
}
/* 启动按钮 - 绿色系(与详情页执行按钮配色一致) */
.action-btn.start-btn {
background: #dcfce7;
color: #166534;
}
.action-btn.start-btn:hover {
background: #bbf7d0;
color: #15803d;
box-shadow: 0 2px 8px rgba(34, 197, 94, 0.15);
}
.badge {
background: #f3f4f6;
color: #374151;