取消表格滚动条

zhengpz

2021-11-24 3589817011479de411041da3585fd73b81b6df72

取消表格滚动条

 src/views/home/index.scss

@@ -238,12 +238,12 @@
    }
  }
  .middle {
    .el-table {
      width: calc(100% - 40px);
      height: calc(100% - 65px);
      margin: 0px 20px 15px;
      top: 50px;
    }
    // .el-table {
    //   width: calc(100% - 40px);
    //   height: calc(100% - 65px);
    //   margin: 0px 20px 15px;
    //   top: 50px;
    // }
    /deep/ .el-table--striped .el-table__body tr.el-table__row--striped td {
      background: #031d4b !important;
    }
@@ -405,10 +405,10 @@
  .mapBtn:nth-child(3) {
    margin-top: 160px;
  }
  /deep/ .el-table__body-wrapper {
    overflow: auto;
    height: calc(100% - 50px);
  }
  // /deep/ .el-table__body-wrapper {
  //   overflow: auto;
  //   height: calc(100% - 50px);
  // }
}
.left2-btn {
  height: 21px;
@@ -694,3 +694,30 @@
    height: 77%;
  }
}
.bottom-table{
  width: calc(100% - 40px);
  height: 100%;
  margin: 0px 20px 15px;
  top: 50px;
  .el-table{
    width: 100%;
    height: calc(100% - 65px);
    top: 50px;
    overflow-y: auto;
  }
}
::-webkit-scrollbar{
  display: none;
}
.dialog-table{
  top: 0px !important;
  margin: 0px !important;
  width: 100% !important;
  height: calc(100% - 50px) !important;
  overflow: auto;
  .el-table{
    width: 100%;
    height: 100%;
    overflow: auto;
  }
}

 src/views/home/index.vue

