| | |
| | | let className = ''; |
| | | |
| | | switch (value) { |
| | | case '保养中': { |
| | | className = 'dot-blue'; |
| | | break; |
| | | } |
| | | case '已完成': { |
| | | className = 'dot-green'; |
| | | break; |
| | | } |
| | | case '未完成': { |
| | | case '待保养': { |
| | | className = 'dot-gray'; |
| | | break; |
| | | } |
| | | case '待验证': { |
| | | className = 'dot-orange'; |
| | | break; |
| | | } |
| | |
| | | <template> |
| | | <Page :auto-content-height="true"> |
| | | <div class="flex h-full gap-[8px]"> |
| | | <BasicTable class="flex-1 overflow-hidden" table-title="试产列表"> |
| | | <BasicTable class="flex-1 overflow-hidden" table-title="保养报表"> |
| | | <template #toolbar-tools> |
| | | <Space> |
| | | <span class="ml-4 mr-2">-</span>未生成计划 <span class="dot-orange ml-4"></span>未完成 <span class="dot-green ml-4"></span>已完成 |
| | | <span class="ml-4 mr-2">-</span>未生成计划 <span class="dot-gray ml-4"></span>待保养 <span class="dot-blue ml-4"></span>保养中 <span class="dot-orange ml-4"></span>待验证 <span class="dot-green ml-4"></span>已完成 |
| | | </Space> |
| | | </template> |
| | | </BasicTable> |
| | |
| | | border-radius: 50%; |
| | | background-color: #8a2ad8; |
| | | } |
| | | :deep(.dot-gray) { |
| | | display: inline-block; |
| | | width: 10px; |
| | | height: 10px; |
| | | border-radius: 50%; |
| | | background-color: #d9d9d9; |
| | | } |
| | | </style> |