{"version":3,"sources":["webpack:///./src/views/yewu/rencai/index.vue?38de","webpack:///./src/views/yewu/rencai/index.vue","webpack:///./src/views/yewu/rencai/index.vue?f45c"],"names":["class","id","title","prizeTitle","titlePosX","decorate","tableList","type","height","tableHeight","CHARTCOLOR","name","data","width","list","mounted","document","getElementById","innerHTML","this","init","methods","then","prizeNum","total","count","prizeSituation","forEach","item","push","subject","num","Number","$nextTick","initBar1","initBar2","columnPlot","$G2","Column","xField","yField","seriesField","padding","color","idx","index","yAxis","tickLine","grid","line","style","lineWidth","strokeOpacity","shadowColor","label","fill","fontSize","xAxis","render","__scopeId"],"mappings":"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","file":"js/chunk-3d949180.43c0aa98.js","sourcesContent":["export * from \"-!../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../../node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!../../../../node_modules/vue-loader-v16/dist/stylePostLoader.js!../../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader-v16/dist/index.js??ref--0-1!./index.vue?vue&type=style&index=0&id=15188dc6&lang=scss&scoped=true\"","<template>\n    <div class=\"page\">\n        <div class=\"row\">\n            <Module :title=\"prizeTitle\" titlePosX=\"left\" decorate=\"bc\">\n                <div id=\"bar1\" class=\"echarts\"></div>\n            </Module>\n            <Module title=\"学会平均设立奖项情况\" titlePosX=\"right\" decorate=\"ad\">\n                <div id=\"bar2\" class=\"echarts\"></div>\n            </Module>\n        </div>\n        <DataTable :tableList=\"tableList\" type=\"8\" :height=\"tableHeight\">\n        </DataTable>\n    </div>\n</template>\n\n<script>\n    import {getStatisticsData} from '@/api/yewu';\n    const CHARTCOLOR = ['#3D93F7', '#98F6BE', '#FFF164', '#E84A4A', '#A84ECC'];\n\n    export default {\n        name: 'RenCaiFuWu',\n        data() {\n            return {\n                prizeTitle: '',\n                tableHeight: 356,\n                tableList: {\n                    title: [\n                        {\n                            name: '学会名称',\n                            type: 'society_name',\n                            width: 553\n                        },\n                        {\n                            name: '学会编号',\n                            type: 'society_number'\n                        },\n                        {\n                            name: '奖项数量',\n                            type: 'prize_num'\n                        }\n                    ],\n                    list: []\n                }\n            }\n        },\n        mounted(){\n            document.getElementById('bar1').innerHTML =  '';\n            document.getElementById('bar2').innerHTML =  '';\n            this.init();\n        },\n        methods: {\n            init(){\n                getStatisticsData({type:8}).then(({data}) => {\n                    this.prizeNum =[];\n                    this.prizeTitle = `设立奖项数量 ${data.total[0].count || ''}个`;\n                    this.prizeSituation = data.prizeSituation || [];\n                    data.prizeNum.forEach(item =>{\n                        this.prizeNum.push({\n                            subject: item.subject,\n                            num: Number(item.num)\n                        })\n                    })\n                    this.$nextTick(() => {\n                        this.initBar1();\n                        this.initBar2();\n                    });\n                });\n            },\n            initBar1() {\n                const columnPlot = new this.$G2.Column('bar1', {\n                    data: this.prizeNum,\n                    xField: 'subject',\n                    yField: 'num',\n                    seriesField: '',\n                    padding:[30, 20, 30, 20],\n                    color: (data) => {\n                        let idx = 0;\n\n                        this.prizeNum.forEach((item, index) => {\n\n                            if (data.subject == item.subject) {\n                                idx = index;\n                            }\n                        })\n\n                        return CHARTCOLOR[idx];\n                    },\n                    yAxis: {\n                        tickLine: null,\n                        grid: {\n                            line: {\n                                style: {\n                                    lineWidth: 1,\n                                    strokeOpacity: 0.7,\n                                    shadowColor: '#fff'\n                                }\n                            }\n                        },\n                        title:null,\n                        label:{ // 文本标签的配置项\n                            style: {\n                                fill: '#fff',\n                                fontSize: 12\n                            },\n                        }\n                    },\n                    xAxis: {\n                        tickLine: null,\n                        title: null,\n                        label:{ // 文本标签的配置项\n                            style: {\n                                fill: '#fff',\n                                fontSize: 12\n                            },\n                        }\n                    },\n                });\n\n                columnPlot.render();\n            },\n            initBar2() {\n                const columnPlot = new this.$G2.Column('bar2', {\n                    data: this.prizeSituation,\n                    xField: 'subject',\n                    yField: 'num',\n                    seriesField: '',\n                    padding:[30, 20, 30, 20],\n                    color: (data) => {\n                        let idx = 0;\n\n                        this.prizeSituation.forEach((item, index) => {\n\n                            if (data.subject == item.subject) {\n                                idx = index;\n                            }\n                        })\n\n                        return CHARTCOLOR[idx];\n                    },\n                    yAxis: {\n                        tickLine: null,\n                        grid: {\n                            line: {\n                                style: {\n                                    lineWidth: 1,\n                                    strokeOpacity: 0.7,\n                                    shadowColor: '#fff'\n                                }\n                            }\n                        },\n                        title:null,\n                        label:{ // 文本标签的配置项\n                            style: {\n                                fill: '#fff',\n                                fontSize: 12\n                            },\n                        }\n                    },\n                    xAxis: {\n                        tickLine: null,\n                        title: null,\n                        label:{ // 文本标签的配置项\n                            style: {\n                                fill: '#fff',\n                                fontSize: 12\n                            },\n                        }\n                    },\n                });\n\n                columnPlot.render();\n            }\n        }\n    }\n</script>\n\n<style lang=\"scss\" scoped>\n    .page {\n        padding: 30px 30px 0;\n        .row {\n            height:536px;\n            display: flex;\n            justify-content: space-between;\n            flex-direction: row;\n            flex-wrap: wrap;\n            margin-bottom:22px;\n\n            :deep .modules {\n                flex: 1;\n                &:nth-of-type(1) {\n                    margin-right: 20px;\n                }\n                .module-box {\n                    height: 91%;\n                }\n\n                .inner-box{\n                    background: #071B4F;\n                    padding: 20px;\n                }\n\n            }\n            &.marginTop {\n                margin-top: -35px;\n            }\n            .echarts {\n                width: 100%;\n                height: 100%;\n            }\n        }\n\n        .el-icon-question:before {\n            color: #4F89FF;\n        }\n    }\n\n</style>","import { render } from \"./index.vue?vue&type=template&id=15188dc6&scoped=true\"\nimport script from \"./index.vue?vue&type=script&lang=js\"\nexport * from \"./index.vue?vue&type=script&lang=js\"\n\nimport \"./index.vue?vue&type=style&index=0&id=15188dc6&lang=scss&scoped=true\"\nscript.render = render\nscript.__scopeId = \"data-v-15188dc6\"\n\nexport default script"],"sourceRoot":""}