qxtj

qinxianzhangyao

2023-12-09 876f43e0fd34e084cc8a179a20afb51fe612eca3

 src/views/doctor/check/index.vue

@@ -21,8 +21,8 @@
    </div>

    <template>
      <el-table :data="tableList" v-loading="loading" ref="table" height="536px" style="margin: 20px; width: 98%"
        border="">
      <el-table :data="tableList" v-loading="loading" ref="table" height="536px" style="margin: 20px; width: 98%" border
        :cell-class-name="myclass">
        <!-- <template slot="empty">数据正在加载中</template> -->
        <el-table-column label="体检号" align="center" prop="tjNumber" width="160px" />
        <el-table-column label="姓名" align="center" prop="cusName" width="90px" />
@@ -37,8 +37,14 @@
        <el-table-column label="出生日期" align="center" prop="cusBrithday" width="100px" />
        <el-table-column label="电话" align="center" prop="cusPhone" width="100px" />
        <el-table-column label="体检类型" align="center" prop="tjType" width="80px" />
        <el-table-column label="登记时间" align="center" prop="createTime" width="160px" />
        <el-table-column label="体检时间" align="center" prop="tjTime" width="100px" />
        <el-table-column label="登记时间" align="center" prop="tjTime" width="160px">

        </el-table-column>
        <el-table-column label="体检时间" align="center" prop="tjTime" width="100px">
          <template slot-scope="scope">
            <span>{{ parseTime(scope.row.tjTime, '{y}-{m}-{d}') }}</span>
          </template>
        </el-table-column>
        <el-table-column label="未检项" prop="notCheckeds" :show-overflow-tooltip="true" />
        <el-table-column label="操作" align="center" width="130px">
          <template slot-scope="scope">
@@ -149,6 +155,49 @@
      </div> -->
    </el-dialog>

    <el-dialog title="填写是否重大阳性" :visible.sync="checkval" width="800px" append-to-body>
      <el-form ref="form" :model="formIn" label-width="100px">
        <el-form-item label="姓名">
          <el-input v-model="formIn.cusName" disabled></el-input>
        </el-form-item>
        <el-form-item label="体检号">
          <el-input v-model="formIn.tjNumber" disabled></el-input>
        </el-form-item>
        <el-form-item label="父项名称">
          <el-input v-model="Parentcheck.proName" disabled></el-input>
        </el-form-item>
        <el-form-item label="子项名称">
          <el-input v-model="formIn.proName" disabled></el-input>
        </el-form-item>
        <el-form-item label="重大阳性">
          <el-radio-group v-model="formIn.flag">
            <el-radio label="1">是</el-radio>
            <el-radio label="0">否</el-radio>
          </el-radio-group>
        </el-form-item>
        <el-form-item label="等级">
          <el-select v-model="formIn.level" placeholder="请选择" filterable style="width: 100%;">
            <el-option v-for="item in dict.type.lj_positive" :key="item.value" :label="item.label" :value="item.value">
            </el-option>
          </el-select>
        </el-form-item>
        <el-form-item label="备注">
          <el-input type="textarea" v-model="formIn.remark"></el-input>
        </el-form-item>
      </el-form>
      <div slot="footer" class="dialog-footer">
        <el-button type="primary" @click="submitcheckval">确 定</el-button>
        <el-button @click="cancell">取 消</el-button>
      </div>
    </el-dialog>


    <el-dialog 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>
      </div>
    </el-dialog>

    <!-- 点击右边弹出层 -->
    <el-drawer :visible.sync="drawer" :with-header="false" size="70%" :before-close="handleClose">
      <div style="font-size: 14px">
