{"remainingRequest":"C:\\Users\\Administrator\\Desktop\\最新\\supervision-ui\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\Administrator\\Desktop\\最新\\supervision-ui\\src\\views\\bdglregular\\specialcountinfo\\index.vue?vue&type=style&index=0&id=ce9c740a&scoped=true&lang=css&","dependencies":[{"path":"C:\\Users\\Administrator\\Desktop\\最新\\supervision-ui\\src\\views\\bdglregular\\specialcountinfo\\index.vue","mtime":1647228900802},{"path":"C:\\Users\\Administrator\\Desktop\\最新\\supervision-ui\\node_modules\\css-loader\\dist\\cjs.js","mtime":499162500000},{"path":"C:\\Users\\Administrator\\Desktop\\最新\\supervision-ui\\node_modules\\vue-loader\\lib\\loaders\\stylePostLoader.js","mtime":499162500000},{"path":"C:\\Users\\Administrator\\Desktop\\最新\\supervision-ui\\node_modules\\postcss-loader\\src\\index.js","mtime":499162500000},{"path":"C:\\Users\\Administrator\\Desktop\\最新\\supervision-ui\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"C:\\Users\\Administrator\\Desktop\\最新\\supervision-ui\\node_modules\\vue-loader\\lib\\index.js","mtime":499162500000}],"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"]}]}