Source/plt-web/plt-web-ui/src/views/system/user/index.vue

@@ -16,7 +16,6 @@
      @row-click="rowClickHandler"
      @row-save="rowSaveHandler"
      @row-update="rowUpdateHandler"
      @row-del="rowDelHandler"
    >
      <template slot="status" slot-scope="{row}">
        <el-tag v-if="row.status === 0" type="success">启用</el-tag>
@@ -29,21 +28,68 @@
      </template>

      <template #menu="{row,index,size}">
        <el-button size="small" type="text" @click="stopUserHandler(row)">
          <span v-if="row.status === 0" style="color: #fa3434"><i class="el-icon-video-pause"></i> 停用</span>
          <span v-if="row.status === 1" style="color: #55b61d"><i class="el-icon-video-pause"></i> 启用</span>
        <el-button v-if="permissionList.editBtn" size="small" type="text"
                   @click.stop="rowEditHandler(row,index)">
          <icon-show :name="permissionList.editBtn.source"></icon-show>
          编辑
        </el-button>
        <el-button v-if="permissionList.delBtn" size="small" type="text"
                   @click.stop="rowDeleteHandler(row)">
          <icon-show :name="permissionList.delBtn.source"></icon-show>
          删除
        </el-button>
        <el-button size="small" type="text" @click.stop="stopUserHandler(row)">
          <span v-if="row.status === 0 && permissionList.stopBtn" style="color: #fa3434;display: flex">
            <icon-show :name="permissionList.stopBtn.source"></icon-show>
            停用
          </span>
          <span v-if="row.status === 1 && permissionList.actionBtn" style="color: #55b61d;display: flex">
            <icon-show :name="permissionList.actionBtn.source"></icon-show>
            启用
          </span>
        </el-button>
      </template>

      <template slot="menuLeft" slot-scope="scope">
        <el-button icon="el-icon-delete" plain size="small" type="danger" @click="allDelHandler">删除</el-button>
        <el-button icon="el-icon-user" plain size="small" type="primary" @click="roleHandler">分配角色</el-button>
        <el-button icon="el-icon-school" plain size="small" type="primary">分配部门</el-button>
        <el-button icon="el-icon-key" plain size="small" type="success" @click="setPwsHandler">设置密码策略</el-button>
        <el-button icon="el-icon-upload2" plain size="small" type="primary">导入人员</el-button>
        <el-button icon="el-icon-download" plain size="small" type="primary">下载导入模板</el-button>
        <el-button v-if="permissionList.addBtn" class="button-custom-icon" size="small" type="primary"
                   @click="$refs.userCrud.rowAdd()">
          <icon-show :name="permissionList.addBtn.source"></icon-show>
          新 增
        </el-button>
        <el-button v-if="permissionList.delBtn" class="button-custom-icon" plain size="small" type="danger"
                   @click="allDelHandler">
          <icon-show :name="permissionList.delBtn.source"></icon-show>
          删除
        </el-button>
        <el-button v-if="permissionList.assigningRolesBtn" class="button-custom-icon" plain size="small" type="primary"
                   @click="roleHandler">
          <icon-show :name="permissionList.assigningRolesBtn.source"></icon-show>
          分配角色
        </el-button>
        <el-button v-if="permissionList.distributionDepartmentBtn" class="button-custom-icon" plain size="small"
                   type="primary" @click="departmentHandler">
          <icon-show :name="permissionList.distributionDepartmentBtn.source"></icon-show>
          分配部门
        </el-button>
        <el-button v-if="permissionList.setPasswordPolicyBtn" class="button-custom-icon" plain size="small"
                   type="success"
                   @click="setPwsHandler">
          <icon-show :name="permissionList.setPasswordPolicyBtn.source"></icon-show>
          设置密码策略
        </el-button>
        <el-button v-if="permissionList.importPersonnelBtn" class="button-custom-icon" plain size="small" type="primary"
                   @click="uploadUser">
          <icon-show :name="permissionList.importPersonnelBtn.source"></icon-show>
          导入人员
        </el-button>
        <el-button v-if="permissionList.downloadImportTemplateBtn" class="button-custom-icon" plain size="small"
                   type="primary" @click="downloadHandler">
          <icon-show :name="permissionList.downloadImportTemplateBtn.source"></icon-show>
          下载导入模板
        </el-button>
      </template>
    </avue-crud>

    <!-- 分配角色穿梭框   -->
    <transfer ref="transfer" :left-role-data="leftRoleData" :right-role-data="rightRoleData"
              :transferTitle="transferTitle" title="分配角色"
