1
wwl
2024-12-10 fc624ec7a89bf956c925f70be311b4175656b166
src/views/doctor/checkAll/index.vue
@@ -1,46 +1,127 @@
<template>
  <div>
    <el-form :model="queryParams" ref="tableList" :inline="true" label-width="76px" style="margin-top: 10px">
  <div class="mainbox">
    <el-form
      :model="queryParams"
      ref="tableList"
      :inline="true"
      label-width="76px"
      style="margin-top: 10px"
    >
      <el-form-item label="姓名" prop="name">
        <el-input v-model="queryParams.name" style="width: 120px" placeholder="请输入姓名" clearable
          @keyup.enter.native="submitForm"></el-input>
        <el-input
          v-model="queryParams.name"
          style="width: 120px"
          placeholder="请输入姓名"
          clearable
          @keyup.enter.native="submitForm"
        ></el-input>
      </el-form-item>
      <el-form-item label="体检号" prop="tjNumber">
        <el-input ref="inputName" v-model="queryParams.tjNumber" style="width: 180px" placeholder="请输入体检号" clearable
          @keyup.enter.native="submitForm" @blur="hb"></el-input>
        <el-input
          ref="inputName"
          v-model="queryParams.tjNumber"
          style="width: 180px"
          placeholder="请输入体检号"
          clearable
          @keyup.enter.native="submitForm"
          @blur="hb"
        ></el-input>
      </el-form-item>
      <el-form-item label="体检时间" prop="tjTime">
        <el-date-picker v-model="startTime" type="datetimerange" align="right" :picker-options="pickerOptions"
          style="width: 310px" start-placeholder="开始日期" end-placeholder="结束日期" :default-time="['00:00:00', '23:00:00']"
          format="yyyy-MM-dd HH:mm" value-format="yyyy-MM-dd HH:mm" @change="dateChangebirthday1">
        <el-date-picker
          v-model="startTime"
          type="datetimerange"
          align="right"
          :picker-options="pickerOptions"
          style="width: 310px"
          start-placeholder="开始日期"
          end-placeholder="结束日期"
          :default-time="['00:00:00', '23:00:00']"
          format="yyyy-MM-dd HH:mm"
          value-format="yyyy-MM-dd HH:mm"
          @change="dateChangebirthday1"
        >
        </el-date-picker>
      </el-form-item>
      <el-form-item label="单位名称" prop="tjCompName" style="margin-left: 20px">
        <el-select :remote-method="getRemoteData" v-model="queryParams.tjCompName" value-key="drugManufacturerId"
          style="width: 180px" remote filterable placeholder="请选择单位名称" clearable @change="searchSelect">
          <el-option v-for="dict in CompanyList" :key="dict.drugManufacturerId" :label="dict.cnName" :value="dict" />
      <el-form-item
        label="单位名称"
        prop="tjCompName"
        style="margin-left: 20px"
      >
        <el-select
          :remote-method="getRemoteData"
          v-model="queryParams.tjCompName"
          value-key="drugManufacturerId"
          style="width: 180px"
          remote
          filterable
          placeholder="请选择单位名称"
          clearable
          @change="searchSelect"
        >
          <el-option
            v-for="dict in CompanyList"
            :key="dict.drugManufacturerId"
            :label="dict.cnName"
            :value="dict"
          />
        </el-select>
      </el-form-item>
      <el-form-item>
        <el-button type="primary" size="mini" @click="submitForm">搜索</el-button>
        <el-button
          type="primary"
          size="mini"
          @click="submitForm"
          style="margin-right: 15px"
          >搜索</el-button
        >
        <el-button size="mini" @click="resetQuery">重置</el-button>
      </el-form-item>
    </el-form>
    <el-radio-group v-model="tjStatus" @input="radioChange" style="margin-left: 20px">
    <el-radio-group
      v-model="tjStatus"
      @input="radioChange"
      style="margin-left: 20px"
    >
      <el-radio-button label="0">未审核</el-radio-button>
      <el-radio-button label="1">已审核</el-radio-button>
    </el-radio-group>
    <template>
      <el-table v-loading="loading" :data="checkList" ref="table" border style="margin: 20px; width: 98%">
      <el-table
        v-loading="loading"
        :data="checkList"
        ref="table"
        border
        style="margin: 20px; width: 98%"
        @current-change="handleCurrentChange"
      >
        <!-- <template slot="empty">数据正在加载中</template> -->
        <el-table-column label="体检号" align="center" prop="tjNumber" :show-overflow-tooltip="true" width="160px"
          fixed="left" />
        <el-table-column label="姓名" align="center" prop="cusName" :show-overflow-tooltip="true" width="100px"
          fixed="left" />
        <el-table-column
          label="体检号"
          align="center"
          prop="tjNumber"
          :show-overflow-tooltip="true"
          width="160px"
          fixed="left"
        />
        <el-table-column
          label="姓名"
          align="center"
          prop="cusName"
          :show-overflow-tooltip="true"
          width="100px"
          fixed="left"
        />
        <el-table-column label="性别" align="center" prop="cusSex" :show-overflow-tooltip="true" width="55px">
        <el-table-column
          label="性别"
          align="center"
          prop="cusSex"
          :show-overflow-tooltip="true"
          width="55px"
        >
          <template slot-scope="scope">
            <span v-if="scope.row.cusSex == '0'">男</span>
            <span v-if="scope.row.cusSex == '1'">女</span>
@@ -48,58 +129,143 @@
            <span v-if="scope.row.cusSex == '9'">未说明性别</span>
          </template>
        </el-table-column>
        <el-table-column label="出生日期" align="center" prop="cusBrithday" :show-overflow-tooltip="true" width="110px" />
        <el-table-column label="电话" align="center" prop="cusPhone" :show-overflow-tooltip="true" width="130px" />
        <el-table-column
          label="出生日期"
          align="center"
          prop="cusBrithday"
          :show-overflow-tooltip="true"
          width="110px"
        />
        <el-table-column
          label="电话"
          align="center"
          prop="cusPhone"
          :show-overflow-tooltip="true"
          width="130px"
        />
        <el-table-column label="体检时间" align="center" prop="tjTime" :show-overflow-tooltip="true" width="110px" />
        <el-table-column label="完成时间" align="center" prop="finishTime" :show-overflow-tooltip="true" width="160px" />
        <el-table-column label="状态" align="center" prop="tjStatus" :show-overflow-tooltip="true" width="50px">
        <el-table-column
          label="体检时间"
          align="center"
          prop="tjTime"
          :show-overflow-tooltip="true"
          width="110px"
        />
        <el-table-column
          label="完成时间"
          align="center"
          prop="finishTime"
          :show-overflow-tooltip="true"
          width="160px"
        />
        <el-table-column
          label="状态"
          align="center"
          prop="tjStatus"
          :show-overflow-tooltip="true"
          width="50px"
        >
          <template slot-scope="scope">
            <span>{{ scope.row.tjStatus == "1" ? "已检" : "未检" }}</span>
          </template>
        </el-table-column>
        <el-table-column label="单位名称" align="center" prop="tjCompName" :show-overflow-tooltip="true" />
        <el-table-column
          label="单位名称"
          align="center"
          prop="tjCompName"
          :show-overflow-tooltip="true"
        />
        <el-table-column label="体检类别" align="center" prop="tjCategory">
          <template slot-scope="scope">
            <dict-tag :options="dict.type.dict_tjtype" :value="scope.row.tjCategory" />
            <dict-tag
              :options="dict.type.dict_tjtype"
              :value="scope.row.tjCategory"
            />
          </template>
        </el-table-column>
        <el-table-column label="操作" align="center" width="90px" fixed="right">
          <template slot-scope="scope">
            <el-button fixed="right" title="详情" type="text" size="mini" @click="handleClick(scope.row)"
              icon="el-icon-document-copy"></el-button>
            <el-button
              fixed="right"
              title="处方"
              type="text"
              size="mini"
              @click.stop="rowClick(scope.row)"
              icon="el-icon-edit-outline"
            ></el-button>
            <el-button
              fixed="right"
              title="详情"
              type="text"
              size="mini"
              @click.stop="handleClick(scope.row)"
              icon="el-icon-document-copy"
            ></el-button>
            <!-- <el-button type="text" size="mini" @click="generate(scope.row)" v-if="scope.row.tjStatus=='1'">生成</el-button> -->
            <el-button type="text" size="mini" @click="viewReport(scope.row)" v-if="scope.row.tjStatus == '1'" title="预览"
              icon="el-icon-view"></el-button>
            <el-button type="text" size="mini" v-if="scope.row.tjStatus == '1'" title="撤销" @click="getRevoke(scope.row)"
              icon="el-icon-refresh-left"></el-button>
            <el-button
              type="text"
              size="mini"
              @click.stop="viewReport(scope.row)"
              v-if="scope.row.tjStatus == '1'"
              title="预览"
              icon="el-icon-view"
            ></el-button>
            <el-button
              type="text"
              size="mini"
              v-if="scope.row.tjStatus == '1'"
              title="撤销"
              @click.stop="getRevoke(scope.row)"
              icon="el-icon-refresh-left"
            ></el-button>
          </template>
        </el-table-column>
      </el-table>
      <div class="pag">
        <div class="pag1">
          <pagination v-show="total > 0" :total="total" :page.sync="queryParams.page" :limit.sync="queryParams.pageSize"
            @pagination="getList" />
          <pagination
            v-show="total > 0"
            :total="total"
            :page.sync="queryParams.page"
            :limit.sync="queryParams.pageSize"
            @pagination="submitForm"
          />
        </div>
      </div>
    </template>
    <!-- 点击弹出框 -->
    <el-drawer title="" :visible.sync="drawer" :before-close="handleClose" :with-header="false" size="80%">
      <div style="font-size: 14px">
        <table style="
            width: 96%;
    <el-drawer
      custom-class="tanchu"
      :visible.sync="drawer"
      :before-close="handleClose"
      :with-header="false"
      size="100%"
      show-close="true"
    >
      <div class="top">
        <table
          style="
            width: 98%;
            margin: 10px 10px;
            border: 1px solid #dfe6ec;
            border-collapse: collapse;
          " cellspacing="4">
          "
          cellspacing="4"
        >
          <caption style="background-color: #f8f8f9; font-size: 18px">
            {{
              tableAll.cusName
            }}的体检资料
          </caption>
          <tr style="border: 1px solid #dfe6ec; border-collapse: collapse">
          <tr
            style="
              border: 1px solid #dfe6ec;
              border-collapse: collapse;
              height: 36px;
            "
          >
            <td style="border: 1px solid #dfe6ec; border-collapse: collapse">
              姓名:
            </td>
