| | |
| | | </template> |
| | | |
| | | <script setup> |
| | | import { hToV, wToR } from '@/utils/pxConver'; |
| | | |
| | | const list = ref([ |
| | | { name: '计划执行', value: 89, color: '#FFFFFF' }, |
| | |
| | | .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-weight: 400; |