| | |
| | | <div class="inspection-rask-details"> |
| | | <div class="inspection-num"> |
| | | <div class="total"> |
| | | <div class="value">88</div> |
| | | <div class="value">{{total}}</div> |
| | | <div class="name">总任务数</div> |
| | | </div> |
| | | <div class="status"> |
| | |
| | | import { pxToRem } from '@/utils/rem'; |
| | | import CommonTitle from '@/components/CommonTitle.vue'; |
| | | import CommonDateTime from '@/components/CommonDateTime.vue'; |
| | | import { getJobStatistics, getTotalJobNum } from '@/api/home'; |
| | | |
| | | const list = ref([ |
| | | { name: '计划执行', value: 89, color: '#FFFFFF' }, |
| | |
| | | { name: '已执行', value: 10, color: '#8EFFAC' }, |
| | | { name: '执行失败', value: 10, color: '#FF8E8E' }, |
| | | ]); |
| | | |
| | | const detailsFun = () => { |
| | | console.log('details'); |
| | | }; |
| | | |
| | | const chartRef = ref(null); |
| | | |
| | | onMounted(() => { |
| | | const chart = echarts.init(chartRef.value); |
| | | const option = { |
| | | grid: { |
| | | top: '15%', |
| | |
| | | ], |
| | | }; |
| | | |
| | | chart.setOption(option); |
| | | const detailsFun = () => { |
| | | console.log('details'); |
| | | }; |
| | | |
| | | const chartRef = ref(null); |
| | | const total = ref(0); |
| | | onMounted(() => { |
| | | getTotalJobNum().then(res => { |
| | | total.value = res.data?.data || 0 |
| | | }) |
| | | getJobStatistics().then(res => { |
| | | |
| | | }) |
| | | const chart = echarts.init(chartRef.value); |
| | | chart.setOption(option); |
| | | // 监听窗口大小变化 |
| | | window.addEventListener('resize', () => { |
| | | chart.resize(); |
| | |
| | | font-weight: 500; |
| | | font-size: 14px; |
| | | color: #ffffff; |
| | | text-align: center; |
| | | font-family: Source Han Sans CN, Source Han Sans CN; |
| | | line-height: 19px; |
| | | .value { |