{"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":[]}