| 1 |
- {"remainingRequest":"D:\\Desktop\\supervision-ui\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\Desktop\\supervision-ui\\src\\views\\bdglregular\\specialcountinfo\\index.vue?vue&type=style&index=0&id=ce9c740a&scoped=true&lang=css&","dependencies":[{"path":"D:\\Desktop\\supervision-ui\\src\\views\\bdglregular\\specialcountinfo\\index.vue","mtime":1647101026870},{"path":"D:\\Desktop\\supervision-ui\\node_modules\\css-loader\\dist\\cjs.js","mtime":1647101097753},{"path":"D:\\Desktop\\supervision-ui\\node_modules\\vue-loader\\lib\\loaders\\stylePostLoader.js","mtime":1647222689826},{"path":"D:\\Desktop\\supervision-ui\\node_modules\\postcss-loader\\src\\index.js","mtime":1647222688926},{"path":"D:\\Desktop\\supervision-ui\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1647101096564},{"path":"D:\\Desktop\\supervision-ui\\node_modules\\vue-loader\\lib\\index.js","mtime":1647222689264}],"contextDependencies":[],"result":[{"type":"Buffer","data":"base64:CgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKDQoud3JhcCB7DQogIHdpZHRoOiAxMDAlOw0KICBoZWlnaHQ6IDEwMCU7DQogIGJhY2tncm91bmQtY29sb3I6ICMxMDMzNjA7DQp9DQouaGVhZCB7DQogIHdpZHRoOiAxMDAlOw0KICBoZWlnaHQ6IDQwMHB4Ow0KICBkaXNwbGF5OiBmbGV4Ow0KICBmbGV4LWRpcmVjdGlvbjogcm93Ow0KfQ0KLmhlYWQtbGVmdCB7DQogIGZsZXg6IDQ7DQogIGhlaWdodDogOTUlOw0KICBiYWNrZ3JvdW5kLWltYWdlOiB1cmwoIi4uLy4uLy4uL2Fzc2V0cy9pbWFnZXMvc21hbGxfYmdfMS5wbmciKTsNCiAgYmFja2dyb3VuZC1yZXBlYXQ6IG5vLXJlcGVhdDsNCiAgYmFja2dyb3VuZC1zaXplOiAxMDAlIDEwMCU7DQogIG1hcmdpbi10b3A6IDEwcHg7DQogIG1hcmdpbi1ib3R0b206IDEwcHg7DQogIG1hcmdpbi1sZWZ0OiAxMHB4Ow0KfQ0KLmhlYWQtcmlnaHQgew0KICBmbGV4OiA2Ow0KICBoZWlnaHQ6IDk1JTsNCiAgYmFja2dyb3VuZC1pbWFnZTogdXJsKCIuLi8uLi8uLi9hc3NldHMvaW1hZ2VzL3NtYWxsX2JnXzEucG5nIik7DQogIGJhY2tncm91bmQtcmVwZWF0OiBuby1yZXBlYXQ7DQogIGJhY2tncm91bmQtc2l6ZTogMTAwJSAxMDAlOw0KICBtYXJnaW4tdG9wOiAxMHB4Ow0KICBtYXJnaW4tYm90dG9tOiAxMHB4Ow0KICBtYXJnaW4tbGVmdDogMTBweDsNCiAgbWFyZ2luLXJpZ2h0OiAxMHB4Ow0KfQ0KDQouaGVhZC1sZWZ0LXRpdGxlIHsNCiAgd2lkdGg6IDk2JTsNCiAgaGVpZ2h0OiAzMHB4Ow0KICBmb250LXNpemU6IDE4cHg7DQogIGNvbG9yOiAjZmZmOw0KICBiYWNrZ3JvdW5kLWltYWdlOiB1cmwoIi4uLy4uLy4uL2Fzc2V0cy9pbWFnZXMvZHRpdGxlLnBuZyIpOw0KICBiYWNrZ3JvdW5kLXJlcGVhdDogbm8tcmVwZWF0Ow0KICBtYXJnaW4tdG9wOiA5cHg7DQogIGxpbmUtaGVpZ2h0OiAzMHB4Ow0KICBwb3NpdGlvbjogcmVsYXRpdmU7DQp9DQouaGVhZC1sZWZ0LXRpdGxlIHNwYW4gew0KICBwb3NpdGlvbjogYWJzb2x1dGU7DQogIGxlZnQ6ODBweDsNCn0NCg0KOjp2LWRlZXAgLmVsLXRhYmxlX19lbXB0eS1ibG9jayB7DQogIGJhY2tncm91bmQtY29sb3I6ICMwYzJjNTA7DQp9DQouZm9vdCB7DQogIHdpZHRoOiAxMDAlOw0KICBoZWlnaHQ6IDQ1MHB4Ow0KICBkaXNwbGF5OiBmbGV4Ow0KICBmbGV4LWRpcmVjdGlvbjogcm93Ow0KfQ0KLmZvb3QtbGVmdCB7DQogIGZsZXg6IDQ7DQogIGhlaWdodDogOTglOw0KICBiYWNrZ3JvdW5kLWltYWdlOiB1cmwoIi4uLy4uLy4uL2Fzc2V0cy9pbWFnZXMvc21hbGxfYmdfMS5wbmciKTsNCiAgYmFja2dyb3VuZC1yZXBlYXQ6IG5vLXJlcGVhdDsNCiAgYmFja2dyb3VuZC1zaXplOiAxMDAlIDEwMCU7DQogIG1hcmdpbi1sZWZ0OiAxMHB4Ow0KfQ0KLmZvb3QtcmlnaHQgew0KICBmbGV4OiA2Ow0KICBoZWlnaHQ6IDk4JTsNCiAgYmFja2dyb3VuZC1pbWFnZTogdXJsKCIuLi8uLi8uLi9hc3NldHMvaW1hZ2VzL3NtYWxsX2JnXzEucG5nIik7DQogIGJhY2tncm91bmQtcmVwZWF0OiBuby1yZXBlYXQ7DQogIGJhY2tncm91bmQtc2l6ZTogMTAwJSAxMDAlOw0KICBtYXJnaW4tbGVmdDogMTBweDsNCiAgbWFyZ2luLXJpZ2h0OiAxMHB4Ow0KfQ0KLmZvb3QtcmlnaHQtbWFpbiB7DQogIHdpZHRoOiAxMDAlOw0KICBoZWlnaHQ6IDEwMCU7DQp9DQouZm9vdC1yaWdodC1tYWluIC5ibG9jayB7DQogIHdpZHRoOiAyMCU7DQogIGhlaWdodDogNDIlOw0KICBtYXJnaW46IDA7DQogIGRpc3BsYXk6IGlubGluZS1ibG9jazsNCn0NCiNmb290LWxlZnQtY29udGVudCB7DQogIHdpZHRoOiA5MCU7DQogIGhlaWdodDogMzgwcHg7DQp9DQo="},{"version":3,"sources":["index.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA6SA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA","file":"index.vue","sourceRoot":"src/views/bdglregular/specialcountinfo","sourcesContent":["<template>\r\n <div class=\"wrap\">\r\n <div class=\"head\">\r\n <div class=\"head-left\">\r\n <div class=\"head-left-title\">\r\n <span>营级单位排名</span>\r\n </div>\r\n <el-table\r\n :data=\"peopleList\"\r\n :header-cell-style=\"{ background: '#0c2c50', color: 'white' }\"\r\n style=\"width:98%;background:#0c2c50;margin-left:1%;\"\r\n height=\"300\"\r\n >\r\n <!-- <el-table-column type=\"selection\" width=\"55\" align=\"center\" /> -->\r\n <el-table-column label=\"名次\" align=\"center\" type=\"index\" />\r\n <!-- <el-table-column label=\"备用手机号\" align=\"center\" prop=\"id\" /> -->\r\n <el-table-column label=\"单位\" align=\"center\" prop=\"name\" />\r\n <el-table-column label=\"加分\" align=\"center\" prop=\"addscore\">\r\n <template slot-scope=\"scope\">\r\n <div style=\"color:#008000;\">{{ scope.row.addscore }}</div>\r\n </template>\r\n </el-table-column>\r\n <el-table-column label=\"减分\" align=\"center\" prop=\"subscore\">\r\n <template slot-scope=\"scope\">\r\n <div style=\"color:#f00;\">{{ scope.row.subscore }}</div>\r\n </template>\r\n </el-table-column>\r\n <el-table-column label=\"总分\" align=\"center\" prop=\"zongfen\" />\r\n </el-table>\r\n </div>\r\n <div class=\"head-right\">\r\n <div class=\"head-left-title\">\r\n <span>待处理及待验收问题</span>\r\n </div>\r\n <el-table\r\n :data=\"peopleList2\"\r\n :header-cell-style=\"{ background: '#0c2c50', color: 'white' }\"\r\n style=\"width:98%;background:#0c2c50;margin-left:1%;\"\r\n height=\"300\"\r\n >\r\n <!-- <el-table-column type=\"selection\" width=\"55\" align=\"center\" /> -->\r\n <el-table-column label=\"序号\" align=\"center\" type=\"index\" />\r\n <el-table-column label=\"受检单位\" align=\"center\" prop=\"inspectedUnit\" />\r\n <el-table-column label=\"检查单位\" align=\"center\" prop=\"unitCheck\"></el-table-column>\r\n <el-table-column label=\"状态\" align=\"center\" prop=\"currentState\"></el-table-column>\r\n <el-table-column label=\"减分\" align=\"center\" prop=\"score\">\r\n <template slot-scope=\"scope\">\r\n <div style=\"color:#f00;\">{{ scope.row.score }}</div>\r\n </template>\r\n </el-table-column>\r\n <el-table-column label=\"事由\" align=\"center\" prop=\"question\" />\r\n <el-table-column label=\"整改时间\" align=\"center\" prop=\"rectificationTime\" width=\"180\">\r\n <template slot-scope=\"scope\">\r\n <span>\r\n {{\r\n parseTime(scope.row.rectificationTime, \"{y}-{m}-{d}\")\r\n }}\r\n </span>\r\n </template>\r\n </el-table-column>\r\n </el-table>\r\n </div>\r\n </div>\r\n <div class=\"foot\">\r\n <div class=\"foot-left\">\r\n <div class=\"head-left-title\">\r\n <span>整体状态完成比例</span>\r\n </div>\r\n <div id=\"foot-left-content\"></div>\r\n </div>\r\n <div class=\"foot-right\">\r\n <div class=\"head-left-title\">\r\n <span>各营级</span>\r\n </div>\r\n <div class=\"foot-right-main\" id=\"foot-right-main\" ref=\"foot\">\r\n <div class=\"block\"></div>\r\n <div class=\"block\"></div>\r\n <div class=\"block\"></div>\r\n <div class=\"block\"></div>\r\n <div class=\"block\"></div>\r\n <div class=\"block\"></div>\r\n <div class=\"block\"></div>\r\n <div class=\"block\"></div>\r\n <div class=\"block\"></div>\r\n <div class=\"block\"></div>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n</template>\r\n\r\n<script>\r\nimport {\r\n unitrank,\r\n pendingacceptance,\r\n completeproportion,\r\n unitproportion\r\n} from \"@/api/bdglregular/specialcountinfo\";\r\nimport * as echarts from \"echarts\";\r\nexport default {\r\n data() {\r\n return {\r\n peopleList: [],\r\n peopleList2: [],\r\n peopleList3: []\r\n };\r\n },\r\n created() {\r\n this.getlist();\r\n this.getlist2();\r\n },\r\n mounted() {\r\n this.getlist3();\r\n this.echarfun();\r\n },\r\n methods: {\r\n getlist() {\r\n unitrank().then(res => {\r\n if (res.code == 200) {\r\n this.peopleList = res.data;\r\n }\r\n });\r\n },\r\n getlist2() {\r\n pendingacceptance().then(res => {\r\n if (res.code == 200) {\r\n this.peopleList2 = res.data;\r\n }\r\n });\r\n },\r\n getlist3() {\r\n completeproportion().then(res => {\r\n if (res.code == 200) {\r\n var myChart = echarts.init(\r\n document.getElementById(\"foot-left-content\")\r\n );\r\n var option = {\r\n title: {\r\n text: \"\",\r\n subtext: \"\",\r\n left: \"\"\r\n },\r\n tooltip: {\r\n trigger: \"item\",\r\n formatter: \"{a} <br/>{b} : {c} ({d}%)\"\r\n },\r\n color: ['#fac858', '#5470c6', '#ee6666','#91cc75'],\r\n legend: {\r\n orient: \"vertical\",\r\n right: \"0\",\r\n top: \"10%\",\r\n itemGap: 20,\r\n textStyle: {\r\n color: \"#fff\"\r\n },\r\n data: [\"待处理\", \"待验收\", \"未通过\", \"已通过\"]\r\n },\r\n series: [\r\n {\r\n name: \"整体完成比例\",\r\n type: \"pie\",\r\n radius: \"80%\",\r\n label: {\r\n normal: {\r\n show: true,\r\n position: \"inner\",\r\n formatter: \"{c}\", //\\n({d}%)\r\n textStyle: {\r\n fontWeight: 300,\r\n fontSize: 16,\r\n color: \"#fff\"\r\n }\r\n }\r\n },\r\n data: [\r\n {\r\n value: res.data[0].daiyanshou,\r\n name: \"待验收\"\r\n },\r\n {\r\n value: res.data[0].yitongguo,\r\n name: \"已通过\"\r\n },\r\n {\r\n value: res.data[0].daichuli,\r\n name: \"待处理\"\r\n },\r\n {\r\n value: res.data[0].weitongguo,\r\n name: \"未通过\"\r\n }\r\n ],\r\n emphasis: {\r\n itemStyle: {\r\n shadowBlur: 10,\r\n shadowOffsetX: 0,\r\n shadowColor: \"rgba(0, 0, 0, 0.5)\"\r\n }\r\n }\r\n }\r\n ]\r\n };\r\n myChart.setOption(option);\r\n }\r\n });\r\n },\r\n getlist4() {},\r\n echarfun() {\r\n unitproportion().then(res => {\r\n if (res.code == 200) {\r\n this.peopleList3 = res.data;\r\n var roseCharts = document.getElementsByClassName(\"block\");\r\n for (var i = 0; i < this.peopleList3.length; i++) {\r\n console.log(this.peopleList3);\r\n var myChart = echarts.init(roseCharts[i]);\r\n var option = {\r\n title: {\r\n text: this.peopleList3[i].name,\r\n subtext: \"\",\r\n // left: \"\",\r\n y: \"bottom\",\r\n x: \"center\",\r\n padding:0,\r\n textStyle: {\r\n color: \"#ffff\",\r\n // fontSize: 12,\r\n fontStyle: \"normal\",\r\n fontWeight: \"normal\"\r\n }\r\n },\r\n color: ['#fac858', '#5470c6', '#ee6666','#91cc75'],\r\n tooltip: {\r\n trigger: \"item\",\r\n formatter: \"{a} <br/>{b} : {c} ({d}%)\"\r\n },\r\n // legend: {\r\n // orient: \"vertical\",\r\n // right: \"0\",\r\n // top: \"3%\",\r\n // itemGap: 5,\r\n // textStyle: {\r\n // color: \"#fff\"\r\n // },\r\n // data: [\"待处理\", \"待验收\", \"未通过\", \"已通过\"]\r\n // },\r\n series: [\r\n {\r\n name: this.peopleList3[i].name,\r\n type: \"pie\",\r\n radius: \"60%\",\r\n center: [\"50%\", \"50%\"],\r\n label: {\r\n normal: {\r\n show: true,\r\n position: \"inner\",\r\n formatter: \"{c}\", //\\n({d}%)\r\n textStyle: {\r\n fontWeight: 300,\r\n fontSize: 16,\r\n color: \"#fff\"\r\n }\r\n }\r\n },\r\n data: [\r\n {\r\n value: this.peopleList3[i].daichuli,\r\n name: \"待处理\"\r\n },\r\n {\r\n value: this.peopleList3[i].daiyanshou,\r\n name: \"待验收\"\r\n },\r\n {\r\n value: this.peopleList3[i].weitongguo,\r\n name: \"未通过\"\r\n },\r\n {\r\n value: this.peopleList3[i].yitongguo,\r\n name: \"已通过\"\r\n }\r\n ],\r\n emphasis: {\r\n itemStyle: {\r\n shadowBlur: 10,\r\n shadowOffsetX: 0,\r\n shadowColor: \"rgba(0, 0, 0, 0.5)\"\r\n }\r\n }\r\n }\r\n ]\r\n };\r\n myChart.setOption(option);\r\n }\r\n }\r\n });\r\n }\r\n }\r\n};\r\n</script>\r\n\r\n<style scoped>\r\n.wrap {\r\n width: 100%;\r\n height: 100%;\r\n background-color: #103360;\r\n}\r\n.head {\r\n width: 100%;\r\n height: 400px;\r\n display: flex;\r\n flex-direction: row;\r\n}\r\n.head-left {\r\n flex: 4;\r\n height: 95%;\r\n background-image: url(\"../../../assets/images/small_bg_1.png\");\r\n background-repeat: no-repeat;\r\n background-size: 100% 100%;\r\n margin-top: 10px;\r\n margin-bottom: 10px;\r\n margin-left: 10px;\r\n}\r\n.head-right {\r\n flex: 6;\r\n height: 95%;\r\n background-image: url(\"../../../assets/images/small_bg_1.png\");\r\n background-repeat: no-repeat;\r\n background-size: 100% 100%;\r\n margin-top: 10px;\r\n margin-bottom: 10px;\r\n margin-left: 10px;\r\n margin-right: 10px;\r\n}\r\n\r\n.head-left-title {\r\n width: 96%;\r\n height: 30px;\r\n font-size: 18px;\r\n color: #fff;\r\n background-image: url(\"../../../assets/images/dtitle.png\");\r\n background-repeat: no-repeat;\r\n margin-top: 9px;\r\n line-height: 30px;\r\n position: relative;\r\n}\r\n.head-left-title span {\r\n position: absolute;\r\n left:80px;\r\n}\r\n\r\n::v-deep .el-table__empty-block {\r\n background-color: #0c2c50;\r\n}\r\n.foot {\r\n width: 100%;\r\n height: 450px;\r\n display: flex;\r\n flex-direction: row;\r\n}\r\n.foot-left {\r\n flex: 4;\r\n height: 98%;\r\n background-image: url(\"../../../assets/images/small_bg_1.png\");\r\n background-repeat: no-repeat;\r\n background-size: 100% 100%;\r\n margin-left: 10px;\r\n}\r\n.foot-right {\r\n flex: 6;\r\n height: 98%;\r\n background-image: url(\"../../../assets/images/small_bg_1.png\");\r\n background-repeat: no-repeat;\r\n background-size: 100% 100%;\r\n margin-left: 10px;\r\n margin-right: 10px;\r\n}\r\n.foot-right-main {\r\n width: 100%;\r\n height: 100%;\r\n}\r\n.foot-right-main .block {\r\n width: 20%;\r\n height: 42%;\r\n margin: 0;\r\n display: inline-block;\r\n}\r\n#foot-left-content {\r\n width: 90%;\r\n height: 380px;\r\n}\r\n</style>\r\n"]}]}
|
