| 1 |
- {"ast":null,"code":"import ScreenHeader from '@/components/Header.vue';\nimport BasicStats from '@/components/LabStats/BasicStats.vue';\nimport SafetyLevel from '@/components/LabStats/SafetyLevel.vue';\nimport PersonStats from '@/components/LabStats/PersonStats.vue';\nimport EnvSensing from '@/components/LabStats/EnvSensing.vue';\nimport RiskWarning from '@/components/LabStats/RiskWarning.vue';\nimport DeviceStats from '@/components/LabStats/DeviceStats.vue';\nimport EquipmentStats from '@/components/LabStats/EquipmentStats.vue';\nexport default {\n name: 'LabStatus',\n components: {\n ScreenHeader,\n BasicStats,\n SafetyLevel,\n PersonStats,\n EnvSensing,\n RiskWarning,\n DeviceStats,\n EquipmentStats\n }\n};","map":{"version":3,"names":["ScreenHeader","BasicStats","SafetyLevel","PersonStats","EnvSensing","RiskWarning","DeviceStats","EquipmentStats","name","components"],"sources":["src/views/LabStatus.vue"],"sourcesContent":["<template>\n <div class=\"lab-status-page\">\n <ScreenHeader />\n <div class=\"page-body\">\n <!-- 左列: 基本情况 + 安全分级 + 人数统计 -->\n <div class=\"col col-left\">\n <BasicStats class=\"section s-basic\" />\n <SafetyLevel class=\"section s-safety\" />\n <PersonStats class=\"section s-person\" />\n </div>\n <!-- 中列: 环境感知 + 风险预警 -->\n <div class=\"col col-center\">\n <EnvSensing class=\"section s-env\" />\n <RiskWarning class=\"section s-risk\" />\n </div>\n <!-- 右列: 设备统计 + 设备分类 -->\n <div class=\"col col-right\">\n <DeviceStats class=\"section s-device\" />\n <EquipmentStats class=\"section s-equip\" />\n </div>\n </div>\n </div>\n</template>\n\n<script>\nimport ScreenHeader from '@/components/Header.vue'\nimport BasicStats from '@/components/LabStats/BasicStats.vue'\nimport SafetyLevel from '@/components/LabStats/SafetyLevel.vue'\nimport PersonStats from '@/components/LabStats/PersonStats.vue'\nimport EnvSensing from '@/components/LabStats/EnvSensing.vue'\nimport RiskWarning from '@/components/LabStats/RiskWarning.vue'\nimport DeviceStats from '@/components/LabStats/DeviceStats.vue'\nimport EquipmentStats from '@/components/LabStats/EquipmentStats.vue'\n\nexport default {\n name: 'LabStatus',\n components: {\n ScreenHeader,\n BasicStats,\n SafetyLevel,\n PersonStats,\n EnvSensing,\n RiskWarning,\n DeviceStats,\n EquipmentStats\n }\n}\n</script>\n\n<style lang=\"scss\" scoped>\n.lab-status-page {\n width: 1920px;\n height: 1080px;\n background: $bg-dark;\n display: flex;\n flex-direction: column;\n overflow: hidden;\n}\n\n.page-body {\n flex: 1;\n display: flex;\n gap: 12px;\n padding: 12px 16px;\n overflow: hidden;\n}\n\n.col {\n display: flex;\n flex-direction: column;\n gap: 12px;\n}\n\n// 左列 ~28%\n.col-left {\n width: 520px;\n flex-shrink: 0;\n}\n\n// 中列 ~40%\n.col-center {\n flex: 1;\n min-width: 0;\n}\n\n// 右列 ~30%\n.col-right {\n width: 440px;\n flex-shrink: 0;\n}\n\n// 左列3个模块比例: 基本情况 ~30%, 安全分级 ~38%, 人数走势 ~32%\n.s-basic { flex: 3; }\n.s-safety { flex: 3.8; }\n.s-person { flex: 3.2; }\n\n// 中列2个模块比例: 环境感知 ~65%, 风险预警 ~35%\n.s-env { flex: 6.5; }\n.s-risk { flex: 3.5; }\n\n// 右列2个模块比例: 设备统计 ~48%, 设备分类 ~52%\n.s-device { flex: 4.8; }\n.s-equip { flex: 5.2; }\n</style>\n"],"mappings":"AAyBA,OAAAA,YAAA;AACA,OAAAC,UAAA;AACA,OAAAC,WAAA;AACA,OAAAC,WAAA;AACA,OAAAC,UAAA;AACA,OAAAC,WAAA;AACA,OAAAC,WAAA;AACA,OAAAC,cAAA;AAEA;EACAC,IAAA;EACAC,UAAA;IACAT,YAAA;IACAC,UAAA;IACAC,WAAA;IACAC,WAAA;IACAC,UAAA;IACAC,WAAA;IACAC,WAAA;IACAC;EACA;AACA","ignoreList":[]},"metadata":{},"sourceType":"module","externalDependencies":[]}
|
