sasp-admin 0.2.57

package/src/views/user/empowerUser/empowerEntUserManage.vue

@@ -0,0 +1,415 @@
+<template>
+    <el-container style="height: 100%" v-if="isLoad">
+        <el-header style="height: auto">
+            <div class="search-form-parent el-card">
+                <el-form :inline="true" :model="crud.searchForm" size="small"
+                         @keyup.enter.native="crud.doSearch()" onSubmit="return false;"
+                         class="demo-form-inline">
+                    <el-form-item label="用户名称">
+                        <el-input v-model="crud.searchForm.userNamePinYin"
+                                  placeholder="中文、拼音全拼、简拼"></el-input>
+                    </el-form-item>
+                    <el-form-item label="用户账号">
+                        <el-input v-model="crud.searchForm.userAccountLike"></el-input>
+                    </el-form-item>
+                    <el-form-item label="用户状态">
+                        <el-select v-model="crud.searchForm.userStatus" size="small">
+                            <el-option v-for="item in statusOptions" :key="item.value"
+                                       :label="item.label" :value="item.value"></el-option>
+                        </el-select>
+                    </el-form-item>
+                    <el-form-item>
+                        <el-button type="primary" icon="el-icon-search"
+                                   @click="crud.doSearch()">查询
+                        </el-button>
+                        <el-button icon="el-icon-close" @click="crud.resetSearch()">清空
+                        </el-button>
+                    </el-form-item>
+                </el-form>
+            </div>
+        </el-header>
+        <el-main style="height: 100%">
+            <el-container style="height:100%" class="table-list-container">
+                <!--操作按钮 start-->
+                <el-header style="height: auto;" size="medium">
+                    <el-button type="primary" size="small" icon="el-icon-check" @click="add()">新增</el-button>
+                    <el-button type="danger" size="small" icon="el-icon-delete" @click="remove()">删除</el-button>
+                </el-header>
+                <!--操作按钮 end-->
+
+                <!--数据 start-->
+                <el-main style="height: 100%;">
+                    <el-table :data="crud.dataStore.records" :ref="crud.tableRef" stripe border height="100%"
+                              style="width: 100%;">
+                        <el-table-column type="selection" width="40" align="center"></el-table-column>
+                        <el-table-column type="index" label="序号" align="center" width="60"></el-table-column>
+                        <el-table-column label="用户名称" prop="userName" align="center"></el-table-column>
+                        <el-table-column label="用户账号" prop="userAccount" align="center" width="200"></el-table-column>
+                        <el-table-column label="所属组织" prop="orgName" align="center"></el-table-column>
+                        <el-table-column label="关联角色权限" prop="roleName" align="center"
+                                         :show-overflow-tooltip="true" width="200"></el-table-column>
+                        <el-table-column label="当前状态" prop="userStatus" align="center" width="100">
+                            <template slot-scope="scope">
+                                <el-tag :type="userStatusColor[scope.row.userStatus]">{{userStatusObj[scope.row.userStatus]}}</el-tag>
+                            </template>
+                        </el-table-column>
+                        <el-table-column label="操作" align="center" width="220">
+                            <template slot-scope="scope">
+                                <el-button size="small" icon="el-icon-edit" type="primary" @click="update(scope.row)">
+                                    修改
+                                </el-button>
+                                <el-button size="small" icon="el-icon-setting" type="primary" @click="resetPwd(scope.row)">
+                                    重置密码
+                                </el-button>
+                            </template>
+                        </el-table-column>
+                    </el-table>
+                </el-main>
+                <!--数据 end-->
+            </el-container>
+        </el-main>
+        <el-footer>
+            <el-pagination style="padding: 0;box-sizing: border-box;"
+                           :ref="crud.pageRef"
+                           :page-sizes="crud.pageSizes"
+                           :page-size="crud.pageSize"
+                           :current-page="crud.page"
+                           :total="crud.dataStore.total"
+                           @size-change="crud.sizeChange()"
+                           @current-change="crud.currentPage()"
+                           layout="total, sizes, prev, pager, next, jumper">
+            </el-pagination>
+        </el-footer>
+
+        <!--添加修改弹框 start-->
+        <el-dialog :close-on-click-modal=false :title="addOrUpdateTitle" top="20vh" :visible.sync="addOrUpdateDialog">
+            <el-form :model="formData" ref="formDataRef" :rules="rules">
+                <el-row>
+                    <el-col :span="12">
+                        <el-form-item label="用户名称" label-width="100px" prop="userName">
+                            <el-input v-model="formData.userName" size="small"></el-input>
+                        </el-form-item>
+                    </el-col>
+                    <el-col :span="12">
+                        <el-form-item label="用户账号" label-width="100px" prop="userAccount">
+                            <el-input v-model="formData.userAccount" size="small"></el-input>
+                        </el-form-item>
+                    </el-col>
+                </el-row>
+                <el-row>
+                    <el-col :span="12">
+                        <el-form-item label="用户类型" label-width="100px" prop="userType">
+                            <el-select v-model="formData.userType" style="width: 100%" disabled size="small">
+                                <el-option v-for="item in userTypeArr" :key="item.value" :label="item.label" :value="item.value">
+                                </el-option>
+                            </el-select>
+                        </el-form-item>
+                    </el-col>
+                    <el-col :span="12">
+                        <el-form-item label="用户状态" label-width="100px" prop="userStatus">
+                            <el-select v-model="formData.userStatus" style="width: 100%" size="small">
+                                <el-option v-for="item in statusOptions" :key="item.value" :label="item.label" :value="item.value">
+                                </el-option>
+                            </el-select>
+                        </el-form-item>
+                    </el-col>
+                </el-row>
+                <el-row>
+                    <el-col :span="12">
+                        <el-form-item label="性别" label-width="100px" prop="userGender">
+                            <el-select v-model="formData.userGender" style="width: 100%" size="small">
+                                <el-option v-for="item in sexTypeArr" :key="item.value" :label="item.label" :value="item.value">
+
+                                </el-option>
+                            </el-select>
+                        </el-form-item>
+                    </el-col>
+                    <el-col :span="12">
+                        <el-form-item label="出生日期" label-width="100px" prop="userAge">
+                            <el-date-picker v-model="formData.userAge" type="date" placeholder="选择日期"
+                                            :editable="false" style="width: 100%" size="small">
+                            </el-date-picker>
+                        </el-form-item>
+                    </el-col>
+                </el-row>
+                <el-row>
+                    <el-col :span="12">
+                        <el-form-item label="联系QQ" label-width="100px" prop="userQQ">
+                            <el-input v-model="formData.userQQ" size="small"></el-input>
+                        </el-form-item>
+                    </el-col>
+                    <el-col :span="12">
+                        <el-form-item label="联系电话" label-width="100px" prop="userPhone">
+                            <el-input v-model="formData.userPhone" size="small"></el-input>
+                        </el-form-item>
+                    </el-col>
+                </el-row>
+                <el-row>
+                    <el-col :span="24">
+                        <el-form-item label="电子邮箱" label-width="100px" prop="userEmail">
+                            <el-input v-model="formData.userEmail" size="small"></el-input>
+                        </el-form-item>
+                    </el-col>
+                </el-row>
+            </el-form>
+            <div slot="footer" class="dialog-footer">
+                <el-button type="primary" @click="submitForm()" size="small" icon="el-icon-success">确 定</el-button>
+                <el-button @click="addOrUpdateDialog = false" size="small" icon="el-icon-error">取 消</el-button>
+            </div>
+        </el-dialog>
+        <!--添加修改弹框 start-->
+    </el-container>
+</template>
+
+
+<script>
+    export default {
+        name: "empower-ent-user-manage",
+        data(){
+            return{
+                crud: new this.CrudUtil({
+                    vue: this,
+                    entityName: "sysUser",
+                    url: this.api.sysUser.url,
+                    searchForm: {empowerUser:"Y",userType:"empower",empowerOrgId:""},
+                    noClearSearchColumns: ["empowerUser","userType","empowerOrgDim","created","empowerOrgId"],
+                    initNoSearch: true
+                }),
+                isLoad:false,
+                loginUser:{},
+                orgDim:"",
+                statusOptions:[
+                    {value : '10',label : "正常"},
+                    {value : '20',label : "锁定"}
+                ], //用户状态下拉框
+                userStatusObj : {
+                    '10' : "正常",
+                    '20' : "锁定",
+                },
+                userStatusColor : {
+                    '10' : "success",
+                    '20' : "warning",
+                },
+                //新增修改弹窗标题
+                addOrUpdateTitle:"添加授权用户",
+                addOrUpdateDialog:false,//新增修改弹窗是否显示
+                rules:{
+                    userAccount:this.plValidate('required'),
+                    userName:this.plValidate('required'),
+                    userType:this.plValidate('required'),
+                    userStatus:this.plValidate('required'),
+                    userQQ:this.plValidate('qq'),
+                    userPhone:this.plValidate('phone'),
+                    userEmail:this.plValidate('email')
+                },//验证
+                userTypeArr:[],//用户类型
+                sexTypeArr:[
+                    {value : '男',label : "男"},
+                    {value : '女',label : "女"}
+                ],//性别
+                formData:{
+                    userAccount:"",userName:"",userType:"empower",userStatus:"10",orgId:""
+                },//表单数据初始化
+                developerId:"",
+                entEmpUserRole:"",
+            }
+        },
+        created(){
+            this.initLoginUser();
+            this.getData()
+        },
+        watch:{
+            isLoad(){
+                if(this.isLoad){
+                    this.crud.search();
+                }
+            }
+        },
+        methods:{
+            /**
+             * 当前登录用户
+             */
+            initLoginUser(){
+                let vm = this;
+                vm.axios.post(vm.api.sysUser.getLoginUser).then(function (res) {
+                    vm.loginUser = res.data;
+                    vm.getOrgDim();
+                    vm.getEntDeptOrgId();
+                });
+            },
+            resetPwd(row){ // 重置密码
+                let [vm,userNameText] = [this,row.userName?row.userName:'用户'];
+                this.$confirm('确定要重置'+userNameText+'的密码?', '提示', {
+                    confirmButtonText: '确定',
+                    cancelButtonText: '取消',
+                    type: 'warning',
+                    beforeClose:function (action, instance, done) {
+                        if(action == 'confirm'){
+                            vm.axios.post(vm.api.sysUser.resetPwd,{"id":row.id}).then(function (res) {
+                                done(); // 完成后提示并关闭窗口
+                                vm.$message({
+                                    type:'success',
+                                    duration:1500,
+                                    message:res.data.operateMessage
+                                });
+                            });
+                        }else{
+                            done();
+                        }
+                    }
+                }).catch(() => {
+                    this.$message({
+                        type: 'info',
+                        message: '已取消'
+                    });
+                });
+            },
+            getOrgDim(){
+               let vm = this;
+               vm.axios.post(vm.api.sysUser.getEntDeptDim).then(res => {
+                   vm.orgDim = res.data;
+                   vm.initCrud();
+               });
+            },
+
+            initCrud(){
+                let vm = this;
+                vm.crud.searchForm["empowerOrgDim"] = vm.orgDim;
+                vm.crud.searchForm["created"] = vm.loginUser.id;
+                vm.isLoad = true;
+            },
+
+            /**
+             * 初始化数据
+             */
+            getData(){
+                let vm = this;
+                vm.axios.post(vm.api.param.getSysParams).then(function (res) {
+                    let sysParamObj = res.data;
+                    //用户类型
+                    let paramValString = sysParamObj["SysUserType"]["paramVal"];
+                    let result = JSON.parse(vm.platStringUtil.replaceAll(paramValString,"'","\""));
+                    for(let [key,value] of Object.entries(result)){
+                        vm.userTypeArr.push({"label":value,"value":key})
+                    }
+                    let developerId = sysParamObj["developerId"]["paramVal"];
+                    vm.developerId = developerId;
+
+                    let entEmpUserRole = sysParamObj["entEmpowerUserRole"]["paramVal"];
+                    vm.entEmpUserRole = entEmpUserRole;
+                });
+            },
+
+            /**
+             * 当前登录用户对应的部门组织
+             */
+            getEntDeptOrgId(){
+                let vm = this;
+                vm.axios.post(vm.api.sysUser.getUserEntDeptOrgId,{userName:vm.loginUser.userName}).then(res => {
+                    vm.orgId = res.data.id;
+                });
+            },
+
+            /**
+             * 新增
+             */
+            add(){
+                let vm = this;
+                vm.formData = {};
+                vm.formData = {userAccount:"",userName:"",userType:"empower",userStatus:"10",orgId:vm.orgId};
+                vm.addOrUpdateDialog = true;
+                vm.addOrUpdateTitle = "添加授权用户";
+                vm.$nextTick(function () {
+                    vm.$refs.formDataRef.clearValidate(); // 再次添加清除原先的验证
+                });
+            },
+
+            /**
+             * 修改
+             */
+            update(data){
+                let vm = this;
+                vm.formData = {};
+                vm.formData = {
+                    id:data.id,orgId:data.orgId,userAccount:data.userAccount,
+                    userName:data.userName,userStatus:data.userStatus,
+                    userGender:data.userGender,userAge:data.userAge,
+                    userQQ:data.userQQ,userPhone:data.userPhone,
+                    userType:data.userType,userEmail:data.userEmail
+                };
+                vm.addOrUpdateDialog = true;
+                vm.addOrUpdateTitle = "修改授权用户";
+            },
+
+            /**
+             * 提交数据
+             */
+            submitForm(){
+                let vm = this;
+                vm.$refs.formDataRef.validate(function (valid) {
+                    if(valid){
+                        vm.formData.parentUserTree = vm.developerId;
+                        vm.formData.empowerId = vm.entEmpUserRole;
+                        vm.formData.orgId = vm.orgId;
+                        vm.formData.saveType = "ent";
+
+                        vm.axios.post(vm.api.sysUser.saveEmpowerUser,vm.formData).then(res => {
+                            if(res.data){
+                                let type = "error";
+                                if(res.data.operateSuccess){
+                                    type = "success";
+                                    vm.addOrUpdateDialog = false;
+                                    vm.crud.search();
+                                }
+                                vm.$message({
+                                    duration: 1000,
+                                    type: type,
+                                    message: res.data.operateMessage
+                                });
+                            }
+                        });
+                    }
+                });
+            },
+
+            /**
+             * 删除
+             */
+            remove(){
+                let vm = this;
+                let selection = vm.$refs[vm.crud.setting.tableRef].selection ||[];
+                if(selection.length === 0){
+                    vm.$message({
+                        message:"请选择要删除的数据！",
+                        duration:1500
+                    });
+                    return false;
+                }
+                vm.$confirm('用户删除时，该用户及其下级授权用户相关权限也将被删除且无法恢复，确认删除吗?', '提示', {
+                    confirmButtonText: '确定',
+                    cancelButtonText: '取消',
+                    dangerouslyUseHTMLString: true
+                }).then(function () {
+                    let arrIds = [];
+                    selection.forEach(function (data) {
+                        arrIds.push(data.id);
+                    });
+                    vm.axios.post(vm.api.sysUser.deleteEmowerUser,{"userIds": arrIds.join(",")}).then(res => {
+                        let type = "error";
+                        let msg = "删除失败！";
+                        if(res.data.operateSuccess){
+                            type = "success";
+                            msg = "删除成功！";
+                        }
+                        vm.$message({
+                            type: type,
+                            message:msg
+                        });
+                        vm.crud.search();
+                    });
+                });
+            },
+
+        }
+    }
+</script>

