{"version":3,"sources":["webpack:///./src/nazhi/views/main/bi/summary/summary/statistics.vue","webpack:///src/nazhi/views/main/bi/summary/summary/statistics.vue","webpack:///./src/nazhi/views/main/bi/summary/summary/statistics.vue?bf07","webpack:///./src/nazhi/views/main/bi/summary/summary/statistics.vue?afa1"],"names":["render","_vm","this","_c","_self","staticClass","attrs","staticRenderFns","props","date","default","kpi","formData","sourceData","type","tableData","chartData","staticStaff","chartField","chartTitle","childrenRow","data","chart","singleField","watch","created","mounted","computed","methods","createChart","statisticsChart","item","console","xarr","series","name","label","show","position","emphasis","focus","departmentid","psnNickName","target","kpidata","smooth","lineStyle","color","legendData","title","text","textStyle","fontSize","legend","grid","left","right","bottom","containLabel","tooltip","trigger","axisPointer","toolbox","orient","top","feature","mark","dataView","readOnly","magicType","restore","saveAsImage","xAxis","yAxis","groupBySum","group","newGroup","accumulator","components","component"],"mappings":"uHAAA,IAAIA,EAAS,WAAkB,IAAIC,EAAIC,KAAKC,EAAGF,EAAIG,MAAMD,GAAG,OAAOA,EAAG,MAAM,CAACE,YAAY,OAAOC,MAAM,CAAC,GAAK,6BAExGC,EAAkB,G,kCCStB,GACAC,OACAC,MACAC,YACA,IAGAC,KACAD,YACA,IAGAE,UACAF,YACA,MAGAG,YACAC,WACAJ,YACA,IAGAK,WACAD,WACAJ,YACA,IAGAM,WACAF,WACAJ,YACA,IAGAO,aACAH,WACAJ,YACA,IAGAQ,YACAR,YACA,gBAGAS,YACAT,YACA,QAGAU,aACAV,YACA,OAOAW,OACA,OACAC,WACAC,iEAIAC,SAGAC,YAGAC,YAGAC,YAIAC,SACAC,cACA,wBAEAC,kBACA,SACA,KACA,KACAf,6CACAA,cACAgB,mEAEA,SACA,+BACAhB,mEACAiB,eACAC,WACA,aAGAC,QACAC,qBACArB,WACAsB,OACAC,QACAC,gBAEAC,UACAC,gBAEAnB,cACA,sBAIA,SACA,WACA,6CAEAV,KACA,eACAA,QACA8B,qEACAC,gCACAC,0DAIAV,cACA,gBACA,mBAEA,EACAW,iBAEAA,YAIA,iCACAV,QACAC,cACArB,YAEA+B,UACAC,WACAC,iBAMAR,UACAC,gBAEAnB,aAIA,CACAN,wDACAkB,+BACAA,kBACA,4CACAe,iBACA,gBACA,gBACA,mBACA,aAEA,SACA,mBAEA,IAIAd,QACAC,OACArB,WACAsB,OACAC,QACAC,gBAEAC,UACAC,gBAEAnB,UAQA,WACA,mBAEA,wEAEA,sBACA4B,OACAC,qBACAC,WACAC,cAGAC,QACAhC,QAEAiC,MACAC,UACAC,WACAC,YACAC,iBAEAC,SACAC,eACAC,aACA/C,gBAGAgD,SACAzB,QACA0B,kBACAR,aACAS,aACAC,SACAC,MACA7B,SAEA8B,UACA9B,QACA+B,aAEAC,WACAhC,QACAvB,6BAEAwD,SACAjC,SAEAkC,aACAlC,WAIAmC,OACAnD,QAEAoD,SACAvC,YAOAwC,kBAEA,wBACA,6BACA,KACAC,kCACA,CACA,SACAC,UACAA,sBACAC,UAGA,UACA,MAGAC,eC9R+Z,I,YCO3ZC,EAAY,eACd,EACA/E,EACAO,GACA,EACA,KACA,WACA,MAIa,aAAAwE,E","file":"js/chunk-2d0c8a18.370d346c.js","sourcesContent":["var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"full\",attrs:{\"id\":\"summaryStatisticsChart\"}})\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n\t<div class=\"full\" id=\"summaryStatisticsChart\"></div>\r\n</template>\r\n<style>\r\n\r\n</style>\r\n<style scoped>\r\n\r\n</style>\r\n<script>\r\n\timport * as echarts from 'echarts';\r\n\texport default {\r\n\t\tprops: {\r\n\t\t\tdate: {\r\n\t\t\t\tdefault: () => {\r\n\t\t\t\t\treturn ''\r\n\t\t\t\t}\r\n\t\t\t},\r\n\t\t\tkpi: {\r\n\t\t\t\tdefault: () => {\r\n\t\t\t\t\treturn []\r\n\t\t\t\t}\r\n\t\t\t},\r\n\t\t\tformData: {\r\n\t\t\t\tdefault: () => {\r\n\t\t\t\t\treturn null\r\n\t\t\t\t}\r\n\t\t\t},\r\n\t\t\tsourceData: {\r\n\t\t\t\ttype: Array,\r\n\t\t\t\tdefault: () => {\r\n\t\t\t\t\treturn []\r\n\t\t\t\t}\r\n\t\t\t},\r\n\t\t\ttableData: {\r\n\t\t\t\ttype: Array,\r\n\t\t\t\tdefault: () => {\r\n\t\t\t\t\treturn []\r\n\t\t\t\t}\r\n\t\t\t},\r\n\t\t\tchartData: {\r\n\t\t\t\ttype: Array,\r\n\t\t\t\tdefault: () => {\r\n\t\t\t\t\treturn []\r\n\t\t\t\t}\r\n\t\t\t},\r\n\t\t\tstaticStaff: {\r\n\t\t\t\ttype: Array,\r\n\t\t\t\tdefault: () => {\r\n\t\t\t\t\treturn []\r\n\t\t\t\t}\r\n\t\t\t},\r\n\t\t\tchartField: {\r\n\t\t\t\tdefault: () => {\r\n\t\t\t\t\treturn 'realPayAmt1d'\r\n\t\t\t\t}\r\n\t\t\t},\r\n\t\t\tchartTitle: {\r\n\t\t\t\tdefault: () => {\r\n\t\t\t\t\treturn '净销售额'\r\n\t\t\t\t}\r\n\t\t\t},\r\n\t\t\tchildrenRow: {\r\n\t\t\t\tdefault: () => {\r\n\t\t\t\t\treturn null\r\n\t\t\t\t}\r\n\t\t\t},\r\n\r\n\r\n\r\n\t\t},\r\n\t\tdata() {\r\n\t\t\treturn {\r\n\t\t\t\tchart: null,\r\n\t\t\t\tsingleField: ['fstReplyDur1d', 'avgReplyDur1d', 'conversionrate']\r\n\r\n\t\t\t}\r\n\t\t},\r\n\t\twatch: {\r\n\r\n\t\t},\r\n\t\tcreated() {\r\n\r\n\t\t},\r\n\t\tmounted() {\r\n\t\t\t//this.statisticsChart()\r\n\t\t},\r\n\t\tcomputed: {\r\n\r\n\t\t},\r\n\r\n\t\tmethods: {\r\n\t\t\tcreateChart() {\r\n\t\t\t\tthis.statisticsChart()\r\n\t\t\t},\r\n\t\t\tstatisticsChart() {\r\n\t\t\t\tlet series = []\r\n\t\t\t\tlet tableData = []\r\n\t\t\t\tlet legendData = []\r\n\t\t\t\ttableData = JSON.parse(JSON.stringify(this.tableData))\r\n\t\t\t\ttableData.forEach((item) => {\r\n\t\t\t\t\titem.departmentid = this.$systemMethods.getdepartment(item.departmentid)\r\n\t\t\t\t})\r\n\t\t\t\tlet xarr = []\r\n\t\t\t\tif (this.staticStaff.length == 0) {\r\n\t\t\t\t\ttableData = this.$Lodash.orderBy(tableData, item => parseInt(item[this.chartField]), ['desc'])\r\n\t\t\t\t\tconsole.log(tableData)\r\n\t\t\t\t\txarr = tableData.map((item) => {\r\n\t\t\t\t\t\treturn item[item.xfield]\r\n\t\t\t\t\t})\r\n\r\n\t\t\t\t\tseries.push({\r\n\t\t\t\t\t\tname: this.chartTitle,\r\n\t\t\t\t\t\ttype: 'bar',\r\n\t\t\t\t\t\tlabel: {\r\n\t\t\t\t\t\t\tshow: true,\r\n\t\t\t\t\t\t\tposition: 'top'\r\n\t\t\t\t\t\t},\r\n\t\t\t\t\t\temphasis: {\r\n\t\t\t\t\t\t\tfocus: 'series'\r\n\t\t\t\t\t\t},\r\n\t\t\t\t\t\tdata: tableData.map((item) => {\r\n\t\t\t\t\t\t\treturn item[this.chartField]\r\n\t\t\t\t\t\t})\r\n\t\t\t\t\t})\r\n\r\n\t\t\t\t\tlet kpidata = []\r\n\t\t\t\t\tlet kpi = this.kpi\r\n\t\t\t\t\tlet kpigroupedData = this.$Lodash.groupBy(this.kpi, tableData[0].xfield)\r\n\t\t\t\t\t//console.log(kpigroupedData,1111)\r\n\t\t\t\t\tkpi = []\r\n\t\t\t\t\tfor (let i in kpigroupedData) {\r\n\t\t\t\t\t\tkpi.push({\r\n\t\t\t\t\t\t\tdepartmentid: this.$systemMethods.getdepartment(kpigroupedData[i][0].departmentid),\r\n\t\t\t\t\t\t\tpsnNickName: kpigroupedData[i][0].psnNickName,\r\n\t\t\t\t\t\t\ttarget: this.$Lodash.sumBy(kpigroupedData[i], item => parseFloat(item.target))\r\n\t\t\t\t\t\t})\r\n\t\t\t\t\t}\r\n\t\t\t\t\t//console.log(xarr,kpi)\r\n\t\t\t\t\txarr.forEach((item) => {\r\n\t\t\t\t\t\tlet kpiitem = kpi.find((_item) => {\r\n\t\t\t\t\t\t\treturn _item[tableData[0].xfield] == item\r\n\t\t\t\t\t\t})\r\n\t\t\t\t\t\tif (kpiitem) {\r\n\t\t\t\t\t\t\tkpidata.push(kpiitem.target)\r\n\t\t\t\t\t\t} else {\r\n\t\t\t\t\t\t\tkpidata.push(0)\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t})\r\n\r\n\t\t\t\t\tif (this.chartField == 'realPayAmt1d') {\r\n\t\t\t\t\t\tseries.push({\r\n\t\t\t\t\t\t\tname: '净销售额目标',\r\n\t\t\t\t\t\t\ttype: 'line',\r\n\t\t\t\t\t\t\t//step: 'middle',\r\n\t\t\t\t\t\t\tsmooth: true,\r\n\t\t\t\t\t\t\tlineStyle: {\r\n\t\t\t\t\t\t\t\tcolor: '#E6A23C'\r\n\t\t\t\t\t\t\t},\r\n\t\t\t\t\t\t\t// label: {\r\n\t\t\t\t\t\t\t// \tshow: true,\r\n\t\t\t\t\t\t\t// \tposition: 'top'\r\n\t\t\t\t\t\t\t// },\r\n\t\t\t\t\t\t\temphasis: {\r\n\t\t\t\t\t\t\t\tfocus: 'series'\r\n\t\t\t\t\t\t\t},\r\n\t\t\t\t\t\t\tdata: kpidata\r\n\t\t\t\t\t\t})\r\n\t\t\t\t\t}\r\n\r\n\t\t\t\t} else {\r\n\t\t\t\t\ttableData = this.$Lodash.orderBy(tableData, item => new Date(item.dateId), ['asc'])\r\n\t\t\t\t\txarr = this.$Lodash.map(tableData,'dateId')\r\n\t\t\t\t\txarr = [...new Set(xarr)]\r\n\t\t\t\t\tlet Yarr = this.$Lodash.groupBy(tableData, 'psnNickName')\r\n\t\t\t\t\tlegendData = Object.keys(Yarr)\r\n\t\t\t\t\tfor (let i in Yarr) {\t\t\t\t\t\t\r\n\t\t\t\t\t\tlet data = xarr.map((xitem)=>{\r\n\t\t\t\t\t\t\tlet yitem = Yarr[i].find((yitem)=>{\r\n\t\t\t\t\t\t\t\treturn yitem.dateId == xitem\r\n\t\t\t\t\t\t\t})\r\n\t\t\t\t\t\t\tif(yitem){\r\n\t\t\t\t\t\t\t\treturn yitem[this.chartField]\r\n\t\t\t\t\t\t\t}else{\r\n\t\t\t\t\t\t\t\treturn 0\r\n\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t})\r\n\r\n\t\t\t\t\t\tseries.push({\r\n\t\t\t\t\t\t\tname: i,\r\n\t\t\t\t\t\t\ttype: 'bar',\r\n\t\t\t\t\t\t\tlabel: {\r\n\t\t\t\t\t\t\t\tshow: true,\r\n\t\t\t\t\t\t\t\tposition: 'top'\r\n\t\t\t\t\t\t\t},\r\n\t\t\t\t\t\t\temphasis: {\r\n\t\t\t\t\t\t\t\tfocus: 'series'\r\n\t\t\t\t\t\t\t},\r\n\t\t\t\t\t\t\tdata: data\r\n\t\t\t\t\t\t})\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\t\t\t\t\r\n\r\n\t\t\t\t//console.log(tableData,123)\r\n\r\n\t\t\t\tif (this.chart) {\r\n\t\t\t\t\tthis.chart.clear()\r\n\t\t\t\t} else {\r\n\t\t\t\t\tthis.chart = echarts.init(document.getElementById('summaryStatisticsChart'))\r\n\t\t\t\t}\r\n\t\t\t\tthis.chart.setOption({\r\n\t\t\t\t\ttitle: {\r\n\t\t\t\t\t\ttext: this.chartTitle,\r\n\t\t\t\t\t\ttextStyle: {\r\n\t\t\t\t\t\t\tfontSize: 14\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t},\r\n\t\t\t\t\tlegend: {\r\n\t\t\t\t\t\tdata: legendData\r\n\t\t\t\t\t},\r\n\t\t\t\t\tgrid: {\r\n\t\t\t\t\t\tleft: '3%',\r\n\t\t\t\t\t\tright: '4%',\r\n\t\t\t\t\t\tbottom: '3%',\r\n\t\t\t\t\t\tcontainLabel: true\r\n\t\t\t\t\t},\r\n\t\t\t\t\ttooltip: {\r\n\t\t\t\t\t\ttrigger: 'axis',\r\n\t\t\t\t\t\taxisPointer: {\r\n\t\t\t\t\t\t\ttype: 'shadow'\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t},\r\n\t\t\t\t\ttoolbox: {\r\n\t\t\t\t\t\tshow: true,\r\n\t\t\t\t\t\torient: 'vertical',\r\n\t\t\t\t\t\tleft: 'right',\r\n\t\t\t\t\t\ttop: 'center',\r\n\t\t\t\t\t\tfeature: {\r\n\t\t\t\t\t\t\tmark: {\r\n\t\t\t\t\t\t\t\tshow: true\r\n\t\t\t\t\t\t\t},\r\n\t\t\t\t\t\t\tdataView: {\r\n\t\t\t\t\t\t\t\tshow: true,\r\n\t\t\t\t\t\t\t\treadOnly: false\r\n\t\t\t\t\t\t\t},\r\n\t\t\t\t\t\t\tmagicType: {\r\n\t\t\t\t\t\t\t\tshow: true,\r\n\t\t\t\t\t\t\t\ttype: ['line', 'bar', 'stack']\r\n\t\t\t\t\t\t\t},\r\n\t\t\t\t\t\t\trestore: {\r\n\t\t\t\t\t\t\t\tshow: false\r\n\t\t\t\t\t\t\t},\r\n\t\t\t\t\t\t\tsaveAsImage: {\r\n\t\t\t\t\t\t\t\tshow: true\r\n\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t},\r\n\t\t\t\t\txAxis: {\r\n\t\t\t\t\t\tdata: xarr\r\n\t\t\t\t\t},\r\n\t\t\t\t\tyAxis: {},\r\n\t\t\t\t\tseries: series\r\n\t\t\t\t})\r\n\r\n\r\n\t\t\t\t//console.log(xarr,this.tableData)\r\n\r\n\t\t\t},\r\n\t\t\tgroupBySum(array, groupKey, sumKey) {\r\n\t\t\t\t//console.log(array, groupKey, sumKey)\r\n\t\t\t\treturn array.reduce((accumulator, item) => {\r\n\t\t\t\t\tlet group = accumulator.find(i => i[groupKey] === item[groupKey]);\r\n\t\t\t\t\tif (group) {\r\n\t\t\t\t\t\tgroup[sumKey] += item[sumKey] ? parseFloat(item[sumKey]) : 0;\r\n\t\t\t\t\t} else {\r\n\t\t\t\t\t\tlet newGroup = {};\r\n\t\t\t\t\t\tnewGroup[groupKey] = item[groupKey];\r\n\t\t\t\t\t\tnewGroup[sumKey] = parseFloat(item[sumKey]);\r\n\t\t\t\t\t\taccumulator.push(newGroup);\r\n\t\t\t\t\t}\r\n\r\n\t\t\t\t\treturn accumulator;\r\n\t\t\t\t}, []);\r\n\t\t\t}\r\n\t\t},\r\n\t\tcomponents: {\r\n\r\n\t\t}\r\n\t}\r\n</script>","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!./statistics.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!./statistics.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./statistics.vue?vue&type=template&id=136ff77b&scoped=true&\"\nimport script from \"./statistics.vue?vue&type=script&lang=js&\"\nexport * from \"./statistics.vue?vue&type=script&lang=js&\"\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  \"136ff77b\",\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}