{"version":3,"sources":["webpack:///./src/views/home/Chart.vue?edfa","webpack:///src/views/home/Chart.vue","webpack:///./src/views/home/Chart.vue?6f47","webpack:///./src/views/home/Chart.vue","webpack:///./src/views/home/Chart.vue?07d0"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","scopedSlots","_u","key","fn","on","changeCourse","_l","item","_v","_s","name","proxy","$event","preventDefault","nowCourseName","attrs","_m","staticRenderFns","components","DownOutlined","data","courseItems","courseNames","myChart","Object","myBarChart","option","tooltip","trigger","axisPointer","type","crossStyle","color","legend","xAxis","yAxis","series","barOption","grid","left","right","bottom","containLabel","mounted","chartDom","document","getElementById","echarts","barChartDom","requestAllChants","methods","barSeries","res","forEach","bar","courseName","stack","label","show","emphasis","focus","gradeList","gradeNum","grade","semesterList","semester","count","push","refrshChart","parseInt","course","lastNums","nextNums","totalNums","total","obj","setOption","refrshStackChart","component"],"mappings":"yHAAA,IAAIA,EAAS,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACE,YAAY,WAAW,CAACF,EAAG,MAAM,CAACE,YAAY,aAAa,CAACF,EAAG,aAAa,CAACG,YAAYP,EAAIQ,GAAG,CAAC,CAACC,IAAI,UAAUC,GAAG,WAAW,MAAO,CAACN,EAAG,SAAS,CAACO,GAAG,CAAC,MAAQX,EAAIY,eAAeZ,EAAIa,GAAIb,EAAe,aAAE,SAASc,GAAM,OAAOV,EAAG,cAAc,CAACK,IAAIK,EAAKL,KAAK,CAACT,EAAIe,GAAGf,EAAIgB,GAAGF,EAAKG,YAAW,KAAKC,OAAM,MAAS,CAACd,EAAG,IAAI,CAACE,YAAY,gCAAgCK,GAAG,CAAC,MAAQ,SAASQ,GAAQA,EAAOC,oBAAqB,CAACpB,EAAIe,GAAG,UAAUX,EAAG,OAAO,CAACE,YAAY,oBAAoB,CAACN,EAAIe,GAAG,IAAIf,EAAIgB,GAAGhB,EAAIqB,eAAe,OAAOjB,EAAG,iBAAiB,KAAKA,EAAG,MAAM,CAACkB,MAAM,CAAC,GAAK,UAAUlB,EAAG,OAAO,CAACE,YAAY,eAAe,CAACN,EAAIe,GAAG,iBAAiB,GAAGf,EAAIuB,GAAG,MACpvBC,EAAkB,CAAC,WAAa,IAAIxB,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACE,YAAY,aAAa,CAACF,EAAG,MAAM,CAACkB,MAAM,CAAC,GAAK,gBAAgBlB,EAAG,OAAO,CAACE,YAAY,eAAe,CAACN,EAAIe,GAAG,oB,sKC2ClO,QACA,OACA,OACA,OACA,OACA,OACA,OACA,OACA,SAGA,OACEU,WAAY,CACVC,aAAJ,mBAEEC,KAJF,WAKI,MAAO,CACLC,YAAa,GACbC,YAAa,GACbR,cAAe,GACfS,QAASC,OACTC,WAAYD,OACZE,OAAQ,CACNC,QAAS,CACPC,QAAS,OACTC,YAAa,CACXC,KAAM,QACNC,WAAY,CACVC,MAAO,UAIbC,OAAQ,CACNb,KAAM,CAAC,MAAO,MAAO,SAEvBc,MAAO,CACf,CACU,KAAV,WACU,KAAV,sCACU,YAAV,CACY,KAAZ,YAIQC,MAAO,CACf,CACU,KAAV,QACU,KAAV,OACU,IAAV,EACU,YAAV,EACU,UAAV,CACY,UAAZ,cAGA,CACU,KAAV,QACU,KAAV,OACU,IAAV,EACU,YAAV,EACU,UAAV,CACY,UAAZ,eAIQC,OAAQ,CAChB,CACU,KAAV,MACU,KAAV,MACU,QAAV,CACY,eAAZ,YACc,OAAd,SAGU,KAAV,IAEA,CACU,KAAV,MACU,KAAV,MACU,QAAV,CACY,eAAZ,YACc,OAAd,SAGU,KAAV,IAEA,CACU,KAAV,OACU,KAAV,OACU,WAAV,EACU,QAAV,CACY,eAAZ,YACc,OAAd,SAGU,KAAV,MAIMC,UAAW,CACTV,QAAS,CACPC,QAAS,OACTC,YAAa,CACXC,KAAM,WAGVG,OAAQ,GACRK,KAAM,CACJC,KAAM,KACNC,MAAO,KACPC,OAAQ,KACRC,cAAc,GAEhBR,MAAO,CACLJ,KAAM,SAERK,MAAO,CACLL,KAAM,WACNV,KAAM,CAAC,MAAO,MAAO,MAAO,MAAO,MAAO,QAE5CgB,OAAQ,MAIdO,QAhHF,WAiHI,IAAIC,EAAWC,SAASC,eAAe,QACvCpD,KAAK6B,QAAUwB,EAAnB,QACI,IAAIC,EAAcH,SAASC,eAAe,cAC1CpD,KAAK+B,WAAasB,EAAtB,QACIrD,KAAKuD,oBAEPC,QAAS,CACPD,iBADJ,WACA,WACM,OAAN,OAAM,GAAN,kBAEQ,EAAR,cACQ,IACIE,EAAY,GAChBC,EAAIC,SAAQ,SAApB,KACU,EAAV,uDACU,IAAIC,EAAM,CACR5C,KAAMH,EAAKgD,WACXzB,KAAM,MACN0B,MAAO,QACPC,MAAO,CACLC,MAAM,GAERC,SAAU,CACRC,MAAO,UAETxC,KAAM,IAERb,EAAKsD,UAAUR,SAAQ,SAAjC,GAEY,IAAIS,EAAW,EACfC,EAAMC,aAAaX,SAAQ,SAAvC,GAEcS,GAAYG,EAASC,SAEvBZ,EAAIlC,KAAK+C,KAAKL,MAEhBX,EAAUgB,KAAKb,MAEjB,EAAR,mBACQ,EAAR,kBAEQ,EAAR,uBAIIjD,aAvCJ,YAuCA,YACMX,KAAK0E,YAAY1E,KAAK2B,YAAYgD,SAASnE,MAG7CkE,YA3CJ,SA2CA,GACM1E,KAAKoB,cAAgBwD,EAAOf,WAC5B,IAAIgB,EAAW,GACXC,EAAW,GACXC,EAAY,GAChBH,EAAOT,UAAUR,SAAQ,SAA/B,GAEQ,IAAIqB,EAAQ,EACZnE,EAAKyD,aAAaX,SAAQ,SAAlC,GAC8B,OAAhBsB,EAAIV,SACNM,EAASJ,KAAKQ,EAAIT,OAElBM,EAASL,KAAKQ,EAAIT,OAEpBQ,GAASC,EAAIT,SAEfO,EAAUN,KAAKO,MAEjBhF,KAAKgC,OAAOU,OAAO,GAAGhB,KAAOmD,EAC7B7E,KAAKgC,OAAOU,OAAO,GAAGhB,KAAOoD,EAC7B9E,KAAKgC,OAAOU,OAAO,GAAGhB,KAAOqD,EAC7B/E,KAAKgC,QAAUhC,KAAK6B,QAAQqD,UAAUlF,KAAKgC,SAG7CmD,iBAnEJ,WAoEMnF,KAAK2C,WAAa3C,KAAK+B,WAAWmD,UAAUlF,KAAK2C,cClPuS,I,wBCQ1VyC,EAAY,eACd,EACAtF,EACAyB,GACA,EACA,KACA,WACA,MAIa,aAAA6D,E,6CCnBf,W","file":"js/chunk-ca066ebe.80a40800.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"content\"},[_c('div',{staticClass:\"line-left\"},[_c('a-dropdown',{scopedSlots:_vm._u([{key:\"overlay\",fn:function(){return [_c('a-menu',{on:{\"click\":_vm.changeCourse}},_vm._l((_vm.courseNames),function(item){return _c('a-menu-item',{key:item.key},[_vm._v(_vm._s(item.name))])}),1)]},proxy:true}])},[_c('a',{staticClass:\"ant-dropdown-link line-course\",on:{\"click\":function($event){$event.preventDefault();}}},[_vm._v(\" 当前科目:\"),_c('span',{staticClass:\"line-course-name\"},[_vm._v(\" \"+_vm._s(_vm.nowCourseName)+\" \")]),_c('DownOutlined')],1)]),_c('div',{attrs:{\"id\":\"main\"}}),_c('span',{staticClass:\"chart-title\"},[_vm._v(\"各科-各年级 课件数\")])],1),_vm._m(0)])}\nvar staticRenderFns = [function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"bar-right\"},[_c('div',{attrs:{\"id\":\"secondMain\"}}),_c('span',{staticClass:\"chart-title\"},[_vm._v(\"各年级-各科 课件数\")])])}]\n\nexport { render, staticRenderFns }","<template>\n  <div class=\"content\">\n    <div class=\"line-left\">\n      <a-dropdown>\n        <a class=\"ant-dropdown-link line-course\" @click.prevent>\n          当前科目:<span class=\"line-course-name\">\n            {{ nowCourseName }}\n          </span>\n          <DownOutlined />\n        </a>\n        <template #overlay>\n          <a-menu @click=\"changeCourse\">\n            <a-menu-item v-for=\"item in courseNames\" :key=\"item.key\">{{\n              item.name\n            }}</a-menu-item>\n          </a-menu>\n        </template>\n      </a-dropdown>\n      <div id=\"main\"></div>\n      <span class=\"chart-title\">各科-各年级 课件数</span>\n    </div>\n    <div class=\"bar-right\">\n      <div id=\"secondMain\"></div>\n      <span class=\"chart-title\">各年级-各科 课件数</span>\n    </div>\n  </div>\n</template>\n\n<script>\nimport { getChartsData } from \"@/api/home\";\n\nimport { DownOutlined } from \"@ant-design/icons-vue\";\n\nimport * as echarts from \"echarts/core\";\nimport {\n  ToolboxComponent,\n  TooltipComponent,\n  GridComponent,\n  LegendComponent,\n} from \"echarts/components\";\nimport { BarChart, LineChart } from \"echarts/charts\";\nimport { UniversalTransition } from \"echarts/features\";\nimport { CanvasRenderer } from \"echarts/renderers\";\n\necharts.use([\n  ToolboxComponent,\n  TooltipComponent,\n  GridComponent,\n  LegendComponent,\n  BarChart,\n  LineChart,\n  CanvasRenderer,\n  UniversalTransition,\n]);\n\nexport default {\n  components: {\n    DownOutlined,\n  },\n  data() {\n    return {\n      courseItems: [], //数据列表\n      courseNames: [], //所有科目名称列表{name,key}\n      nowCourseName: \"\", //当前选择的科目\n      myChart: Object,\n      myBarChart: Object,//堆叠\n      option: {\n        tooltip: {\n          trigger: \"axis\",\n          axisPointer: {\n            type: \"cross\",\n            crossStyle: {\n              color: \"#999\",\n            },\n          },\n        },\n        legend: {\n          data: [\"上学期\", \"下学期\", \"年级总数\"],\n        },\n        xAxis: [\n          {\n            type: \"category\",\n            data: [\"1年级\", \"2年级\", \"3年级\", \"4年级\", \"5年级\", \"6年级\"],\n            axisPointer: {\n              type: \"shadow\",\n            },\n          },\n        ],\n        yAxis: [\n          {\n            type: \"value\",\n            name: \"课件数量\",\n            min: 0,\n            alignTicks: true,\n            axisLabel: {\n              formatter: \"{value} 个\",\n            },\n          },\n          {\n            type: \"value\",\n            name: \"年级总数\",\n            min: 0,\n            alignTicks: true,\n            axisLabel: {\n              formatter: \"{value} 个\",\n            },\n          },\n        ],\n        series: [\n          {\n            name: \"上学期\",\n            type: \"bar\",\n            tooltip: {\n              valueFormatter: function (value) {\n                return value + \" 个\";\n              },\n            },\n            data: [],\n          },\n          {\n            name: \"下学期\",\n            type: \"bar\",\n            tooltip: {\n              valueFormatter: function (value) {\n                return value + \" 个\";\n              },\n            },\n            data: [],\n          },\n          {\n            name: \"年级总数\",\n            type: \"line\",\n            yAxisIndex: 1,\n            tooltip: {\n              valueFormatter: function (value) {\n                return value + \" 个\";\n              },\n            },\n            data: [],\n          },\n        ],\n      },\n      barOption: {\n        tooltip: {\n          trigger: \"axis\",\n          axisPointer: {\n            type: \"shadow\",\n          },\n        },\n        legend: {},\n        grid: {\n          left: \"3%\",\n          right: \"4%\",\n          bottom: \"3%\",\n          containLabel: true,\n        },\n        xAxis: {\n          type: \"value\",\n        },\n        yAxis: {\n          type: \"category\",\n          data: [\"1年级\", \"2年级\", \"3年级\", \"4年级\", \"5年级\", \"6年级\"],\n        },\n        series: [],\n      }\n    };\n  },\n  mounted() {\n    var chartDom = document.getElementById(\"main\");\n    this.myChart = echarts.init(chartDom);\n    var barChartDom = document.getElementById(\"secondMain\");\n    this.myBarChart = echarts.init(barChartDom);\n    this.requestAllChants();\n  },\n  methods: {\n    requestAllChants() {\n      getChartsData().then((res) => {\n        console.log(res);\n        this.courseItems = res;\n        var barOptions = [];\n        var barSeries = [];\n        res.forEach((item, index) => {\n          this.courseNames.push({ name: item.courseName, key: `${index}` });\n          var bar = {\n            name: item.courseName,\n            type: \"bar\",\n            stack: \"total\",\n            label: {\n              show: true,\n            },\n            emphasis: {\n              focus: \"series\",\n            },\n            data: [],\n          };\n          item.gradeList.forEach(grade => {\n            //年级列表\n            var gradeNum = 0;\n            grade.semesterList.forEach(semester => {\n              //学期\n              gradeNum += semester.count;\n            })\n            bar.data.push(gradeNum);\n          })\n          barSeries.push(bar);\n        });\n        this.barOption.series = barSeries;\n        this.refrshChart(res[0]);\n        //堆叠条形图\n        this.refrshStackChart();\n      });\n    },\n    //切换课程\n    changeCourse({ key }) {\n      this.refrshChart(this.courseItems[parseInt(key)]);\n    },\n    //刷新chart\n    refrshChart(course) {\n      this.nowCourseName = course.courseName;\n      var lastNums = [];\n      var nextNums = [];\n      var totalNums = [];\n      course.gradeList.forEach((item) => {\n        //年级列表\n        var total = 0;\n        item.semesterList.forEach((obj) => {\n          if (obj.semester == \"上学期\") {\n            lastNums.push(obj.count);\n          } else {\n            nextNums.push(obj.count);\n          }\n          total += obj.count;\n        });\n        totalNums.push(total);\n      });\n      this.option.series[0].data = lastNums;\n      this.option.series[1].data = nextNums;\n      this.option.series[2].data = totalNums;\n      this.option && this.myChart.setOption(this.option);\n    },\n    //刷新second\n    refrshStackChart() {\n      this.barOption && this.myBarChart.setOption(this.barOption);\n    },\n  },\n};\n</script>\n\n<style lang=\"less\" scoped>\n.content{\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  padding-right: 20PX;\n}\n\n.line-left {\n  // width: 50%;\n  flex:0.49;\n  height: 90vmin;\n  background-color: #fff;\n  border-radius: 20px;\n  padding-top: 30px;\n  position: relative;\n\n  #main {\n    margin-top: 20px;\n    width: 100%;\n    height: 90%;\n  }\n\n  .line-course {\n    margin: 30px;\n    font-size: 20px;\n    font-weight: 700;\n    color: #000;\n\n    .line-course-name {\n      color: #6e76ff;\n    }\n  }\n}\n\n.bar-right{\n  flex:0.49;\n  height: 90vmin;\n  background-color: #fff;\n  border-radius: 20px;\n  position: relative;\n\n  #secondMain {\n    margin-top: 20px;\n    width: 100%;\n    height: 90%;\n  }\n}\n\n.chart-title{\n  position: absolute;\n  bottom: 20px;\n  left: 50%;\n  transform: translateX(-50%);\n}\n\n</style>","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Chart.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Chart.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Chart.vue?vue&type=template&id=1bee7b70&scoped=true&\"\nimport script from \"./Chart.vue?vue&type=script&lang=js&\"\nexport * from \"./Chart.vue?vue&type=script&lang=js&\"\nimport style0 from \"./Chart.vue?vue&type=style&index=0&id=1bee7b70&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  \"1bee7b70\",\n  null\n  \n)\n\nexport default component.exports","export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--10-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--10-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--10-oneOf-1-2!../../../node_modules/less-loader/dist/cjs.js??ref--10-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Chart.vue?vue&type=style&index=0&id=1bee7b70&lang=less&scoped=true&\""],"sourceRoot":""}