qxtj

qinxianzhangyao

2024-04-25 74a7a2bbef241a023110ff24c8e7c84025e267f5

 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="hb"
          style="width: 160px"
        />
      </el-form-item>
@@ -50,16 +52,17 @@

    <div style="width: 100%; margin-left: 10px; display: flex">
      <div style="width: 97%; margin-right: 30px">
        <!-- @selection-change="handleSelectionChange" -->
        <el-table
          id="table"
          v-loading="loading"
          ref="tb"
          :data="pictureList"
          @selection-change="handleSelectionChange"
          @row-click="handleRowClick"
          border
          height="630px"
        >
          <el-table-column type="selection" width="40" align="center" />
          <!-- <el-table-column type="selection" width="40" align="center" /> -->
          <el-table-column
            label="体检号"
            align="center"
@@ -72,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" /> -->
@@ -139,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"
@@ -213,131 +221,504 @@
      <!-- </div> -->
    </div>

    <div style="margin-right: 70%">
      <pagination
        v-show="total > 0"
        :total="total"
        :page.sync="queryParams.pageNum"
        :limit.sync="queryParams.pageSize"
        @pagination="getList"
      />
    <div class="pag">
      <div class="pag1">
        <pagination
          v-show="total > 0"
          :total="total"
          :page.sync="queryParams.pageNum"
          :limit.sync="queryParams.pageSize"
          @pagination="getList"
        />
      </div>
    </div>
    <el-drawer
      title="我是标题"
      :visible.sync="drawer"
      :with-header="false"
      size="60%"
      size="85%"
    >
      <div>
        <div style="margin-top:20px;width:50%">
      <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
                @keyup.enter.native="handleQuery"
                style="width: 150px"
                disabled
              />
            </el-form-item>
            <el-form-item label="单位工种" prop="name">
              <el-input
                v-model="queryParams.name"
                placeholder="请输入单位工种"
                clearable
                @keyup.enter.native="handleQuery"
                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
                @keyup.enter.native="handleQuery"
                disabled
                style="width: 150px"
              />
            </el-form-item>
             <el-form-item label="性别" prop="name">
              <el-input
                v-model="queryParams.name"
                placeholder="请输入性别"
                clearable
                @keyup.enter.native="handleQuery"
            <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
                @keyup.enter.native="handleQuery"
                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
                @keyup.enter.native="handleQuery"
                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
                @keyup.enter.native="handleQuery"
                disabled
                style="width: 150px"
              />
            </el-form-item>
            <el-form-item label="体检类型" prop="name">
              <el-input
                v-model="queryParams.name"
                placeholder="请输入体检类型"
                clearable
                @keyup.enter.native="handleQuery"
            <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
                @keyup.enter.native="handleQuery"
                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>
            <div id="main1" style="width: 40%; height: 300px"></div>
            <div id="main2" style="width: 40%; height: 300px"></div>
            <div id="main3" style="width: 40%; height: 300px"></div>
          </div>
          <div class="tanchuangbox_left1">
            <div>
              <div class="nums">
                <span
                  class="nums_txt"
                  v-for="(item, index) in yList"
                  :key="index"
                  >{{ item }}</span
                >
              </div>
              <!-- 右耳 -->
              <el-form
                :model="youerList"
                ref="queryForm"
                size="small"
                :inline="true"
                v-show="showSearch"
                label-width="90px"
              >
                <el-form-item label="实测气导值:">
                  <el-input
                    v-model="youerList.qdwb"
                    style="width: 50px"
                    @input="ysels"
                  />
                  <el-input
                    v-model="youerList.qdyq"
                    style="width: 50px"
                    @input="ysels1"
                  />
                  <el-input
                    v-model="youerList.qdlq"
                    style="width: 50px"
                    @input="ysels2"
                  />
                  <el-input
                    v-model="youerList.qdsq"
                    style="width: 50px"
                    @input="ysels3"
                  />
                  <el-input
                    v-model="youerList.qdsiq"
                    style="width: 50px"
                    @input="ysels4"
                  />
                  <el-input
                    v-model="youerList.qdliuq"
                    style="width: 50px"
                    @input="ysels5"
                  />
                </el-form-item>
                <el-form-item label="实测骨导值:">
                  <el-input
                    v-model="youerList.gdwb"
                    style="width: 50px"
                    @input="ygsels"
                  />
                  <el-input
                    v-model="youerList.gdyq"
                    style="width: 50px"
                    @input="ygsels1"
                  />
                  <el-input
                    v-model="youerList.gdlq"
                    style="width: 50px"
                    @input="ygsels2"
                  />
                  <el-input
                    v-model="youerList.gdsq"
                    style="width: 50px"
                    @input="ygsels3"
                  />
                  <el-input
                    v-model="youerList.gdsiq"
                    style="width: 50px"
                    @input="ygsels4"
                  />
                  <el-input
                    v-model="youerList.gdliuq"
                    style="width: 50px"
                    @input="ygsels5"
                  />
                </el-form-item>
              </el-form>
            </div>

            <div>
              <div class="nums">
                <span
                  class="nums_txt"
                  v-for="(item, index) in yList"
                  :key="index"
                  >{{ item }}</span
                >
              </div>
              <!-- 左耳 -->
              <el-form
                :model="zuoerList"
                ref="queryForm"
                size="small"
                :inline="true"
                v-show="showSearch"
                label-width="90px"
              >
                <el-form-item label="实测气导值:">
                  <el-input
                    v-model="zuoerList.qdwb"
                    style="width: 50px"
                    @input="zsels"
                  />
                  <el-input
                    v-model="zuoerList.qdyq"
                    style="width: 50px"
                    @input="zsels1"
                  />
                  <el-input
                    v-model="zuoerList.qdlq"
                    style="width: 50px"
                    @input="zsels2"
                  />
                  <el-input
                    v-model="zuoerList.qdsq"
                    style="width: 50px"
                    @input="zsels3"
                  />
                  <el-input
                    v-model="zuoerList.qdsiq"
                    style="width: 50px"
                    @input="zsels4"
                  />
                  <el-input
                    v-model="zuoerList.qdliuq"
                    style="width: 50px"
                    @input="zsels5"
                  />
                </el-form-item>
                <el-form-item label="实测骨导值:">
                  <el-input
                    v-model="zuoerList.gdwb"
                    style="width: 50px"
                    @input="zgsels"
                  />
                  <el-input
                    v-model="zuoerList.gdyq"
                    style="width: 50px"
                    @input="zgsels1"
                  />
                  <el-input
                    v-model="zuoerList.gdlq"
                    style="width: 50px"
                    @input="zgsels2"
                  />
                  <el-input
                    v-model="zuoerList.gdsq"
                    style="width: 50px"
                    @input="zgsels3"
                  />
                  <el-input
                    v-model="zuoerList.gdsiq"
                    style="width: 50px"
                    @input="zgsels4"
                  />
                  <el-input
                    v-model="zuoerList.gdliuq"
                    style="width: 50px"
                    @input="zgsels5"
                  />
                </el-form-item>
              </el-form>
            </div>
          </div>
        </div>
        <div style="width:50%"></div>
        <div class="tanchuangbox_right">
          <div v-if="row.tjType == '02'">
            <span>职业史</span>
            <div style="width: 100%; min-height: 200px; margin-top: 10px">
              <el-table
                border
                :data="row.workLogs"
                style="width: 100%"
                max-height="200"
              >
                <el-table-column
                  prop="beginTime"
                  label="开始时间"
                  align="center"
                  :show-overflow-tooltip="true"
                >
                </el-table-column>
                <el-table-column
                  prop="endTime"
                  label="结束时间"
                  align="center"
                  :show-overflow-tooltip="true"
                >
                </el-table-column>
                <el-table-column
                  prop="workCompany"
                  label="工作单位"
                  align="center"
                  :show-overflow-tooltip="true"
                >
                </el-table-column>
                <el-table-column
                  prop="workDept"
                  label="部门"
                  align="center"
                  :show-overflow-tooltip="true"
                >
                </el-table-column>
                <el-table-column
                  prop="workType"
                  label="工种"
                  align="center"
                  :show-overflow-tooltip="true"
                >
                </el-table-column>
              </el-table>
            </div>
          </div>
          <div style="display: flex; margin-top: 20px">
            <div
              style="
                width: 50px;
                display: flex;
                flex-direction: column;
                margin-top: 46px;
              "
            >
              <span style="margin-bottom: 16px">右耳：</span>
              <span style="margin-bottom: 17px">左耳：</span>
              <span>双耳：</span>
            </div>
            <div class="ss">
              <span class="ss_txt">语频平均</span>
              <el-input v-model="youerList.yppj" style="width: 60px"></el-input>
              <el-input v-model="zuoerList.yppj" style="width: 60px"></el-input>
              <el-input
                v-model="shuangerList.yppj"
                style="width: 60px"
              ></el-input>
            </div>
            <div class="ss">
              <span class="ss_txt">500语频矫正</span>
              <el-input
                v-model="youerList.wbypjz"
                style="width: 60px"
              ></el-input>
              <el-input
                v-model="zuoerList.wbypjz"
                style="width: 60px"
              ></el-input>
            </div>
            <div class="ss">
              <span class="ss_txt">1000语频矫正</span>
              <el-input
                v-model="youerList.yqypjz"
                style="width: 60px"
              ></el-input>
              <el-input
                v-model="zuoerList.yqypjz"
                style="width: 60px"
              ></el-input>
            </div>
            <div class="ss">
              <span class="ss_txt">2000语频矫正</span>
              <el-input
                v-model="youerList.lqypjz"
                style="width: 60px"
              ></el-input>
              <el-input
                v-model="zuoerList.lqypjz"
                style="width: 60px"
              ></el-input>
            </div>
            <div class="ss">
              <span class="ss_txt">高频气导平均</span>
              <el-input
                v-model="youerList.gpqdpj"
                style="width: 60px"
              ></el-input>
              <el-input
                v-model="zuoerList.gpqdpj"
                style="width: 60px"
              ></el-input>
              <el-input
                v-model="shuangerList.gpqdpj"
                style="width: 60px"
              ></el-input>
            </div>
            <div class="ss">
              <span class="ss_txt">高频骨导平均</span>
              <el-input
                v-model="youerList.gpgdpj"
                style="width: 60px"
              ></el-input>
              <el-input
                v-model="zuoerList.gpgdpj"
                style="width: 60px"
              ></el-input>
            </div>
          </div>

          <div style="margin-top: 20px">
            <span>电测听小结：</span>
            <el-input
              style="margin-top: 10px"
              type="textarea"
              :rows="2"
              placeholder="请输入内容"
              v-model="remark"
            >
            </el-input>
          </div>
          <div>
            <span>常见起检列表</span>
            <el-table :data="tableData" style="width: 100%">
              <el-table-column prop="date" label="序号" width="180">
              </el-table-column>
              <el-table-column prop="name" label="所见项类型" width="180">
              </el-table-column>
              <el-table-column prop="address" label="所见项结果值">
              </el-table-column>
            </el-table>
          </div>
          <div style="margin-top: 20px">
            <span>检查医生：</span>
            <el-select
              v-model="doctorName"
              placeholder="请选择"
              style="width: 30%"
              filterable
              @change="selName"
            >
              <el-option
                v-for="item in userList"
                :key="item.userId"
                :label="item.nickName"
                :value="item.userId"
              >
              </el-option>
            </el-select>
            <!-- <el-date-picker v-model="value1" type="date" placeholder="选择日期">
            </el-date-picker> -->
          </div>
          <div style="margin-top: 20px">
            <!-- <el-button type="primary">生成小结</el-button> -->
            <el-button type="primary" @click="submit">提 交</el-button>
          </div>
        </div>
      </div>
    </el-drawer>

    <Public ref="aaa" @add="handleChanges" />
  </div>
