| | |
| | | <div class="name">总任务数</div> |
| | | </div> |
| | | <div class="status"> |
| | | <div class="item" v-for="(item, index) in list"> |
| | | <div class="item" v-for="(item, index) in list" :key="index"> |
| | | <div> |
| | | <div :style="{ color: item.color }" class="value"> |
| | | {{ jobStatistics[item.field] }} |
| | |
| | | const currenDate = dayjs().format('YYYY-MM-DD') |
| | | const newTime = ref([currenDate, currenDate]) |
| | | const list = ref([ |
| | | { name: '计划执行', value: 89, color: '#FFFFFF', field: 'planned_executions' }, |
| | | { name: '执行中', value: 100, color: '#FFA768', field: 'running_num' }, |
| | | { name: '待执行', value: 66, color: '#FFE17E', field: 'pending_executions' }, |
| | | { name: '已执行', value: 10, color: '#8EFFAC', field: 'executed' }, |
| | | { name: '执行失败', value: 10, color: '#FF8E8E', field: 'failed_executions' }, |
| | | { name: '计划执行', value: 0, color: '#FFFFFF', field: 'planned_executions' }, |
| | | { name: '执行中', value: 0, color: '#FFA768', field: 'running_num' }, |
| | | { name: '待执行', value: 0, color: '#FFE17E', field: 'pending_executions' }, |
| | | { name: '已执行', value: 0, color: '#8EFFAC', field: 'executed' }, |
| | | { name: '执行失败', value: 0, color: '#FF8E8E', field: 'failed_executions' }, |
| | | ]) |
| | | const option = { |
| | | grid: { |