@@ -115,119 +115,121 @@
          <div class="leftbottom"></div>
          <div class="righttop"></div>
          <div class="rightbottom"></div>
          <el-table :data="tableData" stripe ref="indexTable">
            <template v-if="curTableType === 2">
              <el-table-column
                :key="curTableType"
                type="index"
                label="序号"
                width="50"
              ></el-table-column>
              <el-table-column
                :key="curTableType"
                prop="carNum"
                label="押运车辆车牌号"
                width="180"
              ></el-table-column>
              <el-table-column
                :key="curTableType"
                show-overflow-tooltip
                prop="location"
                label="实时位置"
              ></el-table-column>
              <el-table-column
                :key="curTableType"
                show-overflow-tooltip
                prop="company"
                label="所属公司"
              ></el-table-column>
              <el-table-column
                :key="curTableType"
                show-overflow-tooltip
                prop="linkman"
                label="联系人"
              ></el-table-column>
              <el-table-column
                :key="curTableType"
                show-overflow-tooltip
                prop="tel"
                label="联系电话"
              ></el-table-column>
            </template>
            <template v-if="curTableType === 1">
              <el-table-column
                :key="curTableType"
                type="index"
                label="序号"
                width="50"
              ></el-table-column>
              <el-table-column
                :key="curTableType"
                show-overflow-tooltip
                prop="name"
                label="押运人员名称"
                width="180"
              ></el-table-column>
              <el-table-column
                :key="curTableType"
                show-overflow-tooltip
                prop="location"
                label="实时位置"
              ></el-table-column>
              <el-table-column
                :key="curTableType"
                show-overflow-tooltip
                prop="company"
                label="所属公司"
              ></el-table-column>
              <el-table-column
                :key="curTableType"
                show-overflow-tooltip
                prop="tel"
                label="联系电话"
              ></el-table-column>
              <!-- <el-table-column :key="curTableType" prop="bz" label="备注">
          <div class="bottom-table">
            <el-table :data="tableData" stripe ref="indexTable">
              <template v-if="curTableType === 2">
                <el-table-column
                  :key="curTableType"
                  type="index"
                  label="序号"
                  width="50"
                ></el-table-column>
                <el-table-column
                  :key="curTableType"
                  prop="carNum"
                  label="押运车辆车牌号"
                  width="180"
                ></el-table-column>
                <el-table-column
                  :key="curTableType"
                  show-overflow-tooltip
                  prop="location"
                  label="实时位置"
                ></el-table-column>
                <el-table-column
                  :key="curTableType"
                  show-overflow-tooltip
                  prop="company"
                  label="所属公司"
                ></el-table-column>
                <el-table-column
                  :key="curTableType"
                  show-overflow-tooltip
                  prop="linkman"
                  label="联系人"
                ></el-table-column>
                <el-table-column
                  :key="curTableType"
                  show-overflow-tooltip
                  prop="tel"
                  label="联系电话"
                ></el-table-column>
              </template>
              <template v-if="curTableType === 1">
                <el-table-column
                  :key="curTableType"
                  type="index"
                  label="序号"
                  width="50"
                ></el-table-column>
                <el-table-column
                  :key="curTableType"
                  show-overflow-tooltip
                  prop="name"
                  label="押运人员名称"
                  width="180"
                ></el-table-column>
                <el-table-column
                  :key="curTableType"
                  show-overflow-tooltip
                  prop="location"
                  label="实时位置"
                ></el-table-column>
                <el-table-column
                  :key="curTableType"
                  show-overflow-tooltip
                  prop="company"
                  label="所属公司"
                ></el-table-column>
                <el-table-column
                  :key="curTableType"
                  show-overflow-tooltip
                  prop="tel"
                  label="联系电话"
                ></el-table-column>
                <!-- <el-table-column :key="curTableType" prop="bz" label="备注">
              </el-table-column>-->
            </template>
            <template v-if="curTableType === 3">
              <el-table-column
                :key="curTableType"
                type="index"
                label="序号"
                width="50"
              ></el-table-column>
              <el-table-column
                :key="curTableType"
                show-overflow-tooltip
                prop="number"
                label="枪支编号"
                width="180"
              ></el-table-column>
              <el-table-column
                :key="curTableType"
                show-overflow-tooltip
                prop="location"
                label="实时位置"
              ></el-table-column>
              <el-table-column
                :key="curTableType"
                show-overflow-tooltip
                prop="company"
                label="所属公司"
              ></el-table-column>
              <el-table-column
                :key="curTableType"
                show-overflow-tooltip
                prop="linkman"
                label="负责人"
              ></el-table-column>
              <el-table-column
                :key="curTableType"
                prop="tel"
                label="联系电话"
              ></el-table-column>
            </template>
          </el-table>
              </template>
              <template v-if="curTableType === 3">
                <el-table-column
                  :key="curTableType"
                  type="index"
                  label="序号"
                  width="50"
                ></el-table-column>
                <el-table-column
                  :key="curTableType"
                  show-overflow-tooltip
                  prop="number"
                  label="枪支编号"
                  width="180"
                ></el-table-column>
                <el-table-column
                  :key="curTableType"
                  show-overflow-tooltip
                  prop="location"
                  label="实时位置"
                ></el-table-column>
                <el-table-column
                  :key="curTableType"
                  show-overflow-tooltip
                  prop="company"
                  label="所属公司"
                ></el-table-column>
                <el-table-column
                  :key="curTableType"
                  show-overflow-tooltip
                  prop="linkman"
                  label="负责人"
                ></el-table-column>
                <el-table-column
                  :key="curTableType"
                  prop="tel"
                  label="联系电话"
                ></el-table-column>
              </template>
            </el-table>
          </div>
        </div>
      </div>
      <div class="right">
