| | |
| | | import { hToV, wToR } from '@/utils/pxConver'; |
| | | import * as echarts from 'echarts'; |
| | | import CommonDateTime from '@/components/CommonDateTime.vue'; |
| | | // import { ref, onMounted } from 'vue'; |
| | | |
| | | const list = ref([ |
| | | { name: '计划执行', value: 89, color: '#FFFFFF' }, |
| | |
| | | <style scoped lang="scss"> |
| | | .inspection-rask-details { |
| | | margin-left: 29px; |
| | | padding: hToV(16) 16px; |
| | | padding: 16px 16px; |
| | | width: 390px; |
| | | height: 414px; |
| | | background: linear-gradient( 270deg, rgba(31,62,122,0) 0%, rgba(31,62,122,0.35) 21%, #1F3E7A 100%); |
| | |
| | | .inspection-num { |
| | | background: url('@/assets/images/inspection-num.png') no-repeat center / 100% 100%; |
| | | width: 360px; |
| | | height: hToV(118); |
| | | height: 118px; |
| | | position: relative; |
| | | .total { |
| | | position: absolute; |
| | | left: 34px; |
| | | top: hToV(34); |
| | | top: 34px; |
| | | font-weight: 500; |
| | | font-size: 14px; |
| | | color: #FFFFFF; |
| | |
| | | } |
| | | .status { |
| | | position: absolute; |
| | | top: hToV(8); |
| | | top: 8px; |
| | | right: 10px; |
| | | width: 200px; |
| | | display: flex; |
| | | flex-wrap: wrap; |
| | | gap: 8px; |
| | | justify-content: flex-start; |
| | | line-height: hToV(22); |
| | | line-height: 22px; |
| | | padding: 0 10px 10px 0; |
| | | .name { |
| | | font-family: Source Han Sans CN, Source Han Sans CN; |