1

lkk

2025-04-29 cb9989c7167856993a02238fde5a0ddd37c2c0cd

 src/views/index.vue

@@ -1,5 +1,8 @@
<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">
@@ -33,6 +36,9 @@
          <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>
@@ -72,10 +78,18 @@

  created() {
    this.getList();

  },
  watch: {
        $route(to, from) {
            window.location.reload(); //监测到路由发生跳转时刷新一次页面
            // this.$router.go(0);
        },
    },
 

  methods: {

 
    getList() {
      this.loading = true;
      // 查询今日登记
@@ -102,8 +116,8 @@
      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);

        });
@@ -144,8 +158,8 @@
          yAxis: {
            type: 'value',
            min: 0,
            max: 50,
            interval: 5
            max: 400,
            interval: 20
          },
          series: [
            {
@@ -169,7 +183,7 @@
          ]

        })
        let sizeFun = function () {
        let sizeFun =  ()=> {
          myChart.resize()
        }
        window.addEventListener("resize", sizeFun)
@@ -180,17 +194,28 @@
      // 饼状图
      getPieChart().then((response) => {
        if (response.data) {
         
          if (response.data.tjdj.length === 0) {

          if(response.data.tjdj == 0){
            this.PieChart = []
            this.PieChart = [
                {
                  "name": "体检登记人数分布",
                  "count": 1,
                  "value": 10
                },
              
              ]
              {
                "name": "体检登记人数分布",
                "count": 1,
                "value": 10
              },

            ]
          }else if (response.data.tjdj.length === 0) {

            this.PieChart = []
            this.PieChart = [
              {
                "name": "体检登记人数分布",
                "count": 1,
                "value": 10
              },

            ]
          } else {
            this.PieChart = response.data.tjdj
            this.PieChart.forEach(item => {
@@ -223,6 +248,9 @@
                type: 'pie',
                radius: ['16%', '54%'],
                center: ["50%", "43%"],
                avoidLabelOveralap:false,
                startAngle:180,
                minAngle:10,
                data: this.PieChart,
                emphasis: {
                  itemStyle: {
@@ -234,16 +262,26 @@
              }]
          })

          if (response.data.tjyc.length === 0) {
          if(response.data.tjyc == 0){
            this.PieChart2 = []
            this.PieChart2 = [
                {
                  "name": "体检结果异常人数分布",
                  "count": 1,
                  "value": 10
                },
              
              ]
              {
                "name": "体检结果异常人数分布",
                "count": 1,
                "value": 0
              },

            ]
          }else if (response.data.tjyc.length === 0) {
            this.PieChart2 = []
            this.PieChart2 = [
              {
                "name": "体检结果异常人数分布",
                "count": 1,
                "value": 0
              },

            ]
          } else {
            this.PieChart2 = response.data.tjyc
            this.PieChart2.reverse()
@@ -275,6 +313,9 @@
                type: 'pie',
                radius: ['16%', '54%'],
                center: ["50%", "43%"],
                avoidLabelOveralap:false,
                startAngle:180,
                minAngle:10,
                data: this.PieChart2,
                emphasis: {
                  itemStyle: {
@@ -285,13 +326,14 @@
                }
              }]
          })
        }


        window.onresize = function () {
          window.onresize =  () =>{
          myChart2.resize()
          myChart3.resize()
        }
        }


      
        this.loading = false;
      });

@@ -309,9 +351,10 @@

<style>
.centre {
  height: 820px;
  min-height: 820px;
  margin: 15px 15px;
  background-color: #f3f3f3;
  padding: 10px 10px 10px 10px;
}

.top {
@@ -358,6 +401,7 @@

.data-view {
  margin: 0 15px;
  height: 323px !important
}

#main {
@@ -367,7 +411,7 @@
.view {
  margin: 0px 15px;
  padding-top: 15px;
  height: 350px;
  min-height: 350px;
  display: flex;
}