{"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\\LiteratureOverview.vue?vue&type=script&lang=js","dependencies":[{"path":"D:\\guoan\\ts-bigscreen-vue\\src\\components\\LiteratureOverview.vue","mtime":1741250479254},{"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:aW1wb3J0IF9vYmplY3RTcHJlYWQgZnJvbSAiRDovZ3VvYW4vdHMtYmlnc2NyZWVuLXZ1ZS9ub2RlX21vZHVsZXMvQGJhYmVsL3J1bnRpbWUvaGVscGVycy9lc20vb2JqZWN0U3ByZWFkMi5qcyI7CmltcG9ydCB7IGxpdGVyYXR1cmVEYXRhLCBjaGFydFN0eWxlcyB9IGZyb20gIi4uL2RhdGEvZGFzaGJvYXJkRGF0YSI7CmltcG9ydCB7IGZvcm1hdE51bWJlciB9IGZyb20gIi4uL3V0aWxzL2Zvcm1hdCI7CmV4cG9ydCBkZWZhdWx0IHsKICBuYW1lOiAiTGl0ZXJhdHVyZU92ZXJ2aWV3IiwKICBjb21wb25lbnRzOiB7fSwKICBkYXRhOiBmdW5jdGlvbiBkYXRhKCkgewogICAgcmV0dXJuIHsKICAgICAgbGl0ZXJhdHVyZURhdGE6IGxpdGVyYXR1cmVEYXRhLAogICAgICBjaGFydFN0eWxlczogY2hhcnRTdHlsZXMsCiAgICAgIGNhcm91c2VsOiBudWxsCiAgICB9OwogIH0sCiAgY29tcHV0ZWQ6IHsKICAgIGV4dGVuZENoYXJ0T3B0aW9uczogZnVuY3Rpb24gZXh0ZW5kQ2hhcnRPcHRpb25zKCkgewogICAgICByZXR1cm4gX29iamVjdFNwcmVhZChfb2JqZWN0U3ByZWFkKHt9LCB0aGlzLmNoYXJ0U3R5bGVzLnJlc2VhcmNoLmV4dGVuZCksIHt9LCB7CiAgICAgICAgZ3JpZDogewogICAgICAgICAgdG9wOiAiMTAlIiwKICAgICAgICAgIGxlZnQ6ICIzJSIsCiAgICAgICAgICByaWdodDogIjQlIiwKICAgICAgICAgIGJvdHRvbTogIjglIiwKICAgICAgICAgIGNvbnRhaW5MYWJlbDogdHJ1ZQogICAgICAgIH0sCiAgICAgICAgYW5pbWF0aW9uOiB7CiAgICAgICAgICBkdXJhdGlvbjogMjAwMCwKICAgICAgICAgIGVhc2luZzogImN1YmljSW5PdXQiCiAgICAgICAgfQogICAgICB9KTsKICAgIH0KICB9LAogIG1ldGhvZHM6IHsKICAgIGZvcm1hdE51bWJlcjogZm9ybWF0TnVtYmVyLAogICAgcGF1c2VDYXJvdXNlbDogZnVuY3Rpb24gcGF1c2VDYXJvdXNlbCgpIHsKICAgICAgaWYgKHRoaXMuY2Fyb3VzZWwpIHsKICAgICAgICB0aGlzLmNhcm91c2VsLnBhdXNlKCk7CiAgICAgIH0KICAgIH0sCiAgICBzdGFydENhcm91c2VsOiBmdW5jdGlvbiBzdGFydENhcm91c2VsKCkgewogICAgICBpZiAodGhpcy5jYXJvdXNlbCkgewogICAgICAgIHRoaXMuY2Fyb3VzZWwuc3RhcnQoKTsKICAgICAgfQogICAgfSwKICAgIGhhbmRsZUFmdGVyQ29uZmlnOiBmdW5jdGlvbiBoYW5kbGVBZnRlckNvbmZpZyhvcHRpb25zKSB7CiAgICAgIHZhciBfdGhpcyA9IHRoaXM7CiAgICAgIC8vIOW8uuWItuabtOaWsOWbvuihqAogICAgICB0aGlzLiRuZXh0VGljayhmdW5jdGlvbiAoKSB7CiAgICAgICAgaWYgKF90aGlzLiRyZWZzLmhpc3RvZ3JhbSkgewogICAgICAgICAgX3RoaXMuJHJlZnMuaGlzdG9ncmFtLmVjaGFydHMucmVzaXplKCk7CiAgICAgICAgfQogICAgICB9KTsKICAgICAgcmV0dXJuIG9wdGlvbnM7CiAgICB9LAogICAgZ2V0UHJvZ3Jlc3NDb2xvcjogZnVuY3Rpb24gZ2V0UHJvZ3Jlc3NDb2xvcihpbmRleCkgewogICAgICAvLyDlrprkuYk156eN5LiN5ZCM55qE6aKc6ImyCiAgICAgIHZhciBjb2xvcnMgPSBbJyM0YTkwZTInLAogICAgICAvLyDkuq7ok53oibIKICAgICAgJyMwMENFRDEnLAogICAgICAvLyDlpKnpnZLoibIKICAgICAgJyM5NTYxZTInLAogICAgICAvLyDntKvoibIKICAgICAgJyM2NEI1RjYnLAogICAgICAvLyDlpKnok53oibIKICAgICAgJyNmZjlmNDMnIC8vIOS6ruapmeiJsgogICAgICBdOwogICAgICByZXR1cm4gY29sb3JzW2luZGV4ICUgY29sb3JzLmxlbmd0aF07CiAgICB9CiAgfSwKICBtb3VudGVkOiBmdW5jdGlvbiBtb3VudGVkKCkgewogICAgdmFyIF90aGlzMiA9IHRoaXM7CiAgICB0aGlzLmNhcm91c2VsID0gdGhpcy4kcmVmcy5jYXJvdXNlbDsKICAgIC8vIOehruS/neWbvuihqOWcqOaMgui9veWQjueri+WNs+a4suafkwogICAgdGhpcy4kbmV4dFRpY2soZnVuY3Rpb24gKCkgewogICAgICBpZiAoX3RoaXMyLiRyZWZzLmhpc3RvZ3JhbSkgewogICAgICAgIF90aGlzMi4kcmVmcy5oaXN0b2dyYW0uZWNoYXJ0cy5yZXNpemUoKTsKICAgICAgfQogICAgfSk7CiAgfSwKICBhY3RpdmF0ZWQ6IGZ1bmN0aW9uIGFjdGl2YXRlZCgpIHsKICAgIC8vIGtlZXAtYWxpdmUg57uE5Lu25r+A5rS75pe25Lmf6YeN5paw5riy5p+T5Zu+6KGoCiAgICBpZiAodGhpcy4kcmVmcy5oaXN0b2dyYW0pIHsKICAgICAgdGhpcy4kcmVmcy5oaXN0b2dyYW0uZWNoYXJ0cy5yZXNpemUoKTsKICAgIH0KICB9Cn07"},{"version":3,"names":["literatureData","chartStyles","formatNumber","name","components","data","carousel","computed","extendChartOptions","_objectSpread","research","extend","grid","top","left","right","bottom","containLabel","animation","duration","easing","methods","pauseCarousel","pause","startCarousel","start","handleAfterConfig","options","_this","$nextTick","$refs","histogram","echarts","resize","getProgressColor","index","colors","length","mounted","_this2","activated"],"sources":["src/components/LiteratureOverview.vue"],"sourcesContent":["<template>\r\n  <div class=\"literature-overview\">\r\n    <div class=\"content\">\r\n      <div class=\"total-info\">\r\n        <div class=\"total-number\">\r\n          {{ formatNumber(literatureData.totalLiterature) }}\r\n        </div>\r\n        <div class=\"label\">馆藏总量</div>\r\n      </div>\r\n\r\n      <el-carousel\r\n        ref=\"carousel\"\r\n        :interval=\"6000\"\r\n        indicator-position=\"none\"\r\n        height=\"180px\"\r\n        @mouseenter=\"pauseCarousel\"\r\n        @mouseleave=\"startCarousel\"\r\n      >\r\n        <el-carousel-item>\r\n          <ve-histogram\r\n            ref=\"histogram\"\r\n            :data=\"literatureData.chartData\"\r\n            :settings=\"literatureData.chartSettings\"\r\n            :extend=\"extendChartOptions\"\r\n            height=\"200px\"\r\n            :after-config=\"handleAfterConfig\"\r\n          />\r\n        </el-carousel-item>\r\n        <el-carousel-item>\r\n          <div class=\"subject-distribution\">\r\n            <h4>学科分布 TOP5</h4>\r\n            <div class=\"distribution-list\">\r\n              <div\r\n                class=\"distribution-item\"\r\n                v-for=\"(item, index) in literatureData.subjectDistribution\"\r\n                :key=\"index\"\r\n              >\r\n                <span class=\"name\">{{ item.name }}</span>\r\n                <el-progress\r\n                  :percentage=\"item.percentage\"\r\n                  :color=\"getProgressColor(index)\"\r\n                  :show-text=\"false\"\r\n                />\r\n                <span class=\"value\">{{ formatNumber(item.count) }}</span>\r\n              </div>\r\n            </div>\r\n          </div>\r\n        </el-carousel-item>\r\n      </el-carousel>\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport { literatureData, chartStyles } from \"../data/dashboardData\";\r\nimport { formatNumber } from \"../utils/format\";\r\n\r\nexport default {\r\n  name: \"LiteratureOverview\",\r\n  components: {},\r\n  data() {\r\n    return {\r\n      literatureData,\r\n      chartStyles,\r\n      carousel: null,\r\n    };\r\n  },\r\n  computed: {\r\n    extendChartOptions() {\r\n      return {\r\n        ...this.chartStyles.research.extend,\r\n        grid: {\r\n          top: \"10%\",\r\n          left: \"3%\",\r\n          right: \"4%\",\r\n          bottom: \"8%\",\r\n          containLabel: true,\r\n        },\r\n        animation: {\r\n          duration: 2000,\r\n          easing: \"cubicInOut\",\r\n        },\r\n      };\r\n    },\r\n  },\r\n  methods: {\r\n    formatNumber,\r\n    pauseCarousel() {\r\n      if (this.carousel) {\r\n        this.carousel.pause();\r\n      }\r\n    },\r\n    startCarousel() {\r\n      if (this.carousel) {\r\n        this.carousel.start();\r\n      }\r\n    },\r\n    handleAfterConfig(options) {\r\n      // 强制更新图表\r\n      this.$nextTick(() => {\r\n        if (this.$refs.histogram) {\r\n          this.$refs.histogram.echarts.resize();\r\n        }\r\n      });\r\n      return options;\r\n    },\r\n    getProgressColor(index) {\r\n      // 定义5种不同的颜色\r\n      const colors = [\r\n        '#4a90e2', // 亮蓝色\r\n        '#00CED1', // 天青色\r\n        '#9561e2', // 紫色\r\n        '#64B5F6', // 天蓝色\r\n        '#ff9f43'  // 亮橙色\r\n      ];\r\n      return colors[index % colors.length];\r\n    },\r\n  },\r\n  mounted() {\r\n    this.carousel = this.$refs.carousel;\r\n    // 确保图表在挂载后立即渲染\r\n    this.$nextTick(() => {\r\n      if (this.$refs.histogram) {\r\n        this.$refs.histogram.echarts.resize();\r\n      }\r\n    });\r\n  },\r\n  activated() {\r\n    // keep-alive 组件激活时也重新渲染图表\r\n    if (this.$refs.histogram) {\r\n      this.$refs.histogram.echarts.resize();\r\n    }\r\n  },\r\n};\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n.literature-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    .total-info {\r\n      text-align: center;\r\n      margin-bottom: 15px;\r\n      margin-top: -15px;\r\n      .total-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      }\r\n\r\n      .label {\r\n        font-size: 14px;\r\n        color: rgba(255, 255, 255, 0.7);\r\n        margin-top: 5px;\r\n      }\r\n    }\r\n\r\n    .subject-distribution {\r\n      padding: 0 10px;\r\n\r\n      h4 {\r\n        font-size: 14px;\r\n        margin-bottom: 15px;\r\n        color: rgba(255, 255, 255, 0.9);\r\n        font-weight: 500;\r\n      }\r\n\r\n      .distribution-list {\r\n        .distribution-item {\r\n          display: flex;\r\n          align-items: center;\r\n          margin-bottom: 12px;\r\n          transition: all 0.3s ease;\r\n\r\n          &:hover {\r\n            transform: translateX(5px);\r\n\r\n            .name {\r\n              color: rgba(255, 255, 255, 0.9);\r\n            }\r\n\r\n            .value {\r\n              background: linear-gradient(135deg, #4a90e2, #36d1dc);\r\n              -webkit-background-clip: text;\r\n              -webkit-text-fill-color: transparent;\r\n            }\r\n          }\r\n\r\n          .name {\r\n            width: 70px;\r\n            font-size: 13px;\r\n            color: rgba(255, 255, 255, 0.7);\r\n            transition: color 0.3s ease;\r\n          }\r\n\r\n          .el-progress {\r\n            flex: 1;\r\n            margin: 0 12px;\r\n\r\n            ::v-deep .el-progress-bar__outer {\r\n              background-color: rgba(255, 255, 255, 0.1);\r\n              border-radius: 4px;\r\n              height: 12px !important;\r\n              background-image: repeating-linear-gradient(\r\n                to right,\r\n                transparent,\r\n                transparent 4px,\r\n                rgba(255, 255, 255, 0.1) 4px,\r\n                rgba(255, 255, 255, 0.1) 6px\r\n              );\r\n            }\r\n\r\n            ::v-deep .el-progress-bar__inner {\r\n              border-radius: 4px;\r\n              transition: all 0.3s ease;\r\n              position: relative;\r\n              background-image: repeating-linear-gradient(\r\n                to right,\r\n                transparent,\r\n                transparent 4px,\r\n                rgba(255, 255, 255, 0.2) 4px,\r\n                rgba(255, 255, 255, 0.2) 6px\r\n              );\r\n              \r\n              &::after {\r\n                content: '';\r\n                position: absolute;\r\n                top: 0;\r\n                left: 0;\r\n                right: 0;\r\n                bottom: 0;\r\n                background: inherit;\r\n                filter: brightness(1.2);\r\n                border-radius: 4px;\r\n                opacity: 0;\r\n                transition: opacity 0.3s ease;\r\n              }\r\n            }\r\n\r\n            &:hover {\r\n              ::v-deep .el-progress-bar__inner::after {\r\n                opacity: 1;\r\n              }\r\n            }\r\n          }\r\n\r\n          .value {\r\n            width: 60px;\r\n            font-size: 13px;\r\n            color: #4a90e2;\r\n            text-align: right;\r\n            transition: all 0.3s ease;\r\n          }\r\n        }\r\n      }\r\n    }\r\n  }\r\n}\r\n</style> "],"mappings":";AAsDA,SAAAA,cAAA,EAAAC,WAAA;AACA,SAAAC,YAAA;AAEA;EACAC,IAAA;EACAC,UAAA;EACAC,IAAA,WAAAA,KAAA;IACA;MACAL,cAAA,EAAAA,cAAA;MACAC,WAAA,EAAAA,WAAA;MACAK,QAAA;IACA;EACA;EACAC,QAAA;IACAC,kBAAA,WAAAA,mBAAA;MACA,OAAAC,aAAA,CAAAA,aAAA,KACA,KAAAR,WAAA,CAAAS,QAAA,CAAAC,MAAA;QACAC,IAAA;UACAC,GAAA;UACAC,IAAA;UACAC,KAAA;UACAC,MAAA;UACAC,YAAA;QACA;QACAC,SAAA;UACAC,QAAA;UACAC,MAAA;QACA;MAAA;IAEA;EACA;EACAC,OAAA;IACAnB,YAAA,EAAAA,YAAA;IACAoB,aAAA,WAAAA,cAAA;MACA,SAAAhB,QAAA;QACA,KAAAA,QAAA,CAAAiB,KAAA;MACA;IACA;IACAC,aAAA,WAAAA,cAAA;MACA,SAAAlB,QAAA;QACA,KAAAA,QAAA,CAAAmB,KAAA;MACA;IACA;IACAC,iBAAA,WAAAA,kBAAAC,OAAA;MAAA,IAAAC,KAAA;MACA;MACA,KAAAC,SAAA;QACA,IAAAD,KAAA,CAAAE,KAAA,CAAAC,SAAA;UACAH,KAAA,CAAAE,KAAA,CAAAC,SAAA,CAAAC,OAAA,CAAAC,MAAA;QACA;MACA;MACA,OAAAN,OAAA;IACA;IACAO,gBAAA,WAAAA,iBAAAC,KAAA;MACA;MACA,IAAAC,MAAA,IACA;MAAA;MACA;MAAA;MACA;MAAA;MACA;MAAA;MACA;MAAA,CACA;MACA,OAAAA,MAAA,CAAAD,KAAA,GAAAC,MAAA,CAAAC,MAAA;IACA;EACA;EACAC,OAAA,WAAAA,QAAA;IAAA,IAAAC,MAAA;IACA,KAAAjC,QAAA,QAAAwB,KAAA,CAAAxB,QAAA;IACA;IACA,KAAAuB,SAAA;MACA,IAAAU,MAAA,CAAAT,KAAA,CAAAC,SAAA;QACAQ,MAAA,CAAAT,KAAA,CAAAC,SAAA,CAAAC,OAAA,CAAAC,MAAA;MACA;IACA;EACA;EACAO,SAAA,WAAAA,UAAA;IACA;IACA,SAAAV,KAAA,CAAAC,SAAA;MACA,KAAAD,KAAA,CAAAC,SAAA,CAAAC,OAAA,CAAAC,MAAA;IACA;EACA;AACA","ignoreList":[]}]}