| | |
| | | defineOptions({ name: 'DashboardAlertPanel' }); |
| | | |
| | | const props = defineProps<{ |
| | | andonActiveCount: number; |
| | | repairActiveCount: number; |
| | | }>(); |
| | | |
| | |
| | | <template> |
| | | <div class="space-y-4"> |
| | | <!-- 预警卡片行 --> |
| | | <div class="grid grid-cols-2 gap-3"> |
| | | <div |
| | | class="glass-tilt group cursor-pointer overflow-hidden rounded-2xl border-0 p-4" |
| | | @click="emit('navigate', 'MesProAndon')" |
| | | > |
| | | <div class="relative z-10 flex items-center gap-3"> |
| | | <div class="flex size-10 items-center justify-center rounded-lg bg-red-50 text-red-600 shadow-sm dark:bg-red-500/15 dark:text-red-400"> |
| | | <IconifyIcon class="size-5" icon="lucide:alert-triangle" /> |
| | | </div> |
| | | <div> |
| | | <div class="text-xs text-gray-500 dark:text-gray-400">安灯呼叫</div> |
| | | <div class="flex items-baseline gap-1"> |
| | | <CountTo class="text-xl font-bold text-red-600 dark:text-red-400" :end-val="andonActiveCount" :duration="1000" /> |
| | | <span class="text-xs text-gray-400">未处置</span> |
| | | </div> |
| | | </div> |
| | | </div> |
| | | </div> |
| | | <div class="grid grid-cols-1 gap-3"> |
| | | <div |
| | | class="glass-tilt group cursor-pointer overflow-hidden rounded-2xl border-0 p-4" |
| | | @click="emit('navigate', 'MesProRepair')" |