| 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 InspectionList from '@/components/LabStats/InspectionList.vue';\nimport ComplianceRing from '@/components/LabStats/ComplianceRing.vue';\nimport CategoryPie from '@/components/LabStats/CategoryPie.vue';\nimport DataCounter from '@/components/LabStats/DataCounter.vue';\nexport default {\n name: 'LabStatus',\n components: {\n ScreenHeader,\n BasicStats,\n SafetyLevel,\n InspectionList,\n ComplianceRing,\n CategoryPie,\n DataCounter\n }\n};","map":{"version":3,"names":["ScreenHeader","BasicStats","SafetyLevel","InspectionList","ComplianceRing","CategoryPie","DataCounter","name","components"],"sources":["src/views/LabStatus.vue"],"sourcesContent":["<template>\n <div class=\"lab-status-page\">\n <ScreenHeader />\n <div class=\"page-body\">\n <div class=\"col col-left\">\n <BasicStats class=\"section section-basic\" />\n <DataCounter class=\"section section-counter\" />\n </div>\n <div class=\"col col-center\">\n <SafetyLevel class=\"section section-safety\" />\n <InspectionList class=\"section section-inspect\" />\n </div>\n <div class=\"col col-right\">\n <ComplianceRing class=\"section section-ring\" />\n <CategoryPie class=\"section section-pie\" />\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 InspectionList from '@/components/LabStats/InspectionList.vue'\nimport ComplianceRing from '@/components/LabStats/ComplianceRing.vue'\nimport CategoryPie from '@/components/LabStats/CategoryPie.vue'\nimport DataCounter from '@/components/LabStats/DataCounter.vue'\n\nexport default {\n name: 'LabStatus',\n components: {\n ScreenHeader,\n BasicStats,\n SafetyLevel,\n InspectionList,\n ComplianceRing,\n CategoryPie,\n DataCounter\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 // 1080 - 80 (header) - 24 (padding) = 976px available height\n}\n\n.col {\n display: flex;\n flex-direction: column;\n gap: 12px;\n}\n\n// 左列 ~28%\n.col-left {\n width: 530px;\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// 左列: 基本情况 ~72%, 计数器 ~28%\n.section-basic {\n flex: 7;\n}\n.section-counter {\n flex: 2.5;\n}\n\n// 中列: 安全分级 ~42%, 检查情况 ~58%\n.section-safety {\n flex: 4;\n}\n.section-inspect {\n flex: 5.5;\n}\n\n// 右列: 合规率 ~38%, 分类饼图 ~62%\n.section-ring {\n flex: 3.5;\n}\n.section-pie {\n flex: 6;\n}\n</style>\n"],"mappings":"AAqBA,OAAAA,YAAA;AACA,OAAAC,UAAA;AACA,OAAAC,WAAA;AACA,OAAAC,cAAA;AACA,OAAAC,cAAA;AACA,OAAAC,WAAA;AACA,OAAAC,WAAA;AAEA;EACAC,IAAA;EACAC,UAAA;IACAR,YAAA;IACAC,UAAA;IACAC,WAAA;IACAC,cAAA;IACAC,cAAA;IACAC,WAAA;IACAC;EACA;AACA","ignoreList":[]},"metadata":{},"sourceType":"module","externalDependencies":[]}
|
