{"remainingRequest":"D:\\jenkins\\workspace\\cqlt-fvue\\node_modules\\thread-loader\\dist\\cjs.js!D:\\jenkins\\workspace\\cqlt-fvue\\node_modules\\babel-loader\\lib\\index.js!D:\\jenkins\\workspace\\cqlt-fvue\\node_modules\\cache-loader\\dist\\cjs.js??ref--0-0!D:\\jenkins\\workspace\\cqlt-fvue\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\jenkins\\workspace\\cqlt-fvue\\src\\views\\BigScrenn\\operationTheme\\components\\writeDownPage.vue?vue&type=script&lang=js&","dependencies":[{"path":"D:\\jenkins\\workspace\\cqlt-fvue\\src\\views\\BigScrenn\\operationTheme\\components\\writeDownPage.vue","mtime":1693992862285},{"path":"D:\\jenkins\\workspace\\cqlt-fvue\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\jenkins\\workspace\\cqlt-fvue\\node_modules\\thread-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\jenkins\\workspace\\cqlt-fvue\\node_modules\\babel-loader\\lib\\index.js","mtime":315532800000},{"path":"D:\\jenkins\\workspace\\cqlt-fvue\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\jenkins\\workspace\\cqlt-fvue\\node_modules\\vue-loader\\lib\\index.js","mtime":499162500000}],"contextDependencies":[],"result":["import \"core-js/modules/es6.function.name\";\nimport \"core-js/modules/web.dom.iterable\";\nimport \"core-js/modules/es6.regexp.split\";\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//\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//\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//\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//\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//\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//\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//\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//\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//\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//\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//\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//\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//\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//\nimport { mapState } from 'vuex';\nimport moment from \"moment\";\nimport * as echarts from 'echarts';\nimport dictUtils from '@/components/dict/DictSelectUtils.js';\nimport humanResourceTheme from '@/api/bigScrenn/humanResourceTheme.js'; // import moreDialog from '@/views/BigScrenn/components/moreDialog.vue'\n\nimport financialTheme from '@/api/bigScrenn/financialTheme.js';\nimport screenHeader from '@/views/BigScrenn/components/screenHeader.vue';\nimport echartsTitle from '@/views/BigScrenn/humanResourceTheme/components/echartsTitle.vue';\nimport echartsDialog from '@/views/BigScrenn/components/echartsDialog.vue';\nimport relationshipDialog from '@/views/BigScrenn/components/relationshipDialog.vue';\nimport operationTheme from '@/api/bigScrenn/operationTheme.js';\nexport default {\n components: {\n screenHeader: screenHeader,\n echartsTitle: echartsTitle,\n echartsDialog: echartsDialog,\n // moreDialog,\n relationshipDialog: relationshipDialog\n },\n data: function data() {\n return {\n currentKey: 'humanResourceTheme',\n hierarchy: 2,\n //页面层级\n allList: [],\n zbList: [],\n poolCode: '',\n propsData: {\n children: 'list',\n label: 'name',\n value: 'code',\n expandTrigger: 'hover'\n },\n newParams: {\n pageBean: {\n page: 1,\n pageSize: -1\n },\n querys: []\n },\n parmas: {\n targetId: '',\n // enterpriseCode:'',\n queryList: [{\n type: 1,\n dateReqVo: {\n endMonth: null,\n endYear: moment().format('YYYY'),\n month: null,\n startMonth: null,\n startYear: moment().subtract(5, 'year').format('YYYY'),\n year: null\n }\n }, {\n type: 2,\n dateReqVo: {\n customer: '',\n endMonth: null,\n endYear: moment().format('YYYY'),\n month: null,\n startMonth: null,\n startYear: moment().subtract(5, 'year').format('YYYY'),\n year: null\n }\n }, {\n type: 3,\n dateReqVo: {\n customer: '',\n endMonth: null,\n endYear: null,\n month: null,\n startMonth: null,\n startYear: null,\n year: moment().format('YYYY')\n }\n }, {\n type: 4,\n dateReqVo: {\n product: '',\n endMonth: null,\n endYear: moment().format('YYYY'),\n month: null,\n startMonth: null,\n startYear: moment().subtract(5, 'year').format('YYYY'),\n year: null\n }\n }, {\n type: 5,\n dateReqVo: {\n product: '',\n endMonth: null,\n endYear: null,\n month: null,\n startMonth: null,\n startYear: null,\n year: moment().format('YYYY')\n }\n }, {\n type: 6,\n dateReqVo: {\n endMonth: moment().subtract(1, 'month').format('M'),\n endYear: null,\n month: null,\n startMonth: '1',\n startYear: null,\n year: moment().format('YYYY')\n }\n }, {\n type: 7,\n dateReqVo: {\n subjectCode: '',\n endMonth: null,\n endYear: null,\n month: null,\n startMonth: null,\n startYear: null,\n year: moment().format('YYYY')\n }\n }, {\n type: 8,\n dateReqVo: {\n enterpriseCode: '',\n endMonth: null,\n endYear: null,\n month: null,\n startMonth: null,\n startYear: null,\n year: moment().format('YYYY')\n }\n }, {\n type: 9,\n dateReqVo: {\n endMonth: null,\n endYear: moment().format('YYYY'),\n month: null,\n startMonth: null,\n startYear: moment().subtract(5, 'year').format('YYYY'),\n year: null\n }\n }, {\n type: 10,\n dateReqVo: {\n endMonth: null,\n endYear: moment().format('YYYY'),\n month: null,\n startMonth: null,\n startYear: moment().subtract(5, 'year').format('YYYY'),\n year: null\n }\n }, {\n type: 11,\n dateReqVo: {\n customer: '',\n endMonth: null,\n endYear: moment().format('YYYY'),\n month: null,\n startMonth: null,\n startYear: moment().subtract(5, 'year').format('YYYY'),\n year: null\n }\n }, {\n type: 12,\n dateReqVo: {\n customer: '',\n endMonth: null,\n endYear: moment().format('YYYY'),\n month: null,\n startMonth: null,\n startYear: moment().subtract(5, 'year').format('YYYY'),\n year: null\n }\n }, {\n type: 13,\n dateReqVo: {\n analyseType: '',\n endMonth: null,\n endYear: moment().format('YYYY'),\n month: null,\n startMonth: null,\n startYear: moment().subtract(5, 'year').format('YYYY'),\n year: null\n }\n }, {\n type: 14,\n dateReqVo: {\n analyseType: '',\n endMonth: null,\n endYear: moment().format('YYYY'),\n month: null,\n startMonth: null,\n startYear: moment().subtract(5, 'year').format('YYYY'),\n year: null\n }\n }, {\n type: 15,\n dateReqVo: {\n endMonth: null,\n endYear: moment().format('YYYY'),\n month: null,\n startMonth: null,\n startYear: moment().subtract(5, 'year').format('YYYY'),\n year: null\n }\n }, {\n type: 16,\n dateReqVo: {\n subjectCode: '',\n endMonth: null,\n endYear: moment().format('YYYY'),\n month: null,\n startMonth: null,\n startYear: moment().subtract(5, 'year').format('YYYY'),\n year: null\n }\n }, {\n type: 17,\n dateReqVo: {\n enterpriseCode: '',\n endMonth: null,\n endYear: moment().format('YYYY'),\n month: null,\n startMonth: null,\n startYear: moment().subtract(5, 'year').format('YYYY'),\n year: null\n }\n }]\n },\n yearData: {},\n //年度\n quarterData: {},\n //季度\n monthData: {},\n //月度\n dataList: [],\n //其他数据\n datalength: 0,\n //长度\n leftNum: 0,\n // 左边展示个数\n rightNum: 0,\n // 右边展示个数\n leftList: [],\n rightList: [],\n showType: false,\n startDatePicker: this.beginDate(),\n endDatePicker: this.processDate(),\n monthList: [{\n value: '1',\n label: '一月份'\n }, {\n value: '2',\n label: '二月份'\n }, {\n value: '3',\n label: '三月份'\n }, {\n value: '4',\n label: '四月份'\n }, {\n value: '5',\n label: '五月份'\n }, {\n value: '6',\n label: '六月份'\n }, {\n value: '7',\n label: '七月份'\n }, {\n value: '8',\n label: '八月份'\n }, {\n value: '9',\n label: '九月份'\n }, {\n value: '10',\n label: '十月份'\n }, {\n value: '11',\n label: '十一月份'\n }, {\n value: '12',\n label: '十二月份'\n }],\n rightData: [],\n leftData: [],\n leftType: 1,\n rightType: 1,\n yearChart: null,\n quarterChart: null,\n monthChart: null,\n otherChart: null,\n leftMove: 0,\n rightMove: 0,\n pageName: '',\n firstPageName: {},\n tjwdList: [],\n topList: [],\n lowerType: true,\n indexData: {},\n linksType: '',\n linksTypeName: '',\n ssywList: [],\n dpzbList: [],\n khList: [],\n //客户\n productList: [],\n //产品\n subjectList: [],\n //类别\n containType: [] //当前页面type\n\n };\n },\n created: function created() {\n this.indexData = JSON.parse(window.localStorage.getItem('indexData'));\n this.containType = this.indexData.containType ? this.indexData.containType.split(',') : this.indexData.containType;\n this.parmas.targetId = this.indexData.targetId;\n this.pageName = window.localStorage.getItem('pageName');\n this.firstPageName = JSON.parse(window.localStorage.getItem('firstPageName'));\n this.tjwdList = this.$i18n.locale === 'zh-CN' ? dictUtils.getDictItemsFromCache('tjwd') : dictUtils.getDictItemsFromCache('tjwd_en');\n this.ssywList = dictUtils.getDictItemsFromCache('ssyw');\n this.zbList = dictUtils.getDictItemsFromCache('zb_en');\n this.dpzbList = dictUtils.getDictItemsFromCache('dpzb');\n this.khList = dictUtils.getDictItemsFromCache('kh');\n this.parmas.queryList[1].dateReqVo.customer = this.khList[0].value;\n this.parmas.queryList[10].dateReqVo.customer = this.khList[0].value;\n this.parmas.queryList[11].dateReqVo.customer = this.khList[0].value;\n this.parmas.queryList[12].dateReqVo.analyseType = this.zbList[0].value;\n this.parmas.queryList[13].dateReqVo.analyseType = this.zbList[0].value;\n this.geTproduct();\n this.getSubjectList();\n },\n mounted: function mounted() {\n var _this = this;\n\n this.getAreaTree();\n this.$root.$on('resize', function () {\n _this.resize(500);\n });\n },\n watch: {},\n computed: {},\n methods: {\n //获取类别\n getSubjectList: function getSubjectList() {\n var _this2 = this;\n\n operationTheme.getSubjectList({}, function (res) {\n if (res.state) {\n _this2.subjectList = res.value;\n _this2.parmas.queryList[15].dateReqVo.subjectCode = _this2.subjectList[0].code;\n }\n });\n },\n //获取产品\n geTproduct: function geTproduct() {\n var _this3 = this;\n\n operationTheme.getProductList({}, function (res) {\n if (res.state) {\n _this3.productList = [];\n\n for (var key in res.value) {\n _this3.productList.push({\n label: res.value[key],\n value: key\n });\n }\n\n _this3.parmas.queryList[3].dateReqVo.product = _this3.productList[0].value;\n }\n });\n },\n callback: function callback() {\n var _this4 = this;\n\n this.indexData = JSON.parse(window.localStorage.getItem('indexData'));\n this.parmas.targetId = this.indexData.targetId;\n this.pageName = window.localStorage.getItem('pageName');\n this.firstPageName = JSON.parse(window.localStorage.getItem('firstPageName')); // this.secondPageName = JSON.parse(window.localStorage.getItem('secondPageName'))\n\n this.getAreaTree();\n this.$root.$on('resize', function () {\n _this4.resize(500);\n });\n },\n getAreaTree: function getAreaTree() {\n var _this5 = this;\n\n this.newParams.querys[({\n group: \"main\",\n operation: \"EQUAL\",\n parentGroup: \"\",\n property: \"pool_type_\",\n relation: \"AND\",\n value: 1\n }, {\n group: \"main\",\n operation: \"EQUAL\",\n parentGroup: \"\",\n property: \"run_status_\",\n relation: \"AND\",\n value: 1\n })];\n financialTheme.getAreaTree(this.newParams, function (res) {\n if (res) {\n res.value.forEach(function (e) {\n _this5.dpzbList.forEach(function (s) {\n if (e.continent == s.name) {\n e.code = s.value;\n }\n });\n });\n _this5.allList = res.value;\n _this5.parmas.queryList[15].dateReqVo.enterpriseCode = _this5.allList[0].code; // let enterpriseCode = window.localStorage.getItem('enterpriseCode')\n // if (enterpriseCode) {\n // \tthis.poolCode = enterpriseCode.split(',')\n // } else {\n // \tthis.poolCode = [res.value[0].code, res.value[0].list[0].code]\n // }\n\n _this5.getData();\n }\n });\n },\n balckTwo: function balckTwo() {\n this.$router.push({\n name: 'operationTheme'\n });\n },\n // 动态计算高度,自适应当前容器\n resize: function resize(delay) {\n var _this6 = this;\n\n setTimeout(function () {\n _this6.yearChart.resize();\n\n _this6.quarterChart.resize();\n\n _this6.monthChart.resize();\n }, delay || 0);\n },\n // 选择年份范围选择时开始时间不能大于结束时间,结束时间不能小于开始时间\n // 提出开始时间必须小于提出结束时间\n beginDate: function beginDate() {\n var self = this;\n return {\n disabledDate: function disabledDate(time) {\n if (self.parmas.endYear !== '') {\n var fixedTime = new Date();\n return fixedTime.getFullYear() > self.parmas.endYear;\n }\n }\n };\n },\n // 提出结束时间必须大于提出开始时间\n processDate: function processDate() {\n var self = this;\n return {\n disabledDate: function disabledDate(time) {\n var fixedTime = new Date(time);\n return fixedTime.getFullYear() < self.parmas.startYear;\n }\n };\n },\n arraySort: function arraySort(property) {\n return function (a, b) {\n var value1 = a[property];\n var value2 = b[property];\n return value1 - value2;\n };\n },\n handleData: function handleData(val, index) {\n var _this7 = this;\n\n var parmas = JSON.parse(JSON.stringify(this.parmas));\n parmas.queryList = [];\n this.containType.forEach(function (e) {\n _this7.parmas.queryList.forEach(function (q) {\n if (e == q.type) {\n parmas.queryList.push(q);\n }\n });\n });\n operationTheme.fromUnderDataProduct(parmas, function (res) {\n if (res.value) {\n // res.value.sort(this.arraySort('type'))\n _this7.$nextTick(function () {\n _this7.dataEcharts(res.value[3 + index], index);\n });\n }\n });\n },\n handleTop: function handleTop(val, index) {\n var _this8 = this;\n\n var parmas = JSON.parse(JSON.stringify(this.parmas));\n parmas.queryList = [];\n this.containType.forEach(function (e) {\n _this8.parmas.queryList.forEach(function (q) {\n if (e == q.type) {\n parmas.queryList.push(q);\n }\n });\n });\n operationTheme.fromUnderDataProduct(parmas, function (res) {\n if (res.value) {\n // res.value.sort(this.arraySort('type'))\n _this8.$nextTick(function () {\n _this8.topEcharts(res.value[index], index);\n });\n }\n });\n },\n getData: function getData() {\n var _this9 = this;\n\n this.showType = false;\n this.leftList = [];\n this.rightList = [];\n this.dataList = [];\n this.topList = [];\n var parmas = JSON.parse(JSON.stringify(this.parmas));\n parmas.queryList = [];\n this.containType.forEach(function (e) {\n _this9.parmas.queryList.forEach(function (q) {\n if (e == q.type) {\n parmas.queryList.push(q);\n }\n });\n });\n operationTheme.fromUnderDataProduct(parmas, function (res) {\n if (res.value) {\n var arr = JSON.parse(JSON.stringify(res.value));\n _this9.topList = arr.slice(0, 3);\n _this9.dataList = arr.slice(3);\n\n _this9.topList.forEach(function (t, tx) {\n _this9.$nextTick(function () {\n _this9.topEcharts(t, tx);\n });\n });\n\n _this9.dataList.forEach(function (c, cx) {\n _this9.$nextTick(function () {\n _this9.dataEcharts(c, cx);\n });\n });\n }\n });\n },\n // 判断是否为整数\n isInteger: function isInteger(obj) {\n return obj % 1 === 0;\n },\n topEcharts: function topEcharts(c, cx) {\n var _this10 = this;\n\n var otherChart = echarts.init(document.getElementById(\"topChart\".concat(cx)));\n var option = {};\n var xLabel = []; //折线图\n\n if (c.type == 1 || c.type == 2 || c.type == 4 || c.type == 6 || c.type == 9 || c.type == 10 || c.type == 11 || c.type == 12 || c.type == 13 || c.type == 14 || c.type == 15 || c.type == 16 || c.type == 17) {\n var arr = [];\n c.resultData.forEach(function (r) {\n if (c.type == 6) {\n xLabel.push(r.year + '.' + r.month);\n } else {\n xLabel.push(r.year);\n }\n });\n\n if (c.staLat.split(',').length > 1) {\n this.tjwdList.forEach(function (s) {\n c.staLat.split(',').forEach(function (t) {\n if (s.value == t) {\n var datalist = [];\n\n if (t == 1) {\n c.resultData.forEach(function (r) {\n datalist.push(r.actual);\n });\n } else if (t == 2) {\n c.resultData.forEach(function (r) {\n datalist.push(r.budget);\n });\n } else if (t == 3) {\n c.resultData.forEach(function (r) {\n datalist.push(r.actual);\n });\n } else if (t == 4) {\n c.resultData.forEach(function (r) {\n datalist.push(r.budget);\n });\n } else if (t == 5) {\n c.resultData.forEach(function (r) {\n datalist.push(r.actual);\n });\n } else if (t == 6) {\n c.resultData.forEach(function (r) {\n datalist.push(r.actual);\n });\n } else if (t == 7) {\n c.resultData.forEach(function (r) {\n datalist.push(r.actual);\n });\n }\n\n if (t == 1 || t == 3) {\n arr.push({\n name: s.name,\n type: 'bar',\n symbol: 'circle',\n // 默认是空心圆(中间是白色的),改成实心圆\n smooth: true,\n lineStyle: {\n normal: {\n width: 3\n }\n },\n itemStyle: {\n normal: {\n label: {\n show: false,\n //开启显示\n color: '#fff',\n position: 'top',\n //在上方显示\n formatter: function formatter(res) {\n if (res.value) {\n return res.value;\n } else {\n return 0;\n }\n }\n }\n }\n },\n symbolSize: 8,\n //设定实心点的大小\n data: datalist\n });\n } else {\n arr.push({\n name: s.name,\n type: 'line',\n symbol: 'circle',\n // 默认是空心圆(中间是白色的),改成实心圆\n smooth: true,\n lineStyle: {\n normal: {\n width: 3\n }\n },\n itemStyle: {\n normal: {\n label: {\n show: false,\n //开启显示\n color: '#fff',\n position: 'top',\n //在上方显示\n formatter: function formatter(res) {\n if (res.value) {\n return res.value;\n } else {\n return 0;\n }\n }\n }\n }\n },\n symbolSize: 8,\n //设定实心点的大小\n data: datalist\n });\n }\n }\n });\n });\n } else {\n this.tjwdList.forEach(function (s) {\n var data1list = [];\n\n if (c.staLat == 1) {\n c.resultData.forEach(function (r) {\n data1list.push(r.actual);\n });\n } else if (c.staLat == 2) {\n c.resultData.forEach(function (r) {\n data1list.push(r.budget);\n });\n } else if (c.staLat == 3) {\n c.resultData.forEach(function (r) {\n data1list.push(r.actual);\n });\n } else if (c.staLat == 4) {\n c.resultData.forEach(function (r) {\n data1list.push(r.budget);\n });\n } else if (c.staLat == 5) {\n c.resultData.forEach(function (r) {\n data1list.push(r.actual);\n });\n } else if (c.staLat == 6) {\n c.resultData.forEach(function (r) {\n data1list.push(r.actual);\n });\n } else if (c.staLat == 7) {\n c.resultData.forEach(function (r) {\n data1list.push(r.actual);\n });\n }\n\n if (s.value == c.staLat) {\n arr.push({\n name: s.name,\n type: 'line',\n symbol: 'circle',\n // 默认是空心圆(中间是白色的),改成实心圆\n smooth: true,\n lineStyle: {\n normal: {\n width: 3 // color: '#518EF5', // 线条颜色\n\n }\n },\n itemStyle: {\n normal: {\n // color: '#518EF5', //拐点颜色\n // borderColor: '#fff600',//拐点边框颜色\n // borderWidth: 13//拐点边框大小\n label: {\n show: false,\n //开启显示\n color: '#fff',\n position: 'top',\n //在上方显示\n formatter: function formatter(res) {\n if (res.value) {\n return res.value;\n } else {\n return 0;\n }\n }\n }\n }\n },\n symbolSize: 8,\n //设定实心点的大小\n data: data1list\n });\n }\n });\n }\n\n option = {\n backgroundColor: '',\n tooltip: {\n trigger: 'axis',\n // 自定义tooltip内容\n formatter: function formatter(item) {\n var str = \"
\".concat(item[0].name, \"
\");\n var index = 0; // 命名一个索引,用于匹配增减值、增减率\n\n var leftClass = \"\");\n var rightClass = '';\n item.forEach(function (it) {\n str += \"\".concat(leftClass + it.seriesName, \":\").concat(rightClass + it.value, \"
\");\n index = it.dataIndex;\n });\n\n if (c.resultData[index].differenceValue !== undefined) {\n str = str + \"\".concat(leftClass).concat(_this10.$i18n.locale === 'zh-CN' ? '增减值' : 'Value of increase or decrease', \":\").concat(rightClass + c.resultData[index].differenceValue, \"
\");\n\n if (c.resultData[index].differenceRate !== undefined) {\n str = str + \"\".concat(leftClass).concat(_this10.$i18n.locale === 'zh-CN' ? '增减率' : 'Rate of increase and decrease', \":\").concat(rightClass + c.resultData[index].differenceRate, \"\");\n }\n }\n\n return str;\n }\n },\n legend: {\n show: true,\n textStyle: {\n color: '#fff',\n fontSize: 14,\n padding: [0, 8, 0, 8]\n }\n },\n grid: {\n top: '18%',\n left: '14%',\n right: '5%',\n bottom: '14%'\n },\n xAxis: [{\n type: 'category',\n axisLabel: {\n textStyle: {\n color: '#FFFFFF',\n fontSize: 12\n }\n },\n splitLine: {\n show: false,\n lineStyle: {\n color: '#233653'\n }\n },\n axisTick: {\n show: false\n },\n data: xLabel\n }],\n yAxis: [{\n // name: c.targetUnit,\n nameTextStyle: {\n color: \"#fff\",\n fontSize: 12,\n padding: [0, 60, 0, 0]\n },\n type: 'value',\n splitLine: {\n show: true,\n lineStyle: {\n color: '#1160a0',\n type: 'dashed'\n }\n },\n axisLabel: {\n interval: 0,\n //标签设置为全部显示\n formatter: function formatter(params) {\n var num = '';\n var unit = '';\n var k = 10000,\n sizes = ['', '万', '亿', '万亿'],\n i;\n\n if (params < 0) {\n params = Math.abs(params);\n\n if (params < k) {\n params = params;\n } else {\n i = Math.floor(Math.log(params) / Math.log(k));\n params = (params / Math.pow(k, i)).toFixed(0);\n unit = sizes[i];\n }\n\n num = 0 - params + unit;\n } else {\n if (params < k) {\n params = params;\n } else {\n i = Math.floor(Math.log(params) / Math.log(k));\n params = (params / Math.pow(k, i)).toFixed(0);\n unit = sizes[i];\n }\n\n num = params + unit;\n }\n\n return num;\n },\n textStyle: {\n color: '#fff',\n fontSize: 14\n }\n },\n axisTick: {\n show: false\n },\n triggerEvent: true\n }],\n series: arr\n };\n } else if (c.type == 3 || c.type == 5 || c.type == 7 || c.type == 8) {\n var _arr = [];\n c.resultData.forEach(function (e) {\n if (c.type == 3) {\n _arr.push({\n name: e.customer,\n value: e.actual\n });\n } else if (c.type == 5) {\n _arr.push({\n name: e.product,\n value: e.actual\n });\n } else if (c.type == 7) {\n _arr.push({\n name: e.subjectName,\n value: e.actual\n });\n } else if (c.type == 8) {\n _arr.push({\n name: e.enterpriseCode,\n value: e.actual\n });\n }\n });\n option = {\n tooltip: {\n show: true\n },\n legend: {\n orient: 'vertical',\n right: 'right',\n textStyle: {\n color: \"#fff\",\n width: 80\n },\n formatter: function formatter(name) {\n if (!name) return '';\n\n if (name.length > 10) {\n name = name.slice(0, 10) + '...';\n }\n\n return name;\n }\n },\n series: [{\n type: 'pie',\n radius: '80%',\n center: ['30%', '50%'],\n label: {\n show: false\n },\n data: _arr\n }]\n };\n }\n\n option && otherChart.setOption(option); // const echartAll = document.getElementsByClassName('otherFull')\n // window.onresize = function() {\n // \tfor (let i = 0; i < echartAll.length; i++) {\n // \t\tvar myChart = echarts.init(echartAll[i])\n // \t\tmyChart.resize()\n // \t}\n // }\n },\n searchParentCodes: function searchParentCodes(data, code) {\n var _this11 = this;\n\n var result = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : [];\n data.forEach(function (item) {\n if (item.code === code) {\n return;\n }\n\n if (Array.isArray(item.list)) {\n item.list.forEach(function (child) {\n if (child.code === code) {\n result.push(item.code);\n\n _this11.searchParentCodes(data, item.code, result);\n } else {\n _this11.searchParentCodes([child], code, result);\n }\n });\n }\n });\n return result;\n },\n //其他\n dataEcharts: function dataEcharts(c, cx) {\n var _this12 = this;\n\n var otherChart = echarts.getInstanceByDom(document.getElementById(\"pieChart\".concat(cx))); //有的话就获取已有echarts实例的DOM节点。\n\n if (otherChart == null) {\n // 如果不存在,就进行初始化。\n otherChart = echarts.init(document.getElementById(\"pieChart\".concat(cx)));\n }\n\n var option = {};\n var xLabel = [];\n\n if (c.type == 1 || c.type == 2 || c.type == 4 || c.type == 6 || c.type == 9 || c.type == 10 || c.type == 11 || c.type == 12 || c.type == 13 || c.type == 14 || c.type == 15 || c.type == 16 || c.type == 17) {\n var arr = [];\n c.resultData.forEach(function (r) {\n if (c.type == 6) {\n xLabel.push(r.year + '.' + r.month);\n } else {\n xLabel.push(r.year);\n }\n });\n\n if (c.staLat.split(',').length > 1) {\n this.tjwdList.forEach(function (s) {\n c.staLat.split(',').forEach(function (t) {\n if (s.value == t) {\n var datalist = [];\n\n if (t == 1) {\n c.resultData.forEach(function (r) {\n datalist.push(r.actual);\n });\n } else if (t == 2) {\n c.resultData.forEach(function (r) {\n datalist.push(r.budget);\n });\n } else if (t == 3) {\n c.resultData.forEach(function (r) {\n datalist.push(r.actual);\n });\n } else if (t == 4) {\n c.resultData.forEach(function (r) {\n datalist.push(r.budget);\n });\n } else if (t == 5) {\n c.resultData.forEach(function (r) {\n datalist.push(r.actual);\n });\n } else if (t == 6) {\n c.resultData.forEach(function (r) {\n datalist.push(r.actual);\n });\n } else if (t == 7) {\n c.resultData.forEach(function (r) {\n datalist.push(r.actual);\n });\n }\n\n if (t == 1 || t == 3) {\n arr.push({\n name: s.name,\n type: 'bar',\n symbol: 'circle',\n // 默认是空心圆(中间是白色的),改成实心圆\n smooth: true,\n lineStyle: {\n normal: {\n width: 3\n }\n },\n itemStyle: {\n normal: {\n label: {\n show: false,\n //开启显示\n color: '#fff',\n position: 'top',\n //在上方显示\n formatter: function formatter(res) {\n if (res.value) {\n return res.value;\n } else {\n return 0;\n }\n }\n }\n }\n },\n symbolSize: 8,\n //设定实心点的大小\n data: datalist\n });\n } else {\n arr.push({\n name: s.name,\n type: 'line',\n symbol: 'circle',\n // 默认是空心圆(中间是白色的),改成实心圆\n smooth: true,\n lineStyle: {\n normal: {\n width: 3\n }\n },\n itemStyle: {\n normal: {\n label: {\n show: false,\n //开启显示\n color: '#fff',\n position: 'top',\n //在上方显示\n formatter: function formatter(res) {\n if (res.value) {\n return res.value;\n } else {\n return 0;\n }\n }\n }\n }\n },\n symbolSize: 8,\n //设定实心点的大小\n data: datalist\n });\n }\n }\n });\n });\n } else {\n this.tjwdList.forEach(function (s) {\n var data1list = [];\n\n if (c.staLat == 1) {\n c.resultData.forEach(function (r) {\n data1list.push(r.actual);\n });\n } else if (c.staLat == 2) {\n c.resultData.forEach(function (r) {\n data1list.push(r.budget);\n });\n } else if (c.staLat == 3) {\n c.resultData.forEach(function (r) {\n data1list.push(r.actual);\n });\n } else if (c.staLat == 4) {\n c.resultData.forEach(function (r) {\n data1list.push(r.budget);\n });\n } else if (c.staLat == 5) {\n c.resultData.forEach(function (r) {\n data1list.push(r.actual);\n });\n } else if (c.staLat == 6) {\n c.resultData.forEach(function (r) {\n data1list.push(r.actual);\n });\n } else if (c.staLat == 7) {\n c.resultData.forEach(function (r) {\n data1list.push(r.actual);\n });\n }\n\n if (s.value == c.staLat) {\n arr.push({\n name: s.name,\n type: 'line',\n symbol: 'circle',\n // 默认是空心圆(中间是白色的),改成实心圆\n smooth: true,\n lineStyle: {\n normal: {\n width: 3 // color: '#518EF5', // 线条颜色\n\n }\n },\n itemStyle: {\n normal: {\n // color: '#518EF5', //拐点颜色\n // borderColor: '#fff600',//拐点边框颜色\n // borderWidth: 13//拐点边框大小\n label: {\n show: false,\n //开启显示\n color: '#fff',\n position: 'top',\n //在上方显示\n formatter: function formatter(res) {\n if (res.value) {\n return res.value;\n } else {\n return 0;\n }\n }\n }\n }\n },\n symbolSize: 8,\n //设定实心点的大小\n data: data1list\n });\n }\n });\n }\n\n option = {\n backgroundColor: '',\n tooltip: {\n trigger: 'axis',\n // 自定义tooltip内容\n formatter: function formatter(item) {\n var str = \"
\".concat(item[0].name, \"
\");\n var index = 0; // 命名一个索引,用于匹配增减值、增减率\n\n var leftClass = \"\");\n var rightClass = '';\n item.forEach(function (it) {\n str += \"\".concat(leftClass + it.seriesName, \":\").concat(rightClass + it.value, \"
\");\n index = it.dataIndex;\n });\n\n if (c.resultData[index].differenceValue !== undefined) {\n str = str + \"\".concat(leftClass).concat(_this12.$i18n.locale === 'zh-CN' ? '增减值' : 'Value of increase or decrease', \":\").concat(rightClass + c.resultData[index].differenceValue, \"
\");\n\n if (c.resultData[index].differenceRate !== undefined) {\n str = str + \"\".concat(leftClass).concat(_this12.$i18n.locale === 'zh-CN' ? '增减率' : 'Rate of increase and decrease', \":\").concat(rightClass + c.resultData[index].differenceRate, \"\");\n }\n }\n\n return str;\n }\n },\n legend: {\n show: true,\n textStyle: {\n color: '#fff',\n fontSize: 14,\n padding: [0, 8, 0, 8]\n }\n },\n grid: {\n top: '18%',\n left: '14%',\n right: '5%',\n bottom: '14%'\n },\n xAxis: [{\n type: 'category',\n axisLabel: {\n textStyle: {\n color: '#FFFFFF',\n fontSize: 12\n }\n },\n splitLine: {\n show: false,\n lineStyle: {\n color: '#233653'\n }\n },\n axisTick: {\n show: false\n },\n data: xLabel\n }],\n yAxis: [{\n // name: c.targetUnit,\n nameTextStyle: {\n color: \"#fff\",\n fontSize: 12,\n padding: [0, 60, 0, 0]\n },\n type: 'value',\n splitLine: {\n show: true,\n lineStyle: {\n color: '#1160a0',\n type: 'dashed'\n }\n },\n axisLabel: {\n interval: 0,\n //标签设置为全部显示\n formatter: function formatter(params) {\n var num = '';\n var unit = '';\n var k = 10000,\n sizes = ['', '万', '亿', '万亿'],\n i;\n\n if (params < 0) {\n params = Math.abs(params);\n\n if (params < k) {\n params = params;\n } else {\n i = Math.floor(Math.log(params) / Math.log(k));\n params = (params / Math.pow(k, i)).toFixed(0);\n unit = sizes[i];\n }\n\n num = 0 - params + unit;\n } else {\n if (params < k) {\n params = params;\n } else {\n i = Math.floor(Math.log(params) / Math.log(k));\n params = (params / Math.pow(k, i)).toFixed(0);\n unit = sizes[i];\n }\n\n num = params + unit;\n }\n\n return num;\n },\n textStyle: {\n color: '#fff',\n fontSize: 14\n }\n },\n axisTick: {\n show: false\n },\n triggerEvent: true\n }],\n series: arr\n };\n } else if (c.type == 3 || c.type == 5 || c.type == 7 || c.type == 8) {\n var num = 100 / Math.ceil(this.dataList.length / 3) <= 50 ? 48 : 100 / Math.ceil(this.dataList.length / 3);\n var _arr2 = [];\n c.resultData.forEach(function (e) {\n if (c.type == 3) {\n _arr2.push({\n name: e.customer,\n value: e.actual\n });\n } else if (c.type == 5) {\n _arr2.push({\n name: e.product,\n value: e.actual\n });\n } else if (c.type == 7) {\n _arr2.push({\n name: e.subjectName,\n value: e.actual\n });\n } else if (c.type == 8) {\n _arr2.push({\n name: e.enterpriseCode,\n value: e.actual\n });\n }\n });\n var series = [];\n var legend = {};\n\n if (num > 50) {\n legend = {\n textStyle: {\n color: \"#fff\"\n }\n };\n series = [{\n top: 0,\n type: 'pie',\n radius: '50%',\n center: ['50%', '50%'],\n label: {\n show: false\n },\n data: _arr2\n }];\n } else {\n legend = {\n orient: 'vertical',\n right: 'right',\n textStyle: {\n color: \"#fff\"\n }\n };\n series = [{\n type: 'pie',\n radius: '80%',\n center: ['30%', '50%'],\n label: {\n show: false\n },\n data: _arr2\n }];\n }\n\n option = {\n tooltip: {\n show: true\n },\n legend: legend,\n series: series\n };\n }\n\n option && otherChart.setOption(option);\n var echartAll = document.getElementsByClassName('otherFull');\n\n window.onresize = function () {\n for (var i = 0; i < echartAll.length; i++) {\n var myChart = echarts.init(echartAll[i]);\n myChart.resize();\n }\n };\n },\n //更多企业\n handleMore: function handleMore(val) {\n this.$refs.echartsDialog.add(val);\n }\n }\n};",null]}