</template>

 
<script>
import {
  getList,
  getPicture,
  delPicture,
  addPicture,
  updatePureToneTest,
  saveTjPureToneTestDetil,
  getTjPureToneTestDetilList,
} from "@/api/picture/pureToneTest";

// import {
//   getCustomer,
//   getOrder,
//   getReportToday,
//   getTobeToday,
//   getPieChart,
//   getChart,
// } from "@/api/home";
const echarts = require("echarts/lib/echarts");
require("echarts/lib/component/title");
require("echarts/lib/component/tooltip");
require("echarts/lib/component/legend");
require("echarts/lib/chart/pie");
import { listUser } from "@/api/system/user";
import { getInfo } from "@/api/login";
import Public from "@/components/public";
export default {
  dicts: [
@@ -346,11 +727,105 @@
    "sys_dict_specimen",
    "dict_user_marry",
    "dict_user_national",
    "dict_tjtype",
  ],
  name: "Picture",
  components: { Public },
  data() {
    return {
      tjNum:"",
      doctorName:"",
      userList: [],
      remark: "",
      pureTestId: "",
      youerList: {
        qdwb: null,
        qdyq: null,
        qdlq: null,
        qdsq: null,
        qdsiq: null,
        qdliuq: null,
        gdwb: null,
        gdyq: null,
        gdlq: null,
        gdsq: null,
        gdsiq: null,
        gdliuq: null,
        yppj: null,
        wbypjz: null,
        yqypjz: null,
        lqypjz: null,
        gpqdpj: null,
        gpgdpj: null,
      },
      zuoerList: {
        qdwb: null,
        qdyq: null,
        qdlq: null,
        qdsq: null,
        qdsiq: null,
        qdliuq: null,
        gdwb: null,
        gdyq: null,
        gdlq: null,
        gdsq: null,
        gdsiq: null,
        gdliuq: null,
        yppj: null,
        wbypjz: null,
        yqypjz: null,
        lqypjz: null,
        gpqdpj: null,
        gpgdpj: null,
      },
      shuangerList: {
        yppj: null,
        gpqdpj: null,
      },
      res: [],
      teamYYNums: [],
      LineCharts: [],
      row: {},
      value1: "",
      yList: [500, 1000, 2000, 3000, 4000, 6000],
      tableData: [
        {
          date: "1",
          name: "参考值",
          address: "双耳正常听力曲线正常参考值1",
        },
        {
          date: "2",
          name: "参考值",
          address: "双耳正常听力曲线正常参考值2",
        },
        {
          date: "3",
          name: "异常值",
          address: "双耳正常听力曲线异常值1",
        },
        {
          date: "4",
          name: "异常值",
          address: "双耳正常听力曲线异常值2",
        },
      ],
      textarea: "",
      input: "",
      min: "",
      max: "",
      Order: "",
      ReportToday: "",
      TobeToday: "",
      youeryuanshi: [],
      personYYNum: [],
      reportNum: [],
      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,
      topStyle: { transform: "" },
      r_img: {},
@@ -407,8 +882,419 @@
  },
  created() {
    this.getList();
    this.getListUser();
  },
  mounted() {
    this.$nextTick(() => {
      this.$refs.inputName.focus();
    });
  },
  methods: {
      /** 查询用户列表 */
    getListUser() {
      listUser(this.addDateRange(this.queryParams, this.dateRange)).then(
        (response) => {
          this.userList = response.rows;
          // this.userList.forEach((element) => {
          //   const userName = this.$store.state.user.name;
          //   if (userName == element.userName) {
          //     this.doctorName = element.nickName;
          //   }
          // });
        }
      );
      getInfo().then((response) => {
        this.info = response.user;
        this.deptId = response.user.deptId;
        this.userId = response.user.userId;
        this.nickName = response.user.nickName;
      });
    },
    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();
    },
    selName(val) {
      this.doctorName = val;
      console.log(this.doctorName);
      // this.userList.forEach(item =>{
      //   if(val === item.userId){
      //     this.doctorName = item.nickName
      //   }
      // })
    },
    handleRowClick(selection) {
      this.row = selection.customer;
      selection.list.forEach((item) => {
        this.pureTestId = item.id;
      });
      this.row.tjType = Number(selection.customer.tjType);
      this.drawer = true;
      let data = {
        pureTestId:this.pureTestId,
        tjNum:this.row.tjNumber,
      }
      getTjPureToneTestDetilList(data).then((res) => {
        if (res.data != {}) {
          this.doctorName = res.data.doctorName;
          this.remark = res.data.remark;
          res.data.detilList.forEach((item) => {
            if (item.rd == "右耳") {
              this.youerList = item;
              this.youeryuanshi1[0] = this.youerList.qdwb;
              this.youeryuanshi1[1] = this.youerList.qdyq;
              this.youeryuanshi1[2] = this.youerList.qdlq;
              this.youeryuanshi1[3] = this.youerList.qdsq;
              this.youeryuanshi1[4] = this.youerList.qdsiq;
              this.youeryuanshi1[5] = this.youerList.qdliuq;
              this.youerjiaozheng1[0] = this.youerList.gdwb;
              this.youerjiaozheng1[1] = this.youerList.gdyq;
              this.youerjiaozheng1[2] = this.youerList.gdlq;
              this.youerjiaozheng1[3] = this.youerList.gdsq;
              this.youerjiaozheng1[4] = this.youerList.gdsiq;
              this.youerjiaozheng1[5] = this.youerList.gdliuq;
            } else if (item.rd == "左耳") {
              this.zuoerList = item;
              this.zuoeryuanshi1[0] = this.zuoerList.qdwb;
              this.zuoeryuanshi1[1] = this.zuoerList.qdyq;
              this.zuoeryuanshi1[2] = this.zuoerList.qdlq;
              this.zuoeryuanshi1[3] = this.zuoerList.qdsq;
              this.zuoeryuanshi1[4] = this.zuoerList.qdsiq;
              this.zuoeryuanshi1[5] = this.zuoerList.qdliuq;
              this.zuoerjiaozheng1[0] = this.zuoerList.gdwb;
              this.zuoerjiaozheng1[1] = this.zuoerList.gdyq;
              this.zuoerjiaozheng1[2] = this.zuoerList.gdlq;
              this.zuoerjiaozheng1[3] = this.zuoerList.gdsq;
              this.zuoerjiaozheng1[4] = this.zuoerList.gdsiq;
              this.zuoerjiaozheng1[5] = this.zuoerList.gdliuq;
            } else {
              this.shuangerList = item;
            }
          });
          this.getech();
          this.getech1();
          this.getech2();
          this.getech3();
        }
      });
    },
    // 右耳原始听力
    getech() {
      this.loading = true;
      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",
            },
          },
        ],
      });
      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",
            },
          },
        ],
      });
      let sizeFun = function () {
        myChart2.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",
            },
          },
        ],
      });
      let sizeFun = function () {
        myChart2.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",
            },
          },
        ],
      });
      let sizeFun = function () {
        myChart2.resize();
      };
      window.addEventListener("resize", sizeFun);

      this.loading = false;
    },
    // 鼠标进入原图空间函数
    enterHandler() {
      // 层罩及放大空间的显示
@@ -485,6 +1371,11 @@
      };
      this.resetForm("form");
    },
    hb(){
       if (this.queryParams.tjNum != null) {
        this.handleQuery();
      }
    },
    /** 搜索按钮操作 */
    handleQuery() {
      this.queryParams.pageNum = 1;
@@ -496,35 +1387,35 @@
      this.handleQuery();
    },
    // 多选框选中数据
    handleSelectionChange(selection) {
      this.drawer = true;
      this.imgsrc = selection[0].picturePath;
      this.tjNumber = selection[0].customer.tjNumber;
      this.ids = selection.map((item) => item.id);
      selection.forEach((element) => {
        this.tableList = element.list;
        if (this.tableList.length != 0) {
          this.tableList.forEach((item) => {
            this.form.fixedValue = item.fixedValue;
            this.form.measuredValue = item.measuredValue;
          });
          this.$nextTick(() => {
            this.$refs.mu.toggleRowSelection(this.tableList[0], true);
          });
        } else {
          this.$refs.mu.clearSelection();
        }
      });
      // this.tableList.forEach(item => {
      //     this.imgsrc = item.dctt
      // })
      if (selection.length > 1) {
        let del_row = selection.shift();
        this.$refs.tb.toggleRowSelection(del_row, false); //设置这一行取消选中
      }
      this.single = selection.length !== 1;
      this.multiple = !selection.length;
    },
    // handleSelectionChange(selection) {
    //   this.drawer = true;
    //   this.imgsrc = selection[0].picturePath;
    //   this.tjNumber = selection[0].customer.tjNumber;
    //   this.ids = selection.map((item) => item.id);
    //   selection.forEach((element) => {
    //     this.tableList = element.list;
    //     if (this.tableList.length != 0) {
    //       this.tableList.forEach((item) => {
    //         this.form.fixedValue = item.fixedValue;
    //         this.form.measuredValue = item.measuredValue;
    //       });
    //       this.$nextTick(() => {
    //         this.$refs.mu.toggleRowSelection(this.tableList[0], true);
    //       });
    //     } else {
    //       this.$refs.mu.clearSelection();
    //     }
    //   });
    //   // this.tableList.forEach(item => {
    //   //     this.imgsrc = item.dctt
    //   // })
    //   if (selection.length > 1) {
    //     let del_row = selection.shift();
    //     this.$refs.tb.toggleRowSelection(del_row, false); //设置这一行取消选中
    //   }
    //   this.single = selection.length !== 1;
    //   this.multiple = !selection.length;
    // },
    // /** 新增按钮操作 */
    // handleAdd() {
    //     this.reset();