@@ -393,318 +395,321 @@
      element-loading-text="数据加载中"
      :visible.sync="dialogTableVisible"
    >
      <el-table :data="gridData.data">
        <template v-if="gridData.type === 'zg' || gridData.type === 'xs'">
          <el-table-column
            label="序号"
            width="50"
            :key="gridData.type"
            type="index"
          >
          </el-table-column>
          <el-table-column
            :key="gridData.type"
            prop="realName"
            label="保安姓名"
            :show-overflow-tooltip="true"
            width="100"
          ></el-table-column>
          <el-table-column
            :key="gridData.type"
            prop="deptName"
            label="保安公司"
            :show-overflow-tooltip="true"
          ></el-table-column>
          <el-table-column
            :key="gridData.type"
            prop="sex"
            label="性别"
            :formatter="sexFormatter"
            :show-overflow-tooltip="true"
            width="100"
          ></el-table-column>
          <el-table-column
            :key="gridData.type"
            prop="cardid"
            label="身份证号"
            :show-overflow-tooltip="true"
            width="180"
          ></el-table-column>
          <el-table-column
            :key="gridData.type"
            prop="age"
            label="年龄"
            :show-overflow-tooltip="true"
            width="100"
          ></el-table-column>
          <!-- <el-table-column
      <div class="dialog-table">
        <el-table :data="gridData.data">
          <template v-if="gridData.type === 'zg' || gridData.type === 'xs'">
            <el-table-column
              label="序号"
              width="50"
              :key="gridData.type"
              type="index"
            >
            </el-table-column>
            <el-table-column
              :key="gridData.type"
              prop="realName"
              label="保安姓名"
              :show-overflow-tooltip="true"
              width="100"
            ></el-table-column>
            <el-table-column
              :key="gridData.type"
              prop="deptName"
              label="保安公司"
              :show-overflow-tooltip="true"
            ></el-table-column>
            <el-table-column
              :key="gridData.type"
              prop="sex"
              label="性别"
              :formatter="sexFormatter"
              :show-overflow-tooltip="true"
              width="100"
            ></el-table-column>
            <el-table-column
              :key="gridData.type"
              prop="cardid"
              label="身份证号"
              :show-overflow-tooltip="true"
              width="180"
            ></el-table-column>
            <el-table-column
              :key="gridData.type"
              prop="age"
              label="年龄"
              :show-overflow-tooltip="true"
              width="100"
            ></el-table-column>
            <!-- <el-table-column
          prop="birthday"
          label="出生日期"
          :show-overflow-tooltip="true"
        ></el-table-column> -->
          <el-table-column
            :key="gridData.type"
            prop="securitynumber"
            label="保安员证编号"
            :show-overflow-tooltip="true"
            width="150"
          ></el-table-column>
          <el-table-column
            :key="gridData.type"
            prop="phone"
            label="联系方式"
            :show-overflow-tooltip="true"
            width="150"
          ></el-table-column>
          <el-table-column
            v-if="gridData.type === 'zg'"
            :key="gridData.type"
            prop="examinationType"
            label="审查状态"
            :formatter="examinationFormatter"
            :show-overflow-tooltip="true"
            width="100"
          ></el-table-column>
          <el-table-column
            v-if="gridData.type === 'zg'"
            :key="gridData.type"
            prop="examinationMx"
            label="审查明细"
            :show-overflow-tooltip="true"
            width="150"
          ></el-table-column>
          <el-table-column
            v-if="gridData.type === 'xs'"
            :key="gridData.type"
            prop="score"
            label="现实表现情况"
            :show-overflow-tooltip="true"
            width="150"
            :formatter="scoreFormatter"
          ></el-table-column>
        </template>
        <template v-if="gridData.type === 'wg'">
          <el-table-column
            label="序号"
            width="50"
            :key="gridData.type"
            type="index"
          >
          </el-table-column>
          <el-table-column
            :key="gridData.type"
            prop="enterpriseName"
            label="公司名称"
            :show-overflow-tooltip="true"
          ></el-table-column>
          <el-table-column
            :key="gridData.type"
            prop="znum"
            label="保安员数量"
            :show-overflow-tooltip="true"
            width="150"
          ></el-table-column>
          <el-table-column
            :key="gridData.type"
            prop="cznum"
            label="持证保安"
            :show-overflow-tooltip="true"
            width="150"
          ></el-table-column>
          <el-table-column
            :key="gridData.type"
            prop="czl"
            label="持证率"
            :show-overflow-tooltip="true"
            width="150"
          >
          </el-table-column>
          <el-table-column
            :key="gridData.type"
            prop="sbnum"
            label="缴纳社保人数"
            :show-overflow-tooltip="true"
            width="150"
          ></el-table-column>
          <el-table-column
            :key="gridData.type"
            prop="sbl"
            label="缴纳社保比例"
            :show-overflow-tooltip="true"
            width="150"
          ></el-table-column>
        </template>
        <template v-if="gridData.type === 'jy'">
          <el-table-column
            label="序号"
            width="50"
            :key="gridData.type"
            type="index"
          >
          </el-table-column>
          <el-table-column
            :key="gridData.type"
            prop="enterpriseName"
            label="公司名称"
            :show-overflow-tooltip="true"
          ></el-table-column>
          <el-table-column
            :key="gridData.type"
            prop="znum"
            label="保安员数量"
            :show-overflow-tooltip="true"
            width="150"
          ></el-table-column>
          <el-table-column
            :key="gridData.type"
            prop="cznum"
            label="持证保安"
            :show-overflow-tooltip="true"
            width="150"
          ></el-table-column>
          <el-table-column
            :key="gridData.type"
            prop="painum"
            label="派遣人数"
            :show-overflow-tooltip="true"
            width="150"
          ></el-table-column>
          <el-table-column
            :key="gridData.type"
            prop="fwnum"
            label="服务对象数量"
            :show-overflow-tooltip="true"
            width="150"
          ></el-table-column>
          <el-table-column
            :key="gridData.type"
            prop="pql"
            label="派遣率"
            :show-overflow-tooltip="true"
            width="150"
          ></el-table-column>
          <el-table-column
            :key="gridData.type"
            prop="pjpqrs"
            label="平均派遣人数"
            :show-overflow-tooltip="true"
            width="150"
          ></el-table-column>
        </template>
        <template v-if="gridData.type === 'ym'">
          <el-table-column
            label="序号"
            width="50"
            :key="gridData.type"
            type="index"
          >
          </el-table-column>
          <el-table-column
            :key="gridData.type"
            prop="enterpriseName"
            label="公司名称"
            :show-overflow-tooltip="true"
            width="450"
          ></el-table-column>
          <el-table-column
            :key="gridData.type"
            prop="znum"
            label="保安员数量"
            :show-overflow-tooltip="true"
          ></el-table-column>
          <el-table-column
            :key="gridData.type"
            prop="cznum"
            label="持证保安"
            :show-overflow-tooltip="true"
          ></el-table-column>
          <el-table-column
            :key="gridData.type"
            prop="painum"
            label="派遣人数"
            :show-overflow-tooltip="true"
          ></el-table-column>
          <el-table-column
            :key="gridData.type"
            prop="fwnum"
            label="服务对象数量"
            :show-overflow-tooltip="true"
          ></el-table-column
          >gridData
        </template>
        <template v-if="gridData.type === 'jg'">
          <el-table-column
            label="序号"
            width="50"
            :key="gridData.type"
            type="index"
          >
          </el-table-column>
          <el-table-column
            :key="gridData.type"
            prop="enterpriseName"
            label="公司名称"
            :show-overflow-tooltip="true"
          ></el-table-column>
          <el-table-column
            :key="gridData.type"
            prop="punishtype"
            label="处罚类别"
            :formatter="punishType"
            :show-overflow-tooltip="true"
            width="150"
          ></el-table-column>
          <el-table-column
            :key="gridData.type"
            prop="punishreason"
            label="处罚原因"
            :show-overflow-tooltip="true"
            width="200"
          ></el-table-column>
          <el-table-column
            :key="gridData.type"
            prop="penalty"
            label="处罚单位"
            :show-overflow-tooltip="true"
            width="200"
          ></el-table-column>
          <el-table-column
            :key="gridData.type"
            prop="punishtime"
            label="处罚时间"
            :show-overflow-tooltip="true"
            width="100"
          ></el-table-column>
        </template>
        <template v-if="gridData.type === 'ywdx_gs'">
          <el-table-column
            label="序号"
            width="50"
            :key="gridData.type"
            type="index"
          >
          </el-table-column>
          <el-table-column
            :key="gridData.type"
            prop="enterprisename"
            label="保安公司名称"
            :show-overflow-tooltip="true"
          ></el-table-column>
          <el-table-column
            :key="gridData.type"
            prop="stats"
            label="保安公司类型"
            :formatter="companyFormatter"
            :show-overflow-tooltip="true"
          ></el-table-column>
          <el-table-column
            :key="gridData.type"
            prop="jurisdictionName"
            label="所属辖区"
            :show-overflow-tooltip="true"
          ></el-table-column>
        </template>
      </el-table>
            <el-table-column
              :key="gridData.type"
              prop="securitynumber"
              label="保安员证编号"
              :show-overflow-tooltip="true"
              width="150"
            ></el-table-column>
            <el-table-column
              :key="gridData.type"
              prop="phone"
              label="联系方式"
              :show-overflow-tooltip="true"
              width="150"
            ></el-table-column>
            <el-table-column
              v-if="gridData.type === 'zg'"
              :key="gridData.type"
              prop="examinationType"
              label="审查状态"
              :formatter="examinationFormatter"
              :show-overflow-tooltip="true"
              width="100"
            ></el-table-column>
            <el-table-column
              v-if="gridData.type === 'zg'"
              :key="gridData.type"
              prop="examinationMx"
              label="审查明细"
              :show-overflow-tooltip="true"
              width="150"
            ></el-table-column>
            <el-table-column
              v-if="gridData.type === 'xs'"
              :key="gridData.type"
              prop="score"
              label="现实表现情况"
              :show-overflow-tooltip="true"
              width="150"
              :formatter="scoreFormatter"
            ></el-table-column>
          </template>
          <template v-if="gridData.type === 'wg'">
            <el-table-column
              label="序号"
              width="50"
              :key="gridData.type"
              type="index"
            >
            </el-table-column>
            <el-table-column
              :key="gridData.type"
              prop="enterpriseName"
              label="公司名称"
              :show-overflow-tooltip="true"
            ></el-table-column>
            <el-table-column
              :key="gridData.type"
              prop="znum"
              label="保安员数量"
              :show-overflow-tooltip="true"
              width="150"
            ></el-table-column>
            <el-table-column
              :key="gridData.type"
              prop="cznum"
              label="持证保安"
              :show-overflow-tooltip="true"
              width="150"
            ></el-table-column>
            <el-table-column
              :key="gridData.type"
              prop="czl"
              label="持证率"
              :show-overflow-tooltip="true"
              width="150"
            >
            </el-table-column>
            <el-table-column
              :key="gridData.type"
              prop="sbnum"
              label="缴纳社保人数"
              :show-overflow-tooltip="true"
              width="150"
            ></el-table-column>
            <el-table-column
              :key="gridData.type"
              prop="sbl"
              label="缴纳社保比例"
              :show-overflow-tooltip="true"
              width="150"
            ></el-table-column>
          </template>
          <template v-if="gridData.type === 'jy'">
            <el-table-column
              label="序号"
              width="50"
              :key="gridData.type"
              type="index"
            >
            </el-table-column>
            <el-table-column
              :key="gridData.type"
              prop="enterpriseName"
              label="公司名称"
              :show-overflow-tooltip="true"
            ></el-table-column>
            <el-table-column
              :key="gridData.type"
              prop="znum"
              label="保安员数量"
              :show-overflow-tooltip="true"
              width="150"
            ></el-table-column>
            <el-table-column
              :key="gridData.type"
              prop="cznum"
              label="持证保安"
              :show-overflow-tooltip="true"
              width="150"
            ></el-table-column>
            <el-table-column
              :key="gridData.type"
              prop="painum"
              label="派遣人数"
              :show-overflow-tooltip="true"
              width="150"
            ></el-table-column>
            <el-table-column
              :key="gridData.type"
              prop="fwnum"
              label="服务对象数量"
              :show-overflow-tooltip="true"
              width="150"
            ></el-table-column>
            <el-table-column
              :key="gridData.type"
              prop="pql"
              label="派遣率"
              :show-overflow-tooltip="true"
              width="150"
            ></el-table-column>
            <el-table-column
              :key="gridData.type"
              prop="pjpqrs"
              label="平均派遣人数"
              :show-overflow-tooltip="true"
              width="150"
            ></el-table-column>
          </template>
          <template v-if="gridData.type === 'ym'">
            <el-table-column
              label="序号"
              width="50"
              :key="gridData.type"
              type="index"
            >
            </el-table-column>
            <el-table-column
              :key="gridData.type"
              prop="enterpriseName"
              label="公司名称"
              :show-overflow-tooltip="true"
              width="450"
            ></el-table-column>
            <el-table-column
              :key="gridData.type"
              prop="znum"
              label="保安员数量"
              :show-overflow-tooltip="true"
            ></el-table-column>
            <el-table-column
              :key="gridData.type"
              prop="cznum"
              label="持证保安"
              :show-overflow-tooltip="true"
            ></el-table-column>
            <el-table-column
              :key="gridData.type"
              prop="painum"
              label="派遣人数"
              :show-overflow-tooltip="true"
            ></el-table-column>
            <el-table-column
              :key="gridData.type"
              prop="fwnum"
              label="服务对象数量"
              :show-overflow-tooltip="true"
            ></el-table-column
            >gridData
          </template>
          <template v-if="gridData.type === 'jg'">
            <el-table-column
              label="序号"
              width="50"
              :key="gridData.type"
              type="index"
            >
            </el-table-column>
            <el-table-column
              :key="gridData.type"
              prop="enterpriseName"
              label="公司名称"
              :show-overflow-tooltip="true"
            ></el-table-column>
            <el-table-column
              :key="gridData.type"
              prop="punishtype"
              label="处罚类别"
              :formatter="punishType"
              :show-overflow-tooltip="true"
              width="150"
            ></el-table-column>
            <el-table-column
              :key="gridData.type"
              prop="punishreason"
              label="处罚原因"
              :show-overflow-tooltip="true"
              width="200"
            ></el-table-column>
            <el-table-column
              :key="gridData.type"
              prop="penalty"
              label="处罚单位"
              :show-overflow-tooltip="true"
              width="200"
            ></el-table-column>
            <el-table-column
              :key="gridData.type"
              prop="punishtime"
              label="处罚时间"
              :show-overflow-tooltip="true"
              width="100"
            ></el-table-column>
          </template>
          <template v-if="gridData.type === 'ywdx_gs'">
            <el-table-column
              label="序号"
              width="50"
              :key="gridData.type"
              type="index"
            >
            </el-table-column>
            <el-table-column
              :key="gridData.type"
              prop="enterprisename"
              label="保安公司名称"
              :show-overflow-tooltip="true"
            ></el-table-column>
            <el-table-column
              :key="gridData.type"
              prop="stats"
              label="保安公司类型"
              :formatter="companyFormatter"
              :show-overflow-tooltip="true"
            ></el-table-column>
            <el-table-column
              :key="gridData.type"
              prop="jurisdictionName"
              label="所属辖区"
              :show-overflow-tooltip="true"
            ></el-table-column>
          </template>
        </el-table>
      </div>

      <el-pagination
        @current-change="changePage"
        @size-change="changePage"
