{"version":3,"sources":["webpack:///./src/userview/dashboard/computerData/SoftwareActiveRank.vue?ac1e","webpack:///src/userview/dashboard/computerData/D:/Softwares/工作平台源码/对外版本地存储/网站前端/src/userview/dashboard/computerData/SoftwareActiveRank.vue","webpack:///./src/userview/dashboard/computerData/SoftwareActiveRank.vue?3453","webpack:///./src/userview/dashboard/computerData/SoftwareActiveRank.vue","webpack:///./src/userview/dashboard/computerData/SoftwareActiveRank.vue?ffcc"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","directives","name","rawName","value","chartData","length","expression","_m","_l","item","index","key","attrs","SoftwareName","on","$event","$emit","data","_v","_s","Percentage","ref","style","height","chartHeight","_e","staticRenderFns","props","type","Array","default","String","chart","watch","stackActiveTimeData","map","m","Time","ActiveTime","TimeType","stackTotalTimeData","TotalTime","push","$nextTick","changeData","methods","renderChart","Column","$refs","isGroup","xField","yField","seriesField","colorField","xAxis","verticalLimitLength","tickCount","nice","label","autoRotate","autoEllipsis","yAxis","formatter","text","color","legend","layout","position","update","theme","maxColumnWidth","e","mounted","component"],"mappings":"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","file":"js/chunk-e29f0560.35c182e1.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"software-active-rank\"},[_c('div',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.chartData && _vm.chartData.length > 0),expression:\"chartData && chartData.length > 0\"}],staticClass:\"software-active-rank-content\"},[_c('div',{staticClass:\"software-active-rank-percentage\"},[_c('div',{staticClass:\"software-active-rank-list\"},[_vm._m(0),_vm._l((_vm.chartData),function(item,index){return _c('div',{key:index,staticClass:\"software-active-rank-item\"},[_c('span',{attrs:{\"title\":item.SoftwareName},on:{\"click\":function($event){return _vm.$emit('elementClick', { data: { data: item } })}}},[_vm._v(_vm._s(item.SoftwareName))]),_c('span',[_vm._v(_vm._s(item.Percentage)+\"%\")])])})],2)]),_c('div',{staticClass:\"software-active-rank-chart\"},[_c('div',{ref:\"chart\",style:({ height: this.chartHeight })})])]),(!_vm.chartData || _vm.chartData.length == 0)?_c('el-empty',{attrs:{\"image-size\":64,\"description\":\"暂无数据\"}}):_vm._e()],1)}\nvar staticRenderFns = [function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"software-active-rank-header\"},[_c('span',[_vm._v(\"软件名\")]),_c('span',[_vm._v(\"活跃占比\")])])}]\n\nexport { render, staticRenderFns }","//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n\r\nimport { Column } from \"@antv/g2plot\";\r\nexport default {\r\n  name: \"SoftwareActiveRank\",\r\n  props: {\r\n    chartData: {\r\n      type: Array,\r\n      default: () => {\r\n        return [];\r\n      },\r\n    },\r\n    chartHeight: {\r\n      type: String,\r\n      default: \"400px\",\r\n    },\r\n  },\r\n  data() {\r\n    return {\r\n      chart: null,\r\n    };\r\n  },\r\n  watch: {\r\n    chartData() {\r\n      var data = [];\r\n      if (this.chartData && this.chartData.length > 0) {\r\n        var stackActiveTimeData = this.chartData.map((m) => {\r\n          return {\r\n            SoftwareName: m.SoftwareName,\r\n            Time: m.ActiveTime,\r\n            TimeType: \"活跃时长\",\r\n          };\r\n        });\r\n        var stackTotalTimeData = this.chartData.map((m) => {\r\n          return {\r\n            SoftwareName: m.SoftwareName,\r\n            Time: m.TotalTime,\r\n            TimeType: \"总时长\",\r\n          };\r\n        });\r\n        data.push(...stackActiveTimeData);\r\n        data.push(...stackTotalTimeData);\r\n      }\r\n      this.$nextTick(() => {\r\n        this.chart.changeData(data);\r\n      });\r\n    },\r\n  },\r\n  methods: {\r\n    renderChart() {\r\n      if (this.chart) {\r\n        return;\r\n      }\r\n      this.chart = new Column(this.$refs.chart, {\r\n        data: [],\r\n        isGroup: true,\r\n        xField: \"SoftwareName\",\r\n        yField: \"Time\",\r\n        seriesField: \"TimeType\",\r\n        colorField: \"TimeType\", // 部分图表使用 seriesField\r\n        xAxis: {\r\n          verticalLimitLength: 80,\r\n          tickCount: 5,\r\n          nice: true,\r\n          label: {\r\n            autoRotate: true,\r\n            autoEllipsis: true,\r\n          },\r\n        },\r\n        yAxis: {\r\n          nice: true,\r\n          label: {\r\n            autoRotate: true,\r\n            autoEllipsis: true,\r\n            formatter: (text, item, index) => {\r\n              return `${text}小时`;\r\n            },\r\n          },\r\n        },\r\n        color: ({ TimeType }) => {\r\n          if (TimeType === \"总时长\") {\r\n            return \"#4F5DC0\";\r\n          }\r\n          return \"#F86532\";\r\n        },\r\n        legend: {\r\n          layout: \"horizontal\",\r\n          position: \"top\",\r\n        },\r\n        label: false,\r\n        // label: {\r\n        //   // 可手动配置 label 数据标签位置\r\n        //   position: \"middle\", // 'top', 'bottom', 'middle'、\r\n        //   // 可配置附加的布局方法\r\n        //   layout: [\r\n        //     // 柱形图数据标签位置自动调整\r\n        //     { type: \"interval-adjust-position\" },\r\n        //     // 数据标签防遮挡\r\n        //     { type: \"interval-hide-overlap\" },\r\n        //     // 数据标签文颜色自动调整\r\n        //     { type: \"adjust-color\" },\r\n        //   ],\r\n        // },\r\n      });\r\n      this.chart.update({\r\n        theme: {\r\n          maxColumnWidth: 20,\r\n        },\r\n      });\r\n      this.chart.on(\"element:click\", (e) => void this.$emit(\"elementClick\", e));\r\n      this.chart.render();\r\n    },\r\n  },\r\n  mounted() {\r\n    this.renderChart();\r\n  },\r\n};\r\n","import mod from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./SoftwareActiveRank.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./SoftwareActiveRank.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./SoftwareActiveRank.vue?vue&type=template&id=5c5895e2&scoped=true&\"\nimport script from \"./SoftwareActiveRank.vue?vue&type=script&lang=js&\"\nexport * from \"./SoftwareActiveRank.vue?vue&type=script&lang=js&\"\nimport style0 from \"./SoftwareActiveRank.vue?vue&type=style&index=0&id=5c5895e2&lang=less&scoped=true&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"5c5895e2\",\n  null\n  \n)\n\nexport default component.exports","export * from \"-!../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--11-oneOf-1-0!../../../../node_modules/css-loader/dist/cjs.js??ref--11-oneOf-1-1!../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../node_modules/postcss-loader/src/index.js??ref--11-oneOf-1-2!../../../../node_modules/less-loader/dist/cjs.js??ref--11-oneOf-1-3!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./SoftwareActiveRank.vue?vue&type=style&index=0&id=5c5895e2&lang=less&scoped=true&\""],"sourceRoot":""}