@@ -575,6 +1466,25 @@
        this.$modal.msgSuccess("选择修改项目");
      }
    },
    submit() {
      this.youerList.pureTestId = this.pureTestId;
      this.youerList.rd = "右耳";
      this.zuoerList.pureTestId = this.pureTestId;
      this.zuoerList.rd = "左耳";
      this.shuangerList.pureTestId = this.pureTestId;
      this.shuangerList.rd = "双耳";
      let pureToneTestDetils = [this.youerList, this.zuoerList, this.shuangerList];
      let remark = this.remark;
      let tjNum = this.row.tjNumber;
      let doctorName = this.doctorName;
      saveTjPureToneTestDetil(pureToneTestDetils,remark,tjNum,doctorName).then((res) => {
        console.log(res);
        if (res.code == 200) {
          this.$modal.msgSuccess("提交成功");
          this.drawer = false;
        }
      });
    },

    //删除按钮
    handleDelete() {},
@@ -584,7 +1494,7 @@
  },
};
</script>

 
<style>
#table .el-table__header-wrapper .el-checkbox {
  display: none;
@@ -651,4 +1561,51 @@
  float: left;
  position: relative;
}
</style>
.tanchuangbox_left {
  margin-top: 20px;
  margin-left: 20px;
  width: 60%;
}
.data-view {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin: 5px 15px;
}
#main {
  padding: 10px;
}
.nums {
  margin-left: 90px;
  margin-bottom: 10px;
}
.nums_txt {
  margin-right: 18px;
}
.tanchuangbox_left1 {
  display: flex;
}
.tanchuangbox {
  display: flex;
}
.tanchuangbox_right {
  width: 40%;
}
.ss {
  display: flex;
  flex-direction: column;
  margin-right: 10px;
}
.ss_txt {
  width: 60px;
}
.pag {
  width: 100%;
  display: flex;
  justify-content: center;
}

.pag1 {
  width: 30%;
}
</style>