su

su1124

2024-01-08 02dd7d431d0a414bafef4602350d24c72a41de3f

 src/views/picture/music/index.vue

@@ -10,10 +10,12 @@
    >
      <el-form-item label="体检号" prop="tjNum">
        <el-input
          ref="inputName"
          v-model="queryParams.tjNum"
          placeholder="请输入体检号"
          clearable
          @keyup.enter.native="handleQuery"
          @blur="handleQuery"
          style="width: 160px"
        />
      </el-form-item>
@@ -73,9 +75,14 @@
          />
          <!-- <el-table-column label="身份证" align="center" prop="customer.cusIdcard" width="170px" /> -->
          <el-table-column label="性别" align="center" prop="customer.cusSex">
            <template slot-scope="scope">
            <!-- <template slot-scope="scope">
              {{ scope.row.customer.cusSex === 0 ? "男" : "女" }}
              <!-- <dict-tag :options="dict.type.sys_user_sex" :value="scope.row.cusSex " /> -->
            </template> -->
            <template slot-scope="scope">
              <dict-tag
                :options="dict.type.sys_user_sex"
                :value="scope.row.customer.cusSex"
              />
            </template>
          </el-table-column>
          <!-- <el-table-column label="生日" align="center" prop="customer.cusBrithday" width="110px" /> -->
@@ -140,7 +147,7 @@
          <el-table-column label="项目结果" align="center" prop="fixedValue" /> -->
      <!-- <el-table-column label="结论" align="center" prop="measuredValue" /> -->
      <!-- </el-table>

 
        <div style="height: 390px; margin-top: 10px">
          <el-image
            v-loading="loading"
@@ -232,85 +239,98 @@
      <div class="tanchuangbox">
        <div class="tanchuangbox_left">
          <el-form
            :model="queryParams"
            :model="row"
            ref="queryForm"
            size="small"
            :inline="true"
            v-show="showSearch"
            label-width="68px"
          >
            <el-form-item label="单位名称" prop="tjNum">
              <el-input
                v-model="queryParams.tjNum"
                placeholder="请输入单位名称"
                clearable
                style="width: 150px"
                disabled
              />
            </el-form-item>
            <el-form-item label="单位工种" prop="name">
              <el-input
                v-model="queryParams.name"
                placeholder="请输入单位工种"
                clearable
                disabled
                style="width: 150px"
              />
            </el-form-item>
            <el-form-item label="姓名" prop="name">
            <el-form-item label="姓名" prop="cusName">
              <el-input
                v-model="queryParams.name"
                v-model="row.cusName"
                placeholder="请输入姓名"
                clearable
                disabled
                style="width: 150px"
              />
            </el-form-item>
            <el-form-item label="性别" prop="name">
              <el-input
                v-model="queryParams.name"
                placeholder="请输入性别"
                clearable
            <el-form-item label="性别" prop="cusSex">
              <el-select
                disabled
                v-model="row.cusSex"
                placeholder="请选择性别"
                style="width: 150px"
              />
              >
                <el-option
                  v-for="dict in dict.type.sys_user_sex"
                  :key="dict.value"
                  :label="dict.label"
                  :value="parseInt(dict.value)"
                ></el-option>
              </el-select>
            </el-form-item>
            <el-form-item label="年龄" prop="name">
            <el-form-item label="年龄" prop="age">
              <el-input
                v-model="queryParams.name"
                v-model="row.age"
                placeholder="请输入年龄"
                clearable
                disabled
                style="width: 150px"
              />
            </el-form-item>
            <el-form-item label="身份证号" prop="name">
            <el-form-item label="身份证号" prop="cusIdcard">
              <el-input
                v-model="queryParams.name"
                v-model="row.cusIdcard"
                placeholder="请输入身份证号"
                clearable
                disabled
                style="width: 150px"
              />
            </el-form-item>
            <el-form-item label="体检日期" prop="name">
            <el-form-item label="体检日期" prop="tjTime">
              <el-input
                v-model="queryParams.name"
                v-model="row.tjTime"
                placeholder="请输入体检日期"
                clearable
                disabled
                style="width: 150px"
              />
            </el-form-item>
            <el-form-item label="体检类型" prop="name">
              <el-input
                v-model="queryParams.name"
                placeholder="请输入体检类型"
                clearable
            <el-form-item label="体检类型" prop="tjType">
              <el-select
                disabled
                v-model="row.tjType"
                placeholder="请选择体检类型"
                style="width: 150px"
              />
              >
                <el-option
                  v-for="dict in dict.type.dict_tjtype"
                  :key="dict.value"
                  :label="dict.label"
                  :value="parseInt(dict.value)"
                />
              </el-select>
            </el-form-item>
            <el-form-item label="工龄" prop="name">
            <!-- <el-form-item label="工龄" prop="name">
              <el-input
                v-model="queryParams.name"
                placeholder="请输入工龄"
                clearable
                disabled
                style="width: 150px"
              />
            </el-form-item>
            </el-form-item> -->
          </el-form>
          <div class="data-view">
            <div id="main" style="width: 40%; height: 300px"></div>