@@ -202,118 +251,138 @@
          </tr>
        </table>
      </div>
      <div style="margin: 10px 10px;" v-if="hasdeptList.length >= 1">
        <el-button type="primary" size="mini" @click="Changeapply()">会诊申请</el-button>
      <div style="display: flex;">
        <div style="margin: 10px 10px;" v-if="hasdeptList.length >= 1">
          <el-button type="primary" size="mini" @click="Changeapply()">会诊申请</el-button>
        </div>
        <div style="margin: 10px 10px;">
          <el-button type="primary" size="mini" @click="historicalreport()">历史报告</el-button>
        </div>
      </div>

      <template>
        <div style="margin-left: 10px">
          <el-radio-group v-model="radio" v-for="(item, index) in Parent" :key="index"
            @input="radioChange1(item.proId, item)">
            <el-radio-button :label="item.proId">{{
              item.proName
            }}</el-radio-button>
          </el-radio-group>
        </div>
      </template>
      <el-table v-loading="loading" :data="proParentList.sons" border height="460px"
        style="width: 96%; margin: 10px 10px">
        <el-table-column prop="project.proName" label="检测项目" width="150">
          <!-- <template slot-scope="scope">
      <el-row>
        <el-col :span="18">
          <template>
            <div style="margin-left: 10px">
              <el-radio-group v-model="radio" v-for="(item, index) in Parent" :key="index"
                @input="radioChange1(item.proId, item)">
                <el-radio-button :label="item.proId">{{
                  item.proName
                }}</el-radio-button>
              </el-radio-group>
            </div>
          </template>
          <el-table v-loading="loading" :data="proParentList.sons" border height="460px"
            style="width: 96%; margin: 10px 10px">
            <el-table-column prop="project.proName" label="检测项目" width="150">
              <!-- <template slot-scope="scope">
            {{ scope.row.project.proName }}
          </template> -->
        </el-table-column>
        <el-table-column prop="proResult" label="检测结果" width="280">
          <template slot-scope="scope">
            <el-input size="mini" v-model="scope.row.proResult" autocomplete="off" placeholder="请输入检测结果"
              @blur="handleInputConfirm(scope.row)" @input="vale"></el-input>
          </template>
        </el-table-column>
        <el-table-column label="规则" width="55">
          <template slot-scope="scope">
            <el-button class="blue-button" @click="handleguize(scope.row)">...</el-button>
          </template>
        </el-table-column>
        <el-table-column prop="project.proMetering" label="单位">
          <!-- <template slot-scope="scope">
            </el-table-column>
            <el-table-column prop="proResult" label="检测结果" width="280">
              <template slot-scope="scope">
                <el-input size="mini" v-model="scope.row.proResult" autocomplete="off" placeholder="请输入检测结果"
                  @blur="handleInputConfirm(scope.row)" @input="vale" @focus="handleInConfirm(scope.row)"></el-input>
              </template>
            </el-table-column>
            <el-table-column label="规则" width="55">
              <template slot-scope="scope">
                <el-button class="blue-button" @click="handleguize(scope.row)">...</el-button>
              </template>
            </el-table-column>
            <el-table-column prop="project.proMetering" label="单位">
              <!-- <template slot-scope="scope">
            {{ scope.row.standard.company }}
          </template> -->
        </el-table-column>
        <el-table-column prop="project.proScope" label="参考范围">
        </el-table-column>
        <el-table-column prop="conclusion" label="结果结论" width="280">
          <template slot-scope="scope">
            <el-input size="mini" v-model="scope.row.conclusion" autocomplete="off" placeholder="请输入检测结果"
              disabled></el-input>
          </template>
        </el-table-column>
        <el-table-column prop="exceptionDesc" label="是否异常" width="80px" align="center">
          <template slot-scope="scope">
            <el-checkbox v-model="scope.row.exceptionDesc"></el-checkbox>
          </template>
        </el-table-column>
        <el-table-column prop="isReturn" label="是否复诊" width="80px" align="center">
          <template slot-scope="scope">
            <el-checkbox v-model="scope.row.isReturn"></el-checkbox>
          </template>
        </el-table-column>
        <el-table-column prop="project.resultType" label="结果类型">
          <template slot-scope="scope">
            <dict-tag :options="dict.type.tj_result_type" :value="scope.row.project.resultType" />
          </template>
        </el-table-column>
      </el-table>
            </el-table-column>
            <el-table-column prop="project.proScope" label="参考范围">
            </el-table-column>
            <el-table-column prop="conclusion" label="结果结论" width="280">
              <template slot-scope="scope">
                <el-input size="mini" v-model="scope.row.conclusion" autocomplete="off" placeholder="请输入检测结果"
                  disabled></el-input>
              </template>
            </el-table-column>
            <el-table-column prop="exceptionDesc" label="是否异常" width="80px" align="center">
              <template slot-scope="scope">
                <el-checkbox v-model="scope.row.exceptionDesc"></el-checkbox>
              </template>
            </el-table-column>
            <el-table-column prop="isReturn" label="是否复诊" width="80px" align="center">
              <template slot-scope="scope">
                <el-checkbox v-model="scope.row.isReturn"></el-checkbox>
              </template>
            </el-table-column>
            <el-table-column prop="project.resultType" label="结果类型">
              <template slot-scope="scope">
                <dict-tag :options="dict.type.tj_result_type" :value="scope.row.project.resultType" />
              </template>
            </el-table-column>
            <el-table-column prop="isPositive" label="重大阳性">
              <template slot-scope="scope">
                <el-switch v-model="scope.row.isPositive" active-value="1" inactive-value="0"
                  @change="checkboxchange(scope.row)"></el-switch>

      <div style="font-size: 14px; overflow-y: auto; height: 286px">
        <table style="
              </template>
            </el-table-column>
          </el-table>

          <div style="font-size: 14px; overflow-y: auto; height: 286px">
            <table style="
            width: 96%;
            margin: 4px 10px;
            border: 1px solid #dfe6ec;
            border-collapse: collapse;
          " cellspacing="4">
          <tr style="border: 1px solid #dfe6ec; border-collapse: collapse">
            <td style="border: 1px solid #dfe6ec; border-collapse: collapse">
              病种选择：
            </td>
            <td style="border: 1px solid #dfe6ec; border-collapse: collapse">
              <el-select v-model="value" multiple placeholder="请选择" style="width: 100%; height: 45px"
                v-if="deptAdviceList" @change="sel" filterable>
                <el-option v-for="item in deptAdviceList" :key="item.id" :label="item.title" :value="item.id">
                </el-option>
              </el-select>
            </td>
            <td style="border: 1px solid #dfe6ec; border-collapse: collapse">
              主检医师：
            </td>
            <td style="border: 1px solid #dfe6ec; border-collapse: collapse">
              <el-select v-model="doctorName" placeholder="请选择" style="width: 100%" v-if="deptAdviceList"
                @change="selName" filterable>
                <el-option v-for="item in userList" :key="item.userId" :label="item.nickName" :value="item.userId">
                </el-option>
              </el-select>
            </td>
          </tr>
          <tr style="border: 1px solid #dfe6ec; border-collapse: collapse">
            <td style="border: 1px solid #dfe6ec; border-collapse: collapse">
              建议：
            </td>
            <td style="border: 1px solid #dfe6ec; border-collapse: collapse" colspan="2">
              <el-input type="textarea" placeholder="请输入内容" v-model="proParentList.remark" rows="7">
              </el-input>
            </td>
          </tr>
        </table>
              <tr style="border: 1px solid #dfe6ec; border-collapse: collapse">
                <td style="border: 1px solid #dfe6ec; border-collapse: collapse">
                  病种选择：
                </td>
                <td style="border: 1px solid #dfe6ec; border-collapse: collapse">
                  <el-select v-model="value" multiple placeholder="请选择" style="width: 100%; height: 45px"
                    v-if="deptAdviceList" @change="sel" filterable>
                    <el-option v-for="item in deptAdviceList" :key="item.id" :label="item.title" :value="item.id">
                    </el-option>
                  </el-select>
                </td>
                <td style="border: 1px solid #dfe6ec; border-collapse: collapse">
                  主检医师：
                </td>
                <td style="border: 1px solid #dfe6ec; border-collapse: collapse">
                  <el-select v-model="doctorName" placeholder="请选择" style="width: 100%" v-if="deptAdviceList"
                    @change="selName" filterable>
                    <el-option v-for="item in userList" :key="item.userId" :label="item.nickName" :value="item.userId">
                    </el-option>
                  </el-select>
                </td>
              </tr>
              <tr style="border: 1px solid #dfe6ec; border-collapse: collapse">
                <td style="border: 1px solid #dfe6ec; border-collapse: collapse">
                  建议：
                </td>
                <td style="border: 1px solid #dfe6ec; border-collapse: collapse" colspan="2">
                  <el-input type="textarea" placeholder="请输入内容" v-model="proParentList.remark" rows="7">
                  </el-input>
                </td>
              </tr>
            </table>

        <div slot="footer" class="dialog-footers">
          <!-- <el-button type="primary"
            <div slot="footer" class="dialog-footers">
              <!-- <el-button type="primary"
          size="mini"
          @click="radioChange"
          v-hasPermi="['system:notice:add']"
          v-show="tjStatus == '1'"
        >会诊申请</el-button> -->
          <el-button type="primary" @click="determine" v-show="tjStatus == '0'">提 交</el-button>
        </div>
      </div>
              <el-button type="primary" @click="determine" v-show="tjStatus == '0'">提 交</el-button>
            </div>
          </div>
        </el-col>
        <el-col :span="6">
          <Historicalreport :reportHistorydata="reportHistorydata"></Historicalreport>
        </el-col>
      </el-row>

      <!-- <div style="background-color: #f3f3f3;font-size:14px;overflow-y:auto;height: calc(100% - 11%);">
        <table style="width:96%;margin: 4px 10px;border:1px solid white" cellspacing="4" border="2"
          v-for="(item, index) in proParentList.sons" :key="index">
