sasp-admin 0.2.57

package/src/views/org/sysOrgPosUserTree.vue

@@ -0,0 +1,1101 @@
+<template>
+    <el-container style="height: 100%;box-sizing: border-box;padding: 10px 10px 10px 5px">
+        <el-tabs type="border-card" class="orgTab">
+            <el-tab-pane :label="pageObj.ognName+'信息'">
+            <!--<span slot="label">-->
+                <!--<i class="el-icon-date"></i>-->
+                <!--{{pageObj.ognName}}信息-->
+                <!--&lt;!&ndash;组织信息&ndash;&gt;-->
+            <!--</span>-->
+                <el-container style="height: 100%">
+                    <el-header style="height: auto;padding: 0px;padding-left: 5px;padding-right: 5px;">
+                        <el-collapse class="org-collapse">
+                            <el-collapse-item style="text-align: center;">
+                                <template slot="title">
+                                    <i class="header-icon el-icon-info"></i>组织基本信息
+                                </template>
+                                <el-form :model="orgUser.orgObj" class="demo-form-inline">
+                                    <input type="hidden" v-model="orgUser.orgObj.id"/>
+                                    <el-form-item>
+                                        <el-row :gutter="20"
+                                                style="border-top: 1px solid #dddddd; border-left: 1px solid #dddddd">
+                                            <el-col :span="4">
+                                                <div class="grid-content bg-purple">组织名称:</div>
+                                            </el-col>
+                                            <el-col :span="8">
+                                                <div class="grid-content">
+                                                    <el-input placeholder="请输入内容" style="width: 90%"
+                                                              v-model="orgUser.orgObj.orgName"></el-input>
+                                                </div>
+                                            </el-col>
+                                            <el-col :span="4">
+                                                <div class="grid-content bg-purple">组织类型:</div>
+                                            </el-col>
+                                            <el-col :span="8">
+                                                <div class="grid-content">
+                                                    <el-select v-model="orgUser.orgObj.orgTypeName" placeholder="请选择"
+                                                               style="width: 90%" disabled></el-select>
+                                                </div>
+                                            </el-col>
+                                        </el-row>
+                                        <el-row :gutter="20" style=" border-left: 1px solid #dddddd" >
+                                            <el-col :span="4" v-if="orgUser.orgObj.orgType == 'dept'">
+                                                <div class="grid-content bg-purple">部门分类:</div>
+                                            </el-col>
+                                            <el-col :span="8" v-if="orgUser.orgObj.orgType == 'dept'">
+                                                <div class="grid-content">
+                                                    <el-select v-model="orgUser.orgObj.orgClassify" placeholder="请选择"
+                                                               style="width: 90%">
+                                                        <el-option
+                                                                v-for="item in orgClassify"
+                                                                :key="item.value"
+                                                                :label="item.label"
+                                                                :value="item.value">
+                                                        </el-option>
+                                                    </el-select>
+                                                </div>
+                                            </el-col>
+                                            <el-col :span="4" v-if="orgUser.orgObj.orgType == 'dept'">
+                                                <div class="grid-content bg-purple">上级组织:</div>
+                                            </el-col>
+                                            <el-col :span="8" v-if="orgUser.orgObj.orgType == 'dept'">
+                                                <div class="grid-content">
+                                                    <el-input style="width: 90%" :disabled="true"
+                                                              v-model="orgUser.orgObj.orgParentName">
+                                                    </el-input>
+                                                </div>
+                                            </el-col>
+                                            <el-col :span="4" v-if="orgUser.orgObj.orgType == 'ogn'">
+                                                <div class="grid-content bg-purple">上级组织:</div>
+                                            </el-col>
+                                            <el-col :span="20"  v-if="orgUser.orgObj.orgType == 'ogn'">
+                                                <div class="grid-content">
+                                                    <el-input style="width: 96%" :disabled="true"
+                                                              v-model="orgUser.orgObj.orgParentName">
+                                                    </el-input>
+                                                </div>
+                                            </el-col>
+                                        </el-row>
+                                        <el-row :gutter="20" style=" border-left: 1px solid #dddddd">
+                                            <el-col :span="4">
+                                                <div class="grid-content bg-purple">所属维度:</div>
+                                            </el-col>
+                                            <el-col :span="8">
+                                                <div class="grid-content">
+                                                    <el-input style="width: 90%" v-model="orgUser.orgObj.orgDimName"
+                                                              placeholder="请输入内容"
+                                                              :disabled="true">
+                                                    </el-input>
+                                                </div>
+                                            </el-col>
+                                            <el-col :span="4">
+                                                <div class="grid-content bg-purple">所在地区:</div>
+                                            </el-col>
+                                            <el-col :span="8">
+                                                <div class="grid-content">
+                                                    <el-select v-model="orgUser.orgObj.streetName ||
+                                                                    orgUser.orgObj.areaName ||
+                                                                    orgUser.orgObj.cityName ||
+                                                                    orgUser.orgObj.provinceName" placeholder="请选择"  :disabled="true"
+                                                               style="width: 90%">
+                                                    </el-select>
+                                                </div>
+                                            </el-col>
+                                        </el-row>
+                                        <el-button type="primary" @click="onSubmitOrg" style="margin-top: 10px;">保存</el-button>
+                                    </el-form-item>
+                                </el-form>
+                            </el-collapse-item>
+                        </el-collapse>
+                    </el-header>
+                    <el-main style="height: 100%;">
+                        <pl-page-table class="orgTable" ref="orgTable" :refreshTableByParam="orgId"
+                                       :showFieldArr="orgUser.showFieldArr" :tableHeight="orgUser.tableHeight"
+                                       :searchFormDataArr="orgUser.searchFormDataArr"
+                                       :searchParam="orgUser.searchParam" :initNoSearch="orgUser.initNoSearch"
+                                       :isShowClearCheck="false"
+                                       :noClearSearchColumns="orgUser.noClearSearchColumns"
+                                       :url="orgUser.url" :entityName="orgUser.entityName" :buttonArr="orgUser.buttonArr"
+                                       style="width: 100%;height: auto;border: 1px solid #dddddd"></pl-page-table>
+                    </el-main>
+                </el-container>
+            </el-tab-pane>
+            <el-tab-pane class="tabPane2" :label="pageObj.posName+'信息'" v-if="!pageObj.closePos">
+            <!--<span slot="label">-->
+                <!--<i class="el-icon-date"></i>-->
+                <!--{{pageObj.posName}}信息-->
+            <!--</span>-->
+                <el-container>
+                    <el-aside width="280px" style="line-height:0px;" class="commonTreeAside">
+                        <el-row>
+                            <el-button type="danger" icon="el-icon-delete" size="small" @click="getCheckedNodes">删除
+                            </el-button>
+                            <el-button type="success" icon="el-icon-check" size="small">保存</el-button>
+                            <el-button type="warning" icon="el-icon-plus" size="small" @click="addPosOne">一级岗位</el-button>
+                        </el-row>
+                        <el-popover
+                                placement="right"
+                                width="100"
+                                trigger="manual"
+                                v-model="rightMenu">
+                            <el-menu
+                                    class="el-menu-vertical-demo"
+                                    background-color="#545c64"
+                                    text-color="#fff"
+                                    @select="rightMenuSelect"
+                                    active-text-color="#ffd04b">
+                                <el-menu-item index="1">
+                                    <i class="saspiconfont pl-icon-account"></i>
+                                    <span slot="title">添加同级岗位</span>
+                                </el-menu-item>
+                                <el-menu-item index="2">
+                                    <i class="saspiconfont pl-icon-yonghu2"></i>
+                                    <span slot="title">添加下级岗位</span>
+                                </el-menu-item>
+                            </el-menu>
+                            <common-tree class="posTree" :requestUrl="treeUrl" :requestParam="requestParam"
+                                         parentId="parentPosId" slot="reference"
+                                         :nodeClick="nodeClick" :expandOnclickNode="false" ref="posTree"
+                                         :rightClick="rightClick"
+                                         :defaultProps="defaultProps"></common-tree>
+                        </el-popover>
+                    </el-aside>
+                    <el-main style="border: 1px solid #dddddd;">
+                        <el-container>
+                            <el-header style="height: auto;text-align: center;">
+                                <el-form :model="posObj" class="demo-form-inline">
+                                    <el-form-item>
+                                        <el-row :gutter="20"
+                                                style="border-top: 1px solid #dddddd; border-left: 1px solid #dddddd">
+                                            <el-col :span="4">
+                                                <div class="grid-content bg-purple">岗位名称:</div>
+                                            </el-col>
+                                            <el-col :span="8">
+                                                <div class="grid-content">
+                                                    <el-input placeholder="请输入内容" style="width: 90%"
+                                                              v-model="posObj.posName"></el-input>
+                                                </div>
+                                            </el-col>
+                                            <el-col :span="4">
+                                                <div class="grid-content bg-purple">是否是主岗位:</div>
+                                            </el-col>
+                                            <el-col :span="8">
+                                                <div class="grid-content">
+                                                    <el-radio v-model="posObj.isMainpos" label="1">是</el-radio>
+                                                    <el-radio v-model="posObj.isMainpos" label="0">否</el-radio>
+                                                </div>
+                                            </el-col>
+                                        </el-row>
+                                        <el-row :gutter="20" style=" border-left: 1px solid #dddddd">
+                                            <el-col :span="4">
+                                                <div class="grid-content bg-purple">所属组织:</div>
+                                            </el-col>
+                                            <el-col :span="8">
+                                                <div class="grid-content">
+                                                    <el-input style="width: 90%" v-model="posObj.orgName"
+                                                              :disabled="true"></el-input>
+                                                </div>
+                                            </el-col>
+                                            <el-col :span="4">
+                                                <div class="grid-content bg-purple">上级岗位:</div>
+                                            </el-col>
+                                            <el-col :span="8">
+                                                <div class="grid-content">
+                                                    <el-input style="width: 90%" placeholder="请输入内容" :disabled="true"
+                                                              v-model="posObj.parentPosName">
+                                                    </el-input>
+                                                </div>
+                                            </el-col>
+                                        </el-row>
+                                        <el-button type="primary" @click="onSubmitPos" style="margin-top: 10px;">保存</el-button>
+                                    </el-form-item>
+                                </el-form>
+                                <el-dialog :close-on-click-modal=false title="添加岗位" class="addPos" :visible.sync="posUser.selPosUserDialog" width="50%"
+                                           center>
+                                    <el-row :gutter="20" style="margin-bottom: 10px;">
+                                        <el-col :span="6" style="text-align: center;line-height: 24px;">岗位名称:</el-col>
+                                        <el-col :span="6" style="text-align: left;">
+                                            <el-input style="line-height: 24px;" v-model="addPosObj.posName"></el-input>
+                                        </el-col>
+                                        <el-col :span="6" style="text-align: center;line-height: 24px;">是否是主岗位:</el-col>
+                                        <el-col :span="6" style="text-align: left;">
+                                            <el-radio v-model="addPosObj.isMainpos" label="1">是</el-radio>
+                                            <el-radio v-model="addPosObj.isMainpos" label="0">否</el-radio>
+                                        </el-col>
+                                    </el-row>
+                                    <el-row :gutter="20" style="margin-bottom: 10px;">
+                                        <el-col :span="6" style="text-align: center;line-height: 24px;">所属组织:</el-col>
+                                        <el-col :span="6" style="text-align: left;">
+                                            <el-input style="line-height: 24px;" v-model="addPosObj.orgName"
+                                                      :disabled="true"></el-input>
+                                        </el-col>
+                                        <el-col :span="6" style="text-align: center;line-height: 24px;">上级岗位:</el-col>
+                                        <el-col :span="6" style="text-align: left;">
+                                            <el-input style="line-height: 24px;" v-model="addPosObj.parentPosName"
+                                                      :disabled="true"></el-input>
+                                        </el-col>
+                                    </el-row>
+                                    <span slot="footer" class="dialog-footer">
+                                    <el-button type="primary" @click="addPos" size="small" icon="el-icon-success">确 定</el-button>
+                                    <el-button type="primary" @click="posUser.selPosUserDialog=false" size="small" icon="el-icon-error">取 消</el-button>
+                                </span>
+                                </el-dialog>
+                            </el-header>
+                            <el-main style="height: 100%;">
+                                <pl-page-table class="posTable" ref="posTable"
+                                               :searchParam="posUser.searchParam" :initNoSearch="posUser.initNoSearch"
+                                               :noClearSearchColumns="posUser.noClearSearchColumns"
+                                               :showFieldArr="posUser.showFieldArr" :tableHeight="posUser.tableHeight"
+                                               :isShowClearCheck="false"
+                                               :url="posUser.url" :entityName="posUser.entityName"
+                                               :buttonArr="posUser.buttonArr" style="width: 100%;"></pl-page-table>
+                            </el-main>
+                        </el-container>
+                    </el-main>
+                </el-container>
+            </el-tab-pane>
+
+            <el-dialog :close-on-click-modal=false title="选择用户" class="selectOrgUser" :visible.sync="selectOrgUser" width="80%" height="95%" top="2vh">
+                <pl-page-table class="selUser" ref="selUser"
+                               :showFieldArr="orgUserSelect.showFieldArr" :tableHeight="orgUserSelect.tableHeight"
+                               :searchFormDataArr="orgUserSelect.searchFormDataArr"
+                               :searchParam="orgUserSelect.searchParam" :isShowClearCheck="false"
+                               :noClearSearchColumns="orgUserSelect.noClearSearchColumns"
+                               :url="orgUserSelect.url" :entityName="orgUserSelect.entityName"
+                               :buttonArr="orgUserSelect.buttonArr" :formatterFunc="formatterColumn"
+                               style="width: 100%;height: auto;border: 1px solid #dddddd"></pl-page-table>
+            </el-dialog>
+            <el-dialog :close-on-click-modal=false title="用户排序" class="updateOrgUser" :visible.sync="orgUserSelect.selOrgUserDialog" width="30%" center>
+                <el-row :gutter="20" v-for="(user,index) in orgUserSelect.selOrgUserArr" :key="index" style="margin-bottom: 10px;">
+                    <el-col :span="12" style="text-align: center;line-height: 24px;">{{user.userName}}</el-col>
+                    <el-col :span="12">
+                        <el-input style="line-height: 24px;"
+                                  v-model="orgUserSelect.orgPosUserArr.length+index+1"></el-input>
+                    </el-col>
+                </el-row>
+                <span slot="footer" class="dialog-footer">
+                <el-button type="primary" @click="addSelOrgUser" size="small" icon="el-icon-success">确 定</el-button>
+            </span>
+            </el-dialog>
+            <el-dialog :close-on-click-modal=false title="修改用户顺序" class="updateOrgUser" :visible.sync="selOrgUserDialog" width="30%" center >
+                <el-row :gutter="20" v-for="user,index in selOrgUserArr" :key="index" style="margin-bottom: 10px;">
+                    <el-col :span="12" style="text-align: center;line-height: 24px;">{{user.userName}}</el-col>
+                    <el-col :span="12">
+                        <el-input style="line-height: 24px;" v-model="user.userLayer"></el-input>
+                    </el-col>
+                </el-row>
+                <span slot="footer" class="dialog-footer">
+                <el-button type="primary" @click="updateOrgUserLayer" size="small" icon="el-icon-success">确 定</el-button>
+            </span>
+            </el-dialog>
+        </el-tabs>
+        <el-dialog :close-on-click-modal=false title="添加用户" :visible.sync="addUserDialog">
+            <el-form :model="addUserForm" ref="addUserRef">
+                <el-row>
+                    <el-col :span="12">
+                        <el-form-item label="用户账号" label-width="150px" prop="userAccount" :rules="plValidate('required')">
+                            <el-input v-model="addUserForm.userAccount"></el-input>
+                        </el-form-item>
+                    </el-col>
+                    <el-col :span="12">
+                        <el-form-item label="用户名称" label-width="150px" prop="userName" :rules="plValidate('required')">
+                            <el-input v-model="addUserForm.userName"></el-input>
+                        </el-form-item>
+                    </el-col>
+                    <el-col :span="12">
+                        <el-form-item label="用户类型" label-width="150px" prop="userType" :rules="plValidate('required')">
+                            <el-select v-model="addUserForm.userType" style="width: 100%">
+                                <el-option v-for="(item,index) in userTypeOptions" :key="index" :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="150px" prop="userStatus" :rules="plValidate('required')">
+                            <el-select v-model="addUserForm.userStatus" style="width: 100%">
+                                <el-option v-for="(item,index) in statusOptions" :key="index" :label="item.label" :value="item.value">
+                                </el-option>
+                            </el-select>
+                        </el-form-item>
+                    </el-col>
+                </el-row>
+            </el-form>
+            <div slot="footer" class="dialog-footer">
+                <el-button type="primary" @click="saveUser()" size="small" icon="el-icon-success">确 定</el-button>
+                <el-button @click="addUserDialog = false" size="small" icon="el-icon-error">取 消</el-button>
+            </div>
+        </el-dialog>
+    </el-container>
+</template>
+
+<script>
+
+    export default {
+        name: "sys-org-pos-user-tree",
+        props: {
+            orgId: {type: String, default: '$'},
+            orgDim: {type: String, default: '$'},
+            orgObj: {type: Object, default: function () {return {}}},
+            pageObj:{type:Object,default:function(){return {}}},
+            updateCallBack:{type:Function,default:null}
+        },
+        data() {
+            return {
+                orgUser: {
+                    url: this.api.sysOrgPosUser.url,
+                    entityName: 'sysOrgPosUser',
+                    showFieldArr: [
+                        {'fieldName': '用户名称', 'field': 'userName'},
+                        {'fieldName': '所属组织', 'field': 'orgName'},
+                        {'fieldName': '用户账号', 'field': 'userAccount'},
+                        {'fieldName': '用户顺序', 'field': 'userLayer'}],
+                    searchParam: {
+                        "orgId": this.$props.orgId,
+                        "posIdIsNull": "Y"
+                    },
+                    initNoSearch: false,
+                    noClearSearchColumns: ['orgId', 'posIdIsNull'],
+                    searchFormDataArr: [{type: 'el-input', field: 'userName', fieldName: '用户名称'}, {
+                        type: 'el-input',
+                        field: 'userAccount',
+                        fieldName: '用户账号'
+                    }],
+                    buttonArr: [{type: 'success', name: "从用户列表选择", icon: "el-icon-check", clickFn: this.OrgUserselect},
+                        {type: 'primary ', name: "调整用户顺序", icon: "el-icon-edit", clickFn: this.userOrgLayerUpdate},
+                        {type: 'danger', name: "删除", icon: "el-icon-delete", clickFn: this.deleteOrgUser}],
+                    tableHeight: '100%',
+                    orgObj: {},
+                    optOrgObj:{
+                        'orgName':'',
+                        'orgParentId':'',
+                        'orgParentTree':'',
+                        'orgDim':'',
+                        'orgType':'',
+                        'sort':'',
+                        'layer':'',
+                        'orgClassify':'',
+                        'regionId':'',
+                        'id':''
+                    }
+                },
+                orgUserSelect: {
+                    url: this.api.sysUser.url,
+                    entityName: 'sysUser',
+                    showFieldArr: [
+                        {'fieldName': '用户账号', 'field': 'userAccount'},
+                        {'fieldName': '用户名称', 'field': 'userName'},
+                        {'fieldName': '用户类型', 'field': 'userType'},
+                        {'fieldName': '当前状态', 'field': 'userStatus'}],
+                    searchParam: {
+                        "unsup": 'sup',
+                        "userType": this.$props.pageObj.chooseUserType,
+                        'noSearchUserByOrgId': this.$props.orgId,
+                        'noSearchUserByPosId': this.posId,
+                        'orgDim': this.$props.orgDim
+                    },
+                    noClearSearchColumns: ['unsup', 'userType', 'noSearchUserByOrgId', 'noSearchUserByPosId', 'orgDim'],
+                    initNoSearch: false,
+                    searchFormDataArr: [
+                        {type: 'el-input', field: 'userNamePinYin', fieldName: '用户名称'},
+                        {type: 'el-input', field: 'userAccountsearch', fieldName: '用户账号'},
+                        {type: 'el-input', field: 'userStatus', fieldName: '用户状态'}
+                    ],
+                    buttonArr: [{type: 'success', name: "选择", icon: "el-icon-check", clickFn: this.onSelOrgUserLayer},
+                        {type: 'primary ', name: "添加", icon: "el-icon-edit", clickFn: this.addOrgUser}],
+                    tableHeight: '100%',
+                    selOrgUserArr: [],
+                    orgPosUserArr: [],
+                    sort: 0,
+                    selOrgUserDialog: false,
+                    userStatusMap:{
+                        10:"正常",
+                        20:"锁定",
+                        30:"暂时锁定"
+                    },
+                    userTypeMap:{
+                        'ent':'企业用户',
+                        'gov':'政府用户',
+                        'sup':'开发用户',
+                        'dev':'开发用户',
+                    }
+                },
+                posUser: {
+                    url: this.api.sysOrgPosUser.url,
+                    entityName: 'sysUser',
+                    showFieldArr: [
+                        {'fieldName': '用户名称', 'field': 'userName'},
+                        {'fieldName': '所属组织', 'field': 'orgName'},
+                        {'fieldName': '所属岗位', 'field': 'posName'},
+                        {'fieldName': '用户顺序', 'field': 'userLayer'}],
+                    searchParam: {
+                        "unsup": 'sup',
+                        "userType": this.$props.pageObj.chooseUserType,
+                        'orgId': this.$props.orgId,
+                        'posId': this.posId,
+                        'orgDim': this.$props.orgDim
+                    },
+                    initNoSearch: false,
+                    noClearSearchColumns: ['orgId', 'posIdIsNull'],
+                    buttonArr: [{type: 'success', name: "从用户列表选择", icon: "el-icon-check", clickFn: this.OrgUserselect},
+                        {type: 'primary ', name: "调整用户顺序", icon: "el-icon-edit", clickFn: this.userOrgLayerUpdate},
+                        {type: 'danger', name: "删除", icon: "el-icon-delete", clickFn: this.deleteOrgUser}],
+                    tableHeight: '100%',
+                    selOrgUserArr: [],
+                    orgPosUserArr: [],
+                    sort: 0,
+                    selPosUserDialog: false
+                },
+                treeUrl: this.api.sysPos.find,
+                requestParam: {"conditionMap.orgId": this.$props.orgId || '&'},
+                defaultProps: {'label': 'posName'},
+                selectOrgUser: false,
+                selOrgUserDialog: false,
+                selOrgUserArr: [],
+                posObj: {},
+                optPosObj:{
+                    'orgId':'',
+                    'parentPosId':'',
+                    'parentPosTree':'',
+                    'posName':'',
+                    'id':'',
+                    'isMainpos':'',
+                    'layer':'',
+                    'sort':''
+                },
+                addPosObj: {
+                    orgId: '',
+                    parentPosId: '-1',
+                    parentPosTree: '-1',
+                    posName: '',
+                    isMainpos: '1',
+                    sort: '1',
+                    layer: '1',
+                    orgDim: '',
+                    orgName: '',
+                    parentPosName: '无',
+                    id: ''
+                },
+                rightMenu: false,
+                rightNode: null,
+                posId: '&',
+                orgClassify:[{value:'0',label:'普通部门'},{value:'1',label:'处室'},{value:'2',label:'安监局'}],
+                addUserDialog:false,
+                addUserForm:{},
+                statusOptions:[
+                    {value : '10',label : "正常"},
+                    {value : '20',label : "锁定"}
+                ], // 用户状态下拉框
+                userTypeOptions:[], // 用户类型下拉框
+                typeOptions:[]
+            }
+        },
+        watch: {
+            orgId() {
+                this.initList();
+            },
+            orgDim(){
+                this.initList();
+            },
+        },
+        created() {
+            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 in result) {
+                    if (result.hasOwnProperty(key)) {
+                        vm.typeOptions.push({"label": result[key], "value": key})
+                    }
+                }
+            });
+            this.initList();
+        },
+        methods: {
+            initList() {
+                let vm = this;
+                vm.orgUser.orgObj = vm.$props.orgObj;
+                vm.orgUser.searchParam['orgId'] = vm.$props.orgId || '&';
+                vm.posUser.searchParam['orgId'] = vm.$props.orgId || '&';
+                vm.orgUserSelect.searchParam['userType'] = vm.$props.pageObj.chooseUserType;
+                vm.orgUserSelect.searchParam['noSearchUserByOrgId'] = vm.$props.orgId;
+                vm.orgUserSelect.searchParam['noSearchUserByPosId'] = vm.posId;
+                vm.orgUserSelect.searchParam['orgDim'] = vm.$props.orgDim;
+                vm.requestParam['conditionMap.orgId'] = vm.$props.orgId || '&';
+                if(Object.keys(vm.$refs).length && !vm.pageObj.closePos){
+                    vm.$nextTick(function () {
+                        vm.$refs.posTree.init();
+                    });
+                }
+            },
+            OrgUserselect() {
+                let vm = this;
+                if(!vm.orgId){
+                    vm.$message({
+                       duration:1500,
+                       message:"请选择左侧组织后再操作！"
+                    });
+                    return;
+                }
+                this.selectOrgUser = true;
+                this.$nextTick(function () {
+                    this.$refs.selUser.refreshTable();
+                })
+            },
+            userOrgLayerUpdate() {
+                let vm = this;
+                let url = '';
+                let param = {};
+                if(!vm.orgId){
+                    vm.$message({
+                        duration:1500,
+                        message:"请选择左侧组织后再操作！"
+                    });
+                    return;
+                }
+                vm.selOrgUserArr = [];
+                if(vm.posId && vm.posId != '&'){
+                    url = vm.posUser.url;
+                    param = vm.posUser.searchParam;
+                }else{
+                    url = vm.orgUser.url;
+                    param = vm.orgUser.searchParam;
+                }
+                vm.axios.post(url + '/listNoPage',
+                    param).then(function (returnData) {
+                    vm.selOrgUserArr = returnData.data;
+                    vm.selOrgUserDialog = true;
+                    if(vm.posId && vm.posId != '&'){
+                        vm.$refs.posTable.refreshTable();
+                    }else{
+                        vm.$refs.orgTable.refreshTable();
+                    }
+                });
+            },
+            updateOrgUserLayer() {
+                let vm = this;
+                let datas = {};
+                for (let i = 0; i < vm.selOrgUserArr.length; i++) {
+                    datas["sysOrgPosUsers[" + i + "].id"] = vm.selOrgUserArr[i].id;
+                    datas["sysOrgPosUsers[" + i + "].userLayer"] = vm.selOrgUserArr[i].userLayer;
+                }
+                vm.axios.post(vm.api.sysOrgPosUser.batchUpdate,
+                    datas).then(function (returnData) {
+                    let operate = returnData.data;
+                    let type = 'success';
+                    let msg = operate.operateMessage;
+                    if (operate.operateSuccess) {
+                        type = 'warning';
+                    }
+                    vm.$message({
+                        message: msg,
+                        type: type
+                    });
+                    if(vm.posId && vm.posId!='&'){
+                        vm.$refs.posTable.refreshTable();
+                    }else{
+                        vm.$refs.orgTable.refreshTable();
+                    }
+                    vm.selOrgUserDialog = false;
+                });
+            },
+            deleteOrgUser() {
+                let vm = this;
+                let multipleSelection = vm.$refs.orgTable.multipleSelection;
+                let idArr = [];
+                for (let k in multipleSelection) {
+                    if (multipleSelection.hasOwnProperty(k)) {
+                        idArr.push(k);
+                    }
+                }
+                if(idArr.length == 0){
+                    vm.$message({
+                        duration: 1500,
+                        type: 'info',
+                        message: '请至少选择一条需要删除的数据！'
+                    });
+                    return;
+                }
+                vm.axios.post(vm.api.sysOrgPosUser.delete,
+                    {'ids': idArr.toString()}).then(function (returnData) {
+                    let operate = returnData.data;
+                    let type = 'success';
+                    let msg = operate.operateMessage;
+                    if (operate.operateSuccess) {
+                        type = 'warning';
+                    }
+                    vm.$message({
+                        message: msg,
+                        type: type
+                    });
+                    vm.$refs.orgTable.refreshTable();
+                });
+            },
+            onSelOrgUserLayer() {
+                let vm = this;
+                let multipleSelection = vm.$refs.selUser.multipleSelection;
+                if(Object.keys(multipleSelection).length == 0){
+                    vm.$message({
+                        duration:1200,
+                        message:"请至少选择一个用户",
+                    });
+                    return;
+                }
+                vm.orgUserSelect.selOrgUserArr = [];
+                for (let key in multipleSelection) {
+                    if (multipleSelection.hasOwnProperty(key)) {
+                        vm.orgUserSelect.selOrgUserArr.push(multipleSelection[key]);
+                    }
+                }
+                // 获取当前系统中已有的排序
+                if (vm.posId && vm.posId != '&') {
+                    vm.axios.post(vm.api.sysOrgPosUser.find,
+                        {
+                            "sort": "TB.USER_LAYER",
+                            "order": "1",
+                            "conditionMap.posId": vm.posId
+                        }).then(function (returnData) {
+                            vm.orgUserSelect.orgPosUserArr = returnData.data;
+                            vm.orgUserSelect.selOrgUserDialog = true;
+                            vm.sort = Number(returnData.data.length) + 1;
+                    });
+                } else {
+                    vm.axios.post(vm.api.sysOrgPosUser.find,
+                        {
+                            "sort": "TB.USER_LAYER",
+                            "order": "1",
+                            "conditionMap.posIdIsNull": "Y",
+                            "conditionMap.orgId": vm.$props.orgId
+                        }).then(function (returnData) {
+                            vm.orgUserSelect.orgPosUserArr = returnData.data;
+                            vm.orgUserSelect.selOrgUserDialog = true;
+                            vm.sort = Number(returnData.data.length || 0) + 1;
+                    });
+
+                }
+            },
+            addSelOrgUser(str) {
+                let vm = this;
+                let idsArr = [];
+                let layerArr = [];
+                let datas = {};
+                let posId = '';
+                if(vm.posId && vm.posId != '&'){
+                    posId = vm.posId;
+                }
+                for (let key in vm.orgUserSelect.selOrgUserArr) {
+                    if (vm.orgUserSelect.selOrgUserArr.hasOwnProperty(key)) {
+                        idsArr.push(vm.orgUserSelect.selOrgUserArr[key].id);
+                        layerArr.push(Number(vm.sort) + Number(key));
+                    }
+                }
+
+                for (let i = 0; i < idsArr.length; i++) {
+                    datas["sysOrgPosUsers[" + i + "].userId"] = idsArr[i];
+                    datas["sysOrgPosUsers[" + i + "].posId"] = posId;
+                    datas["sysOrgPosUsers[" + i + "].orgId"] = vm.$props.orgId;
+                    datas["sysOrgPosUsers[" + i + "].userLayer"] = layerArr[i];
+                }
+
+                vm.axios.post(vm.api.sysOrgPosUser.batchUpdate,
+                    datas).then(function (returnData) {
+                    let operate = returnData.data;
+                    let type = 'success';
+                    let msg = operate.operateMessage;
+                    if (operate.operateSuccess) {
+                        type = 'warning';
+                    }
+                    vm.$message({
+                        message: msg,
+                        type: type
+                    });
+                    if(vm.posId && vm.posId != '&'){
+                        vm.$refs.posTable.refreshTable();
+                    }else{
+                        vm.$refs.orgTable.refreshTable();
+                    }
+                    vm.orgUserSelect.selOrgUserDialog = false;
+                    vm.selectOrgUser = false;
+                });
+            },
+            addOrgUser() {// 添加用户
+                let vm = this;
+                vm.addUserForm = {};
+                vm.userTypeOptions = [];
+                let chooseUserTypeArr = (vm.pageObj["chooseUserType"] || "").split(",");
+                vm.typeOptions.forEach(function (type) {
+                    if(chooseUserTypeArr.indexOf(type["value"]) > -1){
+                        vm.userTypeOptions.push(type);
+                    }
+                });
+                vm.$set(vm.addUserForm,"userType",chooseUserTypeArr[0]);
+                vm.addUserDialog = true;
+                vm.$nextTick(function () {
+                    vm.$refs.addUserRef.clearValidate(); // 再次添加清除原先的验证
+                })
+            },
+            saveUser(){ // 保存用户
+                let vm = this;
+                vm.$refs.addUserRef.validate(function (valid) { // 表单验证
+                    if (valid) {
+                        vm.axios.post(vm.api.sysUser.validateAccountIsNotExists,
+                            {"userAccount": vm.addUserForm.userAccount}).then(function (resValid) { // 验证账号是否存在
+                            if (resValid.data) {
+                                vm.axios.post(vm.api.sysUser.add,vm.addUserForm).then(function (res) {
+                                    vm.$message({
+                                        duration: 1000,
+                                        type: 'success',
+                                        message: res.data.operateMessage
+                                    });
+                                    vm.addUserDialog = false;
+                                    vm.$refs.selUser.refreshTable();
+                                })
+                            }else{
+                                vm.$message({
+                                    message:"账号已存在！",
+                                    duration:1200,
+                                    type:"warning"
+                                });
+                            }
+                        });
+                    }
+                });
+            },
+            onSubmitOrg() {
+                let vm = this;
+                let datas = {};
+
+                if(!Object.keys(vm.orgUser.orgObj).length){
+                    this.$message('当前无选中节点！');
+                    return false;
+                }
+
+                for (let key in vm.orgUser.optOrgObj) {
+                    if(key!='children'){
+                        datas['sysOrg.' + key] = vm.orgUser.orgObj[key];
+                    }
+                }
+                vm.axios.post(vm.api.sysOrg.update,
+                    datas).then(function (returnData) {
+                    let operate = returnData.data;
+                    let type = 'warning';
+                    let msg = operate.operateMessage;
+                    if (operate.operateSuccess) {
+                        type = 'success';
+                        vm.updateCallBack && vm.updateCallBack(operate.operateObj);
+                    }
+                    vm.$message({
+                        message: msg,
+                        type: type
+                    });
+                });
+            },
+            onSubmitPos(){
+                let vm = this;
+                let datas = {};
+                let optStr = 'add';
+                if (vm.posObj.id) {
+                    optStr = 'update';
+                }
+
+                if(!Object.keys(vm.posObj).length){
+                    this.$message('当前无选中节点！');
+                    return false;
+                }
+                for (let key in vm.optPosObj) {
+                    if(key!='children'){
+                        datas['sysPos.' + key] = vm.posObj[key];
+                    }
+                }
+                vm.axios.post(vm.api.sysPos[optStr],
+                    datas).then(function (returnData) {
+                    let operate = returnData.data;
+                    let type = 'success';
+                    let msg = operate.operateMessage;
+                    if (operate.operateSuccess) {
+                        type = 'warning';
+                    }
+                    vm.$message({
+                        message: msg,
+                        type: type
+                    });
+                });
+            },
+            addPosOne() {
+                let vm = this;
+                vm.addPosObj.orgId = vm.orgUser.orgObj.id;
+                vm.addPosObj.orgName = vm.orgUser.orgObj.orgName;
+                vm.addPosObj.orgDim = vm.orgUser.orgObj.orgDim;
+                vm.posUser.selPosUserDialog = true;
+            },
+            rightMenuSelect(index, indexPath) {
+                document.addEventListener('click', () => {
+                    vm.rightMenu = !vm.rightMenu;
+                });
+                let vm = this;
+                vm.addPosObj.orgId = vm.orgUser.orgObj.id;
+                vm.addPosObj.orgName = vm.orgUser.orgObj.orgName;
+                vm.addPosObj.orgDim = vm.orgUser.orgObj.orgDim;
+                if (index == 1) {
+                    vm.addPosObj.parentPosName = vm.rightNode.parentPosName;
+                    vm.addPosObj.parentPosId = vm.rightNode.parentPosId;
+                    vm.addPosObj.parentPosTree = vm.rightNode.parentPosTree;
+                    vm.addPosObj.isMainpos = '0';
+                    vm.addPosObj.sort = vm.rightNode.sort;
+                    vm.addPosObj.layer = vm.rightNode.layer;
+                } else if (index == 2) {
+                    vm.addPosObj.parentPosName = vm.rightNode.posName;
+                    vm.addPosObj.parentPosId = vm.rightNode.id;
+                    vm.addPosObj.parentPosTree = vm.rightNode.parentPosTree + vm.rightNode.id;
+                    vm.addPosObj.isMainpos = '0';
+                    if (vm.rightNode.children) {
+                        vm.addPosObj.sort = vm.rightNode.children.length + 1;
+                    } else {
+                        vm.addPosObj.sort = 1;
+                    }
+
+                    vm.addPosObj.layer = Number(vm.rightNode.layer) + 1;
+                }
+                vm.rightMenu = !vm.rightMenu;
+                vm.posUser.selPosUserDialog = true;
+            },
+            addPos() {
+                let vm = this;
+                let nodes = vm.$refs.posTree.getAllNode();
+                let mainNode = null;
+                let leyerArr = 0;
+                let beforeNode = null;
+
+                if (vm.addPosObj.layer == '1') {
+                    for (let key in nodes) {
+                        if (nodes[key].level == 1) {
+                            if (leyerArr < Number(nodes[key].data.sort)) {
+                                leyerArr = Number(nodes[key].data.sort);
+                                beforeNode = nodes[key].data;
+                            }
+                            if (nodes[key].data.isMainpos == '1') {
+                                mainNode = nodes[key].data;
+                            }
+                        }
+                    }
+                } else {
+                    nodes = vm.rightNode.children;
+                    for (let key in nodes) {
+                        if (leyerArr < Number(nodes[key].sort)) {
+                            leyerArr = Number(nodes[key].sort);
+                            beforeNode = nodes[key];
+                        }
+                    }
+                }
+
+                if (vm.addPosObj.isMainpos == '1' && mainNode) {
+                    vm.$confirm('目前此组织内已存在主岗位[' + mainNode.posName + '],是否确定设置此岗位为主岗位(系统会自动把[' + mainNode.posName + ']设置为普通岗位)', '提示', {
+                        confirmButtonText: '确定',
+                        cancelButtonText: '取消',
+                        type: 'warning'
+                    }).then(() => {
+                        vm.insertPos(leyerArr, nodes, beforeNode);
+                    });
+                } else {
+                    if (vm.addPosObj.isMainpos == '1') {
+                        vm.$message('不是一级岗位，无法设置主岗位！');
+                        return false;
+                    } else {
+                        vm.insertPos(leyerArr, nodes, beforeNode);
+                    }
+                }
+            },
+            insertPos(leyerArr, nodes, beforeNode) {
+                let vm = this;
+                let datas = {};
+                vm.addPosObj.sort = leyerArr + 1;
+                for (let key in vm.addPosObj) {
+                    datas['sysPos.' + key] = vm.addPosObj[key];
+                }
+                vm.axios.post(vm.api.sysPos.add,
+                    datas).then(function (returnData) {
+                    let operate = returnData.data;
+                    let type = 'success';
+                    let msg = operate.operateMessage;
+                    if (operate.operateSuccess) {
+                        type = 'warning';
+                    }
+                    vm.$message({
+                        message: msg,
+                        type: type
+                    });
+                    if (!Object.keys(nodes).length) {
+                        vm.$refs.posTree.init();
+                    } else {
+                        vm.$refs.posTree.defaultTreeInsertAfter(returnData.data.operateObj, beforeNode);
+                    }
+                    vm.posUser.selPosUserDialog = false;
+                });
+            },
+            nodeClick(data, node) {
+                let vm = this;
+                vm.posObj = data;
+                vm.posUser.searchParam['posId'] = data.id;
+                vm.posId = data.id;
+                vm.$refs.posTable.refreshTable();
+            },
+            rightClick(event, data, node) {
+                let vm = this;
+                if (vm.rightNode == data) {
+                    return;
+                } else {
+                    vm.rightMenu = false;
+                    vm.rightMenu = true;
+                }
+                vm.rightNode = data;
+                if (vm.rightMenu) {
+                    setTimeout(function () {
+                        document.getElementsByClassName("el-popover")[0].style.top = event.clientY - 50 + 'px';
+                        document.getElementsByClassName("el-popover")[0].style.left = event.clientX + 'px';
+                        document.getElementsByClassName("el-popover")[0].style.padding = 5 + 'px';
+                    });
+                }
+                document.addEventListener('click', () => {
+                    vm.rightMenu = false;
+                    vm.rightNode = null;
+                });
+            },
+            getCheckedNodes() {
+                let vm = this;
+                let keyArr = [];
+                for (let v of vm.$refs.posTree.getTreeCheckedNodes()) {
+                    keyArr.push(v.id);
+                }
+                vm.axios.post(vm.api.sysPos.delete,
+                    {'ids': keyArr.toString()}).then(function (returnData) {
+                    let operate = returnData.data;
+                    let type = 'success';
+                    let msg = operate.operateMessage;
+                    if (operate.operateSuccess) {
+                        type = 'warning';
+                    }
+                    vm.$message({
+                        message: msg,
+                        type: type
+                    });
+                    vm.$refs.posTree.defaultTreeRemove(keyArr);
+                });
+            },
+            formatterColumn(row, column, cellValue, index){
+                let vm = this;
+                if(column.property == 'userType'){
+                    return vm.orgUserSelect.userTypeMap[cellValue];
+                }else if(column.property == 'userStatus'){
+                    return vm.orgUserSelect.userStatusMap[cellValue];
+                }else{
+                    return cellValue;
+                }
+            },
+        },
+    }
+</script>
+
+<style lang="scss">
+    .orgTab {
+        height: 100%;
+        width: 100%;
+        border: 1px solid #ddd;
+        border-radius: 8px;
+
+        .el-tab-pane {
+            width: 100%;
+            height: 100%;
+        }
+
+        .tabPane2 {
+            .el-container {
+                width: 100%;
+                height: 100%;
+            }
+        }
+
+        .el-tabs__content {
+            height: 93%;
+        }
+
+        .el-pagination {
+            text-align: left;
+        }
+        .el-aside {
+            color: #333;
+            text-align: center;
+            line-height: 200px;
+        }
+
+        .el-main {
+            color: #333;
+            height: 100%;
+            padding-left: 5px;
+            padding-right: 5px;
+            padding-top: 10px;
+            padding-bottom: 0px;
+        }
+
+        .el-collapse-item__header {
+            background-color: #eeeeee;
+            padding-left: 20px;
+        }
+
+        .el-collapse-item__wrap {
+            border: 1px solid #dddddd;
+            border-top: 0px;
+            height: auto;
+        }
+
+        .demo-form-inline {
+            padding: 0px 20px;
+            margin-top: 5px;
+            .el-col {
+                border-right: 1px solid #dddddd;
+                border-bottom: 1px solid #dddddd;
+                padding: 5px;
+            }
+
+            .grid-content {
+                border-radius: 4px;
+                min-height: 48px;
+                text-align: left;
+            }
+            .bg-purple {
+                text-align: right;
+                padding-right: 10px;
+            }
+            .row-bg {
+                padding: 10px 0;
+                background-color: #f9fafc;
+            }
+        }
+        .el-dialog__wrapper[height*='%'] > .el-dialog > .el-dialog__body {
+            bottom: 0;
+        }
+        .el-collapse-item__content {
+            padding-bottom: 0px;
+        }
+        /*.el-form-item__content {
+            line-height: 48px;
+        }*/
+        .commonTreeAside {
+            position: relative;
+            height: 100%;
+            .el-row {
+                height: 5%;
+            }
+            .posTree {
+                height: 95%;
+            }
+        }
+    }
+
+    .org-collapse .el-form-item__content{
+        line-height: 48px;
+    }
+
+    body > .el-container {
+        margin-bottom: 40px;
+    }
+</style>