{"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\\reformPilotPIeChart.vue?vue&type=script&lang=js&","dependencies":[{"path":"D:\\jenkins\\workspace\\reform-fvue\\src\\views\\BigScreen\\components\\subComponents\\reformPilotPIeChart.vue","mtime":1702263619964},{"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/es7.object.get-own-property-descriptors\";\nimport \"core-js/modules/es6.object.keys\";\nimport \"core-js/modules/es6.function.name\";\nimport \"core-js/modules/web.dom.iterable\";\nimport _defineProperty from \"D:/jenkins/workspace/reform-fvue/node_modules/@babel/runtime/helpers/esm/defineProperty\";\n\nfunction ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }\n\nfunction _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }\n\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\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/districView.js';\nimport { Radar } from '@antv/g2plot';\nimport dialogConfig from '@/views/BigScreen/js/DistrictReformDialogConfig.js';\nimport dialogComponents from '@/views/BigScreen/js/dialog_components.js';\nimport EasyDialog from '@/views/BigScreen/components/easy-dialog/index.vue';\nexport default {\n  name: 'reformPilot',\n  components: _objectSpread({\n    EasyDialog: EasyDialog\n  }, dialogComponents),\n  data: function data() {\n    return {\n      loadingColor: 'rgba(6, 46, 106, 0.4)',\n      loading: false,\n      currentTabComponent: '',\n      tableOptions: null,\n      dialogOption: {\n        dialogTitle: '',\n        width: '50%'\n      },\n      showEasy: false,\n      // 雷达 所属领域\n      rayChart2: null,\n      rayChartOption2: null,\n      // 对接时 max设置为值的1.2倍\n      rayChartData2: [{\n        description: '党建统领',\n        commonCount: 0,\n        type: '国家级'\n      }, {\n        description: '党建统领',\n        commonCount: 0,\n        type: '市级'\n      }, {\n        description: '经济发展',\n        commonCount: 0,\n        type: '国家级'\n      }, {\n        description: '经济发展',\n        commonCount: 0,\n        type: '市级'\n      }, {\n        description: '社会民生',\n        commonCount: 0,\n        type: '国家级'\n      }, {\n        description: '社会民生',\n        commonCount: 0,\n        type: '市级'\n      }, {\n        description: '文化建设',\n        commonCount: 0,\n        type: '国家级'\n      }, {\n        description: '文化建设',\n        commonCount: 0,\n        type: '市级'\n      }, {\n        description: '平安法治',\n        commonCount: 0,\n        type: '国家级'\n      }, {\n        description: '平安法治',\n        commonCount: 0,\n        type: '市级'\n      }, {\n        description: '民主法制',\n        commonCount: 0,\n        type: '国家级'\n      }, {\n        description: '民主法制',\n        commonCount: 0,\n        type: '市级'\n      }],\n      cityAccount: {\n        total: 0,\n        subData: [{\n          value: 0,\n          name: '已验收'\n        }, {\n          value: 0,\n          name: '推进中'\n        } // {\n        //     value: 0,\n        //     name: '未启动',\n        // },\n        ]\n      },\n      countryAccount: {\n        total: 0,\n        subData: [{\n          value: 0,\n          name: '已验收'\n        }, {\n          value: 0,\n          name: '推进中'\n        } // {\n        //     value: 0,\n        //     name: '未启动',\n        // },\n        ]\n      },\n      pieChart1: null,\n      pieChart2: null,\n      pieChart1Option: null,\n      pieChart2Option: null\n    };\n  },\n  beforeDestroy: function beforeDestroy() {\n    this.$bus.$off('changeDate');\n  },\n  mounted: function mounted() {\n    var _this = this;\n\n    this.loadData(); // this.initPieChart1()\n    // this.initPieChart2()\n\n    this.$bus.$on('changeDate', function () {\n      _this.loadData();\n    });\n  },\n  methods: {\n    initPieChart1: function initPieChart1() {\n      var _this2 = this;\n\n      var chartDom = document.getElementById('pie-chart-gjj');\n      this.pieChart1 = echarts.init(chartDom);\n      this.pieChart1Option = {\n        tooltip: {\n          trigger: 'item',\n          backgroundColor: 'rgba(6, 47, 107, 1)',\n          borderColor: 'rgba(2, 115, 233, 1)',\n          textStyle: {\n            color: '#fff'\n          }\n        },\n        legend: {\n          top: '2%',\n          left: 'center',\n          itemHeight: 16,\n          textStyle: {\n            color: '#B1E3FF',\n            fontSize: 18 //文字大小\n\n          }\n        },\n        series: [{\n          name: '国家级改革试点项目',\n          type: 'pie',\n          radius: ['45%', '65%'],\n          top: 45,\n          emphasis: {\n            show: false\n          },\n          label: {\n            textStyle: {\n              color: '#B1E3FF',\n              // 改变标示文字的颜色\n              fontSize: 16 //文字大小\n\n            },\n            formatter: '{b} {c} \\n\\n',\n            padding: [0, -80],\n            alignTo: 'labelLine'\n          },\n          labelLine: {\n            //指示线样式设置\n            length: 20,\n            //设置指示线的长度\n            length2: 80,\n            //横线宽度\n            lineStyle: {\n              color: '#B1E3FF' // 设置标示线的颜色\n\n            }\n          },\n          data: this.countryAccount.subData,\n          // [\n          //     {value: 484, name: '已验收'},\n          //     {value: 580, name: '推进中'},\n          //     {value: 300, name: '未启动'},\n          // ],\n          color: ['#59c06c', '#026cdc', '#FFB51F']\n        }]\n      };\n      this.pieChart1Option && this.pieChart1.setOption(this.pieChart1Option);\n      window.addEventListener('resize', function () {\n        return _this2.pieChart1.resize();\n      });\n    },\n    initPieChart2: function initPieChart2() {\n      var _this3 = this;\n\n      var chartDom = document.getElementById('pie-chart-sj');\n      this.pieChart2 = echarts.init(chartDom);\n      this.pieChart2Option = {\n        tooltip: {\n          trigger: 'item',\n          backgroundColor: 'rgba(6, 47, 107, 1)',\n          borderColor: 'rgba(2, 115, 233, 1)',\n          textStyle: {\n            color: '#fff'\n          }\n        },\n        legend: {\n          top: '2%',\n          left: 'center',\n          itemHeight: 10,\n          textStyle: {\n            color: '#B1E3FF',\n            fontSize: 18 //文字大小\n\n          }\n        },\n        series: [{\n          name: '市级改革试点项目',\n          type: 'pie',\n          radius: ['45%', '65%'],\n          top: 45,\n          emphasis: {\n            show: false\n          },\n          label: {\n            textStyle: {\n              color: '#B1E3FF',\n              // 改变标示文字的颜色\n              fontSize: 16 //文字大小\n\n            },\n            formatter: '{b} {c} \\n\\n',\n            padding: [0, -80],\n            alignTo: 'labelLine'\n          },\n          labelLine: {\n            //指示线样式设置\n            length: 20,\n            //设置指示线的长度\n            length2: 80,\n            //横线宽度\n            lineStyle: {\n              color: '#B1E3FF' // 设置标示线的颜色\n\n            }\n          },\n          data: this.cityAccount.subData,\n          // [\n          //     {value: 484, name: '已验收'},\n          //     {value: 580, name: '推进中'},\n          //     {value: 300, name: '未启动'},\n          // ],\n          color: ['#59c06c', '#026cdc', '#FFB51F']\n        }]\n      };\n      this.pieChart2Option && this.pieChart2.setOption(this.pieChart2Option);\n      window.addEventListener('resize', function () {\n        return _this3.pieChart2.resize();\n      });\n    },\n    loadData: function loadData() {\n      var _this4 = this;\n\n      this.loading = true;\n      var searchDate = sessionStorage.getItem('searchDate');\n      searchDate = JSON.parse(searchDate);\n      var data = this.qs.stringify({\n        year: searchDate.year,\n        quarter: searchDate.quarter\n      });\n      apiList.getPilotLedger(data, function (res) {\n        if (res && res.value) {\n          var _data = res.value;\n\n          _data.forEach(function (item) {\n            if (item.description == '市级') {\n              _this4.cityAccount.total = item.commonCount;\n              item.subData.ledger.forEach(function (item) {\n                _this4.cityAccount.subData.forEach(function (data) {\n                  if (item.description == data.name) {\n                    data.value = item.commonCount || 0;\n                  }\n                });\n              });\n              item.subData.field.forEach(function (item) {\n                _this4.rayChartData2.forEach(function (data) {\n                  if (item.description == data.description && data.type == '市级') {\n                    data.commonCount = item.commonCount || 0;\n                  }\n                });\n              });\n            } else {\n              _this4.countryAccount.total = item.commonCount;\n              item.subData.ledger.forEach(function (item) {\n                _this4.countryAccount.subData.forEach(function (data) {\n                  if (item.description == data.name) {\n                    data.value = item.commonCount || 0;\n                  }\n                });\n              });\n              item.subData.field.forEach(function (item) {\n                _this4.rayChartData2.forEach(function (data) {\n                  if (item.description == data.description && data.type == '国家级') {\n                    data.commonCount = item.commonCount || 0;\n                  }\n                });\n              });\n            }\n          });\n\n          if (_this4.pieChart1 == null) {\n            _this4.initRayChart2();\n\n            _this4.initPieChart1();\n\n            _this4.initPieChart2();\n          } else {\n            _this4.pieChart2.setOption(_this4.pieChart2Option);\n\n            _this4.pieChart1.setOption(_this4.pieChart1Option);\n\n            _this4.rayChart2.update();\n          }\n\n          console.log(_this4.rayChartData2);\n          _this4.loading = false;\n        }\n      });\n    },\n    openSubDialog: function openSubDialog(type) {\n      this.currentTabComponent = dialogConfig.dialogOption[type].componentName ? dialogConfig.dialogOption[type].componentName : type; // 动态组件名称\n\n      this.tableOptions = dialogConfig.dialogOption[type].dataOptions; //table的查询参数\n\n      this.dialogOption = dialogConfig.dialogOption[type].option; //弹窗配置参数\n\n      this.showEasy = true;\n    },\n    initRayChart2: function initRayChart2() {\n      var _yAxis;\n\n      this.rayChart2 = new Radar('reform-ray-chart', {\n        data: this.rayChartData2,\n        radius: 100,\n        colorField: 'type',\n        // 部分图表使用 seriesField\n        color: ['#FFB51F', '#82D7FF'],\n        xField: 'description',\n        yField: 'commonCount',\n        seriesField: 'type',\n        tooltip: {\n          shared: true,\n          showCrosshairs: true,\n          domStyles: {\n            'g2-tooltip': {\n              background: 'rgba(6, 47, 107, 1)',\n              borderColor: 'rgba(2, 115, 233, 1)',\n              borderWidth: 0.5,\n              borderStyle: 'solid',\n              boxShadow: null,\n              color: '#fff'\n            },\n            'g2-tooltip-title': {\n              fontSize: '18px'\n            }\n          }\n        },\n        legend: {\n          position: 'top',\n          itemName: {\n            style: {\n              fill: '#B1E3FF',\n              fontSize: 18\n            }\n          }\n        },\n        meta: {\n          value: {\n            alias: '试点数量'\n          }\n        },\n        xAxis: {\n          line: null,\n          tickLine: null,\n          label: {\n            style: {\n              fill: '#D7F1FF',\n              fontSize: 18\n            },\n            offset: 3\n          },\n          grid: {\n            line: {\n              style: {\n                stroke: 'rgba(154,199,220, 0.2)'\n              }\n            }\n          }\n        },\n        yAxis: (_yAxis = {\n          line: null,\n          tickLine: null,\n          label: false\n        }, _defineProperty(_yAxis, \"label\", false), _defineProperty(_yAxis, \"grid\", {\n          line: {\n            type: 'line',\n            style: {\n              stroke: 'rgba(154,199,220, 0.2)',\n              fill: 'rgba(84,142,255,0.1)'\n            }\n          }\n        }), _yAxis),\n        // 开启面积\n        area: {},\n        point: null\n      });\n      this.rayChart2.render();\n    }\n  }\n};",null]}