{"version":3,"sources":["webpack:///./src/views/homePage/workBench/riskComparisonChart.vue?6c1c","webpack:///src/views/homePage/workBench/riskComparisonChart.vue","webpack:///./src/views/homePage/workBench/riskComparisonChart.vue?814e","webpack:///./src/views/homePage/workBench/riskComparisonChart.vue","webpack:///./src/views/homePage/workBench/riskComparisonChart.vue?1210"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","_v","attrs","on","selectRiskBar","model","value","callback","$$v","selectRiskBarYear","expression","staticRenderFns","component"],"mappings":"gJAAA,IAAIA,EAAS,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACE,YAAY,aAAa,CAACF,EAAG,SAAS,CAACA,EAAG,MAAM,CAACE,YAAY,aAAa,CAACF,EAAG,OAAO,CAACE,YAAY,eAAe,CAACN,EAAIO,GAAG,YAAYH,EAAG,MAAM,CAACE,YAAY,cAAcE,MAAM,CAAC,GAAK,kBAAkBJ,EAAG,MAAM,CAACE,YAAY,cAAc,CAACF,EAAG,SAAS,CAACA,EAAG,SAAS,CAACI,MAAM,CAAC,KAAO,IAAI,CAACJ,EAAG,SAAS,CAACA,EAAG,SAAS,CAACI,MAAM,CAAC,KAAO,KAAK,CAACJ,EAAG,iBAAiB,CAACI,MAAM,CAAC,KAAO,OAAO,YAAc,MAAMC,GAAG,CAAC,OAAST,EAAIU,eAAeC,MAAM,CAACC,MAAOZ,EAAqB,kBAAEa,SAAS,SAAUC,GAAMd,EAAIe,kBAAkBD,GAAKE,WAAW,wBAAwB,IAAI,IAAI,IAAI,IAAI,MAAM,IAC7pBC,EAAkB,GCyBtB,G,UAAA,CACE,KAAF,sBACE,KAFF,WAGI,MAAJ,CACM,kBAAN,GACM,SAAN,CACQ,YAAR,GACQ,gBAAR,IAEM,MAAN,GACM,MAAN,KAGE,QAbF,WAcI,KAAJ,iBAEE,QAAF,CACI,cADJ,SACA,GAAM,IAAN,OAEA,OACA,GACQ,KAAR,2BAEA,KACM,KAAN,SACM,KAAN,SACM,KAAN,8BACA,kBACA,WAGU,EAAV,4BACU,EAAV,sCACY,IAAZ,SACY,OAAZ,kBACc,KAAd,EACgB,EAAhB,OACgB,MACF,KAAd,EACgB,EAAhB,SACgB,MACF,KAAd,EACgB,EAAhB,SACgB,MACF,KAAd,EACgB,EAAhB,MACgB,MAGJ,EAAZ,CACc,KAAd,OACc,UAAd,CACgB,MAAhB,GAEc,MAAd,cAEY,EAAZ,cACY,EAAZ,sBAEU,EAAV,aAGU,EAAV,6BAGA,mBACQ,EAAR,mCAKI,UAvDJ,WAyDM,IAGN,EAHA,0CACA,wBACA,OAEM,EAAN,CACQ,QAAR,GACQ,MAAR,GAYQ,MAAR,CACU,KAAV,WACU,KAAV,SAEQ,MAAR,GAEQ,OAAR,CACA,CACU,KAAV,OACU,KAAV,MACU,YAAV,GACU,YAAV,IACU,KAAV,WAIM,GAAN,mBCrI2X,I,wBCQvXC,EAAY,eACd,EACAnB,EACAkB,GACA,EACA,KACA,WACA,MAIa,aAAAC,E,2CCnBf,yBAAulB,EAAG","file":"js/chunk-3eabcc26.bd1cc61a.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"container\"},[_c('el-row',[_c('div',{staticClass:\"icon-text\"},[_c('span',{staticClass:\"header-text\"},[_vm._v(\"风险概览\")])]),_c('div',{staticClass:\"echarts-box\",attrs:{\"id\":\"containerone\"}}),_c('div',{staticClass:\"select-box\"},[_c('el-row',[_c('el-col',{attrs:{\"span\":6}},[_c('el-row',[_c('el-col',{attrs:{\"span\":16}},[_c('el-date-picker',{attrs:{\"type\":\"year\",\"placeholder\":\"全部\"},on:{\"change\":_vm.selectRiskBar},model:{value:(_vm.selectRiskBarYear),callback:function ($$v) {_vm.selectRiskBarYear=$$v},expression:\"selectRiskBarYear\"}})],1)],1)],1)],1)],1)])],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n    <div class=\"container\">\r\n        <el-row>\r\n            <div class=\"icon-text\">\r\n                <span class=\"header-text\">风险概览</span>\r\n            </div>\r\n            <div id=\"containerone\" class=\"echarts-box\"></div>\r\n            <div class=\"select-box\">\r\n                <el-row>\r\n                    <el-col :span=\"6\">\r\n                        <el-row>\r\n                            <!-- <el-col :span=\"6\">\r\n                                <span>年度：</span>\r\n                            </el-col> -->\r\n                            <el-col :span=\"16\">\r\n                                <el-date-picker v-model=\"selectRiskBarYear\" type=\"year\" @change=\"selectRiskBar\" placeholder=\"全部\">\r\n                                </el-date-picker>\r\n                            </el-col>\r\n                        </el-row>\r\n                    </el-col>\r\n                </el-row>\r\n            </div>\r\n        </el-row>\r\n    </div>\r\n</template>\r\n<script>\r\nexport default {\r\n    name: 'riskComparisonChart',\r\n    data() {\r\n        return {\r\n            selectRiskBarYear: '',\r\n            riskForm: {\r\n                riskBarFrom: [],\r\n                riskBarAllCount: ''\r\n            },\r\n            xData: [],\r\n            sData: [],\r\n        };\r\n    },\r\n    mounted() {\r\n        this.selectRiskBar();\r\n    },\r\n    methods: {\r\n        selectRiskBar(val) {\r\n            //风险概览\r\n            let self = this;\r\n            let postDta = {\r\n                year: (new Date(val)).getFullYear()\r\n            };\r\n            let obj = {};\r\n            this.sData = [];\r\n            this.xData = [];\r\n            this.$get(this.$API.HOME.Opdata, postDta)\r\n                .then((res) => {\r\n                    if (res.code == 1) {\r\n                        // this.riskForm.riskBarAllCount = res.data.allCount;\r\n                        // this.riskForm.riskBarFrom = [res.data.super, res.data.big, res.data.normal, res.data.low];\r\n                        this.riskForm.riskBarFrom = res.data;\r\n                        this.riskForm.riskBarFrom.map((item) => {\r\n                            let color = 'blue';\r\n                            switch (item.root_max_level) {\r\n                                case 1:\r\n                                    color = 'blue';\r\n                                    break;\r\n                                case 2:\r\n                                    color = 'yellow';\r\n                                    break;\r\n                                case 3:\r\n                                    color = 'orange';\r\n                                    break;\r\n                                case 4:\r\n                                    color = 'red';\r\n                                    break;\r\n                            }\r\n\r\n                            obj = {\r\n                                name: item.name,\r\n                                itemStyle: {\r\n                                    color: color\r\n                                },\r\n                                value: item.risk_value\r\n                            };\r\n                            self.sData.push(obj);\r\n                            self.xData.push(item.name);\r\n                        });\r\n                        self.totalRisk();\r\n                        // this.riskRroportion();\r\n                    } else {\r\n                        this.$message.error(res.message);\r\n                    }\r\n                })\r\n                .catch((err) => {\r\n                    this.$message.error(err.data.message);\r\n                });\r\n        },\r\n\r\n        // 风险图表\r\n        totalRisk() {\r\n            // dispatchAction 更新图表属性\r\n            let chartDom = document.getElementById('containerone');\r\n            let myChart = this.$echarts.init(chartDom);\r\n            let self = this;\r\n            let option;\r\n            option = {\r\n                tooltip: {},\r\n                title: {},\r\n\r\n                // toolbox: {\r\n                //     show: true,\r\n                //     feature: {\r\n                //         mark: { show: true },\r\n                //         dataView: { show: true, readOnly: false },\r\n                //         magicType: { show: true, type: ['line', 'bar', 'stack', 'tiled'] },\r\n                //         restore: { show: true },\r\n                //         saveAsImage: { show: true }\r\n                //     }\r\n                // },\r\n                xAxis: {\r\n                    type: 'category',\r\n                    data: self.xData\r\n                },\r\n                yAxis: {},\r\n\r\n                series: [\r\n                    {\r\n                        name: '作业活动',\r\n                        type: 'bar',\r\n                        barMinWidth: 20,\r\n                        barMaxWidth: 100,\r\n                        data: self.sData\r\n                    }\r\n                ]\r\n            };\r\n            option && myChart.setOption(option);\r\n        }\r\n    }\r\n};\r\n</script>\r\n<style lang='scss' scoped>\r\n@import './src/assets/css/moduleStyle/riskComponent.scss';\r\n</style>","import mod from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./riskComparisonChart.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./riskComparisonChart.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./riskComparisonChart.vue?vue&type=template&id=f2d73aa0&scoped=true&\"\nimport script from \"./riskComparisonChart.vue?vue&type=script&lang=js&\"\nexport * from \"./riskComparisonChart.vue?vue&type=script&lang=js&\"\nimport style0 from \"./riskComparisonChart.vue?vue&type=style&index=0&id=f2d73aa0&lang=scss&scoped=true&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"f2d73aa0\",\n  null\n  \n)\n\nexport default component.exports","import mod from \"-!../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../../node_modules/css-loader/index.js??ref--8-oneOf-1-1!../../../../node_modules/vue-loader/lib/loaders/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/lib/index.js??vue-loader-options!./riskComparisonChart.vue?vue&type=style&index=0&id=f2d73aa0&lang=scss&scoped=true&\"; export default mod; export * from \"-!../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../../node_modules/css-loader/index.js??ref--8-oneOf-1-1!../../../../node_modules/vue-loader/lib/loaders/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/lib/index.js??vue-loader-options!./riskComparisonChart.vue?vue&type=style&index=0&id=f2d73aa0&lang=scss&scoped=true&\""],"sourceRoot":""}