优化

zhanghua

2023-02-16 41160520fb99ab34632cba957006da16f316ca79

 src/views/systemSetting/baseSetting/department/updateUser/index.vue

@@ -39,6 +39,12 @@
              <li class="li-btn" v-if="updateFlag">
                <i class="el-icon-plus" @click="openUser = true"></i>
              </li>
              <li class="li-btn" v-if="updateFlag">
                <el-tooltip class="item" effect="light" content="清除选中人员" placement="top" :enterable="false">
                  <i class="el-icon-minus" @click="clrarUser"></i>
                </el-tooltip>

              </li>
            </ul>
            <div class="card" v-if="openUser">
              <el-card class="box-card">
@@ -149,12 +155,12 @@
          checkedList.forEach((item) => {
            arr.push({ leader: item.leader, userId: item.id ? item.id : item.userId });
          });
          if (arr.length === 0) {
            this.$message({
              type: 'warning',
              message: '请选择部门人员',
            })
          } else {
          // if (arr.length === 0) {
          //   this.$message({
          //     type: 'warning',
          //     message: '请选择部门人员',
          //   })
          // } else {
            this.$axios
              .post("sccg/depart/update", {
                id: user.id,
@@ -162,6 +168,7 @@
                parentId: user.parentId === '暂无上级部门' ? 0 : user.parentId,
                departDes: user.departDes,
                departManagerList: arr,
                departType: user.departType
              })
              .then((res) => {
                this.$message({
@@ -171,7 +178,7 @@
                this.$emit("changeDialog", { flag: false });
                this.getDepartList();
              });
          }
          // }
        } else {
          return false;
        }
@@ -200,6 +207,11 @@
        }
      });
    },
    // 清除选中用户
    clrarUser(){
      this.checkedList=[]
    },

    addUser() {
      this.checkedList = [];
      this.userList.forEach((item) => {
@@ -224,13 +236,13 @@
<style lang="scss" scoped>
.updateUser {
  border-radius: 1px;
  background-color: #09152f;
  // background-color: #09152f;

  main {
    // border: 1px solid #fff;
    text-align: left;
    padding: 0 55px;
    background-color: #09152f;
    // background-color: #09152f;
    padding-bottom: 50px;

    // .mainTitle {
@@ -279,12 +291,12 @@
}

.updateUser::v-deep .el-form-item__label {
  color: #4b9bb7;
  // color: #4b9bb7;
}

.updateUser::v-deep .el-input__inner {
  background-color: #09152f;
  border: 1px solid #17324c;
  // background-color: #09152f;
  // border: 1px solid #17324c;
}

.addPerson {
@@ -315,6 +327,12 @@
  width: 36px;
  height: 36px;
  border-radius: 50%;
  .el-icon-plus{
    cursor: pointer;
  }
  .el-icon-minus{
    cursor: pointer;
  }
}

.card {
@@ -323,15 +341,16 @@
  right: 0;

  .box-card {
    max-height: 200px;
    min-height: 240px;
    max-height: 260px;
    overflow: hidden;
    background-color: #09152f;
    // background-color: #09152f;
    position: relative;
    max-width: 220px;

    .scrollWrap {
      overflow: scroll;
      height: 160px;
      height: 180px;
      position: relative;
      color: #4b9bb7;

@@ -358,8 +377,8 @@
      top: 77px;
      right: 20px;
      width: 20px;
      height: 160px;
      background-color: #09152f;
      height: 180px;
      // background-color: #09152f;
    }

    .item {
@@ -375,4 +394,4 @@
.el-input {
  width: 280px !important;
}
</style>
</style>