删除定时任务列表页的列表和卡片切换图标
This commit is contained in:
parent
3aa951a79f
commit
7c02b6d09c
@ -26,24 +26,6 @@
|
|||||||
style="width: 120px"
|
style="width: 120px"
|
||||||
/>
|
/>
|
||||||
</div>
|
</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">
|
<button class="refresh-btn" @click="reload" :disabled="loading">
|
||||||
<i :class="loading ? 'fa fa-spinner fa-spin' : 'fa fa-refresh'"></i>
|
<i :class="loading ? 'fa fa-spinner fa-spin' : 'fa fa-refresh'"></i>
|
||||||
</button>
|
</button>
|
||||||
@ -94,7 +76,7 @@
|
|||||||
</div>
|
</div>
|
||||||
<div class="col-actions">
|
<div class="col-actions">
|
||||||
<button
|
<button
|
||||||
class="action-btn"
|
class="action-btn start-btn"
|
||||||
@click.stop="toggleJobStatus(job.name)"
|
@click.stop="toggleJobStatus(job.name)"
|
||||||
:title="job.stopped ? t('Start') : t('Stop')"
|
:title="job.stopped ? t('Start') : t('Stop')"
|
||||||
>
|
>
|
||||||
@ -135,7 +117,6 @@ const loading = ref(false)
|
|||||||
const jobs = ref<any[]>([])
|
const jobs = ref<any[]>([])
|
||||||
const allJobs = ref<any[]>([]) // 保存所有原始数据
|
const allJobs = ref<any[]>([]) // 保存所有原始数据
|
||||||
const total = ref(0)
|
const total = ref(0)
|
||||||
const viewMode = ref<'card' | 'list'>('list')
|
|
||||||
const searchQuery = ref('')
|
const searchQuery = ref('')
|
||||||
const frequencyFilter = ref('all')
|
const frequencyFilter = ref('all')
|
||||||
const statusFilter = ref('all')
|
const statusFilter = ref('all')
|
||||||
@ -351,38 +332,6 @@ onMounted(() => {
|
|||||||
align-items: center;
|
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 {
|
.refresh-btn {
|
||||||
width: 36px;
|
width: 36px;
|
||||||
height: 36px;
|
height: 36px;
|
||||||
@ -570,6 +519,18 @@ onMounted(() => {
|
|||||||
color: white;
|
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 {
|
.badge {
|
||||||
background: #f3f4f6;
|
background: #f3f4f6;
|
||||||
color: #374151;
|
color: #374151;
|
||||||
|
|||||||
Loading…
x
Reference in New Issue
Block a user