取消表格滚动条

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,6 +115,7 @@
          <div class="leftbottom"></div>
          <div class="righttop"></div>
          <div class="rightbottom"></div>
          <div class="bottom-table">
          <el-table :data="tableData" stripe ref="indexTable">
            <template v-if="curTableType === 2">
              <el-table-column
@@ -228,6 +229,7 @@
              ></el-table-column>
            </template>
          </el-table>
          </div>
        </div>
      </div>
      <div class="right">
@@ -393,6 +395,7 @@
      element-loading-text="数据加载中"
      :visible.sync="dialogTableVisible"
    >
      <div class="dialog-table">
      <el-table :data="gridData.data">
        <template v-if="gridData.type === 'zg' || gridData.type === 'xs'">
          <el-table-column
@@ -705,6 +708,8 @@
          ></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;
  }
}