1 line
3.8 KiB
JSON
1 line
3.8 KiB
JSON
{"remainingRequest":"D:\\guoan\\ts-bigscreen-vue\\node_modules\\@vue\\cli-plugin-babel\\node_modules\\babel-loader\\lib\\index.js!D:\\guoan\\ts-bigscreen-vue\\node_modules\\@vue\\vue-loader-v15\\lib\\index.js??vue-loader-options!D:\\guoan\\ts-bigscreen-vue\\src\\components\\ResearchOverview.vue?vue&type=script&lang=js","dependencies":[{"path":"D:\\guoan\\ts-bigscreen-vue\\src\\components\\ResearchOverview.vue","mtime":1741246711746},{"path":"D:\\guoan\\ts-bigscreen-vue\\babel.config.js","mtime":1740967860001},{"path":"D:\\guoan\\ts-bigscreen-vue\\node_modules\\@vue\\cli-plugin-babel\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1740984332670},{"path":"D:\\guoan\\ts-bigscreen-vue\\node_modules\\@vue\\cli-plugin-babel\\node_modules\\babel-loader\\lib\\index.js","mtime":1740984332280},{"path":"D:\\guoan\\ts-bigscreen-vue\\node_modules\\@vue\\vue-loader-v15\\lib\\index.js","mtime":1740984469533}],"contextDependencies":[],"result":[{"type":"Buffer","data":"base64:aW1wb3J0IHsgcmVzZWFyY2hEYXRhLCBjaGFydFN0eWxlcyB9IGZyb20gIi4uL2RhdGEvZGFzaGJvYXJkRGF0YSI7CmV4cG9ydCBkZWZhdWx0IHsKICBuYW1lOiAiUmVzZWFyY2hPdmVydmlldyIsCiAgY29tcG9uZW50czoge30sCiAgZGF0YTogZnVuY3Rpb24gZGF0YSgpIHsKICAgIHJldHVybiB7CiAgICAgIHJlc2VhcmNoRGF0YTogcmVzZWFyY2hEYXRhLAogICAgICBjaGFydFN0eWxlczogY2hhcnRTdHlsZXMsCiAgICAgIGNoYXJ0RGF0YTogcmVzZWFyY2hEYXRhLmNoYXJ0RGF0YQogICAgfTsKICB9LAogIG1ldGhvZHM6IHt9Cn07"},{"version":3,"names":["researchData","chartStyles","name","components","data","chartData","methods"],"sources":["src/components/ResearchOverview.vue"],"sourcesContent":["<template>\r\n <div class=\"research-overview\">\r\n <div class=\"content\">\r\n <ve-histogram\r\n :data=\"chartData\"\r\n :settings=\"researchData.chartSettings\"\r\n :extend=\"chartStyles.research.extend\"\r\n height=\"260px\"\r\n />\r\n\r\n <div class=\"statistics\">\r\n <div\r\n class=\"stat-item\"\r\n v-for=\"(item, index) in researchData.statistics\"\r\n :key=\"index\"\r\n >\r\n <div class=\"number\">{{ item.value }}</div>\r\n <div class=\"label\">{{ item.label }}</div>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n</template>\r\n\r\n<script>\r\nimport { researchData, chartStyles } from \"../data/dashboardData\";\r\n\r\nexport default {\r\n name: \"ResearchOverview\",\r\n components: {},\r\n data() {\r\n return {\r\n researchData,\r\n chartStyles,\r\n chartData: researchData.chartData,\r\n };\r\n },\r\n methods: {},\r\n};\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n.research-overview {\r\n height: 100%;\r\n color: #fff;\r\n\r\n .content {\r\n height: calc(100% - 80px);\r\n margin-top: 20px;\r\n padding: 0 10px;\r\n\r\n .statistics {\r\n display: flex;\r\n justify-content: space-between;\r\n margin-top: -30px;\r\n padding: 0 20px;\r\n\r\n .stat-item {\r\n text-align: center;\r\n min-width: 120px;\r\n transition: all 0.3s ease;\r\n\r\n &:hover {\r\n transform: translateY(-2px);\r\n .label {\r\n color: rgba(255, 255, 255, 0.9);\r\n }\r\n }\r\n\r\n .number {\r\n font-size: 24px;\r\n font-weight: bold;\r\n background: linear-gradient(135deg, #4a90e2, #36d1dc);\r\n -webkit-background-clip: text;\r\n -webkit-text-fill-color: transparent;\r\n transition: all 0.3s ease;\r\n }\r\n\r\n .label {\r\n font-size: 13px;\r\n color: rgba(255, 255, 255, 0.7);\r\n margin-top: 8px;\r\n transition: all 0.3s ease;\r\n }\r\n }\r\n }\r\n }\r\n}\r\n</style> "],"mappings":"AAyBA,SAAAA,YAAA,EAAAC,WAAA;AAEA;EACAC,IAAA;EACAC,UAAA;EACAC,IAAA,WAAAA,KAAA;IACA;MACAJ,YAAA,EAAAA,YAAA;MACAC,WAAA,EAAAA,WAAA;MACAI,SAAA,EAAAL,YAAA,CAAAK;IACA;EACA;EACAC,OAAA;AACA","ignoreList":[]}]} |