@@ -54,25 +100,50 @@
    <el-dialog
      v-dialogDrag
      v-loading="pwdLoading"
      :destroy-on-close="true"
      :visible.sync="pwdVisible"
      append-to-body="true"
      class="avue-dialog"
      style="margin-top: -20vh !important;"
      style="margin-top: -15vh !important;"
      title="设置密码策略"
      width="30%"
      width="500px"
    >

      <div class="password-strategy-container">
        <div><i class="el-icon-setting"/>设置密码策略：</div>
        <el-select v-model="pwdValue" placeholder="请选择密码策略">
        <div style="width:115px;"><i class="el-icon-setting"/>设置密码策略：</div>
        <el-select v-model="pwdValue" placeholder="请选择密码策略" style="width: 330px;">
          <el-option v-for="(item,index) in pwdList" :key="index" :label="item.name" :value="item.id"></el-option>
        </el-select>
      </div>

      <div slot="footer" class="dialog-footer">
        <el-button size="small" @click="pwdVisible = false">取 消</el-button>
        <el-button size="small" type="primary" @click="savePwdHandler">确 定</el-button>
        <el-button size="small" @click="pwdVisible = false">取 消</el-button>
      </div>
    </el-dialog>

    <!-- 导入人员   -->
    <upload-file ref="upload" :fileType="upFileType" :fileUrl="fileUrl" :tipList="tipList" title="导入人员"
                 @updata="getTableList"></upload-file>

    <!-- 分配部门对话框    -->
    <el-dialog
      v-dialogDrag
      v-loading="departLoading"
      :visible.sync="departVisible"
      append-to-body="true"
      class="avue-dialog"
      title="分配部门"
      width="50%"
    >
      <avue-crud
        ref="departCrud"
        :data="departData"
        :option="departOption"
        @current-row-change="handleCurrentRowChange"
      >
      </avue-crud>
      <div slot="footer" class="dialog-footer">
        <el-button size="small" type="primary" @click="saveDepartHandler">确 定</el-button>
        <el-button size="small" @click="departVisible = false">取 消</el-button>
      </div>
    </el-dialog>
  </basic-container>
@@ -90,27 +161,63 @@
  updateUser,
  deleteUser,
  selectPwdStrategyMap,
  saveUserPasswordStrateg
  saveUserPasswordStrateg,
  download,
  departmentQueryController,
  saveUsersDepts
} from '@/api/system/user/api'
import {column} from "./option"
import func from '@/util/func'
import {mapGetters} from "vuex";