@@ -321,12 +341,12 @@
          <div class="tanchuangbox_left1">
            <div>
              <div class="nums">
                <span class="nums_txt">500</span>
                <span class="nums_txt">1000</span>
                <span class="nums_txt">2000</span>
                <span class="nums_txt">3000</span>
                <span class="nums_txt">4000</span>
                <span class="nums_txt">6000</span>
                <span
                  class="nums_txt"
                  v-for="(item, index) in yList"
                  :key="index"
                  >{{ item }}</span
                >
              </div>
              <el-form
                :model="queryParams"
@@ -336,33 +356,81 @@
                v-show="showSearch"
                label-width="90px"
              >
                <el-form-item label="实测气导值:" prop="tjNum">
                  <el-input v-model="queryParams.tjNum" style="width: 50px" />
                  <el-input v-model="queryParams.tjNum" style="width: 50px" />
                  <el-input v-model="queryParams.tjNum" style="width: 50px" />
                  <el-input v-model="queryParams.tjNum" style="width: 50px" />
                  <el-input v-model="queryParams.tjNum" style="width: 50px" />
                  <el-input v-model="queryParams.tjNum" style="width: 50px" />
                <el-form-item label="实测气导值:">
                  <el-input
                    v-model="yqdwb"
                    style="width: 50px"
                    @input="ysels"
                  />
                  <el-input
                    v-model="yqdyq"
                    style="width: 50px"
                    @input="ysels1"
                  />
                  <el-input
                    v-model="yqdlq"
                    style="width: 50px"
                    @input="ysels2"
                  />
                  <el-input
                    v-model="yqdsq"
                    style="width: 50px"
                    @input="ysels3"
                  />
                  <el-input
                    v-model="yqdsiq"
                    style="width: 50px"
                    @input="ysels4"
                  />
                  <el-input
                    v-model="yqdliuq"
                    style="width: 50px"
                    @input="ysels5"
                  />
                </el-form-item>
                <el-form-item label="实测骨导值:" prop="tjNum">
                  <el-input v-model="queryParams.tjNum" style="width: 50px" />
                  <el-input v-model="queryParams.tjNum" style="width: 50px" />
                  <el-input v-model="queryParams.tjNum" style="width: 50px" />
                  <el-input v-model="queryParams.tjNum" style="width: 50px" />
                  <el-input v-model="queryParams.tjNum" style="width: 50px" />
                  <el-input v-model="queryParams.tjNum" style="width: 50px" />
                <el-form-item label="实测骨导值:">
                  <el-input
                    v-model="ygdwb"
                    style="width: 50px"
                    @input="ygsels"
                  />
                  <el-input
                    v-model="ygdyq"
                    style="width: 50px"
                    @input="ygsels1"
                  />
                  <el-input
                    v-model="ygdlq"
                    style="width: 50px"
                    @input="ygsels2"
                  />
                  <el-input
                    v-model="ygdsq"
                    style="width: 50px"
                    @input="ygsels3"
                  />
                  <el-input
                    v-model="ygdsiq"
                    style="width: 50px"
                    @input="ygsels4"
                  />
                  <el-input
                    v-model="ygdliuq"
                    style="width: 50px"
                    @input="ygsels5"
                  />
                </el-form-item>
              </el-form>
            </div>

            <div>
              <div class="nums">
                <span class="nums_txt">500</span>
                <span class="nums_txt">1000</span>
                <span class="nums_txt">2000</span>
                <span class="nums_txt">3000</span>
                <span class="nums_txt">4000</span>
                <span class="nums_txt">6000</span>
                <span
                  class="nums_txt"
                  v-for="(item, index) in yList"
                  :key="index"
                  >{{ item }}</span
                >
              </div>
              <el-form
                :model="queryParams"
