{"version":3,"sources":["webpack:///./src/pages/personnelModul/StatisticalChart.vue","webpack:///src/pages/personnelModul/StatisticalChart.vue","webpack:///./src/pages/personnelModul/StatisticalChart.vue?f25d","webpack:///./src/pages/personnelModul/StatisticalChart.vue?e8fc","webpack:///./src/pages/personnelModul/StatisticalChart.vue?bada"],"names":["render","_vm","this","_c","_self","staticClass","_v","style","clientH","width","height","attrs","staticRenderFns","name","data","fontColor","mounted","window","primaryColor","console","methods","drawLine","title","text","left","textStyle","fontSize","color","toolbox","show","feature","mark","dataView","readOnly","magicType","type","restore","saveAsImage","tooltip","trigger","axisPointer","align","grid","right","bottom","containLabel","xAxis","axisTick","alignWithLabel","axisLabel","axisLine","lineStyle","yAxis","splitLine","series","barWidth","itemStyle","normal","label","position","formatter","myChart","drawLine2","optionToContent","table","axisData","dataZoom","startValue","component"],"mappings":"yHAAA,IAAIA,EAAS,WAAkB,IAAIC,EAAIC,KAAKC,EAAGF,EAAIG,MAAMD,GAAG,OAAOA,EAAG,MAAM,CAACE,YAAY,iBAAiB,CAACF,EAAG,OAAO,CAACE,YAAY,2CAA2C,CAACJ,EAAIK,GAAG,YAAYH,EAAG,MAAM,CAACI,MAAO,CAC5M,aAAc,oBACd,aAAc,OACd,aAAcN,EAAIO,UAChB,CAACL,EAAG,MAAM,CAACI,MAAO,CAAEE,MAAO,MAAOC,OAAQ,QAAS,aAAc,QAAUC,MAAM,CAAC,GAAK,aAAaR,EAAG,MAAM,CAACI,MAAO,CAAEE,MAAO,MAAOC,OAAQ,QAAS,aAAc,QAAUC,MAAM,CAAC,GAAK,mBAE9LC,EAAkB,G,qBCiBP,GACfC,qBACAC,KAFA,WAGA,OACAN,gBACAO,eAGAC,QARA,WASA,0BACAC,+CACAC,aACA,gBACA,iBACA,4CACA,wBACAC,2BAEAC,SACAC,SADA,WAEA,WACA,+CAEA,GACAC,OACAC,sBACAC,cACAC,WACAC,YACAC,oBAGAA,kBACAC,SACAC,QACAC,SACAC,MAAAF,SACAG,UAAAH,QAAAI,aACAC,WAAAL,QAAAM,qBACAC,SAAAP,SACAQ,aAAAR,WAQAS,SACAC,eACAC,aAEAL,eAEAV,WACAgB,eAGAC,MACAlB,UACAmB,WACAC,YACAC,iBAEAC,OACA,CACAX,gBACArB,2BACAiC,UACAC,mBAEAC,WACAtB,iBAEAuB,UACAC,WACAxB,oBAKAyB,OACA,CACAjB,aACAc,WACAtB,iBAEAuB,UACAC,WACAxB,kBAGA0B,WAEAxB,QACAsB,WACAxB,oBAKA2B,QACA,CACAnB,WACAoB,eACAC,WACAC,QAEAC,OACA7B,QACAF,aACAgC,eACAC,mBAIA9C,kBAIA+C,gBAGAC,UAzGA,WA0GA,WACA,gDAEA,GACAxC,OACAC,sBACAC,cACAC,WACAC,YACAC,oBAGAA,kBACAC,SACAC,QACAC,SACAC,MAAAF,SACAG,UACAH,QACAI,YACA8B,4BASA,IARA,sBACA,WACA,EACA,wIAKA,uBACAC,GACA,0CAEAC,KAFA,YAKAX,aALA,aAWA,OADAU,sBACA,IAGA9B,WAAAL,QAAAM,qBACAC,SAAAP,SACAQ,aAAAR,WAmBAqC,UACA,CACAC,iBAEA,CACAhC,gBAGAG,SACAC,eACAC,aAEAL,eAEAV,WACAgB,eAGAC,MACAlB,UACAmB,WACAC,YACAC,iBAEAC,OACA,CACAX,gBACArB,MACA,KACA,KACA,KACA,KACA,KACA,KACA,KACA,KACA,MACA,KACA,KACA,KACA,MAEAiC,UACAC,mBAEAC,WACAtB,iBAEAuB,UACAC,WACAxB,oBAKAyB,OACA,CACAjB,aACAc,WACAtB,iBAEAuB,UACAC,WACAxB,kBAGA0B,WAEAxB,QACAsB,WACAxB,oBAKA2B,QACA,CACAnB,WACAoB,eACAC,WACAC,QAEAC,OACA7B,QACAF,aACAgC,eACAC,mBAIA9C,wCAIA+C,kBCnTyW,I,wBCQrWO,EAAY,eACd,EACApE,EACAY,GACA,EACA,KACA,WACA,MAIa,aAAAwD,E,6CCnBf,W","file":"js/chunk-cd5a82fa.51b2373a.js","sourcesContent":["var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"jobStatistics\"},[_c('span',{staticClass:\"ant-menu-item-selected title-label bt-3\"},[_vm._v(\"需求招聘统计\")]),_c('div',{style:({\n      'border-top': '1px solid #E0E1E2',\n      'margin-top': '-1px',\n      'min-height': _vm.clientH\n    })},[_c('div',{style:({ width: '90%', height: '300px', 'margin-top': '20px' }),attrs:{\"id\":\"myChart\"}}),_c('div',{style:({ width: '90%', height: '300px', 'margin-top': '20px' }),attrs:{\"id\":\"myChart2\"}})])])\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div class=\"jobStatistics\">\n    <span class=\"ant-menu-item-selected title-label bt-3\">需求招聘统计</span>\n    <div\n      :style=\"{\n        'border-top': '1px solid #E0E1E2',\n        'margin-top': '-1px',\n        'min-height': clientH\n      }\"\n    >\n      <div\n        id=\"myChart\"\n        :style=\"{ width: '90%', height: '300px', 'margin-top': '20px' }\"\n      ></div>\n      <div\n        id=\"myChart2\"\n        :style=\"{ width: '90%', height: '300px', 'margin-top': '20px' }\"\n      ></div>\n    </div>\n  </div>\n</template>\n<script>\nimport echarts from 'echarts'\nexport default {\n  name: 'jobStatistics',\n  data () {\n    return {\n      clientH: '500px',\n      fontColor: ''\n    }\n  },\n  mounted () {\n    this.fontColor = JSON.parse(\n      window.localStorage.getItem('global_DEFAULT')\n    ).primaryColor\n    this.drawLine()\n    this.drawLine2()\n    let domHeight = document.documentElement.clientHeight\n    this.clientH = domHeight - 130 + 'px'\n    console.log(this.clientH)\n  },\n  methods: {\n    drawLine () {\n      let that = this\n      let myChart = echarts.init(document.getElementById('myChart'))\n      // 指定图表的配置项和数据\n      var myChart_option = {\n        title: {\n          text: '在Vue中使用echarts',\n          left: 'center',\n          textStyle: {\n            fontSize: 14,\n            color: that.fontColor\n          }\n        },\n        color: ['#0fccf2'],\n        toolbox: {\n          show: true,\n          feature: {\n            mark: { show: true },\n            dataView: { show: true, readOnly: false },\n            magicType: { show: true, type: ['line', 'bar'] },\n            restore: { show: true },\n            saveAsImage: { show: true }\n          }\n        },\n        // dataZoom: [{\n        //     startValue: '深圳'\n        // }, {\n        //     type: 'inside'\n        // }],\n        tooltip: {\n          trigger: 'axis',\n          axisPointer: {\n            // 坐标轴指示器，坐标轴触发有效\n            type: 'shadow' // 默认为直线，可选为：'line' | 'shadow'\n          },\n          textStyle: {\n            align: 'left'\n          }\n        },\n        grid: {\n          left: '0%',\n          right: '0%',\n          bottom: '3%',\n          containLabel: true\n        },\n        xAxis: [\n          {\n            type: 'category',\n            data: ['深圳', '广州', '上海', '重庆'],\n            axisTick: {\n              alignWithLabel: true\n            },\n            axisLabel: {\n              color: '#38d7ed'\n            },\n            axisLine: {\n              lineStyle: {\n                color: '#38d7ed'\n              }\n            }\n          }\n        ],\n        yAxis: [\n          {\n            type: 'value',\n            axisLabel: {\n              color: '#38d7ed'\n            },\n            axisLine: {\n              lineStyle: {\n                color: '#38d7ed'\n              }\n            },\n            splitLine: {\n              //分割线配置\n              show: true,\n              lineStyle: {\n                color: '#38d7ed'\n              }\n            }\n          }\n        ],\n        series: [\n          {\n            type: 'bar',\n            barWidth: '40%',\n            itemStyle: {\n              normal: {\n                // color: '#ffffff',\n                label: {\n                  show: true,\n                  color: '#fff',\n                  position: 'top',\n                  formatter: '{c}'\n                }\n              }\n            },\n            data: [2, 1, 1, 1]\n          }\n        ]\n      }\n      myChart.setOption(myChart_option)\n    },\n\n    drawLine2 () {\n      let that = this\n      let myChart = echarts.init(document.getElementById('myChart2'))\n      // 指定图表的配置项和数据\n      var myChart_option = {\n        title: {\n          text: '在Vue中使用echarts',\n          left: 'center',\n          textStyle: {\n            fontSize: 14,\n            color: that.fontColor\n          }\n        },\n        color: ['#0fccf2'],\n        toolbox: {\n          show: true,\n          feature: {\n            mark: { show: true },\n            dataView: {\n              show: true,\n              readOnly: false,\n              optionToContent: function (opt) {\n                var axisData = opt.xAxis[0].data\n                var series = opt.series\n                var table =\n                  '<table style=\"width:100%;text-indent:10px;border:1px solid red;\"><tbody><tr style=\"border:1px solid red;\">' +\n                  '<td>城市</td>' +\n                  '<td>数据</td>' +\n                  // + '<td>' + series[1].name + '</td>'\n                  '</tr>'\n                for (var i = 0, l = axisData.length; i < l; i++) {\n                  table +=\n                    '<tr  style=\"border:1px solid red;\">' +\n                    '<td>' +\n                    axisData[i] +\n                    '</td>' +\n                    '<td>' +\n                    series[0].data[i] +\n                    '</td>' +\n                    // + '<td>' + series[1].data[i] + '</td>'\n                    '</tr>'\n                }\n                table += '</tbody></table>'\n                return table\n              }\n            },\n            magicType: { show: true, type: ['line', 'bar'] },\n            restore: { show: true },\n            saveAsImage: { show: true }\n            // myTool1: {\n            //     show: true,\n            //     title: '自定义扩展方法1',\n            //     icon: 'path://M432.45,595.444c0,2.177-4.661,6.82-11.305,6.82c-6.475,0-11.306-4.567-11.306-6.82s4.852-6.812,11.306-6.812C427.841,588.632,432.452,593.191,432.45,595.444L432.45,595.444z M421.155,589.876c-3.009,0-5.448,2.495-5.448,5.572s2.439,5.572,5.448,5.572c3.01,0,5.449-2.495,5.449-5.572C426.604,592.371,424.165,589.876,421.155,589.876L421.155,589.876z M421.146,591.891c-1.916,0-3.47,1.589-3.47,3.549c0,1.959,1.554,3.548,3.47,3.548s3.469-1.589,3.469-3.548C424.614,593.479,423.062,591.891,421.146,591.891L421.146,591.891zM421.146,591.891',\n            //     onclick: function (){\n            //         alert('myToolHandler1')\n            //     }\n            // },\n            // myTool2: {\n            //     show: true,\n            //     title: '自定义扩展方法',\n            //     icon: 'image://http://echarts.baidu.com/images/favicon.png',\n            //     onclick: function (){\n            //         alert('myToolHandler2')\n            //     }\n            // }\n          }\n        },\n        dataZoom: [\n          {\n            startValue: '深圳'\n          },\n          {\n            type: 'inside'\n          }\n        ],\n        tooltip: {\n          trigger: 'axis',\n          axisPointer: {\n            // 坐标轴指示器，坐标轴触发有效\n            type: 'shadow' // 默认为直线，可选为：'line' | 'shadow'\n          },\n          textStyle: {\n            align: 'left'\n          }\n        },\n        grid: {\n          left: '0%',\n          right: '0%',\n          bottom: '3%',\n          containLabel: true\n        },\n        xAxis: [\n          {\n            type: 'category',\n            data: [\n              '深圳',\n              '广州',\n              '上海',\n              '重庆',\n              '南京',\n              '杭州',\n              '北京',\n              '沈阳',\n              '哈尔冰',\n              '长沙',\n              '厦门',\n              '泉州',\n              '温州'\n            ],\n            axisTick: {\n              alignWithLabel: true\n            },\n            axisLabel: {\n              color: '#38d7ed'\n            },\n            axisLine: {\n              lineStyle: {\n                color: '#38d7ed'\n              }\n            }\n          }\n        ],\n        yAxis: [\n          {\n            type: 'value',\n            axisLabel: {\n              color: '#38d7ed'\n            },\n            axisLine: {\n              lineStyle: {\n                color: '#38d7ed'\n              }\n            },\n            splitLine: {\n              //分割线配置\n              show: true,\n              lineStyle: {\n                color: '#38d7ed'\n              }\n            }\n          }\n        ],\n        series: [\n          {\n            type: 'bar',\n            barWidth: '40%',\n            itemStyle: {\n              normal: {\n                // color: '#ffffff',\n                label: {\n                  show: true,\n                  color: '#fff',\n                  position: 'top',\n                  formatter: '{c}'\n                }\n              }\n            },\n            data: [7, 1, 6, 1, 8, 12, 3, 8, 12, 1, 5, 6, 8, 7]\n          }\n        ]\n      }\n      myChart.setOption(myChart_option)\n    }\n  }\n}\n</script>\n<style lang=\"less\" scoped>\n.jobStatistics {\n  position: relative;\n  background: #fff;\n  border-radius: 4px;\n  overflow-y: auto;\n  user-select: none;\n  font-size: 14px;\n  color: #666666;\n  padding: 15px 20px;\n  .title-label {\n    line-height: 36px;\n    height: 36px;\n    display: inline-block;\n  }\n}\n</style>\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!./StatisticalChart.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!./StatisticalChart.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./StatisticalChart.vue?vue&type=template&id=f5cc01bc&scoped=true&\"\nimport script from \"./StatisticalChart.vue?vue&type=script&lang=js&\"\nexport * from \"./StatisticalChart.vue?vue&type=script&lang=js&\"\nimport style0 from \"./StatisticalChart.vue?vue&type=style&index=0&id=f5cc01bc&prod&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  \"f5cc01bc\",\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!./StatisticalChart.vue?vue&type=style&index=0&id=f5cc01bc&prod&lang=less&scoped=true&\""],"sourceRoot":""}