odc.xiaohui
2023-02-09 085fa2fb257e9f11f8f6d34bf12e2dc281c36b4d
src/views/systemSetting/baseSetting/user/components/main/index.vue
@@ -3,8 +3,11 @@
    <div class="mainContent">
      <!-- 数据展示 -->
      <el-table
        border
        stripe
        ref="multipleTable"
        :header-cell-style="{
          background: '#F5F5F5',
          'font-size': '14px',
          'font-weight': '650',
          'line-height': '45px',
@@ -131,6 +134,7 @@
              @change="selectChange"
            >
              <el-option
                popper-class="funs-select"
                v-for="item in options"
                :key="item.value"
                :label="item.label"
@@ -257,6 +261,7 @@
            url: "sccg/admin/deleteBatch?ids=" + idArr,
          }).then((res) => {
            if (res.code === 200) {
              this.$message({
                type: "success",
                message: "删除用户信息成功",
@@ -482,22 +487,20 @@
  // background-color: #09152f;
  margin-top: 20px;
  padding-bottom: 50px;
  border: 1pox solid #fff;
  //border: 1px solid #fff;
  .mainTitle {
    line-height: 60px;
  }
  .tools {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 20px;
    padding: 0;
    .funs {
      display: flex;
      .funs-sp {
        // border: 1px solid #17324c;
        border: 1px solid #dcdfe6;
        background-color: #fff;
      }
      .funsItem {
        line-height: 28px;
@@ -506,26 +509,24 @@
        border-radius: 4px;
        font-size: 12px;
        margin-left: 10px;
        .el-checkbox {
          width: 80px;
          padding: 0 10px;
        }
        .el-select {
          width: 120px;
        }
          .funs-select {
            background-color: transparent;
          }
        }
      }
    }
    .pagination {
      margin-top: 50px;
      display: flex;
      line-height: 50px;
      justify-content: center;
      .el-pagination {
        &::v-deep li,
        &::v-deep .btn-prev,
@@ -533,7 +534,6 @@
          // background-color: #071f39;
          // color: #4b9bb7;
        }
        &::v-deep .active {
          background-color: #409eff;
          color: #fff;
@@ -541,21 +541,19 @@
      }
    }
  }
  .el-table {
    // color: #4b9bb7;
    // font-size: 10px;
    .operation {
      color: var(--operation-color);
      display: flex;
      font-size: 10px;
      .line {
        padding: 0 1px;
      }
      span:hover {
        cursor: pointer;
      }
    }
  }
}
</style>
</style>