@@ -372,28 +440,80 @@
                v-show="showSearch"
                label-width="90px"
              >
                <el-form-item label="实测气导值:" prop="tjNum">
                  <el-input v-model="queryParams.tjNum" style="width: 50px" />
                  <el-input v-model="queryParams.tjNum" style="width: 50px" />
                  <el-input v-model="queryParams.tjNum" style="width: 50px" />
                  <el-input v-model="queryParams.tjNum" style="width: 50px" />
                  <el-input v-model="queryParams.tjNum" style="width: 50px" />
                  <el-input v-model="queryParams.tjNum" style="width: 50px" />
                <el-form-item label="实测气导值:">
                  <el-input
                    v-model="zqdwb"
                    style="width: 50px"
                    @input="zsels"
                  />
                  <el-input
                    v-model="zqdyq"
                    style="width: 50px"
                    @input="zsels1"
                  />
                  <el-input
                    v-model="zqdlq"
                    style="width: 50px"
                    @input="zsels2"
                  />
                  <el-input
                    v-model="zqdsq"
                    style="width: 50px"
                    @input="zsels3"
                  />
                  <el-input
                    v-model="zqdsiq"
                    style="width: 50px"
                    @input="zsels4"
                  />
                  <el-input
                    v-model="zqdliuq"
                    style="width: 50px"
                    @input="zsels5"
                  />
                </el-form-item>
                <el-form-item label="实测骨导值:" prop="tjNum">
                  <el-input v-model="queryParams.tjNum" style="width: 50px" />
                  <el-input v-model="queryParams.tjNum" style="width: 50px" />
                  <el-input v-model="queryParams.tjNum" style="width: 50px" />
                  <el-input v-model="queryParams.tjNum" style="width: 50px" />
                  <el-input v-model="queryParams.tjNum" style="width: 50px" />
                  <el-input v-model="queryParams.tjNum" style="width: 50px" />
                <el-form-item label="实测骨导值:">
                  <el-input
                    v-model="zgdwb"
                    style="width: 50px"
                    @input="zgsels"
                  />
                  <el-input
                    v-model="zgdyq"
                    style="width: 50px"
                    @input="zgsels1"
                  />
                  <el-input
                    v-model="zgdlq"
                    style="width: 50px"
                    @input="zgsels2"
                  />
                  <el-input
                    v-model="zgdsq"
                    style="width: 50px"
                    @input="zgsels3"
                  />
                  <el-input
                    v-model="zgdsiq"
                    style="width: 50px"
                    @input="zgsels4"
                  />
                  <el-input
                    v-model="zgdliuq"
                    style="width: 50px"
                    @input="zgsels5"
                  />
                </el-form-item>
              </el-form>
            </div>
          </div>
        </div>
        <div class="tanchuangbox_right">
          <div style="display: flex;margin-top:20px">
          <div>
            <span>职业史</span>
            <div style="width: 100%; min-height: 300px"></div>
          </div>
          <div style="display: flex; margin-top: 20px">
            <div
              style="
                width: 50px;
@@ -464,11 +584,14 @@
          </div>
          <div style="margin-top: 20px">
            <span>检查医生：</span>
            <el-input v-model="input" style="width: 160px;margin-right:10px"></el-input>
            <el-input
              v-model="input"
              style="width: 160px; margin-right: 10px"
            ></el-input>
            <el-date-picker v-model="value1" type="date" placeholder="选择日期">
            </el-date-picker>
          </div>
          <div style="margin-top:20px">
          <div style="margin-top: 20px">
            <el-button type="primary">生成小结</el-button>
            <el-button type="primary">保存</el-button>
          </div>
@@ -479,7 +602,7 @@
    <Public ref="aaa" @add="handleChanges" />
  </div>
