删除定时任务列表页的列表和卡片切换图标
This commit is contained in:
parent
3aa951a79f
commit
7c02b6d09c
@ -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;
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user