@@ -110,10 +276,22 @@
              性别:
            </td>
            <td style="border: 1px solid #dfe6ec; border-collapse: collapse">
              {{ tableAll.cusSex }}
              {{
                tableAll.cusSex == 0
                  ? "男"
                  : tableAll.cusSex == 1
                  ? "女"
                  : "未知"
              }}
            </td>
          </tr>
          <tr style="border: 1px solid #dfe6ec; border-collapse: collapse">
          <tr
            style="
              border: 1px solid #dfe6ec;
              border-collapse: collapse;
              height: 36px;
            "
          >
            <td style="border: 1px solid #dfe6ec; border-collapse: collapse">
              体检单号:
            </td>
@@ -128,433 +306,873 @@
            </td>
          </tr>
        </table>
      </div>
      <div>
        <el-row>
          <el-col :span="18">
            <div style="margin: 10px 10px">
              <el-radio-group v-model="tjproject" @input="radiotjprojectChange" style="margin-left: 20px">
                <el-radio-button label="0">体检项目</el-radio-button>
                <el-radio-button label="1">化验项目</el-radio-button>
              </el-radio-group>
            </div>
          </el-col>
          <el-col :span="6">
            <div style="margin-right: 10px;display: flex ">
              <div style="margin: 10px 2px">
                <el-button type="primary" size="mini" @click="Graphicreport()">图文报告</el-button>
              </div>
              <div style="margin: 10px 5px">
                <el-button type="primary" size="mini" @click="historicalreport()">历史报告</el-button>
              </div>
              <div style="margin: 10px 5px" v-if="tableAll.tjCategory == '02'">
                <el-button type="primary" size="mini" @click="medicalhistory()">职业病史</el-button>
              </div>
              <div style="margin: 10px 5px">
                <el-button type="primary" size="mini" @click="jianqian()">检前问诊</el-button>
              </div>
            </div>
          </el-col>
        </el-row>
        <i class="el-icon-close" @click="guanbi"></i>
      </div>
      <el-row>
        <el-col :span="18">
          <div style="font-size: 14px; overflow-y: auto; height: calc(100% - 11%)">
            <table style="
                width: 96%;
                margin: 10px 10px;
                border: 1px solid #dfe6ec;
                border-collapse: collapse;
              " cellspacing="4" v-for="(item, index) in changedate" :key="index">
              <caption style="background-color: #f8f8f9">
                {{
                  item.parent || ""
                }}
              </caption>
              <tr style="border: 1px solid #dfe6ec; border-collapse: collapse" align="center">
                <th style="
                    border: 1px solid #dfe6ec;
                    border-collapse: collapse;
                    width: 200px;
                  ">
                  检测项目
                </th>
                <th style="
                    border: 1px solid #dfe6ec;
                    border-collapse: collapse;
                    width: 200px;
                  ">
                  检测结果
                </th>
                <th style="
                    border: 1px solid #dfe6ec;
                    border-collapse: collapse;
                    width: 200px;
                  ">
                  单位
                </th>
                <th style="
                    border: 1px solid #dfe6ec;
                    border-collapse: collapse;
                    width: 200px;
                  ">
                  参考范围
                </th>
              </tr>
      <div style="margin-right: 10px; display: flex" class="btnbox">
        <div class="btn1" v-if="msgtuwen == 'y' || msgtuwen == 'Y'">
          <el-button @click="Graphicreport()" type="primary"
            >图文报告</el-button
          >
        </div>
        <div class="btn1">
          <el-button @click="historicalreport()" type="primary"
            >历史报告</el-button
          >
        </div>
        <div v-if="tableAll.tjCategory == '02'" class="btn1">
          <el-button @click="medicalhistory()" type="primary"
            >职业病史</el-button
          >
        </div>
        <div class="btn1" v-if="msgjianqian == 'y' || msgjianqian == 'Y'">
          <el-button @click="jianqian()" type="primary">检前问诊</el-button>
        </div>
              <tr style="
                  border: 1px solid #dfe6ec;
                  border-collapse: collapse;
                  width: 200px;
                  height: 35px;
                  text-align: center;
                " v-for="item1 in item.sons" :key="item1.proId">
                <td style="
        <div class="btn1">
          <el-button @click="xiangmuqingkuang()" type="primary"
            >项目情况</el-button
          >
        </div>
        <div class="btn1">
          <el-button @click="yichangjieguo()" type="primary"
            >异常结果</el-button
          >
        </div>
      </div>
      <div class="box">
        <div
          class="left"
          style="
            font-size: 14px;
            height: calc(100% - 11%);
            width: 1300px;
            margin-left: 10px;
          "
        >
          <div v-for="(item, index) in changedate" :key="index">
            <div
              style="
                text-align: center;
                background-color: #aad8df;
                margin-top: 10px;
              "
            >
              {{ item.parent || "" }}
            </div>
            <div v-if="item.xmlb == '0'">
              <el-table
                :data="item.sons"
                border
                style="width: 100%"
                :row-style="changRed"
                :header-cell-style="{ background: '#aad8df' }"
              >
                <el-table-column align="center" label="检测项目" width="240">
                  <template slot-scope="scope">
                    <div>{{ scope.row.proName }}</div>
                  </template>
                </el-table-column>
                <el-table-column
                  align="center"
                  prop="proResult"
                  label="检测结果"
                  width="180"
                >
                </el-table-column>
                <el-table-column align="center" prop="" label="单位">
                  <template slot-scope="scope">
                    <div v-if="scope.row.project != null">
                      {{ scope.row.standard.company || "" }}
                    </div>
                    <div v-else>{{ scope.row.proAdvice }}</div>
                  </template>
                </el-table-column>
                <el-table-column align="center" prop="" label=" 参考范围">
                  <template slot-scope="scope">
                    <div v-if="scope.row.project != null">
                      {{
                        scope.row.standard.tjStandardGtValue ||
                        "/" + "-" + scope.row.standard.tjStandardLtValue ||
                        "/"
                      }}
                    </div>
                    <div v-else>{{ scope.row.stanId || "/" }}</div>
                  </template>
                </el-table-column>
              </el-table>
              <table style="width: 100%" v-if="tjproject != '1'">
                <tr
                  style="border: 1px solid #dfe6ec; border-collapse: collapse"
                >
                  <td
                    style="
                      border: 1px solid #dfe6ec;
                      border-collapse: collapse;
                      width: 7%;
                    "
                  >
                    小结:
                  </td>
                  <td style="border: 1px solid #dfe6ec; width: 45%">
                    <el-input v-model="item.remark" disabled></el-input>
                  </td>
                  <td
                    style="
                      border: 1px solid #dfe6ec;
                      border-collapse: collapse;
                      width: 15%;
                    "
                  >
                    主检医师:
                  </td>
                  <td
                    style="border: 1px solid #dfe6ec; border-collapse: collapse"
                    colspan="2"
                  >
                    {{ item.doctorName }}
                  </td>
                </tr>
                <tr
                  style="
                    border: 1px solid #dfe6ec;
                    border-collapse: collapse;
                    width: 200px;
                  " v-if="item1.project != null">
                  {{ item1.project.proName || "" }}
                </td>
                <td style="
                  "
                >
                  <td
                    style="
                      border: 1px solid #dfe6ec;
                      border-collapse: collapse;
                      width: 240px;
                    "
                  >
                    备注:
                  </td>
                  <td
                    style="border: 1px solid #dfe6ec; border-collapse: collapse"
                    colspan="3"
                  >
                    <el-input
                      type="textarea"
                      autosize
                      placeholder="请输入内容"
                      v-model="changedate[index].remark"
                      v-on:input="change"
                      style="width: 100%"
                    >
                    </el-input>
                    <!-- <textarea
                      placeholder="请输入内容"
                      :autosize="{ minRows: 2 }"
                      style="width: 100%; height: 240px; resize: none"
                      v-model="changedate[index].remark"
                      v-on:input="change"
                    ></textarea> -->
                  </td>
                </tr>
              </table>
            </div>
            <div v-else>
              <table style="width: 100%" v-if="tjproject != '1'">
                <tr style="border: 1px solid #dfe6ec">
                  <td
                    style="
                      border: 1px solid #dfe6ec;
                      border-collapse: collapse;
                      width: 15%;
                      height: auto;
                    "
                  >
                    检查所见:
                  </td>
                  <td
                    style="border: 1px solid #dfe6ec; height: auto"
                    colspan="2"
                  >
                    <el-input
                      type="textarea"
                      autosize
                      placeholder="请输入内容"
                      v-model="item.jgbx"
                      style="width: 100%"
                    >
                    </el-input>
                    <!-- <textarea
                      placeholder="请输入内容"
                      :autosize="{ minRows: 3}"
                      style="width: 100%; height: auto; resize: none"
                      v-model="item.jgbx"
                    ></textarea> -->
                  </td>
                </tr>
                <tr
                  style="border: 1px solid #dfe6ec; border-collapse: collapse"
                >
                  <td
                    style="
                      border: 1px solid #dfe6ec;
                      border-collapse: collapse;
                      width: 15%;
                    "
                  >
                    检查提示:
                  </td>
                  <td
                    style="border: 1px solid #dfe6ec; border-collapse: collapse"
                    colspan="2"
                  >
                    <el-input
                      type="textarea"
                      autosize
                      placeholder="请输入内容"
                      v-model="item.remark"
                      style="width: 100%"
                    >
                    </el-input>
                    <!-- <textarea
                      placeholder="请输入内容"
                      style="width: 100%;  resize: none"
                      v-model="item.remark"
                    ></textarea> -->
                  </td>
                </tr>
                <tr
                  style="
                    border: 1px solid #dfe6ec;
                    border-collapse: collapse;
                    width: 200px;
                  " v-else>
                  {{ item1.proName }}
                </td>
                <td style="
                    border: 1px solid #dfe6ec;
                    border-collapse: collapse;
                    width: 200px;
                  ">
                  {{ item1.proResult }}
                  <!-- <el-input v-model="item1.proResult" placeholder="请输入内容"></el-input> -->
                </td>
                <td style="
                    border: 1px solid #dfe6ec;
                    border-collapse: collapse;
                    width: 200px;
                  " v-if="item1.project != null">
                  {{ item1.standard.company }}
                </td>
                <td style="
                    border: 1px solid #dfe6ec;
                    border-collapse: collapse;
                    width: 200px;
                  " v-else>
                  {{ item1.proAdvice }}
                </td>
                <td style="
                    border: 1px solid #dfe6ec;
                    border-collapse: collapse;
                    width: 200px;
                  " v-if="item1.project != null">
                  {{
                    item1.standard.tjStandardGtValue +
                    "-" +
                    item1.standard.tjStandardLtValue
                  }}
                </td>
                <td style="
                    border: 1px solid #dfe6ec;
                    border-collapse: collapse;
                    width: 200px;
                  " v-else>
                  {{ item1.stanId }}
                </td>
              </tr>
              <tr style="
                  border: 1px solid #dfe6ec;
                  border-collapse: collapse;
                  width: 200px;
                ">
                <td>小结:</td>
                <td style="
                    border: 1px solid #dfe6ec;
                    border-collapse: collapse;
                    width: 200px;
                  ">
                  <el-input v-model="item.remark" disabled></el-input>
                  <!-- <el-select v-model="item.value" multiple filterable placeholder="请选择" style="width: 100%" @change="xiAoJieChange($event, item)">
                <el-option v-for="item1 in item.parentAdvice" :key="item1.id" :label="item1.title" :value="item1.id">
                </el-option>
              </el-select> -->
                </td>
                <td style="
                    border: 1px solid #dfe6ec;
                    border-collapse: collapse;
                    width: 200px;
                  ">
                  主检医师:
                </td>
                <td style="
                    border: 1px solid #dfe6ec;
                    border-collapse: collapse;
                    width: 200px;
                  ">
                  {{ item.doctorName }}
                </td>
              </tr>
              <tr style="
                  border: 1px solid #dfe6ec;
                  border-collapse: collapse;
                  width: 200px;
                ">
                <td style="
                    border: 1px solid #dfe6ec;
                    border-collapse: collapse;
                    width: 200px;
                  ">
                  备注:
                </td>
                <td style="
                    border: 1px solid #dfe6ec;
                    border-collapse: collapse;
                    width: 200px;
                  " colspan="2">
                  <textarea placeholder="请输入内容" :autosize="{ minRows: 2, maxRows: 2 }" style="width: 100%; height: 100%"
                    v-model="changedate[index].remark" v-on:input="change"></textarea>
                  <!-- <el-input type="textarea" autosize >
              </el-input> -->
                </td>
              </tr>
            </table>
            <el-form ref="numberValidateForm" label-width="80px" class="demo-ruleForm">
              <el-form-item label="总检建议">
                <el-input type="textarea" placeholder="请输入内容" v-model="textarea1" :rows="3" style="width: 96%">
                </el-input>
              </el-form-item>
            </el-form>
            <div slot="footer" class="dialog-footers" v-if="tjproject == '0'">
              <el-button type="primary" @click="determine" :disabled="isdisabled">提交并生成报告</el-button>
                  "
                >
                  <td
                    style="
                      border: 1px solid #dfe6ec;
                      border-collapse: collapse;
                      width: 15%;
                    "
                  >
                    主检医师:
                  </td>
                  <td
                    style="border: 1px solid #dfe6ec; border-collapse: collapse"
                    colspan="2"
                  >
                    {{ item.doctorName }}
                  </td>
                </tr>
              </table>
            </div>
          </div>
        </el-col>
        <el-col :span="6">
          <div v-if="hosproy">
            <Historicalreport :reportHistorydata="reportHistorydata"></Historicalreport>
          <div style="margin: 0 0px 10px 15px" v-if="tjproject != '1'">
            <el-button type="primary" @click="propoChange">快捷建议</el-button>
            <el-button type="primary" @click="proposalChange"
              >生成建议</el-button
            >
          </div>
          <div class="hist3" v-if="wenzhen">
            <span class="txt">问诊信息</span>
            <el-form ref="form" :model="formobj" label-width="100px" :inline="true" size="mini">
              <el-collapse class="coll" v-model="activeName" accordion>
                <el-collapse-item class="coll" title="基本信息" name="1" style="width: 100%; font-weight: 600">
                  <div style="width: 100%">
                    <el-form-item label="姓名" prop="cusName">
                      <el-input disabled v-model="formobj.cusName" placeholder="请输入姓名" />
                    </el-form-item>
                    <el-form-item label="职业" prop="work">
                      <el-select filterable v-model="formobj.work" placeholder="请选择职业" clearable style="width: 150px"
                        disabled>
                        <el-option v-for="dict in dict.type.tj_work" :key="dict.value" :label="dict.label"
                          :value="dict.value" />
                      </el-select>
                    </el-form-item>
                    <el-form-item label="工作状态" prop="workStatus">
                      <el-select disabled filterable v-model="formobj.workStatus" placeholder="请选择工作状态" clearable
                        style="width: 150px">
                        <el-option v-for="dict in dict.type.tj_work_status" :key="dict.value" :label="dict.label"
                          :value="dict.value" />
                      </el-select>
                    </el-form-item>
                    <el-form-item label="接触毒物" prop="contactPoison">
                      <el-input disabled type="textarea" rows="4" v-model="formobj.contactPoison" placeholder="请输入接触毒物"
                        style="width: 700px" />
                    </el-form-item>
                    <el-form-item label="既往病史" prop="medicalHistory">
                      <el-input disabled type="textarea" rows="4" v-model="formobj.medicalHistory" placeholder="请输入既往病史"
                        style="width: 700px" />
                    </el-form-item>
                  </div>
                </el-collapse-item>
                <el-collapse-item title="月经史" name="2" v-show="sex">
                  <div style="width: 100%">
                    <el-form-item label="初潮(岁)" prop="chuchao">
                      <el-input v-model="formobj.chuchao" style="width: 70px" disabled />
                    </el-form-item>
                    <el-form-item label="经期" prop="jingqi">
                      <el-input v-model="formobj.jingqi" disabled style="width: 70px" />天
                    </el-form-item>
                    <el-form-item label="周期" prop="zhouqi">
                      <el-input v-model="formobj.zhouqi" disabled style="width: 70px" />天
                    </el-form-item>
                    <el-form-item label="末次月经" prop="mociage">
                      <el-input v-model="formobj.mociage" disabled style="width: 100px" />
                    </el-form-item>
                  </div>
                </el-collapse-item>
                <el-collapse-item title="生育史" name="3" v-show="sex">
                  <div style="width: 100%">
                    <el-form-item label="现有子女(人)" prop="zinv">
                      <el-input v-model="formobj.zinv" style="width: 70px" disabled />
                    </el-form-item>
                    <el-form-item label="流产(次)" prop="liuchan">
                      <el-input v-model="formobj.liuchan" style="width: 70px" disabled />
                    </el-form-item>
                    <el-form-item label="早产(次)" prop="zaochan">
                      <el-input v-model="formobj.zaochan" style="width: 70px" disabled />
                    </el-form-item>
                    <el-form-item label="死产(次)" prop="sichan">
                      <el-input v-model="formobj.sichan" style="width: 70px" disabled />
                    </el-form-item>
                    <el-form-item label="异常胎(次)" prop="yichangtai">
                      <el-input v-model="formobj.yichangtai" style="width: 70px" disabled />
                    </el-form-item>
                  </div>
                </el-collapse-item>
                <el-collapse-item title="烟酒史" name="4">
                  <div style="width: 100%">
                    <el-form-item label="是否吸烟" prop="xiyan">
                      <!-- <el-input v-model="form.xiyanpinlv" placeholder="请输入吸烟频率" /> -->
                      <el-select disabled filterable v-model="formobj.xiyan" placeholder="请选择是否吸烟" clearable
                        style="width: 150px">
                        <el-option v-for="dict in dict.type.tj_smoking_pinlv" :key="dict.value" :label="dict.label"
                          :value="dict.value" />
                      </el-select>
                    </el-form-item>
                    <el-form-item label="吸烟频率" prop="xiyanpinlv">
                      <el-input v-model="formobj.xiyanpinlv" disabled style="width: 70px" />支/天
                    </el-form-item>
                    <el-form-item label="吸烟时间" prop="xiyanyear">
                      <el-input v-model="formobj.xiyanyear" disabled style="width: 70px" />年 </el-form-item><br />
                    <el-form-item label="是否饮酒" prop="yinjiu">
                      <!-- <el-input v-model="form.yinjiupinlv" placeholder="请输入饮酒频率" /> -->
                      <el-select filterable v-model="formobj.yinjiu" disabled placeholder="请选择是否饮酒" clearable
                        style="width: 150px">
                        <el-option v-for="dict in dict.type.tj_smoking_pinlv" :key="dict.value" :label="dict.label"
                          :value="dict.value" />
                      </el-select>
                    </el-form-item>
                    <el-form-item label="饮酒频率" prop="yinjiupinlv">
                      <el-input v-model="formobj.yinjiupinlv" disabled style="width: 70px" />ml/天
                    </el-form-item>
                    <el-form-item label="饮酒时间" prop="yinjiuyear">
                      <el-input v-model="formobj.yinjiuyear" disabled style="width: 70px" />年
                    </el-form-item>
                    <el-form-item label="其他" prop="qita">
                      <el-input v-model="formobj.qita" placeholder="请输入其他" disabled type="textarea" style="width: 600px"
                        rows="2" />
                    </el-form-item>
                  </div>
                </el-collapse-item>
                <el-collapse-item title="急慢性职业病史信息" name="5">
                  <div style="width: 100%">
                    <el-table border :data="formobj.tjAskHistorysList" ref="tjAskHistorys" style="width: 98%">
                      <el-table-column type="selection" width="40" align="center" />
                      <el-table-column label="疾病名称" prop="diseaseName">
                        <template slot-scope="scope">
                          <el-input size="mini" disabled v-model="scope.row.diseaseName" placeholder="请输入疾病名称" />
                        </template>
                      </el-table-column>
                      <el-table-column label="诊断日期" prop="diseaseData">
                        <template slot-scope="scope">
                          <el-date-picker size="mini" v-model="scope.row.diseaseData" align="right" type="date"
                            placeholder="选择日期" :picker-options="pickerOptions" style="width: 130px"
                            value-format="yyyy-MM-dd">
                          </el-date-picker>
                        </template>
                      </el-table-column>
                      <el-table-column label="诊断单位" prop="diseaseCompany">
                        <template slot-scope="scope">
                          <el-input size="mini" disabled v-model="scope.row.diseaseCompany" placeholder="请输入诊断单位" />
                        </template>
                      </el-table-column>
                      <el-table-column label="是否痊愈" prop="isOk">
                        <template slot-scope="scope">
                          <!-- <el-input v-model="scope.row.isOk" placeholder="请输入是否痊愈" /> -->
                          <el-select disabled filterable size="mini" v-model="scope.row.isOk" placeholder="请选择是否痊愈"
                            clearable>
                            <el-option v-for="dict in dict.type.sys_yes_no" :key="dict.value" :label="dict.label"
                              :value="dict.value" />
                          </el-select>
                        </template>
                      </el-table-column>
                      <el-table-column label="备注" prop="remark">
                        <template slot-scope="scope">
                          <el-input disabled size="mini" v-model="scope.row.remark" placeholder="请输入备注" />
                        </template>
                      </el-table-column>
                    </el-table>
                  </div>
                </el-collapse-item>
                <el-collapse-item title="职业史" name="7">
                  <div style="width: 100%">
                    <el-table border :data="formobj.workLogs" style="width: 98%">
                      <el-table-column type="selection" width="40" align="center" />
                      <el-table-column label="开始时间" prop="beginTime">
                        <template slot-scope="scope">
                          <el-date-picker size="mini" v-model="scope.row.beginTime" align="right" type="date"
                            placeholder="选择日期" :picker-options="pickerOptions" style="width: 130px"
                            value-format="yyyy-MM-dd">
                          </el-date-picker>
                        </template>
                      </el-table-column>
                      <el-table-column label="结束时间" prop="endTime">
                        <template slot-scope="scope">
                          <el-date-picker size="mini" disabled v-model="scope.row.endTime" align="right" type="date"
                            placeholder="选择日期" :picker-options="pickerOptions" style="width: 130px"
                            value-format="yyyy-MM-dd">
                          </el-date-picker>
                        </template>
                      </el-table-column>
                      <el-table-column label="工作单位" prop="workCompany">
                        <template slot-scope="scope">
                          <el-input size="mini" disabled v-model="scope.row.workCompany" placeholder="请输入工作单位" />
                        </template>
                      </el-table-column>
                      <el-table-column label="部门" prop="workDept">
                        <template slot-scope="scope">
                          <el-input disabled size="mini" v-model="scope.row.workDept" placeholder="请输入部门" />
                        </template>
                      </el-table-column>
                      <el-table-column label="工种" prop="workType">
                        <template slot-scope="scope">
                          <el-input disabled size="mini" v-model="scope.row.workType" placeholder="请输入工种" />
                        </template>
                      </el-table-column>
                      <el-table-column label="有害因素" prop="harmTypeLogs">
                        <template slot-scope="scope">
                          <!-- <el-input v-model="scope.row.isOk" placeholder="请输入是否痊愈" /> -->
                          <el-select filterable disabled size="mini" v-model="scope.row.harmTypeLogs" multiple
                            placeholder="请选择有害因素" clearable>
                            <el-option v-for="dict in harmTypeList" :key="dict.aid" :label="dict.harmtype"
                              :value="dict.aid" />
                          </el-select>
                        </template>
                      </el-table-column>
                      <el-table-column label="防护措施" prop="fangHu">
                        <template slot-scope="scope">
                          <el-input disabled size="mini" v-model="scope.row.fangHu" placeholder="请输入防护措施" />
                        </template>
                      </el-table-column>
                    </el-table>
                  </div>
                </el-collapse-item>
              </el-collapse>
            </el-form>
          <el-form
            ref="numberValidateForm"
            label-width="80px"
            class="demo-ruleForm"
            v-if="tjproject != '1'"
          >
            <el-form-item label="总检建议">
              <el-input
                type="textarea"
                placeholder="请输入内容"
                v-model="textarea1"
                :rows="3"
                style="width: 96%"
              >
              </el-input>
            </el-form-item>
          </el-form>
          <div slot="footer" class="dialog-footers">
            <el-button type="primary" @click.stop="guanbi">取消</el-button>
            <el-button
              v-if="tjproject == '0' && (msgkcf == 'y' || msgkcf == 'Y')"
              type="primary"
              @click.stop="rowClick"
              icon="el-icon-edit-outline"
              >开处方</el-button
            >
            <div v-if="tjproject == '0'">
              <el-button
                type="primary"
                @click="determine"
                :disabled="isdisabled"
                >提交并生成报告</el-button
              >
            </div>
          </div>
        </el-col>
      </el-row>
        </div>
        <div class="rightbox">
          <div class="right">
            <template v-if="status == 0">
              <div v-for="(item, index) in yichangList" :key="index">
                <div
                  style="
                    text-align: center;
                    background-color: #67c23a;
                    margin-top: 10px;
                  "
                >
                  {{ item.proName || "" }}
                </div>
                <el-table
                  :stripe="true"
                  :row-style="red"
                  :data="item.sone"
                  border
                  style="width: 100%"
                  :header-cell-style="{ background: '#67C23A' }"
                >
                  <el-table-column align="center" label="检测项目" width="220">
                    <template slot-scope="scope">
                      <div>{{ scope.row.proName }}</div>
                    </template>
                  </el-table-column>
                  <el-table-column
                    align="center"
                    prop="proResult"
                    label="检测结果"
                    width="160"
                  >
                  </el-table-column>
                  <el-table-column
                    align="center"
                    prop="stanId"
                    label=" 参考范围"
                  >
                  </el-table-column>
                  <el-table-column align="center" prop="proAdvice" label="单位">
                  </el-table-column>
                </el-table>
              </div>
            </template>
            <template v-if="status == 1">
              <div>
                <div
                  style="
                    text-align: center;
                    background-color: #e6a23c;
                    margin-top: 10px;
                  "
                >
                  项目检查情况
                </div>
                <el-table
                  :row-style="redxiangmu"
                  :data="statusList"
                  style="width: 100%"
                  :header-cell-style="{ background: '#e6a23c' }"
                  :expand-row-keys="expends"
                  :row-key="getRowKeys"
                  :stripe="true"
                >
                  <el-table-column type="expand">
                    <template slot-scope="props">
                      <span>{{ props.row.deptName }}</span>
                    </template>
                  </el-table-column>
                  <el-table-column
                    align="center"
                    label="部门"
                    width="160"
                    prop="deptName"
                  >
                  </el-table-column>
                  <el-table-column
                    align="center"
                    prop="proName"
                    label="项目"
                    width="160"
                  >
                  </el-table-column>
                  <el-table-column
                    label="状态"
                    align="center"
                    prop="type"
                    :show-overflow-tooltip="true"
                    width="60"
                  >
                    <template slot-scope="scope">
                      <span v-if="scope.row.type == '0'">未检</span>
                      <span v-if="scope.row.type == '1'">已检</span>
                      <span v-if="scope.row.type == '2'">弃检</span>
                      <span v-if="scope.row.type == '3'">延期</span>
                    </template>
                  </el-table-column>
                  <el-table-column
                    label="检查时间"
                    align="center"
                    prop="bcupdateTime"
                    width="160"
                  />
                </el-table>
              </div>
            </template>
          </div>
        </div>
      </div>
      <div class="hist3" v-if="wenzhen">
        <span class="txt">问诊信息</span>
        <el-form
          ref="form"
          :model="formobj"
          label-width="100px"
          :inline="true"
          size="mini"
        >
          <el-collapse class="coll" v-model="activeName" accordion>
            <el-collapse-item
              class="coll"
              title="基本信息"
              name="1"
              style="width: 100%; font-weight: 600"
            >
              <div style="width: 100%">
                <el-form-item label="姓名" prop="cusName">
                  <el-input
                    disabled
                    v-model="formobj.cusName"
                    placeholder="请输入姓名"
                  />
                </el-form-item>
                <el-form-item label="职业" prop="work">
                  <el-select
                    filterable
                    v-model="formobj.work"
                    placeholder="请选择职业"
                    clearable
                    style="width: 150px"
                    disabled
                  >
                    <el-option
                      v-for="dict in dict.type.tj_work"
                      :key="dict.value"
                      :label="dict.label"
                      :value="dict.value"
                    />
                  </el-select>
                </el-form-item>
                <el-form-item label="工作状态" prop="workStatus">
                  <el-select
                    disabled
                    filterable
                    v-model="formobj.workStatus"
                    placeholder="请选择工作状态"
                    clearable
                    style="width: 150px"
                  >
                    <el-option
                      v-for="dict in dict.type.tj_work_status"
                      :key="dict.value"
                      :label="dict.label"
                      :value="dict.value"
                    />
                  </el-select>
                </el-form-item>
                <el-form-item label="接触毒物" prop="contactPoison">
                  <el-input
                    disabled
                    type="textarea"
                    rows="4"
                    v-model="formobj.contactPoison"
                    placeholder="请输入接触毒物"
                    style="width: 700px"
                  />
                </el-form-item>
                <el-form-item label="既往病史" prop="medicalHistory">
                  <el-input
                    disabled
                    type="textarea"
                    rows="4"
                    v-model="formobj.medicalHistory"
                    placeholder="请输入既往病史"
                    style="width: 700px"
                  />
                </el-form-item>
              </div>
            </el-collapse-item>
            <el-collapse-item title="月经史" name="2" v-show="sex">
              <div style="width: 100%">
                <el-form-item label="初潮(岁)" prop="chuchao">
                  <el-input
                    v-model="formobj.chuchao"
                    style="width: 70px"
                    disabled
                  />
                </el-form-item>
                <el-form-item label="经期" prop="jingqi">
                  <el-input
                    v-model="formobj.jingqi"
                    disabled
                    style="width: 70px"
                  />天
                </el-form-item>
                <el-form-item label="周期" prop="zhouqi">
                  <el-input
                    v-model="formobj.zhouqi"
                    disabled
                    style="width: 70px"
                  />天
                </el-form-item>
                <el-form-item label="末次月经" prop="mociage">
                  <el-input
                    v-model="formobj.mociage"
                    disabled
                    style="width: 100px"
                  />
                </el-form-item>
              </div>
            </el-collapse-item>
            <el-collapse-item title="生育史" name="3" v-show="sex">
              <div style="width: 100%">
                <el-form-item label="现有子女(人)" prop="zinv">
                  <el-input
                    v-model="formobj.zinv"
                    style="width: 70px"
                    disabled
                  />
                </el-form-item>
                <el-form-item label="流产(次)" prop="liuchan">
                  <el-input
                    v-model="formobj.liuchan"
                    style="width: 70px"
                    disabled
                  />
                </el-form-item>
                <el-form-item label="早产(次)" prop="zaochan">
                  <el-input
                    v-model="formobj.zaochan"
                    style="width: 70px"
                    disabled
                  />
                </el-form-item>
                <el-form-item label="死产(次)" prop="sichan">
                  <el-input
                    v-model="formobj.sichan"
                    style="width: 70px"
                    disabled
                  />
                </el-form-item>
                <el-form-item label="异常胎(次)" prop="yichangtai">
                  <el-input
                    v-model="formobj.yichangtai"
                    style="width: 70px"
                    disabled
                  />
                </el-form-item>
              </div>
            </el-collapse-item>
            <el-collapse-item title="烟酒史" name="4">
              <div style="width: 100%">
                <el-form-item label="是否吸烟" prop="xiyan">
                  <!-- <el-input v-model="form.xiyanpinlv" placeholder="请输入吸烟频率" /> -->
                  <el-select
                    disabled
                    filterable
                    v-model="formobj.xiyan"
                    placeholder="请选择是否吸烟"
                    clearable
                    style="width: 150px"
                  >
                    <el-option
                      v-for="dict in dict.type.tj_smoking_pinlv"
                      :key="dict.value"
                      :label="dict.label"
                      :value="dict.value"
                    />
                  </el-select>
                </el-form-item>
                <el-form-item label="吸烟频率" prop="xiyanpinlv">
                  <el-input
                    v-model="formobj.xiyanpinlv"
                    disabled
                    style="width: 70px"
                  />支/天
                </el-form-item>
                <el-form-item label="吸烟时间" prop="xiyanyear">
                  <el-input
                    v-model="formobj.xiyanyear"
                    disabled
                    style="width: 70px"
                  />年 </el-form-item
                ><br />
                <el-form-item label="是否饮酒" prop="yinjiu">
                  <!-- <el-input v-model="form.yinjiupinlv" placeholder="请输入饮酒频率" /> -->
                  <el-select
                    filterable
                    v-model="formobj.yinjiu"
                    disabled
                    placeholder="请选择是否饮酒"
                    clearable
                    style="width: 150px"
                  >
                    <el-option
                      v-for="dict in dict.type.tj_smoking_pinlv"
                      :key="dict.value"
                      :label="dict.label"
                      :value="dict.value"
                    />
                  </el-select>
                </el-form-item>
                <el-form-item label="饮酒频率" prop="yinjiupinlv">
                  <el-input
                    v-model="formobj.yinjiupinlv"
                    disabled
                    style="width: 70px"
                  />ml/天
                </el-form-item>
                <el-form-item label="饮酒时间" prop="yinjiuyear">
                  <el-input
                    v-model="formobj.yinjiuyear"
                    disabled
                    style="width: 70px"
                  />年
                </el-form-item>
                <el-form-item label="其他" prop="qita">
                  <el-input
                    v-model="formobj.qita"
                    placeholder="请输入其他"
                    disabled
                    type="textarea"
                    style="width: 600px"
                    rows="2"
                  />
                </el-form-item>
              </div>
            </el-collapse-item>
            <el-collapse-item title="急慢性职业病史信息" name="5">
              <div style="width: 100%">
                <el-table
                  border
                  :data="formobj.tjAskHistorysList"
                  ref="tjAskHistorys"
                  style="width: 98%"
                >
                  <el-table-column type="selection" width="40" align="center" />
                  <el-table-column label="疾病名称" prop="diseaseName">
                    <template slot-scope="scope">
                      <el-input
                        size="mini"
                        disabled
                        v-model="scope.row.diseaseName"
                        placeholder="请输入疾病名称"
                      />
                    </template>
                  </el-table-column>
                  <el-table-column label="诊断日期" prop="diseaseData">
                    <template slot-scope="scope">
                      <el-date-picker
                        size="mini"
                        v-model="scope.row.diseaseData"
                        align="right"
                        type="date"
                        placeholder="选择日期"
                        :picker-options="pickerOptions"
                        style="width: 130px"
                        value-format="yyyy-MM-dd"
                      >
                      </el-date-picker>
                    </template>
                  </el-table-column>
                  <el-table-column label="诊断单位" prop="diseaseCompany">
                    <template slot-scope="scope">
                      <el-input
                        size="mini"
                        disabled
                        v-model="scope.row.diseaseCompany"
                        placeholder="请输入诊断单位"
                      />
                    </template>
                  </el-table-column>
                  <el-table-column label="是否痊愈" prop="isOk">
                    <template slot-scope="scope">
                      <!-- <el-input v-model="scope.row.isOk" placeholder="请输入是否痊愈" /> -->
                      <el-select
                        disabled
                        filterable
                        size="mini"
                        v-model="scope.row.isOk"
                        placeholder="请选择是否痊愈"
                        clearable
                      >
                        <el-option
                          v-for="dict in dict.type.sys_yes_no"
                          :key="dict.value"
                          :label="dict.label"
                          :value="dict.value"
                        />
                      </el-select>
                    </template>
                  </el-table-column>
                  <el-table-column label="备注" prop="remark">
                    <template slot-scope="scope">
                      <el-input
                        disabled
                        size="mini"
                        v-model="scope.row.remark"
                        placeholder="请输入备注"
                      />
                    </template>
                  </el-table-column>
                </el-table>
              </div>
            </el-collapse-item>
            <el-collapse-item title="职业史" name="7">
              <div style="width: 100%">
                <el-table border :data="formobj.workLogs" style="width: 98%">
                  <el-table-column type="selection" width="40" align="center" />
                  <el-table-column label="开始时间" prop="beginTime">
                    <template slot-scope="scope">
                      <el-date-picker
                        size="mini"
                        v-model="scope.row.beginTime"
                        align="right"
                        type="date"
                        placeholder="选择日期"
                        :picker-options="pickerOptions"
                        style="width: 130px"
                        value-format="yyyy-MM-dd"
                      >
                      </el-date-picker>
                    </template>
                  </el-table-column>
                  <el-table-column label="结束时间" prop="endTime">
                    <template slot-scope="scope">
                      <el-date-picker
                        size="mini"
                        disabled
                        v-model="scope.row.endTime"
                        align="right"
                        type="date"
                        placeholder="选择日期"
                        :picker-options="pickerOptions"
                        style="width: 130px"
                        value-format="yyyy-MM-dd"
                      >
                      </el-date-picker>
                    </template>
                  </el-table-column>
                  <el-table-column label="工作单位" prop="workCompany">
                    <template slot-scope="scope">
                      <el-input
                        size="mini"
                        disabled
                        v-model="scope.row.workCompany"
                        placeholder="请输入工作单位"
                      />
                    </template>
                  </el-table-column>
                  <el-table-column label="部门" prop="workDept">
                    <template slot-scope="scope">
                      <el-input
                        disabled
                        size="mini"
                        v-model="scope.row.workDept"
                        placeholder="请输入部门"
                      />
                    </template>
                  </el-table-column>
                  <el-table-column label="工种" prop="workType">
                    <template slot-scope="scope">
                      <el-input
                        disabled
                        size="mini"
                        v-model="scope.row.workType"
                        placeholder="请输入工种"
                      />
                    </template>
                  </el-table-column>
                  <el-table-column label="有害因素" prop="harmTypeLogs">
                    <template slot-scope="scope">
                      <!-- <el-input v-model="scope.row.isOk" placeholder="请输入是否痊愈" /> -->
                      <el-select
                        filterable
                        disabled
                        size="mini"
                        v-model="scope.row.harmTypeLogs"
                        multiple
                        placeholder="请选择有害因素"
                        clearable
                      >
                        <el-option
                          v-for="dict in harmTypeList"
                          :key="dict.aid"
                          :label="dict.harmtype"
                          :value="dict.aid"
                        />
                      </el-select>
                    </template>
                  </el-table-column>
                  <el-table-column label="防护措施" prop="fangHu">
                    <template slot-scope="scope">
                      <el-input
                        disabled
                        size="mini"
                        v-model="scope.row.fangHu"
                        placeholder="请输入防护措施"
                      />
                    </template>
                  </el-table-column>
                </el-table>
              </div>
            </el-collapse-item>
          </el-collapse>
        </el-form>
      </div>
    </el-drawer>
    <el-dialog class="dia" title="PDF 预览" :visible.sync="dialogVisible" :close-on-click-modal="false">
    <el-dialog
      class="dia"
      title="PDF 预览"
      :visible.sync="dialogVisible"
      :close-on-click-modal="false"
    >
      <div class="main">
        <iframe id="printIframe" :src="url" frameborder="0" style="width: 100%; height: 100%"></iframe>
        <iframe
          id="printIframe"
          :src="url"
          frameborder="0"
          style="width: 100%; height: 100%"
        ></iframe>
      </div>
    </el-dialog>
    <el-dialog title="提示" :visible.sync="jianqians" width="1000px" :before-close="handleClose1">
      <jianqianwenzhen :jianqianwenzhendata="jianqianwenzhendata" v-if="flags"></jianqianwenzhen>
    <el-dialog
      title="提示"
      :visible.sync="jianqians"
      width="1000px"
      :before-close="handleClose1"
    >
      <jianqianwenzhen
        :jianqianwenzhendata="jianqianwenzhendata"
        v-if="flags"
      ></jianqianwenzhen>
      <span slot="footer" class="dialog-footer">
        <el-button @click="jianqians = false">取 消</el-button>
      </span>
    </el-dialog>
    <Packages ref="bbb" :baogao="baogao" />
    <Prescription ref="Pre" :preObj="preObj" />
    <proposal ref="proposal" :cusobj="cusobj" @event1="eventchange($event)" />
    <createproposal ref="createproposal" :creatobj="creatobj" />
    <el-dialog
      title="常用建议维护"
      :visible.sync="propdialog"
      width="500px"
      append-to-body
    >
    </el-dialog>
  </div>
