gh_mirrors/1Panel
1
0
Fork 0
mirror of https://github.com/1Panel-dev/1Panel.git synced 2025-01-31 22:18:07 +08:00
Code

fix: 计划任务报告样式调整 (#2640)

Browse Source
This commit is contained in:
ssongliu 2023-10-23 15:23:22 +08:00 committed by wanghe-fit2cloud
parent fcca83b3e9
commit 61bbfac3cd
1 changed files with 33 additions and 25 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

58
frontend/src/views/cronjob/record/index.vue
View File

@ -125,23 +125,29 @@
<template #main> <template #main>
<div class="mainClass"> <div class="mainClass">
<el-row :gutter="20" v-show="hasRecords" class="mainRowClass"> <el-row :gutter="20" v-show="hasRecords" class="mainRowClass">
<el-col :span="8"> <el-col :span="6">
<div> <div>
<ul class="infinite-list" style="overflow: auto"> <ul class="infinite-list" style="overflow: auto">
<li <el-card
v-for="(item, index) in records" v-for="(item, index) in records"
:key="index" :key="index"
@click="forDetail(item)" @click="forDetail(item)"
class="infinite-list-item" class="infinite-list-item"
> >
<el-icon v-if="item.status === 'Success'"><Select /></el-icon> <el-tag v-if="item.status === 'Success'" type="success">
<el-icon v-if="item.status === 'Waiting'"><Loading /></el-icon> {{ $t('commons.status.success') }}
<el-icon v-if="item.status === 'Failed'"><CloseBold /></el-icon> </el-tag>
<span v-if="item.id === currentRecord.id" style="color: red"> <el-tag v-if="item.status === 'Waiting'" type="info">
{{ $t('commons.status.waiting') }}
</el-tag>
<el-tag v-if="item.status === 'Failed'" type="danger">
{{ $t('commons.status.failed') }}
</el-tag>
<span v-if="item.id === currentRecord.id" class="select-card">
{{ dateFormat(0, 0, item.startTime) }} {{ dateFormat(0, 0, item.startTime) }}
</span> </span>
<span v-else>{{ dateFormat(0, 0, item.startTime) }}</span> <span v-else>{{ dateFormat(0, 0, item.startTime) }}</span>
</li> </el-card>
</ul> </ul>
<div style="margin-top: 10px; font-size: 12px; float: right"> <div style="margin-top: 10px; font-size: 12px; float: right">
<el-pagination <el-pagination
@ -158,7 +164,7 @@
</div> </div>
</div> </div>
</el-col> </el-col>
<el-col :span="16"> <el-col :span="18">
<el-form label-position="top" :v-key="refresh"> <el-form label-position="top" :v-key="refresh">
<el-row type="flex" justify="center"> <el-row type="flex" justify="center">
<el-form-item class="descriptionWide" v-if="isBackup()"> <el-form-item class="descriptionWide" v-if="isBackup()">
@ -714,30 +720,32 @@ defineExpose({
<style lang="scss" scoped> <style lang="scss" scoped>
.infinite-list { .infinite-list {
height: calc(100vh - 435px); height: calc(100vh - 416px);
padding: 0; padding: 0;
margin: 0; margin: 0;
}
.infinite-list .infinite-list-item { .el-card {
display: flex; border: var(--panel-border) !important;
align-items: center; &:hover {
justify-content: center; border: 1px solid var(--el-color-primary) !important;
height: 30px; box-shadow: 2px 2px 2px #888888;
background: var(--el-color-primary-light-9); }
margin: 10px;
color: var(--el-color-primary);
cursor: pointer;
&:hover {
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: center; justify-content: center;
height: 30px; height: 40px;
background: var(--el-color-primary-light-9); font-size: 14px;
margin: 10px; margin: 5px;
font-weight: 500; cursor: pointer;
color: red; }
.el-tag {
margin-right: 15px;
} }
} }
.select-card {
color: var(--el-color-primary);
}
.descriptionWide { .descriptionWide {
width: 40%; width: 40%;
} }