| | |
| | | <template> |
| | | <div class="centre"> |
| | | <div style="display:flex;justify-content: center;align-items: center;"> |
| | | <h4>今日统计</h4> |
| | | </div> |
| | | <div class="top"> |
| | | <div class="add"> |
| | | <div class="img"> |
| | |
| | | <div class="day">今日待检 {{ TobeToday }}</div> |
| | | </div> |
| | | </div> |
| | | </div> |
| | | <div style="display:flex;justify-content: center;align-items: center;"> |
| | | <h4>近一月统计</h4> |
| | | </div> |
| | | <div class="data-view"> |
| | | <div id="main" style="width:95%;height:330px"></div> |
| | |
| | | getChart().then((response) => { |
| | | response.data.forEach(item => { |
| | | this.LineChart.push(item.date) |
| | | this.personYYNum.push(item.tdcoun); |
| | | this.reportNum.push(item.grcoun); |
| | | this.reportNum.push(item.tdcoun); |
| | | this.personYYNum.push(item.grcoun); |
| | | this.teamYYNum.push(item.bgcoun); |
| | | |
| | | }); |
| | |
| | | yAxis: { |
| | | type: 'value', |
| | | min: 0, |
| | | max: 50, |
| | | max: 100, |
| | | interval: 5 |
| | | }, |
| | | series: [ |
| | |
| | | { |
| | | "name": "体检结果异常人数分布", |
| | | "count": 1, |
| | | "value": 10 |
| | | "value": 0 |
| | | }, |
| | | |
| | | ] |
| | |
| | | { |
| | | "name": "体检结果异常人数分布", |
| | | "count": 1, |
| | | "value": 10 |
| | | "value": 0 |
| | | }, |
| | | |
| | | ] |
| | |
| | | |
| | | <style> |
| | | .centre { |
| | | height: 820px; |
| | | min-height: 820px; |
| | | margin: 15px 15px; |
| | | background-color: #f3f3f3; |
| | | padding: 10px 10px 10px 10px; |
| | | } |
| | | |
| | | .top { |
| | |
| | | .view { |
| | | margin: 0px 15px; |
| | | padding-top: 15px; |
| | | height: 350px; |
| | | min-height: 350px; |
| | | display: flex; |
| | | } |
| | | |