zhanghua
2023-01-30 5173f8e31d106abd003e123c8679cf53c7940b33
src/views/systemSetting/baseSetting/user/components/main/index.vue
@@ -118,46 +118,46 @@
      </el-dialog>
      <!-- tools -->
      <div class="tools">
        <div class="funs">
          <div class="funsItem funs-sp">
            <el-checkbox v-model="all" @change="selectAll()">全选</el-checkbox>
          </div>
          <div class="funsItem funs-sp">
            <el-checkbox v-model="unsame" @change="disSame(tableData)"
              >反选</el-checkbox
            >
          </div>
          <div class="funsItem">
            <el-select
              v-model="myIdx"
              placeholder="批量操作"
              @change="selectChange"
            >
              <el-option
                  popper-class="funs-select"
                v-for="item in options"
                :key="item.value"
                :label="item.label"
                :value="item.value"
                :disabled="item.disabled"
              >
              </el-option>
            </el-select>
          </div>
        </div>
        <div class="pagination">
          <el-pagination
            background
            :current-page="currentPage"
            layout="prev, pager, next"
            :total="totalNum"
            :page-size="pageSize"
            @current-change="changeCurrentPage"
            @prev-click="handlePrev"
            @next-click="handleNext"
          >
          </el-pagination>
        </div>
         <div class="funs">
           <div class="funsItem funs-sp">
             <el-checkbox v-model="all" @change="selectAll()">全选</el-checkbox>
           </div>
           <div class="funsItem funs-sp">
             <el-checkbox v-model="unsame" @change="disSame(tableData)"
             >反选</el-checkbox
             >
           </div>
           <div class="funsItem">
             <el-select
                 v-model="myIdx"
                 placeholder="批量操作"
                 @change="selectChange"
             >
               <el-option
                   popper-class="funs-select"
                   v-for="item in options"
                   :key="item.value"
                   :label="item.label"
                   :value="item.value"
                   :disabled="item.disabled"
               >
               </el-option>
             </el-select>
           </div>
         </div>
         <div class="pagination">
           <el-pagination
               background
               :current-page="currentPage"
               layout="prev, pager, next"
               :total="totalNum"
               :page-size="pageSize"
               @current-change="changeCurrentPage"
               @prev-click="handlePrev"
               @next-click="handleNext"
           >
           </el-pagination>
         </div>
      </div>
    </div>
  </main>
@@ -487,25 +487,21 @@
  margin-top: 20px;
  padding-bottom: 50px;
  //border: 1px solid #fff;
  .mainTitle {
    line-height: 60px;
  }
  .tools {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0;
    .funs {
      display: flex;
      .funs-sp {
         border: 1px solid #DCDFE6;
        background-color: #fff;
      }
      .funsItem {
        background-color: transparent;
        line-height: 28px;
        display: flex;
        align-items: center;
@@ -518,24 +514,18 @@
        }
        .el-select {
          width: 120px;
          &::v-deep.el-input{
            .el-input__inner{
              background-color: transparent!important;
            }
          }
          .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,
@@ -543,7 +533,6 @@
          // background-color: #071f39;
          // color: #4b9bb7;
        }
        &::v-deep .active {
          background-color: #409eff;
          color: #fff;
@@ -551,7 +540,6 @@
      }
    }
  }
  .el-table {
    // color: #4b9bb7;
    // font-size: 10px;
@@ -561,7 +549,6 @@
      .line {
        padding: 0 1px;
      }
      span:hover {
        cursor: pointer;
      }