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