| 1 |
- {"ast":null,"code":"import { getCounterData } from '@/api';\nexport default {\n name: 'DataCounter',\n data() {\n return {\n digits: [0, 0, 0, 0, 0, 0, 0, 0]\n };\n },\n async mounted() {\n const res = await getCounterData();\n this.digits = res.data.digits;\n }\n};","map":{"version":3,"names":["getCounterData","name","data","digits","mounted","res"],"sources":["src/components/LabStats/DataCounter.vue"],"sourcesContent":["<template>\n <div class=\"panel-box data-counter\">\n <div class=\"panel-title\">安全监测累计数据</div>\n <div class=\"panel-content\">\n <div class=\"counter-display\">\n <div\n v-for=\"(digit, index) in digits\"\n :key=\"index\"\n class=\"digit-box\"\n >\n <span class=\"digit\">{{ digit }}</span>\n </div>\n </div>\n </div>\n </div>\n</template>\n\n<script>\nimport { getCounterData } from '@/api'\n\nexport default {\n name: 'DataCounter',\n data() {\n return {\n digits: [0, 0, 0, 0, 0, 0, 0, 0]\n }\n },\n async mounted() {\n const res = await getCounterData()\n this.digits = res.data.digits\n }\n}\n</script>\n\n<style lang=\"scss\" scoped>\n.data-counter {\n height: 100%;\n display: flex;\n flex-direction: column;\n\n .panel-content {\n flex: 1;\n display: flex;\n align-items: center;\n justify-content: center;\n }\n}\n\n.counter-display {\n display: flex;\n gap: 10px;\n}\n\n.digit-box {\n width: 48px;\n height: 60px;\n background: linear-gradient(180deg, rgba(13,34,71,0.9), rgba(10,26,58,0.9));\n border: 1px solid rgba(30, 144, 255, 0.25);\n border-radius: 4px;\n display: flex;\n align-items: center;\n justify-content: center;\n box-shadow: 0 0 10px rgba(30, 144, 255, 0.08), inset 0 0 20px rgba(30, 144, 255, 0.03);\n}\n\n.digit {\n font-size: 32px;\n font-weight: bold;\n color: $accent-cyan;\n font-family: 'Courier New', monospace;\n text-shadow: 0 0 12px rgba(0, 229, 255, 0.4);\n}\n</style>\n"],"mappings":"AAkBA,SAAAA,cAAA;AAEA;EACAC,IAAA;EACAC,KAAA;IACA;MACAC,MAAA;IACA;EACA;EACA,MAAAC,QAAA;IACA,MAAAC,GAAA,SAAAL,cAAA;IACA,KAAAG,MAAA,GAAAE,GAAA,CAAAH,IAAA,CAAAC,MAAA;EACA;AACA","ignoreList":[]},"metadata":{},"sourceType":"module","externalDependencies":[]}
|