</template>
  
@@ -562,6 +1180,9 @@
<script>
import jianqianwenzhen from "@/components/jianqianwenzhen";
import Packages from "@/components/Packages";
import Prescription from "@/components/Prescription";
import proposal from "@/components/proposal";
import createproposal from "@/components/createproposal";
import {
  getcheckList,
  getTjdetailList,
@@ -572,27 +1193,32 @@
  getState,
  getforceIn,
  gettoPdf,
  getModified, isPdfOrJimu
  getModified,
  isPdfOrJimu,
} from "@/api/doctor/checkAll";
import { getInfoById } from "@/api/hosp/history";
import { getInfo } from "@/api/login";
import { getCompany, queryCompany } from "@/api/team/tuanti";
import { reportHistory } from "@/api/doctor/check";
import { reportHistory, yichang } from "@/api/doctor/check";
import { getPdf, revoke } from "@/api/hosp/order";
import { cSWebGetPro } from "@/api/doctor/examination";
import ViewPdf from "@/components/ViewPdf";
import Historicalreport from "@/components/Historicalreport";
import { getDicts } from "@/api/system/dict/data";
import {
  getTjYxjcList
} from "@/api/system/package";
import { getTjYxjcList } from "@/api/system/package";
import { getNewDateList } from "@/api/hosp/order";
import { getconfigKey } from "@/api/login";
import moment from "moment";
export default {
  components: {
    ViewPdf,
    Historicalreport,
    jianqianwenzhen,
    Packages
    Packages,
    proposal,
    createproposal,
    Prescription,
  },
  dicts: [
    "dict_tjtype",
@@ -608,6 +1234,10 @@
  name: "checkAll",
  data() {
    return {
      // 更新总检建议
      initialTotalCheckAdvice: "",
      initialState: "",
      preObj: {},
      baogao: [],
      flags: false,
      jianqianwenzhendata: [],
@@ -618,7 +1248,10 @@
      hosproy: true,
      remarks: "",
      remark: "",
      creatobj: {},
      propdialog: false,
      proIds: "",
      cusobj: {},
      xiaojie: "",
      isdisabled: false,
      dialogVisible: false,
@@ -661,6 +1294,9 @@
          },
        ],
      },
      msgtuwen: "",
      msgjianqian: "",
      msgkcf: "",
      // 页面全部数据
      checkList: [],
      // 绑定单选按钮
@@ -685,6 +1321,7 @@
      Deptobj: "",
      // 点击参数
      changedate: [],
      dataText: [],
      status: {},
      // 查询参数
      queryParams: {
@@ -699,6 +1336,8 @@
      },
      formobj: {},
      // 查询参数
      yichangList: [],
      statusList: [],
      queryParam: {
        pageNum: 1,
        pageSize: 10,
@@ -723,27 +1362,78 @@
        tjCategory: undefined,
        payType: undefined,
      },
      status: 0, // 0展示异常1展示项目情况
      viewportHeight: 0,
      expends: [],
    };
  },
  created() {
    // this.getNowTime();
    this.getList();
    this.getConfigKey();
    this.getdate();
  },
  mounted() {
    this.$nextTick(() => {
      this.$refs.inputName.focus();
      this.viewportHeight =
        window.innerHeight || document.documentElement.clientHeight;
    });
  },
  methods: {
    getConfigKey() {
      getconfigKey("sfkqtwbg").then((res) => {
        this.msgtuwen = res.msg;
      });
      getconfigKey("sfkqjqwz").then((res) => {
        this.msgjianqian = res.msg;
      });
      getconfigKey("kcf").then((res) => {
        this.msgkcf = res.msg;
      });
    },
    //设置table中的扩展项,展开的id,此处我需要全部展开
    getExpends() {
      var proId = this.statusList.map((item) => item.proId);
      this.expends = proId;
    },
    getRowKeys(row) {
      return row.proId;
    },
    // 项目情况
    xiangmuqingkuang() {
      cSWebGetPro(this.tjNumber).then((res) => {
        this.status = 1;
        this.statusList = res.data;
        this.getExpends();
        if (this.statusList.length == 0) {
          _this.$message.msgSuccess("暂无项目情况");
        }
      });
    },
    guanbi() {
      this.drawer = false;
    },
    yichangjieguo() {
      this.status = 0;
      let _this = this;
      yichang({
        tjNum: this.tjNumber,
      }).then((res) => {
        this.yichangList = res.data;
        if (this.yichangList.length == 0) {
          _this.$message.msgSuccess("暂无异常报告");
        }
      });
    },
    getdate() {
      getNewDateList().then((res) => {
        this.startTime = [
          moment(res.data).format("YYYY-MM-DD 00:00:00"),
          moment(res.data).format("YYYY-MM-DD 23:59:00"),
        ];
        this.getList();
      });
    },
    // / 处理默认选中当前日期
@@ -783,6 +1473,7 @@
      let tjNumber = this.tableAll.tjNumber;
      this.jianqianwenzhendata.push(tjNumber);
    },
    getList() {
      this.loading = true;
      this.queryParams.compId = this.CheckBox.drugManufacturerId;
@@ -843,38 +1534,41 @@
            }
          });
        } else {
          let url = response.data.url
          let url = response.data.url;
          const params = { url };
          this.$tab.openPage("健康证检查表", "/report/zongjianjiankangzheng", params);
          this.$tab.openPage(
            "健康证检查表",
            "/report/zongjianjiankangzheng",
            params
          );
        }
      })
      });
    },
    Graphicreport() {
      let dictType = "dict_ageunit"
      getDicts(dictType).then(res => {
      let dictType = "dict_ageunit";
      getDicts(dictType).then((res) => {
        if (res.code == 200) {
          res.data.forEach(item => {
          res.data.forEach((item) => {
            if (this.tableAll.age_unit == item.dictValue) {
              this.tableAll.age_unit = item.dictLabel
              this.tableAll.age_unit = item.dictLabel;
            }
          })
          let dictTypes = "sys_user_sex"
          getDicts(dictTypes).then(res => {
          });
          let dictTypes = "sys_user_sex";
          getDicts(dictTypes).then((res) => {
            if (res.code == 200) {
              res.data.forEach(item => {
              res.data.forEach((item) => {
                if (this.tableAll.cusSex == item.dictValue) {
                  this.tableAll.cusSex = item.dictLabel
                  this.tableAll.cusSex = item.dictLabel;
                }
              })
              });
              let data = {
                patname: this.tableAll.cusName,
                sex: this.tableAll.cusSex,
                patage: this.tableAll.age,
                patagename: this.tableAll.age_unit,
                patbirth: this.tableAll.cusBrithday
              }
                patbirth: this.tableAll.cusBrithday,
              };
              // let data = {
              //   patname: "脱能娥",
              //   sex: "女",
@@ -882,16 +1576,15 @@
              //   patagename: "岁",
              //   patbirth: "1963-01-01"
              // }
              getTjYxjcList(data).then(res => {
                this.baogao = res.data
              })
              getTjYxjcList(data).then((res) => {
                this.baogao = res.data;
              });
              this.$refs.bbb.open = true;
              // this.$refs.bbb.getAllList();
              this.$refs.bbb.title = "报告字典";
            }
          })
          });
        }
      })
      });
    },
    historicalreport() {
@@ -957,10 +1650,22 @@
      });
    },
    rowClick(row) {
      if (row.tjNumber) {
        this.preObj = row;
      } else {
        this.preObj = this.tableAll;
      }
      this.$refs.Pre.open = true;
      this.$refs.Pre.title = "处方";
    },
    // 单选按钮
    radioChange(value) {
      this.loading = true;
      this.queryParams.checkStatus = value;
      this.queryParams.page = 1;
      this.queryParams.pageSize = 10;
      getcheckList(this.queryParams).then((response) => {
        if (response.data) {
          this.checkList = response.data.customers;
@@ -970,6 +1675,33 @@
        }
        this.loading = false;
      });
    },
    propoChange() {
      this.cusobj = { sex: this.tableAll.cusSex, isZj: 0 };
      this.$refs.proposal.open = true;
      this.$refs.proposal.title = "建议方案";
      // this.$refs.proposal.getList();
    },
    eventchange(data) {
      this.dataText = data;
      if (this.textarea1 == null) {
        this.textarea1 = "";
      }
      data.forEach((item) => {
        this.textarea1 += item.advice;
      });
    },
    proposalChange() {
      if (this.textarea1) {
        this.creatobj = { proParentList: this.textarea1, isZj: 0 };
        this.$refs.createproposal.open = true;
        this.$refs.createproposal.title = "常用建议维护";
      } else {
        this.$message({
          type: "warning ",
          message: "请先填写总检建议",
        });
      }
    },
    radiotjprojectChange() {
      if (this.tjproject == "0") {
@@ -984,14 +1716,14 @@
            }
            this.changedate.forEach((item) => {
              // this.remark = item.remark;
              item.sons.forEach((item3) => {
                if (item3.standard.tjStandardGtValue === null) {
                  item3.standard.tjStandardGtValue = "";
                }
                if (item3.standard.tjStandardLtValue === null) {
                  item3.standard.tjStandardLtValue = "";
                }
              });
              // item.sons.forEach((item3) => {
              //   if (item3.standard.tjStandardGtValue === null) {
              //     item3.standard.tjStandardGtValue = "";
              //   }
              //   if (item3.standard.tjStandardLtValue === null) {
              //     item3.standard.tjStandardLtValue = "";
              //   }
              // });
              // item.remark = "";
            });
          } else {
@@ -1002,7 +1734,7 @@
          }
        });
      } else if (this.tjproject == "1") {
        getupdateCheckTypeHuaYan(this.tjNumber).then(res => {
        getupdateCheckTypeHuaYan(this.tjNumber).then((res) => {
          if (res.data) {
            // this.Testitems = res.data
            this.changedate = res.data;
@@ -1016,12 +1748,12 @@
              this.changedate.forEach((item) => {
                // this.remark = item.remark;
                item.sons.forEach((item3) => {
                  if (item3.standard.tjStandardGtValue === null) {
                    item3.standard.tjStandardGtValue = "";
                  }
                  if (item3.standard.tjStandardLtValue === null) {
                    item3.standard.tjStandardLtValue = "";
                  }
                  // if (item3.standard.tjStandardGtValue === null) {
                  //   item3.standard.tjStandardGtValue = "";
                  // }
                  // if (item3.standard.tjStandardLtValue === null) {
                  //   item3.standard.tjStandardLtValue = "";
                  // }
                });
                // item.remark = "";
              });
@@ -1032,8 +1764,7 @@
              message: "该客户没有化验项目数据",
            });
          }
        })
        });
      }
    },