</template>

 
<script>
import {
  getList,
@@ -510,12 +633,18 @@
    "sys_dict_specimen",
    "dict_user_marry",
    "dict_user_national",
    "dict_tjtype",
  ],
  name: "Picture",
  components: { Public },
  data() {
    return {
      value1:"",
      res: [],
      teamYYNums: [],
      LineCharts: [],
      row: {},
      value1: "",
      yList: [500, 1000, 2000, 3000, 4000, 6000],
      tableData: [
        {
          date: "1",
@@ -542,14 +671,16 @@
      input: "",
      min: "",
      max: "",
      Customer: "",
      Order: "",
      ReportToday: "",
      TobeToday: "",
      LineChart: [],
      youeryuanshi: [],
      personYYNum: [],
      reportNum: [],
      teamYYNum: [],
      youeryuanshi1: [0, 0, 0, 0, 0, 0], //y动态数值
      youerjiaozheng1: [0, 0, 0, 0, 0, 0], //y动态数值
      zuoeryuanshi1: [0, 0, 0, 0, 0, 0], //y动态数值
      zuoerjiaozheng1: [0, 0, 0, 0, 0, 0], //y动态数值
      PieChart: [],
      PieChart2: [],
      drawer: false,
@@ -604,356 +735,367 @@
      dataobj: {},
      // 表单校验
      rules: {},
      yqdwb: "",
      yqdyq: "",
      yqdlq: "",
      yqdsq: "",
      yqdsiq: "",
      yqdliuq: "",
      ygdwb: "",
      ygdyq: "",
      ygdlq: "",
      ygdsq: "",
      ygdsiq: "",
      ygdliuq: "",
      zqdwb: "",
      zqdyq: "",
      zqdlq: "",
      zqdsq: "",
      zqdsiq: "",
      zqdliuq: "",
      zgdwb: "",
      zgdyq: "",
      zgdlq: "",
      zgdsq: "",
      zgdsiq: "",
      zgdliuq: "",
    };
  },
  created() {
    this.getList();
    
  },
  mounted() {
    this.$nextTick(() => {
      this.$refs.inputName.focus();
    });
  },
  methods: {
    handleRowClick(selection){
      console.log(selection);
      this.drawer = true;
    ysels(val) {
      this.youeryuanshi1[0] = val;
      this.getech();
    },
    ysels1(val) {
      this.youeryuanshi1[1] = val;
      this.getech();
    },
    ysels2(val) {
      this.youeryuanshi1[2] = val;
      this.getech();
    },
    ysels3(val) {
      this.youeryuanshi1[3] = val;
      this.getech();
    },
    ysels4(val) {
      this.youeryuanshi1[4] = val;
      this.getech();
    },
    ysels5(val) {
      this.youeryuanshi1[5] = val;
      this.getech();
    },
    ygsels(val) {
      this.youerjiaozheng1[0] = val;
      this.getech1();
    },
    ygsels1(val) {
      this.youerjiaozheng1[1] = val;
      this.getech1();
    },
    ygsels2(val) {
      this.youerjiaozheng1[2] = val;
      this.getech1();
    },
    ygsels3(val) {
      this.youerjiaozheng1[3] = val;
      this.getech1();
    },
    ygsels4(val) {
      this.youerjiaozheng1[4] = val;
      this.getech1();
    },
    ygsels5(val) {
      this.youerjiaozheng1[5] = val;
      this.getech1();
    },

    zsels(val) {
      this.zuoeryuanshi1[0] = val;
      this.getech2();
    },
    zsels1(val) {
      this.zuoeryuanshi1[1] = val;
      this.getech2();
    },
    zsels2(val) {
      this.zuoeryuanshi1[2] = val;
      this.getech2();
    },
    zsels3(val) {
      this.zuoeryuanshi1[3] = val;
      this.getech2();
    },
    zsels4(val) {
      this.zuoeryuanshi1[4] = val;
      this.getech2();
    },
    zsels5(val) {
      this.zuoeryuanshi1[5] = val;
      this.getech2();
    },
    zgsels(val) {
      this.zuoerjiaozheng1[0] = val;
      this.getech3();
    },
    zgsels1(val) {
      this.zuoerjiaozheng1[1] = val;
      this.getech3();
    },
    zgsels2(val) {
      this.zuoerjiaozheng1[2] = val;
      this.getech3();
    },
    zgsels3(val) {
      this.zuoerjiaozheng1[3] = val;
      this.getech3();
    },
    zgsels4(val) {
      this.zuoerjiaozheng1[4] = val;
      this.getech3();
    },
    zgsels5(val) {
      this.zuoerjiaozheng1[5] = val;
      this.getech3();
    },
    handleRowClick(selection) {
      this.row = selection.customer;
      this.row.tjType = Number(selection.customer.tjType);
      this.drawer = true;
      // this.getech();
    },
    // 右耳原始听力
    getech() {
      this.loading = true;
      // 查询今日登记
      getCustomer().then((response) => {
        this.Customer = response;
        this.loading = false;
      let myChart = this.$echarts.init(document.getElementById("main"));

      myChart.setOption({
        title: {
          text: "右耳原始听力",
        },
        tooltip: {
          trigger: "axis",
        },
        grid: {
          left: "3%",
          right: "4%",
          bottom: "3%",
          containLabel: true,
        },
        toolbox: {
          feature: {
            saveAsImage: {},
          },
        },
        xAxis: {
          data: [500, 1000, 2000, 3000, 4000, 6000],
        },
        yAxis: {
          type: "value",
        },
        series: [
          {
            data: this.youeryuanshi1,
            name: "右耳原始听力",
            type: "line",
            symbol: "circle", //拐点的形状
            symbolSize: 10, //拐点大小
            lineStyle: {
              color: "#1515FF",
              width: 2,
            },

            itemStyle: {
              borderWidth: 1,
              borderColor: "black",
              color: "#fff",
            },
          },
        ],
      });
      // 查询今日已检
      getOrder().then((response) => {
        this.Order = response;
        this.loading = false;
      let sizeFun = function () {
        myChart.resize();
      };
      window.addEventListener("resize", sizeFun);

      this.loading = false;
    },
    // 右耳矫正听力
    getech1() {
      this.loading = true;
      let myChart2 = this.$echarts.init(document.getElementById("main2"));

      myChart2.setOption({
        title: {
          text: "右耳校正听力",
        },
        tooltip: {
          trigger: "axis",
        },
        grid: {
          left: "3%",
          right: "4%",
          bottom: "3%",
          containLabel: true,
        },
        toolbox: {
          feature: {
            saveAsImage: {},
          },
        },
        xAxis: {
          data: [500, 1000, 2000, 3000, 4000, 6000],
        },
        yAxis: {
          type: "value",
        },
        series: [
          {
            data: this.youerjiaozheng1,
            name: "右耳校正听力",
            type: "line",
            symbol: "none", //拐点的形状
            symbolSize: 10, //拐点大小
            lineStyle: {
              color: "#1515FF",
              width: 2,
            },

            itemStyle: {
              borderWidth: 1,
              borderColor: "black",
              color: "#fff",
            },
          },
        ],
      });
      // 查询今日报告
      getReportToday().then((response) => {
        this.ReportToday = response;
        this.loading = false;
      let sizeFun = function () {
        myChart.resize();
      };
      window.addEventListener("resize", sizeFun);

      this.loading = false;
    },
    // 左耳原始听力
    getech2() {
      this.loading = true;
      let myChart2 = this.$echarts.init(document.getElementById("main1"));

      myChart2.setOption({
        title: {
          text: "左耳原始听力",
        },
        tooltip: {
          trigger: "axis",
        },
        grid: {
          left: "3%",
          right: "4%",
          bottom: "3%",
          containLabel: true,
        },
        toolbox: {
          feature: {
            saveAsImage: {},
          },
        },
        xAxis: {
          data: [500, 1000, 2000, 3000, 4000, 6000],
        },
        yAxis: {
          type: "value",
        },
        series: [
          {
            data: this.zuoeryuanshi1,
            name: "左耳原始听力",
            type: "line",
            symbol: "triangle", //拐点的形状
            symbolSize: 10, //拐点大小
            lineStyle: {
              color: "#1515FF",
              width: 2,
            },

            itemStyle: {
              borderWidth: 1,
              borderColor: "black",
              color: "#fff",
            },
          },
        ],
      });
      // 查询今日待检
      getTobeToday().then((response) => {
        this.TobeToday = response;
        this.loading = false;
      let sizeFun = function () {
        myChart.resize();
      };
      window.addEventListener("resize", sizeFun);

      this.loading = false;
    },
    // 左耳矫正听力
    getech3() {
      this.loading = true;
      let myChart2 = this.$echarts.init(document.getElementById("main3"));

      myChart2.setOption({
        title: {
          text: "左耳校正听力",
        },
        tooltip: {
          trigger: "axis",
        },
        grid: {
          left: "3%",
          right: "4%",
          bottom: "3%",
          containLabel: true,
        },
        toolbox: {
          feature: {
            saveAsImage: {},
          },
        },
        xAxis: {
          data: [500, 1000, 2000, 3000, 4000, 6000],
        },
        yAxis: {
          type: "value",
        },
        series: [
          {
            data: this.zuoerjiaozheng1,
            name: "左耳校正听力",
            type: "line",
            symbol: "none", //拐点的形状
            symbolSize: 10, //拐点大小
            lineStyle: {
              color: "#1515FF",
              width: 2,
            },

            itemStyle: {
              borderWidth: 1,
              borderColor: "black",
              color: "#fff",
            },
          },
        ],
      });
      // 折线图
      getChart().then((response) => {
        response.data.forEach((item) => {
          this.LineChart.push(item.date);
          this.personYYNum.push(item.tdcoun);
          this.reportNum.push(item.grcoun);
          this.teamYYNum.push(item.bgcoun);
        });
        let myChart = this.$echarts.init(document.getElementById("main"));
      let sizeFun = function () {
        myChart.resize();
      };
      window.addEventListener("resize", sizeFun);

        myChart.setOption({
          title: {
            text: "右耳原始听力",
          },
          tooltip: {
            trigger: "axis",
          },
          // legend: {
          //   data: ["每日体检登记数", "每日团体登记数", "每日发布报告数"],
          // },
          grid: {
            left: "3%",
            right: "4%",
            bottom: "3%",
            containLabel: true,
          },
          toolbox: {
            feature: {
              saveAsImage: {},
            },
          },
          xAxis: {
            type: "category",
            boundaryGap: false,
            axisLine: {
              show: true,
              lineStyle: {
                color: "blue",
                size: 12,
                width: 0,
                tyle: "solid",
              },
            },
            data: this.LineChart,
          },
          yAxis: {
            type: "value",
            min: 0,
            max: 50,
            interval: 5,
          },
          series: [
            {
              name: "每日体检登记数",
              type: "line",
              stack: "Total",
              data: this.personYYNum,
            },
            {
              name: "每日团体登记数",
              type: "line",
              stack: "Total",
              data: this.reportNum,
            },
            {
              name: "每日发布报告数",
              type: "line",
              stack: "Total",
              data: this.teamYYNum,
            },
          ],
        });
        let sizeFun = function () {
          myChart.resize();
        };
        window.addEventListener("resize", sizeFun);

        this.loading = false;
      });

      getChart().then((response) => {
        response.data.forEach((item) => {
          this.LineChart.push(item.date);
          this.personYYNum.push(item.tdcoun);
          this.reportNum.push(item.grcoun);
          this.teamYYNum.push(item.bgcoun);
        });
        let myChart = this.$echarts.init(document.getElementById("main1"));

        myChart.setOption({
          title: {
            text: "左耳原始听力",
          },
          tooltip: {
            trigger: "axis",
          },
          // legend: {
          //   data: ["每日体检登记数", "每日团体登记数", "每日发布报告数"],
          // },
          grid: {
            left: "3%",
            right: "4%",
            bottom: "3%",
            containLabel: true,
          },
          toolbox: {
            feature: {
              saveAsImage: {},
            },
          },
          xAxis: {
            type: "category",
            boundaryGap: false,
            axisLine: {
              show: true,
              lineStyle: {
                color: "blue",
                size: 12,
                width: 0,
                tyle: "solid",
              },
            },
            data: this.LineChart,
          },
          yAxis: {
            type: "value",
            min: 0,
            max: 50,
            interval: 5,
          },
          series: [
            {
              name: "每日体检登记数",
              type: "line",
              stack: "Total",
              data: this.personYYNum,
            },
            {
              name: "每日团体登记数",
              type: "line",
              stack: "Total",
              data: this.reportNum,
            },
            {
              name: "每日发布报告数",
              type: "line",
              stack: "Total",
              data: this.teamYYNum,
            },
          ],
        });
        let sizeFun = function () {
          myChart.resize();
        };
        window.addEventListener("resize", sizeFun);

        this.loading = false;
      });

      getChart().then((response) => {
        response.data.forEach((item) => {
          this.LineChart.push(item.date);
          this.personYYNum.push(item.tdcoun);
          this.reportNum.push(item.grcoun);
          this.teamYYNum.push(item.bgcoun);
        });
        let myChart = this.$echarts.init(document.getElementById("main2"));

        myChart.setOption({
          title: {
            text: "右耳矫正听力",
          },
          tooltip: {
            trigger: "axis",
          },
          // legend: {
          //   data: ["每日体检登记数", "每日团体登记数", "每日发布报告数"],
          // },
          grid: {
            left: "3%",
            right: "4%",
            bottom: "3%",
            containLabel: true,
          },
          toolbox: {
            feature: {
              saveAsImage: {},
            },
          },
          xAxis: {
            type: "category",
            boundaryGap: false,
            axisLine: {
              show: true,
              lineStyle: {
                color: "blue",
                size: 12,
                width: 0,
                tyle: "solid",
              },
            },
            data: this.LineChart,
          },
          yAxis: {
            type: "value",
            min: 0,
            max: 50,
            interval: 5,
          },
          series: [
            {
              name: "每日体检登记数",
              type: "line",
              stack: "Total",
              data: this.personYYNum,
            },
            {
              name: "每日团体登记数",
              type: "line",
              stack: "Total",
              data: this.reportNum,
            },
            {
              name: "每日发布报告数",
              type: "line",
              stack: "Total",
              data: this.teamYYNum,
            },
          ],
        });
        let sizeFun = function () {
          myChart.resize();
        };
        window.addEventListener("resize", sizeFun);

        this.loading = false;
      });

      getChart().then((response) => {
        response.data.forEach((item) => {
          this.LineChart.push(item.date);
          this.personYYNum.push(item.tdcoun);
          this.reportNum.push(item.grcoun);
          this.teamYYNum.push(item.bgcoun);
        });
        let myChart = this.$echarts.init(document.getElementById("main3"));

        myChart.setOption({
          title: {
            text: "左耳矫正听力",
          },
          tooltip: {
            trigger: "axis",
          },
          // legend: {
          //   data: ["每日体检登记数", "每日团体登记数", "每日发布报告数"],
          // },
          grid: {
            left: "3%",
            right: "4%",
            bottom: "3%",
            containLabel: true,
          },
          toolbox: {
            feature: {
              saveAsImage: {},
            },
          },
          xAxis: {
            type: "category",
            boundaryGap: false,
            axisLine: {
              show: true,
              lineStyle: {
                color: "blue",
                size: 12,
                width: 0,
                tyle: "solid",
              },
            },
            data: this.LineChart,
          },
          yAxis: {
            type: "value",
            min: 0,
            max: 50,
            interval: 5,
          },
          series: [
            {
              name: "每日体检登记数",
              type: "line",
              stack: "Total",
              data: this.personYYNum,
            },
            {
              name: "每日团体登记数",
              type: "line",
              stack: "Total",
              data: this.reportNum,
            },
            {
              name: "每日发布报告数",
              type: "line",
              stack: "Total",
              data: this.teamYYNum,
            },
          ],
        });
        let sizeFun = function () {
          myChart.resize();
        };
        window.addEventListener("resize", sizeFun);

        this.loading = false;
      });
      this.loading = false;
    },
    // 鼠标进入原图空间函数
    enterHandler() {
@@ -1130,7 +1272,7 @@
  },
};
</script>

 
<style>
#table .el-table__header-wrapper .el-checkbox {
  display: none;
@@ -1200,7 +1342,7 @@
.tanchuangbox_left {
  margin-top: 20px;
  margin-left: 20px;
  width: 50%;
  width: 60%;
}
.data-view {
  display: flex;
@@ -1216,7 +1358,7 @@
  margin-bottom: 10px;
}
.nums_txt {
  margin-right: 10px;
  margin-right: 18px;
}
.tanchuangbox_left1 {
  display: flex;
@@ -1225,7 +1367,7 @@
  display: flex;
}
.tanchuangbox_right {
  width: 50%;
  width: 40%;
}
.ss {
  display: flex;
@@ -1235,4 +1377,4 @@
.ss_txt {
  width: 60px;
}
</style>
</style>