{"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":[]}]}