odc.xiaohui
2023-02-09 085fa2fb257e9f11f8f6d34bf12e2dc281c36b4d
src/views/systemSetting/baseSetting/user/components/main/index.vue
@@ -3,11 +3,11 @@
    <div class="mainContent">
      <!-- 数据展示 -->
      <el-table
          border
          stripe
        border
        stripe
        ref="multipleTable"
        :header-cell-style="{
          'background':'#F5F5F5',
          background: '#F5F5F5',
          'font-size': '14px',
          'font-weight': '650',
          'line-height': '45px',
@@ -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>
@@ -261,6 +261,7 @@
            url: "sccg/admin/deleteBatch?ids=" + idArr,
          }).then((res) => {
            if (res.code === 200) {
              this.$message({
                type: "success",
                message: "删除用户信息成功",
@@ -498,10 +499,10 @@
    .funs {
      display: flex;
      .funs-sp {
         border: 1px solid #DCDFE6;
        border: 1px solid #dcdfe6;
        background-color: #fff;
      }
      .funsItem {
        background-color: transparent;
        line-height: 28px;
        display: flex;
        align-items: center;
@@ -514,12 +515,8 @@
        }
        .el-select {
          width: 120px;
          &::v-deep.el-input{
            .el-input__inner{
              background-color: transparent!important;
            }
          }
          .funs-select{
          .funs-select {
            background-color: transparent;
          }
        }
@@ -548,8 +545,8 @@
    // color: #4b9bb7;
    // font-size: 10px;
    .operation {
      color: var(--operation-color);
      display: flex;
      font-size: 10px;
      .line {
        padding: 0 1px;
      }