package/src/views/user/empowerUser/empowerOrgTree.vue

@@ -0,0 +1,167 @@
+<template>
+
+    <div class="empower-org-tree">
+        <div class="empower-user-tree-one">
+            <div class="empower-user-tree-two">
+                <pl-lazy style="height: 100%;width: 100%;display: inline-block;">
+                    <el-aside style="width: 100%;height: 100%">
+                        <el-header style=" width: 100%;height: auto;">
+                            <el-select v-model="currentOrgDim" size="small" :disabled="dimIsDisabled" >
+                                <el-option v-for="item in sysOrgDimArr" :key="item.id"
+                                           :label="item.dimName" :value="item.id"></el-option>
+                            </el-select>
+                            <el-input placeholder="组织名称" v-model="orgNameSearch" size="small">
+                            </el-input>
+                        </el-header>
+                        <el-main style="height: calc(100% - 85px)">
+                            <common-tree :request-url="api.sysOrg.listNopageDim" v-if="showTree"
+                                         :request-param="{'orgDim': currentOrgDim?currentOrgDim:sysOrgDimArr[0].id,'orgTreeId':orgTreeId}"
+                                         :parent-id="parentId" :default-props="defaultProps" :refreshProper="currentOrgDim"
+                                         :filter-text="orgNameSearch" :node-click="nodeClick" :checkbox="false" :deal-tree-data="dealTreeData"
+                                         :expand-onclick-node="false"
+                            ></common-tree>
+                        </el-main>
+                    </el-aside>
+                </pl-lazy>
+            </div>
+        </div>
+    </div>
+</template>
+
+<script>
+    export default {
+        name: "empower-org-tree",
+        props:{
+            nodeClickCallBackFunc:{type:Function,default:null},//节点点击事件回调函数
+            initCallBackFunc:{type:Function,default:null},//初始化方法的回调函数
+            dealTreeDataCallBackFunc:{type:Function,default:null},//自定义数据回调函数
+            loginUser:{type:Object,default:function () {return {};}}//当前登录用户
+        },
+        data(){
+            return{
+                sysOrgDimArr: [], //所有组织维度
+                currentOrgDim: "", //当前选中的组织维度
+                defaultProps:{children: 'children', label: 'orgName'}, // 树组件的配置信息
+                showTree:false,
+                orgNameSearch:"",
+                parentId:"orgParentId",
+                dimIsDisabled: false,
+                orgTreeId:"",
+            }
+        },
+        created(){
+            this.initOrgDim();
+        },
+        watch:{
+            currentOrgDim(){
+                this.initCallBackFunc && this.initCallBackFunc(this.currentOrgDim);
+            }
+        },
+        methods:{
+            //初始化组织维度数据
+            initOrgDim() {
+                let vm = this;
+                vm.showTree = false;
+                vm.axios.post(vm.api.sysOrgDimension.find).then(res => {
+                    let data = res.data;
+                    for (let item of data) {
+                        if (item.isUse === '1') {
+                            vm.sysOrgDimArr.push(item);
+                        }
+                    }
+
+                    vm.initDefaultDimAndOrg();
+
+                });
+            },
+
+            initDefaultDimAndOrg(){
+                let vm = this;
+                if("sup" == vm.loginUser.userType){
+                    vm.dimIsDisabled = false;
+                    vm.currentOrgDim = vm.sysOrgDimArr[0].id;
+                    vm.orgTreeId = "";
+                    vm.loadTree();
+                }else{
+                    vm.axios.post(vm.api.sysOrgPosUser.findNoPage,{userId:vm.loginUser.id,empowerUser:"true"}).then(res => {
+                        let orgPosUserInfo = res.data[0];
+                        vm.orgTreeId = orgPosUserInfo.orgId;
+                        vm.dimIsDisabled = true;
+                        vm.currentOrgDim = orgPosUserInfo.orgDim;
+                        vm.loadTree();
+                    });
+                }
+
+            },
+
+            loadTree(){
+                let vm = this;
+                (vm.sysOrgDimArr.length > 0) && (vm.showTree = true);
+                vm.initCallBackFunc && vm.initCallBackFunc(vm.currentOrgDim);
+            },
+
+            //节点点击事件
+            nodeClick(data,node){
+                let vm = this;
+                vm.nodeClickCallBackFunc && vm.nodeClickCallBackFunc(data,node);
+            },
+
+            //自定义数据
+            dealTreeData(dataArr){
+                let vm = this;
+                let treeDataArr = [];
+                for(let data of dataArr){
+                    if(data.orgType == "ogn"){
+                        data.className = "saspiconfont pl-icon-organ";
+                    }
+                    if(data.orgType == "dept"){
+                        data.className = "saspiconfont pl-icon-msnui-alarm-inverse";
+                    }
+                    data.label = data.orgName;
+                    treeDataArr.push(data);
+                }
+                let paramSetting = {};
+                paramSetting["id"] = "id";
+                paramSetting["pId"] = vm.parentId;
+                paramSetting["children"] = vm.defaultProps["children"]; // 设置children可配置
+                let data = vm.COMMON_FUNC.buildElTree(treeDataArr,paramSetting);
+                vm.dealTreeDataCallBackFunc && vm.dealTreeDataCallBackFunc(data);
+            },
+        }
+    }
+</script>
+
+<style rel="stylesheet/scss" lang="scss" scoped>
+    .empower-org-tree{
+        .empower-user-tree-one{
+            width: 350px;
+            height: 100%;
+            position: relative;
+            box-sizing: border-box;
+            padding:10px 5px 8px 10px;
+        }
+
+        .empower-user-tree-two{
+            border: 1px solid #ddd;
+            box-sizing: border-box;
+            padding: 5px;
+            width: 100%;
+            height: 100%;
+        }
+
+        .el-select{
+            width: 100%;
+            padding-top: 10px
+        }
+
+        .el-input{
+            width: 100%;
+            margin-top: 10px
+        }
+
+        .el-main{
+            padding-top: 10px;
+        }
+    }
+
+</style>