| | |
| | | <!-- 机巢概况 --> |
| | | <template> |
| | | <common-title style="margin-left: 14px;" @details="detailsFun"></common-title> |
| | | <div class="overview-next"> |
| | | <div class="next-num"> |
| | | <div class="total"> |
| | |
| | | </template> |
| | | <script setup> |
| | | import { Search } from '@element-plus/icons-vue'; |
| | | import CommonTitle from '@/components/CommonTitle.vue'; |
| | | |
| | | const list = ref([ |
| | | { name: '执行中', value: 89, color: '#FFA768' }, |
| | |
| | | { name: '小兰工业园3号', status: '预计执行' }, |
| | | { name: '小兰工业园3号', status: '预计执行' }, |
| | | ]); |
| | | |
| | | const detailsFun = () => { |
| | | console.log('details'); |
| | | }; |
| | | </script> |
| | | <style scoped lang="scss"> |
| | | .overview-next { |
| | |
| | | .total { |
| | | position: absolute; |
| | | left: 22px; |
| | | top: 18px; |
| | | top: 28px; |
| | | font-weight: 500; |
| | | font-size: 14px; |
| | | color: #FFFFFF; |
| | | font-family: Source Han Sans CN, Source Han Sans CN; |
| | | line-height: 19px; |
| | | .value { |
| | | font-family: YouSheBiaoTiHei, YouSheBiaoTiHei; |
| | | margin-left: 8px; |