@@ -881,7 +886,7 @@
      }
    },
    scoreFormatter(row) {
      if (row.score === '3') {
      if (row.score === "3") {
        return "差";
      }
    },

 src/views/home/index_1280_1024.scss

@@ -238,12 +238,12 @@
    }
  }
  .middle {
    .el-table {
      width: calc(100% - 40px);
      height: calc(100% - 65px);
      margin: 0px 20px 15px;
      top: 50px;
    }
    // .el-table {
    //   width: calc(100% - 40px);
    //   height: calc(100% - 65px);
    //   margin: 0px 20px 15px;
    //   top: 50px;
    // }
    /deep/ .el-table--striped .el-table__body tr.el-table__row--striped td {
      background: #031d4b !important;
    }
@@ -408,10 +408,10 @@
  .mapBtn:nth-child(3) {
    margin-top: 160px;
  }
  /deep/ .el-table__body-wrapper {
    overflow: auto;
    height: calc(100% - 50px);
  }
  // /deep/ .el-table__body-wrapper {
  //   overflow: auto;
  //   height: calc(100% - 50px);
  // }
}
.left2-btn {
  height: 19px;
@@ -663,17 +663,17 @@
  /deep/.dialog {
    z-index: 10000000 !important;
    .el-table {
      top: 0px !important;
      margin: 0px !important;
      width: 100% !important;
      height: calc(100% - 50px) !important;
      // top: 0px !important;
      // margin: 0px !important;
      // width: 100% !important;
      // height: calc(100% - 50px) !important;
      .el-table__header {
        background-color: #2d5cc8 !important;
      }
      .el-table__body-wrapper {
        height: calc(100% - 50px);
        overflow-x: hidden;
        overflow-y: auto;
        // overflow-x: hidden;
        // overflow-y: auto;
      }
    }
    .el-pagination {
@@ -697,3 +697,30 @@
    height: 77%;
  }
}
.bottom-table{
  width: calc(100% - 40px);
  height: 100%;
  margin: 0px 20px 15px;
  top: 50px;
  .el-table{
    width: 100%;
    height: calc(100% - 65px);
    top: 50px;
    overflow-y: auto;
  }
}
::-webkit-scrollbar{
  display: none;
}
.dialog-table{
  top: 0px !important;
  margin: 0px !important;
  width: 100% !important;
  height: calc(100% - 50px) !important;
  overflow: auto;
  .el-table{
    width: 100%;
    height: 100%;
    overflow: auto;
  }
}

 src/views/home/index_1600_900.scss

@@ -238,12 +238,12 @@
    }
  }
  .middle {
    .el-table {
      width: calc(100% - 40px);
      height: calc(100% - 65px);
      margin: 0px 20px 15px;
      top: 50px;
    }
    // .el-table {
    //   width: calc(100% - 40px);
    //   height: calc(100% - 65px);
    //   margin: 0px 20px 15px;
    //   top: 50px;
    // }
    /deep/ .el-table--striped .el-table__body tr.el-table__row--striped td {
      background: #031d4b !important;
    }
@@ -407,10 +407,10 @@
  .mapBtn:nth-child(3) {
    margin-top: 160px;
  }
  /deep/ .el-table__body-wrapper {
    overflow: auto;
    height: calc(100% - 50px);
  }
  // /deep/ .el-table__body-wrapper {
  //   overflow: auto;
  //   height: calc(100% - 50px);
  // }
}
.left2-btn {
  height: 21px;
@@ -662,17 +662,16 @@
  /deep/.dialog {
    z-index: 10000000 !important;
    .el-table {
      top: 0px !important;
      margin: 0px !important;
      width: 100% !important;
      height: calc(100% - 50px) !important;
      // top: 0px !important;
      // margin: 0px !important;
      // width: 100% !important;
      // height: calc(100% - 50px) !important;
      .el-table__header {
        background-color: #2d5cc8 !important;
      }
      .el-table__body-wrapper {
        height: calc(100% - 50px);
        overflow-x: hidden;
        overflow-y: auto;
        height: 100%;
        overflow:hidden;
      }
    }
    .el-pagination {
@@ -696,3 +695,30 @@
    height: 77%;
  }
}
.bottom-table{
  width: calc(100% - 40px);
  height: 100%;
  margin: 0px 20px 15px;
  top: 50px;
  .el-table{
    width: 100%;
    height: calc(100% - 65px);
    top: 50px;
    overflow-y: auto;
  }
}
::-webkit-scrollbar{
  display: none;
}
.dialog-table{
  top: 0px !important;
  margin: 0px !important;
  width: 100% !important;
  height: calc(100% - 30px) !important;
  // overflow: auto;
  .el-table{
    width: 100%;
    height: 100%;
    overflow-y: auto;
  }
}