export default {
  name: "userManage",
  data() {
  data: function () {
    return {
      departSearchObj: {},
      departSearchValue: '',
      loadKey: 0,
      departStatus: '', // 区分不同方式打开部门对话框
      departCurrenRow: {},
      departOption: {
        ...basicOption,
        addBtn: false,
        rowKey: 'oid',
        rowParentKey: 'parentId',
        selection: false,
        highlightCurrentRow: true,
        stripe: false,
        menu: false,
        refreshBtn: false,
        gridBtn: false,
        header: false,
        column: [
          {
            label: '名称',
            prop: 'name',
            align: 'left'
          },
          {
            label: '编号',
            prop: 'id',
          },
          {
            label: '描述',
            prop: 'description',
          },
        ]
      },
      departData: [],
      departLoading: false,
      departVisible: false,
      upFileType: ['xls', 'xlsx'],
      fileUrl: 'api/userQueryController/importUser',
      pwdVisible: false,
      pwdLoading: false,
      pwdValue: '',
      pwdList: [],
      tableLoading: false,
      tableData: [],
      option: {
        ...basicOption,
        dialogWidth: '50%',
        calcHeight: -60,
        column: column
      },
      page: {
        currentPage: 1,
        pageSize: 10,
@@ -121,10 +228,38 @@
      selectList: [],
      leftRoleData: [],  // 分配角色穿梭框左侧初始数据
      rightRoleData: [], // 分配角色穿梭框右侧初始数据
      transferTitle: ['现有角色', '拥有角色']
      transferTitle: ['现有角色', '拥有角色'],
      tipList: ["导入模板中标明红色字体的为必输项", "部门列上下级关系必须按照反斜杠隔开(/)"],
      lastIndex: null,
    }
  },
  created() {
  computed: {
    ...mapGetters(["permission"]),
    permissionList() {
      return {
        addBtn: this.vaildData(this.permission[this.$route.query.id].ADD, false),
        delBtn: this.vaildData(this.permission[this.$route.query.id].DELETE, false),
        editBtn: this.vaildData(this.permission[this.$route.query.id].EDIT, false),
        distributionDepartmentBtn: this.vaildData(this.permission[this.$route.query.id].ASSIGN, false),
        assigningRolesBtn: this.vaildData(this.permission[this.$route.query.id].ASSIGN1, false),
        downloadImportTemplateBtn: this.vaildData(this.permission[this.$route.query.id].DOWNLOADFILE, false),
        importPersonnelBtn: this.vaildData(this.permission[this.$route.query.id].IMPORT, false),
        setPasswordPolicyBtn: this.vaildData(this.permission[this.$route.query.id].RIGHT, false),
        stopBtn: this.vaildData(this.permission[this.$route.query.id].FREEZE, false),
        actionBtn: this.vaildData(this.permission[this.$route.query.id].UNFREZE, false),
      };
    },
    option() {
      return {
        ...basicOption,
        addBtn: false,
        editBtn: false,
        delBtn: false,
        dialogWidth: '50%',
        calcHeight: -60,
        column: column
      }
    }
  },
  methods: {
    // 表格请求
@@ -132,12 +267,15 @@
      this.tableLoading = true;
      getDataUsers(this.page.currentPage, this.page.pageSize, this.searchParams).then(res => {
        const data = res.data.data;
        data.map(item => {
          item.secretGrade = item.secretGrade.toString()
        })
        this.tableData = data;
        this.page.total = res.data.total;
        this.tableLoading = false;
      }).catch(err => {
        this.$message.error(err)
      });
        s
      })
      this.departmentQueryOnLoad()
    },

    // 表格右侧刷新图标
@@ -147,6 +285,7 @@

    // 搜索查询
    handleSearch(params, done) {
      this.searchParams = {};
      if (!func.isEmptyObject(params)) {
        for (let key in params) {
          if (params.hasOwnProperty(key)) {
@@ -155,9 +294,12 @@
            this.searchParams[`conditionMap["${newKey}"]`] = params[key];
          }
        }
      } else {
      }

      if (func.isEmptyObject(params)) {
        this.searchParams = {};
      }

      this.getTableList();
      done();
    },
@@ -188,9 +330,7 @@
      stopUser(params).then(res => {
        this.$message.success(res.data.obj);
        this.getTableList();
      }).catch(err => {
        this.$message.error(err)
      })
      });
    },

    // 选择框
@@ -200,7 +340,17 @@

    // 点击行
    rowClickHandler(row) {
      this.$refs.userCrud.toggleRowSelection(row);
      func.rowClickHandler(
        row,
        this.$refs.userCrud,
        this.lastIndex,
        (newIndex) => {
          this.lastIndex = newIndex;
        },
        () => {
          this.selectList = [row];
        }
      );
    },

    // 分配角色
@@ -222,9 +372,7 @@
        listRoleByUserOid(userOid).then(res => {
          this.rightRoleData = res.data.data.map(item => item.oid);
        })
      }).catch(err => {
        this.$message.error(err)
      })
      });
      this.$refs.transfer.visible = true;
    },

@@ -237,9 +385,7 @@
      saveRights(params).then(res => {
        this.$message.success(res.data.obj);
        this.getTableList();
      }).catch(err => {
        this.$message.error(err)
      })
      });
    },

    // 设置密码策略