@@ -362,36 +431,49 @@

<script>
import Public from "@/components/public";
import { getPdf } from "@/api/hosp/order";
import { getInfo } from "@/api/login";
import Historicalreport from "@/components/Historicalreport";
import {
  getProList,
  getSons,
  AutoGetRule,
  getaddRemark,
  getParentList,
  getParentId,
  getDeptAdvice,
  reportHistory
} from "@/api/doctor/check";
import {
  addBigPositive
} from "@/api/doctor/bigPositive";
import {
  addReplylog, hzHasDept
} from "@/api/hosp/replylog";
import { listHzlog, addHzlog, delHzlog,updateHzlog  } from "@/api/hosp/hzlog";
import { listHzlog, addHzlog, delHzlog, updateHzlog } from "@/api/hosp/hzlog";
import { listUser } from "@/api/system/user";
import { getChildList } from "@/api/system/dept";
export default {
  dicts: ["sys_user_sex", "sys_yes_no", "tj_result_type"],
  dicts: ["sys_user_sex", "sys_yes_no", "tj_result_type", "lj_positive"],
  name: "check",
  components: { Public },
  components: { Public, Historicalreport },
  data() {
    return {
      selected: false,
      checkval: false,
      // 遮罩层
      loading: false,
      open: false,
      foropen: false,
      dialogVisible: false,
      reportHistorydata: [],
      url: "",
      cateringList: [],
      orderDetailId: "",
      textarea: "",
      title: "",
      formIn: {},
      focusrow: {},
      hzlogList: [],
      // proDefault: "",
      // dataList: [],
@@ -407,6 +489,7 @@
      tjStatus: "0",
      // 抽屉打开方式
      drawer: false,
      Parentcheck: {},
      // 获取抽屉列表
      drawerList: [],
      // 获取信息集合
@@ -416,6 +499,7 @@
      row: {},
      info: {},
      allList: [],
      autorule: [],
      form: {
        createTime: new Date()
      },
@@ -439,6 +523,7 @@
      tjNumber: "",
      // 全部小结
      DeptadviceAll: [],
      project: {},
      // 小结
      summaryList: [],
      summaryAll: [],
@@ -518,6 +603,12 @@
      //   }
      // })
    },

    myclass(row, column, rowIndex, columnIndex) {
      if (row.row.isPositive == 1) {
        return "setclass"
      }
    },
    // 小结获取备注
    sel(val) {
      if (this.proParentList.xiaoJie.length != 0) {
@@ -559,6 +650,52 @@

    vale(datas) {
      this.proResult = datas;
      var pattern3 = new RegExp("[0-9]+");
      if (pattern3.test(this.proResult)) {
        let data = {
          proId: this.focusrow.proId,
          cusId: this.tableAll.cusId,
          keyNum: this.proResult
        }
        AutoGetRule(data).then(res => {
          this.focusrow.conclusion = ""
          if (res.data) {
            this.autorule = res.data
            this.focusrow.rulesList = this.autorule;
            this.autorule.forEach(item => {
              if (this.focusrow.conclusion) {
                this.focusrow.conclusion += item.bingzhong;
              } else {
                this.focusrow.conclusion = item.bingzhong;
              }
            })
          }

        })
      } else {
        let data = {
          proId: this.focusrow.proId,
          cusId: this.tableAll.cusId,
          keyWord: this.proResult
        }
        AutoGetRule(data).then(res => {
          this.focusrow.conclusion = ""
          if (res.data) {
            this.autorule = res.data
            this.focusrow.rulesList = this.autorule;
            this.autorule.forEach(item => {
              if (this.focusrow.conclusion) {
                this.focusrow.conclusion += item.bingzhong;
              } else {
                this.focusrow.conclusion = item.bingzhong;
              }
            })
          }

        })
      }


      // this.$refs.aaa.open = true;
      // this.$refs.aaa.getList();
    },
@@ -576,9 +713,11 @@
    },

    getList() {
      this.loading = true;
      this.queryParams.type = this.tjStatus;
      getProList(this.queryParams).then((response) => {
        if (response.data) {
          this.loading = false;
          if (response.data.date) {
            this.tableList = response.data.date;
          } else {
@@ -594,8 +733,10 @@
    // 单选按钮
    radioChange(val) {
      this.queryParams.type = val;
      this.loading = true;
      getProList(this.queryParams).then((response) => {
        if (response.data) {
          this.loading = false;
          this.tableList = response.data.date;
          this.total = response.data.total;
        } else {
@@ -606,7 +747,7 @@

    // 搜索
    submitForm() {
      this.queryParams.pageNum = 1;
      this.queryParams.page = 1;
      this.getList();
      // this.loading = true;
      // (this.queryParams = {
@@ -649,6 +790,41 @@
        this.deptList = res.data;
      })
      this.Hzlog(this.form.tjNumber)
    },

    checkboxchange(val) {
      this.project = val.project
      this.formIn.tjNumber = this.tableAll.tjNumber
      this.formIn.cusId = this.tableAll.cusId
      this.formIn.cusName = this.tableAll.cusName
      this.formIn.proId = this.project.proId
      this.formIn.proName = this.project.proName
      this.formIn.orderId = val.orderId
      this.Parent.forEach(item => {
        if (this.radio == item.proId) {
          this.Parentcheck.proName = item.proName
          this.formIn.proParentId = item.proId
        }
      })
      if (val.isPositive == "1") {
        this.checkval = true;
      } else {
        this.formIn.flag = "0"
        addBigPositive(this.formIn).then(res => {
          this.$modal.msgSuccess("删除成功");
          this.getParentIdsss()
        })
      }
    },
    submitcheckval() {
      addBigPositive(this.formIn).then(res => {
        this.$modal.msgSuccess("新增成功");
        this.getParentIdsss()
        this.checkval = false;
      })
    },
    cancell() {
      this.checkval = false;
    },

    Hzlog(val) {
@@ -710,7 +886,7 @@
            hzType: this.form.hzType,
            orderId: this.form.orderId,
            hzDoctorName: this.form.hzDoctorName,
            id:this.form.id
            id: this.form.id
          }
        } else {
          data = {
@@ -754,13 +930,49 @@
    },
    cancel() {
      this.open = false;
      this.foropen = false
      this.foropen = false;
    },

    Changeapply() {
      this.foropen = true
      this.Hzlog(this.tableAll.tjNumber)
    },
    historicalreport() {
      this.loading = true
      let data = {
        cusId: this.tableAll.cusId
      }
      reportHistory(data).then(res => {
        this.loading = false
        if (res.data[0] != null) {
          this.reportHistorydata = res.data
        }
      })
    },

    handlecan(row) {
      this.dialogVisible = true
      const tjNumber = row.tjNumber;
      const flag = true;
      getPdf(tjNumber, flag).then((response) => {
        if (response.size === 0) {
          const loading = this.$loading({
            lock: true,
            text: 'Loading',
            spinner: 'el-icon-loading',
            background: 'rgba(0, 0, 0, 0.7)'
          });
          setTimeout(() => {
            loading.close();
          }, 3000);
          this.$message.msgSuccess("报告正在生成，请两分钟后预览！");

        } else {
          this.dialogVisible = true;

          this.url = window.webkitURL.createObjectURL(response); //将后端返回的blob文件读取出url
        }
      });
    },
    submitFormreply() {
      let data = {
@@ -830,67 +1042,32 @@
      this.tjNumber = row.tjNumber;
      let num = 0;
      getParentList(this.tjNumber).then((response) => {
        this.Parent = response.data;
        this.Parent.forEach((item) => {
          if (item.type === 1) {
            item.proName += "    ✔";
          }
          if (num === 0) {
            this.nums = item.proId;
            this.radio = item.proId;
            this.proId = item.proId;
            // this.radioChange1(item.proId, item);
            let data = {
              tjNumber: this.tjNumber,
              proParentId: this.nums,
            };
            getParentId(data).then((response) => {
              this.proParentList = response.data;
              this.loading = false;
              this.value = [];
              if (this.proParentList.xiaoJieIds != null) {
                if (this.proParentList.xiaoJieIds.length != 0) {
                  this.proParentList.xiaoJieIds.forEach((item2) => {
                    let item = Number(item2)
                    this.value.push(item);
                  });
                }
              }
        if (response.data) {
          this.loading = false;
          this.Parent = response.data;
          this.Parent.forEach((item) => {
            if (item.type === 1) {
              item.proName += "    ✔";
            }
            if (num === 0) {
              this.nums = item.proId;
              this.radio = item.proId;
              this.proId = item.proId;
              // this.radioChange1(item.proId, item);
              this.getParentIdsss()

              this.proParentList.sons.forEach((item) => {
                this.doctorName = item.doctorName;

                if (item.isReturn == 1) {
                  item.isReturn = true;
                }
                if (item.isReturn == 0) {
                  item.isReturn = false;
                }

                if (item.exceptionDesc == "1") {
                  item.exceptionDesc = true;
                }
                if (item.exceptionDesc == "0") {
                  item.exceptionDesc = false;
                }
              getDeptAdvice(this.proId).then((response) => {
                this.deptAdviceList = response.data;
              });
              if (this.proParentList.xiaoJie.length != 0) {
                this.Parent.forEach((item3) => {
                  if (item3.proId === this.nums) {
                    this.proParentList.remark = item.remark;
                  }
                });
              } else {
                this.proParentList.remark = "";
              }
            });
            }
            num = num + 1;
          });
        } else {
          this.loading = false;
          this.Parent = [];
          this.$modal.msgError("该科室下无项目！");
        }

            getDeptAdvice(this.proId).then((response) => {
              this.deptAdviceList = response.data;
            });
          }
          num = num + 1;
        });
      });
      getDeptAdvice().then((response) => {
        this.deptAdviceList = response.data;
@@ -910,6 +1087,53 @@
      //     this.DeptadviceAll = item
      //   })
      // });
    },

    getParentIdsss() {
      let data = {
        tjNumber: this.tjNumber,
        proParentId: this.nums,
      };
      getParentId(data).then((response) => {
        this.proParentList = response.data;
        this.loading = false;
        this.value = [];
        if (this.proParentList.xiaoJieIds != null) {
          if (this.proParentList.xiaoJieIds.length != 0) {
            this.proParentList.xiaoJieIds.forEach((item2) => {
              let item = Number(item2)
              this.value.push(item);
            });
          }
        }

        this.proParentList.sons.forEach((item) => {
          this.doctorName = item.doctorName;

          if (item.isReturn == 1) {
            item.isReturn = true;
          }
          if (item.isReturn == 0) {
            item.isReturn = false;
          }

          if (item.exceptionDesc == "1") {
            item.exceptionDesc = true;
          }
          if (item.exceptionDesc == "0") {
            item.exceptionDesc = false;
          }
        });
        if (this.proParentList.xiaoJie.length != 0) {
          this.Parent.forEach((item3) => {
            if (item3.proId === this.nums) {
              this.proParentList.remark = item3.remark;
            }
          });
        } else {
          this.proParentList.remark = "";
        }
      });
    },

    getDept(val) {
@@ -941,6 +1165,7 @@

    // 按钮点击事件
    radioChange1(proParentId, item) {
      this.Parentcheck = item
      this.$confirm(
        "检测到体检结果未提交，是否在离开该项目前提交修改？",
        "确认信息",
@@ -1104,6 +1329,9 @@
          });
        });
    },
    handleInConfirm(row) {
      this.focusrow = row
    },

    handleInputConfirm(row) {
      this.rows.push(row);
@@ -1165,7 +1393,7 @@
  },
};
</script>
<style scoped>
<style >
.el-table .cell {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
@@ -1176,6 +1404,12 @@
  padding-left: 10px;
  padding-right: 10px;
}

.setclass {
  background-color: #f86b35;
  color: black;
}


.blue-button {
  width: 10px;
@@ -1192,6 +1426,11 @@
  margin-left: calc(100% - 10%);
}

.main {
  height: 700px;
  overflow: hidden;
}

.pag {
  width: 100%;
  display: flex;