| | |
| | | |
| | | created() { |
| | | this.getList(); |
| | | |
| | | }, |
| | | watch: { |
| | | $route(to, from) { |
| | | window.location.reload(); //监测到路由发生跳转时刷新一次页面 |
| | | // this.$router.go(0); |
| | | }, |
| | | }, |
| | | |
| | | |
| | | methods: { |
| | | |
| | | |
| | | getList() { |
| | | this.loading = true; |
| | | // 查询今日登记 |
| | |
| | | // 饼状图 |
| | | getPieChart().then((response) => { |
| | | if (response.data) { |
| | | |
| | | |
| | | if (response.data.tjdj.length === 0) { |
| | | this.PieChart = [] |
| | | this.PieChart = [ |
| | | { |
| | | "name": "体检登记人数分布", |
| | | "count": 1, |
| | | "value": 10 |
| | | }, |
| | | |
| | | ] |
| | | { |
| | | "name": "体检登记人数分布", |
| | | "count": 1, |
| | | "value": 10 |
| | | }, |
| | | |
| | | ] |
| | | } else { |
| | | this.PieChart = response.data.tjdj |
| | | this.PieChart.forEach(item => { |
| | |
| | | type: 'pie', |
| | | radius: ['16%', '54%'], |
| | | center: ["50%", "43%"], |
| | | avoidLabelOveralap:false, |
| | | startAngle:180, |
| | | minAngle:10, |
| | | data: this.PieChart, |
| | | emphasis: { |
| | | itemStyle: { |
| | |
| | | if (response.data.tjyc.length === 0) { |
| | | this.PieChart2 = [] |
| | | this.PieChart2 = [ |
| | | { |
| | | "name": "体检结果异常人数分布", |
| | | "count": 1, |
| | | "value": 10 |
| | | }, |
| | | |
| | | ] |
| | | { |
| | | "name": "体检结果异常人数分布", |
| | | "count": 1, |
| | | "value": 10 |
| | | }, |
| | | |
| | | ] |
| | | } else { |
| | | this.PieChart2 = response.data.tjyc |
| | | this.PieChart2.reverse() |
| | |
| | | type: 'pie', |
| | | radius: ['16%', '54%'], |
| | | center: ["50%", "43%"], |
| | | avoidLabelOveralap:false, |
| | | startAngle:180, |
| | | minAngle:10, |
| | | data: this.PieChart2, |
| | | emphasis: { |
| | | itemStyle: { |
| | |
| | | } |
| | | |
| | | |
| | | window.onresize = function () { |
| | | myChart2.resize() |
| | | myChart3.resize() |
| | | } |
| | | // window.onresize = function () { |
| | | // myChart2.resize() |
| | | // myChart3.resize() |
| | | // } |
| | | this.loading = false; |
| | | }); |
| | | |
| | |
| | | |
| | | .data-view { |
| | | margin: 0 15px; |
| | | height: 323px !important |
| | | } |
| | | |
| | | #main { |