@@ -271,13 +417,11 @@
      saveUserPasswordStrateg(params).then(res => {
        this.pwdVisible = false;
        this.$message.success(res.data.obj)
      }).catch(err => {
        this.$message.error(err)
      })
      });
    },

    // 新增
    rowSaveHandler(row, done) {
    rowSaveHandler(row, done, loading) {
      if (row.password != row.confirmPassword) {
        this.$message.error('请检查两次密码是否输入一致！')
        return this.$refs.userCrud.$refs.dialogForm.$refs.tableForm.allDisabled = false;
@@ -286,15 +430,20 @@
        if (res.data.code === 200) {
          this.$message.success(res.data.obj);
          this.getTableList();
          done();
        }
      }).catch(err => {
        console.log(err);
        loading()
      })
      done()
    },

    // 操作栏编辑
    rowEditHandler(row, index) {
      this.$refs.userCrud.rowEdit(row, index);
    },

    // 编辑
    rowUpdateHandler(row, index, done) {
    rowUpdateHandler(row, index, done, loading) {
      if (row.password != row.confirmPassword) {
        this.$message.error('请检查两次密码是否输入一致！')
        return this.$refs.userCrud.$refs.dialogForm.$refs.tableForm.allDisabled = false;
@@ -303,26 +452,36 @@
        if (res.data.code === 200) {
          this.$message.success(res.data.obj);
          this.getTableList();
          done()
        }
      }).catch(err => {
        console.log(err);
        loading()
      });
      done()
    },

    // 删除
    rowDelHandler(row) {
    rowDeleteHandler(row) {
      let params = {
        ids: row.oid
      }
      deleteUser(params).then(res => {
        if (res.data.code === 200) {
          this.$message.success(res.data.obj);
          this.getTableList();
        }
      }).catch(err => {
        console.log(err);
      })

      this.$confirm('您确定要删除当前的成员吗？', '提示', {
        confirmButtonText: '确定',
        cancelButtonText: '取消',
        type: 'warning'
      }).then(() => {
        deleteUser(params).then(res => {
          if (res.data.code === 200) {
            this.$message.success(res.data.obj);
            this.getTableList();
          }
        });
      }).catch(() => {
        this.$message({
          type: 'info',
          message: '已取消删除'
        });
      });
    },

    // 多选删除
@@ -351,7 +510,94 @@
          message: '已取消删除'
        });
      });
    }
    },

    // 下载导入模板
    downloadHandler() {
      download().then(res => {
        func.downloadFileByBlobHandler(res);
        this.$message.success('下载成功');
      })
    },

    // 导入人员
    uploadUser() {
      this.$refs.upload.visible = true;
    },

    // 分配部门
    departmentHandler() {
      if (this.selectList.length <= 0) {
        this.$message.warning('清先选择人员再进行操作！');
        return;
      }
      this.departStatus = 'default'; // 区分不同方式打开部门对话框
      this.departVisible = true;
    },

    // 分配部门表格初始化请求
    departmentQueryOnLoad() {
      departmentQueryController({queryAllLevel: true}).then(res => {
        const data = res.data.treeData;
        this.departData = this.departDtaFormAtter(data);
        this.option.column[7].dicData = [{
          oid: 'ALLDept',
          name: '所有部门',
          expand: true,
          disabled: true,
          children: this.departData
        }]
        this.option.column[7].defaultExpandedKeys = ['ALLDept'];
      });
    },

    // 分配部门数据转换
    departDtaFormAtter(items) {
      return items.map(item => {
        // 转换当前节点的属性
        const formList = {
          oid: item.oid,
          id: item.attributes.id,
          name: item.attributes.name,
          description: item.attributes.description,
          parentId: item.parentId,
          parentName: item.parentName,
          parentBtmName: item.parentBtmName,
          // 如果children存在且不为空，则递归转换children
          children: item.children && item.children.length > 0 ? this.departDtaFormAtter(item.children) : undefined
        };
        return formList;
      });
    },

    // 分配部门 行单选
    handleCurrentRowChange(row) {
      this.departCurrenRow = row;
    },

    // 分配部门 保存
    saveDepartHandler() {
      if (func.isEmptyObject(this.departCurrenRow)) {
        this.$message.warning('请选择部门节点！')
        return;
      }

      //分配部门
      if (this.departStatus == 'default') {
        let params = {
          userOIds: this.selectList.map(item => item.oid).join(','),
          deptId: this.departCurrenRow.oid,
        };
        saveUsersDepts(params).then(res => {
          if (res.data.code === 200) {
            this.departVisible = false;
            this.getTableList();
            this.$message.success('分配成功！')
          }
        })
        return;
      }
    },
  }

}
@@ -359,7 +605,7 @@

<style lang="scss" scoped>
.password-strategy-container {
  padding-left: 20px;
  margin-bottom: 20px;
  display: flex;
  //justify-content: center;
  align-items: center;