| 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}\n\n.counter-display {\n display: flex;\n gap: 8px;\n justify-content: center;\n padding: 12px 0;\n}\n\n.digit-box {\n width: 44px;\n height: 56px;\n background: linear-gradient(180deg, #0d2247, #0a1a3a);\n border: 1px solid rgba(30, 144, 255, 0.3);\n border-radius: 4px;\n display: flex;\n align-items: center;\n justify-content: center;\n box-shadow: 0 0 8px rgba(30, 144, 255, 0.1);\n}\n\n.digit {\n font-size: 30px;\n font-weight: bold;\n color: $accent-cyan;\n font-family: 'Courier New', monospace;\n text-shadow: 0 0 10px 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":[]}
|
