| | |
| | | <CommonDateTime :style="{ top: pxToRem(19) }" v-model="newTime" @change="getData" /> |
| | | <div class="chart-container" ref="chartRef"></div> |
| | | </div> |
| | | <InspectionRaskDetailsDialog v-model:show="isShowDetailsDialog"></InspectionRaskDetailsDialog> |
| | | </template> |
| | | |
| | | <script setup> |
| | |
| | | import CommonDateTime from '@/components/CommonDateTime.vue' |
| | | import { getJobNumBar, getJobStatistics, getTotalJobNum } from '@/api/home' |
| | | import dayjs from 'dayjs' |
| | | |
| | | import InspectionRaskDetailsDialog from '@/views/Home/HomeLeft/InspectionRaskDetails/InspectionRaskDetailsDialog.vue' |
| | | const currenDate = dayjs().format('YYYY-MM-DD') |
| | | const newTime = ref([currenDate, currenDate]) |
| | | const list = ref([ |
| | |
| | | }, |
| | | }, |
| | | } |
| | | |
| | | // 是否展示巡检任务详情 |
| | | const isShowDetailsDialog = ref(false) |
| | | const detailsFun = () => { |
| | | console.log('details') |
| | | console.log(isShowDetailsDialog.value) |
| | | isShowDetailsDialog.value = true |
| | | |
| | | } |
| | | |
| | | let chart = null |
| | |
| | | opacity: 0.85; |
| | | |
| | | .inspection-num { |
| | | background: url('@/assets/images/home/homeLeft/inspection-num.png') no-repeat center / 100% |
| | | 100%; |
| | | background: url('@/assets/images/home/homeLeft/inspection-num.png') no-repeat center / 100% 100%; |
| | | width: 360px; |
| | | height: 118px; |
| | | position: relative; |