| 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-top\" />\n <DataCounter class=\"section section-bottom\" />\n </div>\n <div class=\"col col-center\">\n <SafetyLevel class=\"section section-top\" />\n <InspectionList class=\"section section-bottom\" />\n </div>\n <div class=\"col col-right\">\n <ComplianceRing class=\"section section-top\" />\n <CategoryPie class=\"section section-bottom\" />\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: 16px;\n padding: 16px 20px;\n overflow: hidden;\n}\n\n.col {\n display: flex;\n flex-direction: column;\n gap: 16px;\n}\n\n.col-left {\n width: 480px;\n flex-shrink: 0;\n}\n\n.col-center {\n flex: 1;\n min-width: 0;\n}\n\n.col-right {\n width: 420px;\n flex-shrink: 0;\n}\n\n.section-top {\n height: 55%;\n}\n\n.section-bottom {\n flex: 1;\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":[]}
|