@@ -1065,6 +1796,7 @@
    // 搜索
    submitForm() {
      console.log(this.tjStatus);
      this.loading = true;
      this.queryParams.compId = this.CheckBox.drugManufacturerId;
      this.queryParams.checkStatus = this.tjStatus;
@@ -1095,28 +1827,65 @@
    },
    // 重置
    resetQuery() {
      this.startTime = [];
      this.resetForm("tableList");
      this.submitForm();
    },
    changRed({ row }) {
      if (row.ycbz != "" && row.ycbz != null) {
        // 变颜色的条件
        return {
          color: "red", // 这个return的就是样式 可以是color 也可以是backgroundColor
        };
      }
    },
    red() {
      return {
        color: "red",
      };
    },
    redxiangmu({ row }) {
      if (row.type == 0) {
        // 变颜色的条件
        return {
          color: "red", // 这个return的就是样式 可以是color 也可以是backgroundColor
        };
      }
    },
    /*  changRed(row) {
      if (row.label === "↑") {
        return {
          color: "green", // 设置上箭头为绿色
        };
      } else if (row.label === "↓") {
        return {
          color: "red", // 设置下箭头为红色
        };
      }
      // 默认颜色
      return {
        color: "black",
      };
    }, */
    handleCurrentChange(val) {
      if (val != null) {
        this.handleClick(val);
      }
    },
    // 点击详情
    handleClick(row) {
      this.$refs.Pre.open = false;
      this.tableAll = row;
      this.tjproject = "0"
      // if (this.tableAll.cusSex === 0) {
      //   this.tableAll.cusSex = "男";
      // }
      // if (this.tableAll.cusSex === 1) {
      //   this.tableAll.cusSex = "女";
      // }
      // if (this.tableAll.cusSex === 2) {
      //   this.tableAll.cusSex = "未知";
      // }
      this.tjproject = "0";
      this.tjNumber = this.tableAll.tjNumber;
      getState(this.tjNumber).then((res) => {
        this.status = res.data;
        if (this.status.status === "1") {
          this.yichangjieguo();
          getInfo().then((response) => {
            this.userId = response.user.userId;
            if (this.userId) {
@@ -1132,22 +1901,30 @@
                  this.changedate = response.data;
                  if (this.changedate) {
                    this.changedate.forEach((item) => {
                    this.textarea1 = item.checkAdvice;
                  });
                      this.textarea1 = item.checkAdvice || "";
                    });
                    // 这里设置初始值
                    this.initialTotalCheckAdvice = this.textarea1; // 保存总检建议
                    // 保存初始状态
                    this.initialState = JSON.parse(
                      JSON.stringify(this.changedate)
                    );
                    for (let i = 0; i < this.changedate.length; i++) {
                      this.remark = this.changedate[i].remark;
                    }
                    this.changedate.forEach((item) => {
                      // this.remark = item.remark;
                      item.sons.forEach((item3) => {
                        if (item3.standard.tjStandardGtValue === null) {
                          item3.standard.tjStandardGtValue = "";
                        }
                        if (item3.standard.tjStandardLtValue === null) {
                          item3.standard.tjStandardLtValue = "";
                        }
                      });
                      // item.remark = "";
                      // item.sons.forEach((item3) => {
                      //   if (item3.standard.tjStandardGtValue === null) {
                      //     item3.standard.tjStandardGtValue = "";
                      //   }
                      //   if (item3.standard.tjStandardLtValue === null) {
                      //     item3.standard.tjStandardLtValue = "";
                      //   }
                      // });
                    });
                  } else {
                    this.$message({
@@ -1170,8 +1947,10 @@
            }
          )
            .then(() => {
              this.yichangjieguo();
              getInfo().then((response) => {
                this.userId = response.user.userId;
                if (this.userId) {
                  let data = {
                    userId: this.userId,
@@ -1187,20 +1966,29 @@
                        for (let i = 0; i < this.changedate.length; i++) {
                          this.remark = this.changedate[i].remark;
                        }
                        this.initialState = JSON.parse(
                          JSON.stringify(this.changedate)
                        );
                        this.changedate.forEach((item) => {
                          this.textarea1 = item.checkAdvice;
                          this.textarea1 = item.checkAdvice || "";
                          // this.remark = item.remark;
                          item.sons.forEach((item3) => {
                            if (item3.standard.tjStandardGtValue === null) {
                              item3.standard.tjStandardGtValue = "";
                            }
                            if (item3.standard.tjStandardLtValue === null) {
                              item3.standard.tjStandardLtValue = "";
                            }
                          });
                          // item.sons.forEach((item3) => {
                          //   if (item3.standard.tjStandardGtValue === null) {
                          //     item3.standard.tjStandardGtValue = "";
                          //   }
                          //   if (item3.standard.tjStandardLtValue === null) {
                          //     item3.standard.tjStandardLtValue = "";
                          //   }
                          // });
                          // item.remark = "";
                        });
                        // 保存总检建议
                        this.totalCheckAdvice = this.changedate.map(
                          (item) => item.totalCheckAdvice
                        );
                      } else {
                        this.$message({
                          type: "warning ",
@@ -1218,8 +2006,8 @@
                message: "已取消进入",
              });
            });
          this.drawer = false;
        }
      });
@@ -1243,33 +2031,53 @@
      });
    },
    cancel() {
      this.propdialog = false;
    },
    // 是否关闭弹窗
    handleClose(done) {
      if (this.loading) {
        return;
      }
      this.$confirm("确定要提交吗?")
        .then((_) => {
          this.loading = true;
          this.timer = setTimeout(() => {
            done();
            this.determine();
            // 动画关闭需要一定的时间
            setTimeout(() => {
              this.loading = false;
            }, 400);
          }, 2000);
        })
        .catch((_) => {
          this.drawer = false;
          let data = {
            userId: this.userId,
            tjNumber: this.tjNumber,
            state: 1,
            id: this.MsgId,
          };
          getfiedState(data).then((res) => { });
        });
      // 检查是否有修改
      let isModified =
        JSON.stringify(this.changedate) !== JSON.stringify(this.initialState) ||
        (this.textarea1 !== this.initialTotalCheckAdvice &&
          this.textarea1 !== null);
      console.log("Initial Total Check Advice:", this.initialTotalCheckAdvice);
      console.log("Current textarea1:", this.textarea1);
      if (isModified) {
        // 如果有修改,弹出确认框
        this.$confirm("检测内容有修改,确定要提交吗?")
          .then(() => {
            this.loading = true;
            this.timer = setTimeout(() => {
              done();
              this.determine();
              setTimeout(() => {
                this.loading = false;
              }, 400);
            }, 2000);
          })
          .catch(() => {
            // 用户取消操作
            this.drawer = false;
            let data = {
              userId: this.userId,
              tjNumber: this.tjNumber,
              state: 1,
              id: this.MsgId,
            };
            getfiedState(data).then((res) => {});
            this.submitForm();
          });
      } else {
        // 如果没有修改,直接关闭
        done();
      }
    },
    handleClose1() {
      this.jianqians = false;
@@ -1295,10 +2103,8 @@
    //     });
    //   }
    // },
    change(vale) {
      // console.log(this.changedate[index].remark);
    },
    determine() {
    change(vale) {},
    /*  determine() {
      let tjNumber = this.tableAll.tjNumber;
      let advice = this.textarea1;
      let data = {
@@ -1306,6 +2112,7 @@
        advice,
        checkStatus: 1,
      };
      this.loading = true;
      getTjdetailList(data).then((response) => {
        if (response.code === 200) {
          this.$modal.msgSuccess("提交成功");
@@ -1316,13 +2123,22 @@
            state: 1,
            id: this.MsgId,
          };
          gettoPdf(tjNumber).then((res) => {
            this.$modal.msgSuccess("已生成报告!请前往报告核收页面确认!");
          });
          gettoPdf(tjNumber)
            .then((res) => {
              this.$modal.msgSuccess("已生成报告!请前往报告核收页面确认!");
            })
            .catch((error) => {
              this.$modal.msgError(
                "打印报告失败,请前往报告打印页面补打报告!"
              );
            })
          getfiedState(data).then((res) => {
            this.drawer = false;
          });
        }
          this.queryParams.page = 1;
          this.queryParams.pageSize = 10;
          this.submitForm();
          this.$forceUpdate();
      });
      for (let i = 0; i < this.changedate.length; i++) {
@@ -1335,21 +2151,174 @@
            remarks,
          },
        ];
        getModified(updateOrderRemarkVos).then((response) => { });
        getModified(updateOrderRemarkVos).then((response) => {});
      }
      this.submitForm();
      this.$forceUpdate();
      // this.changedate.forEach((item) => {
      //   this.proIds = item.parentId;
      //   // this.remark = item.remark;
      // });
    }, */
    determine() {
      let tjNumber = this.tableAll.tjNumber;
      let advice = this.textarea1;
      let data = {
        tjNumber,
        advice,
        checkStatus: 1,
      };
      // 开始加载
      this.loading = true;
      // 提交数据
      getTjdetailList(data)
        .then((response) => {
          if (response.code === 200) {
            this.$modal.msgSuccess("提交成功");
            // 准备生成报告的请求数据
            let reportData = {
              userId: this.userId,
              tjNumber: tjNumber,
              state: 1,
              id: this.MsgId,
            };
            // 生成报告并保持 loading 打开
            const reportPromise = gettoPdf(tjNumber)
              .then((res) => {
                this.$modal.msgSuccess("已生成报告!请前往报告核收页面确认!");
              })
              .catch((error) => {
                this.$modal.msgError(
                  "打印报告失败,请前往报告打印页面补打报告!"
                );
              });
            // 更新状态并提交修改请求
            const statePromise = getfiedState(reportData).then((res) => {
              this.drawer = false;
            });
            // 处理其他修改操作
            const updatePromises = this.changedate.map((item) => {
              this.proIds = item.parentId;
              let remarks = item.remark;
              let updateOrderRemarkVos = [
                {
                  tjNumber,
                  proId: this.proIds.toString(),
                  remarks,
                },
              ];
              return getModified(updateOrderRemarkVos); // 返回 Promise
            });
            // 等待所有请求完成
            Promise.all([reportPromise, statePromise, ...updatePromises])
              .then(() => {
                // 所有请求完成,关闭 loading
                this.loading = false;
                // 更新分页信息
                this.queryParams.page = 1;
                this.queryParams.pageSize = 10;
                this.submitForm();
                this.$forceUpdate();
              })
              .catch((error) => {
                // 处理错误情况
                this.loading = false;
                console.error("发生错误:", error);
              });
          } else {
            // 提交失败,关闭 loading
            this.loading = false;
          }
        })
        .catch((error) => {
          // 提交请求失败,关闭 loading
          this.loading = false;
          console.error("提交请求失败:", error);
        });
    },
  },
};
</script>
<style scoped>
<style scoped lang="scss">
.mainbox {
  position: relative;
}
.tanchu {
  background-color: red;
}
.btn {
  margin: 20px 0px;
}
/* 按钮的初始状态 */
.btnbox {
  display: flex;
  flex-direction: column;
  gap: 10px; /* 按钮之间的间距 */
  position: fixed; /* 使整个按钮区域固定在页面 */
  right: 0;  /* 固定在页面右侧 */
  top: 20%;  /* 初始位置 */
  z-index: 10;
}
/* 每个按钮的样式 */
.btn1 {
  animation: fadeInUp 0.5s ease-out forwards;  /* 按钮加载时的淡入动画 */
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  writing-mode: vertical-rl;  /* 按钮文本竖直排列 */
  text-align: center;  /* 文字居中 */
}
/* 设置动画效果 */
@keyframes fadeInUp {
  0% {
    opacity: 0;
    transform: translateY(20px) scale(0.5);  /* 初始状态:透明且缩小 */
  }
  100% {
    opacity: 1;
    transform: translateY(0) scale(1);  /* 最终状态:完全显示且正常大小 */
  }
}
/* 每个按钮的位置和动画延迟 */
.btnbox > div:nth-child(1) {
  top: 20%;  /* 第一个按钮的位置 */
  animation-delay: 0s;  /* 无延迟 */
}
.btnbox > div:nth-child(2) {
  top: 30%;  /* 第二个按钮的位置 */
  animation-delay: 0.2s;
}
.btnbox > div:nth-child(3) {
  top: 40%;  /* 第三个按钮的位置 */
  animation-delay: 0.4s;
}
.btnbox > div:nth-child(4) {
  top: 50%;  /* 第四个按钮的位置 */
  animation-delay: 0.6s;
}
.btnbox > div:nth-child(5) {
  top: 60%;  /* 第五个按钮的位置 */
  animation-delay: 0.8s;
}
.btnbox > div:nth-child(6) {
  top: 70%;  /* 第六个按钮的位置 */
  animation-delay: 1s;
}
.main {
@@ -1403,8 +2372,22 @@
}
.dialog-footers {
  /* margin-top: 5px; */
  margin-left: calc(100% - 15%);
  position: fixed;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0px 20px;
  z-index: 1000; /* 确保按钮层级在其他内容上方 */
  width: 100%;
  background-color: white; /* 可根据需要调整背景颜色 */
}
/* 确保按钮之间有合适的间距 */
.dialog-footers .el-button {
  margin: 0 5px;
}
textarea {
@@ -1412,7 +2395,48 @@
  border: none;
  outline: none;
}
.box {
  display: flex;
  position: sticky;
  top: 0px;
  height: 85vh;
  overflow: auto; // 确保父容器可以滚动
}
.rightbox {
  margin-left: 30px;
  overflow-y: scroll;
  position: sticky;
  top: 0px;
  .right {
    position: sticky;
    top: 0px;
    background-color: #fff;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
    z-index: 10;
  }
}
.top {
  position: sticky;
  top: 0;
  z-index: 10;
  background-color: #fff;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
  display: flex;
  .el-icon-close {
    cursor: pointer;
    font-size: 30px;
    position: relative;
    top: 7px;
    right: 4px;
    color: rgb(24, 144, 255);
  }
}
.kong {
  box-shadow: none;
}
</style>