{"remainingRequest":"D:\\jenkins\\workspace\\reform-fvue\\node_modules\\thread-loader\\dist\\cjs.js!D:\\jenkins\\workspace\\reform-fvue\\node_modules\\babel-loader\\lib\\index.js!D:\\jenkins\\workspace\\reform-fvue\\node_modules\\cache-loader\\dist\\cjs.js??ref--0-0!D:\\jenkins\\workspace\\reform-fvue\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\jenkins\\workspace\\reform-fvue\\src\\views\\BigScreen\\components\\subComponents\\projectLineChartDialog.vue?vue&type=script&lang=js&","dependencies":[{"path":"D:\\jenkins\\workspace\\reform-fvue\\src\\views\\BigScreen\\components\\subComponents\\projectLineChartDialog.vue","mtime":1716801010586},{"path":"D:\\jenkins\\workspace\\reform-fvue\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\jenkins\\workspace\\reform-fvue\\node_modules\\thread-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\jenkins\\workspace\\reform-fvue\\node_modules\\babel-loader\\lib\\index.js","mtime":315532800000},{"path":"D:\\jenkins\\workspace\\reform-fvue\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\jenkins\\workspace\\reform-fvue\\node_modules\\vue-loader\\lib\\index.js","mtime":499162500000}],"contextDependencies":[],"result":["import \"core-js/modules/web.dom.iterable\";\nimport \"core-js/modules/es6.object.keys\";\nimport _defineProperty from \"D:/jenkins/workspace/reform-fvue/node_modules/@babel/runtime/helpers/esm/defineProperty\";\nimport \"core-js/modules/es6.function.name\";\n//\n//\n//\n//\n//\n//\n//\n//\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 * as echarts from 'echarts';\nimport apiList from '@/api/bigScreen/majorView.js';\nexport default {\n  name: 'projectLinechartDialog',\n  data: function data() {\n    return {\n      title: '',\n      dialogVisible: false,\n      trendChart: null,\n      trendChartOption: null,\n      legendData: [],\n      xAxisData: [],\n      seriesData: [],\n      valueData: [],\n      rateData: null,\n      loading: false\n    };\n  },\n  beforeDestroy: function beforeDestroy() {\n    this.$bus.$off('changeDate');\n  },\n  mounted: function mounted() {// this.$bus.$on('changeDate', () => {\n    //     this.loadData()\n    // })\n  },\n  methods: {\n    initTrendChart: function initTrendChart() {\n      var _xAxis,\n          _this = this;\n\n      var chartDom = document.getElementById('trend-chart');\n      this.trendChart = echarts.init(chartDom);\n      this.trendChartOption = {\n        title: {\n          text: this.title + '年度核心指标完成情况趋势图',\n          left: 'center',\n          bottom: '1%',\n          textStyle: {\n            color: '#ffffff',\n            fontSize: 18,\n            fontFamily: 'Microsoft YaHei, Microsoft YaHei'\n          }\n        },\n        tooltip: {\n          trigger: 'item',\n          //'axis  item',\n          backgroundColor: 'rgba(6, 47, 107, 1)',\n          borderColor: 'rgba(2, 115, 233, 1)',\n          textStyle: {\n            color: '#fff',\n            fontSize: 18\n          },\n          formatter: function formatter(arg) {\n            console.log(arg, 'arg'); // let str = '截止' + arg[0].axisValue + '</br>'\n            // arg.forEach((item) => {\n            //     let index = item.dataIndex\n            //     let value = 0\n            //     if (\n            //         this.valueData[item.seriesName][index]\n            //             .actualIndexCompleteRate\n            //     ) {\n            //         value =\n            //             this.valueData[item.seriesName][index]\n            //                 .actualIndexCompleteRate\n            //     }\n            //     str =\n            //         str +\n            //         '<span style=\"display:inline-flex;font-size:16px;margin-top:5px;justify-content:center;align-items:center\">' +\n            //         `<span style=\"display:inline-block;line-height:6px;width:20px;height:6px;background:${item.color};margin-right:4px;\"></span>` +\n            //         item.seriesName +\n            //         '&nbsp;&nbsp;&nbsp;' +\n            //         value +\n            //         '%</span></br>'\n            // })\n\n            var str = '截止' + arg.name + '</br>';\n            str = str + '<span style=\"display:inline-flex;font-size:16px;margin-top:5px;justify-content:center;align-items:center\">' + \"<span style=\\\"display:inline-block;line-height:6px;width:20px;height:6px;background:\".concat(arg.color, \";margin-right:4px;\\\"></span>\") + arg.seriesName + '&nbsp;&nbsp;&nbsp;' + arg.data.actualRate + '%</span>';\n            return str;\n          }\n        },\n        legend: {\n          // top: '0',\n          // left: 'center',\n          type: 'plain',\n          icon: 'rect',\n          inactiveColor: '#333333',\n          itemWidth: 20,\n          itemHeight: 6,\n          textStyle: {\n            color: '#B1E3FF',\n            fontSize: 15\n          },\n          data: this.legendData\n        },\n        grid: {\n          left: '2%',\n          right: '120',\n          bottom: '10%',\n          top: '15%',\n          containLabel: true\n        },\n        xAxis: (_xAxis = {\n          type: 'category'\n        }, _defineProperty(_xAxis, \"type\", 'category'), _defineProperty(_xAxis, \"boundaryGap\", ['0%', '0%']), _defineProperty(_xAxis, \"axisLine\", {\n          lineStyle: {\n            color: 'rgba(154,199,220, 0.2)'\n          }\n        }), _defineProperty(_xAxis, \"axisLabel\", {\n          color: '#D7F1FF',\n          align: 'center',\n          fontSize: 16,\n          padding: [0, 0, 0, 10]\n        }), _defineProperty(_xAxis, \"boundaryGap\", false), _defineProperty(_xAxis, \"data\", ['1月', '2月', '3月', '4月', '5月', '6月', '7月', '8月', '9月', '10月', '11月', '12月']), _defineProperty(_xAxis, \"splitLine\", {\n          show: false\n        }), _xAxis),\n        yAxis: {\n          // min: 0, //取0为最小刻度\n          max: 110,\n          type: 'value',\n          axisLabel: {\n            color: '#D7F1FF',\n            interval: 0,\n            showMinLabel: false,\n            showMaxLabel: false,\n            fontSize: 16,\n            formatter: function formatter(value) {\n              return value + '%';\n            }\n          },\n          axisLine: {\n            lineStyle: {\n              color: 'rgba(154,199,220, 0.2)'\n            }\n          },\n          splitLine: {\n            lineStyle: {\n              color: 'rgba(154,199,220, 0.2)'\n            }\n          }\n        },\n        series: this.seriesData\n      };\n      this.trendChartOption && this.trendChart.setOption(this.trendChartOption);\n      window.addEventListener('resize', function () {\n        return _this.trendChart.resize();\n      });\n    },\n    loadData: function loadData() {\n      var _this2 = this;\n\n      this.loading = true;\n      var data = JSON.parse(sessionStorage.getItem('searchDate'));\n      data.projectId = this.projectId;\n      apiList.getProjectLineChartData(data, function (res) {\n        _this2.valueData = res.data;\n        _this2.legendData = Object.keys(res.data);\n\n        _this2.legendData.forEach(function (legend, index) {\n          _this2.seriesData[index] = {\n            name: legend,\n            type: 'line',\n            data: res.data[legend].map(function (item) {\n              var actualRate = item.actualIndexCompleteRate;\n              var value;\n\n              if (actualRate > 100) {\n                value = 105;\n              } // else if (actualRate < 0) {\n              //     value = 0\n              // }\n              else {\n                  value = actualRate;\n                }\n\n              var objData = {\n                value: value,\n                actualRate: actualRate\n              };\n              return objData;\n            }),\n            emphasis: {\n              focus: 'series',\n              endLabel: {\n                show: true,\n                formatter: function formatter(arg) {\n                  var seriesName = arg.seriesName;\n                  var lines = Math.ceil(seriesName.length / 8);\n                  var str = '',\n                      start = 0,\n                      end = 8;\n\n                  for (var i = 1; i <= lines; i++) {\n                    if (i > 1) {\n                      start = end;\n                      end = i * 8;\n                    } else if (i == lines) {\n                      end = str.length;\n                    }\n\n                    str += \"{a|\".concat(seriesName.slice(start, end), \"}\\n\");\n                  }\n\n                  return str;\n                },\n                rich: {\n                  a: {\n                    backgroundColor: 'rgba(6, 47, 107, 1)'\n                  }\n                },\n                color: '#D7F1FF',\n                fontSize: 14,\n                lineHeight: 20\n              }\n            }\n          };\n        });\n\n        console.log(_this2.seriesData, 'this.seriesData');\n\n        _this2.initTrendChart();\n\n        _this2.loading = false;\n      });\n    },\n    open: function open(data) {\n      var _this3 = this;\n\n      var projectName = data.projectName,\n          projectId = data.projectId;\n      this.projectId = projectId;\n      this.title = projectName;\n      this.dialogVisible = true;\n      this.$nextTick(function () {\n        _this3.initTrendChart();\n\n        _this3.loadData();\n      });\n    },\n    handleClose: function handleClose() {\n      this.trendChart.clear;\n      this.dialogVisible = false;\n    }\n  }\n};",null]}