sasp-admin 0.2.57

package/src/views/org/sysOrgPosUserDetail.vue

@@ -0,0 +1,1648 @@
+<template>
+    <div style="width: 100%;height: 100%" @click="menuVisible=false">
+        <el-container style="height: 100%">
+            <el-main style="height: 100%;padding: 10px 5px;overflow-y: hidden;" v-loading="loading" class="detail-main">
+                <el-tabs type="border-card" style="height: 100%" v-model="activeTabs">
+                    <el-tab-pane :label="(pageSetting.ognName || '组织')+'信息'" name="1">
+                        <el-container style="height: 100%;">
+                            <el-header style="height: auto;">
+                                <el-collapse accordion style="width: 100%" v-model="activeName">
+                                    <el-collapse-item name="1">
+                                        <template slot="title">
+                                            <i class="header-icon el-icon-info"></i>&nbsp;组织基本信息
+                                        </template>
+                                        <el-form :model="orgObj" size="small">
+                                            <el-row>
+                                                <el-col :span="12">
+                                                    <el-form-item label="组织名称" label-width="120px">
+                                                        <el-input v-model="formOrgName"></el-input>
+                                                    </el-form-item>
+                                                </el-col>
+                                                <el-col :span="12">
+                                                    <el-form-item label="组织类型" label-width="120px">
+                                                        <el-input v-model="orgTypeObj[orgObj.orgType]" disabled></el-input>
+                                                    </el-form-item>
+                                                </el-col>
+                                                <el-col :span="12" v-if="orgObj.orgType === 'dept'">
+                                                    <el-form-item label="部门分类" label-width="120px">
+                                                        <el-select v-model="classify" style="width: 100%">
+                                                            <el-option v-for="(item,index) in orgClassifyArr" :key="index"
+                                                                       :value="item.value" :label="item.label">
+                                                            </el-option>
+                                                        </el-select>
+                                                    </el-form-item>
+                                                </el-col>
+                                                <el-col :span="12">
+                                                    <el-form-item label="上级组织" label-width="120px">
+                                                        <el-input v-model="orgObj.orgParentName" disabled></el-input>
+                                                    </el-form-item>
+                                                </el-col>
+                                                <el-col :span="12">
+                                                    <el-form-item label="顺序" label-width="120px">
+                                                        <el-input v-model="orgObj.sort"></el-input>
+                                                    </el-form-item>
+                                                </el-col>
+                                                <el-col :span="12">
+                                                    <el-form-item label="所属维度" label-width="120px">
+                                                        <el-input v-model="dimObj[orgDim]" disabled></el-input>
+                                                    </el-form-item>
+                                                </el-col>
+                                                <el-col :span="12">
+                                                    <el-form-item label="所在地区" label-width="120px">
+                                                        <el-input v-if="areaSetting" v-model="orgLocation" disabled></el-input>
+                                                        <el-cascader v-else style="width: 100%" v-model="orgLocation" change-on-select
+                                                                     :options="areaOptions" :props="{checkStrictly:true,value:'id', label: 'dataName' }" >
+                                                        </el-cascader>
+                                                    </el-form-item>
+                                                </el-col>
+
+                                            </el-row>
+                                            <el-row style="text-align: center">
+                                                <el-button type="primary" @click="updateOrgName" icon="el-icon-success"
+                                                           size="small">保存
+                                                </el-button>
+                                            </el-row>
+                                        </el-form>
+                                    </el-collapse-item>
+                                </el-collapse>
+                            </el-header>
+                            <el-main style="height: 100%;padding: 0">
+                                <el-container style="height: 100%">
+                                    <el-header style="height: auto;">
+                                        <div class="search-form-parent el-card">
+                                            <el-form :inline="true" :model="crud.searchForm" size="small"
+                                                     class="demo-form-inline"
+                                                     @keyup.enter.native="crud.doSearch()" onSubmit="return false;">
+                                                <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.userAccount"></el-input>
+                                                </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 id="tableMain" style="height: 100%;">
+                                        <el-container style="height:100%" class="table-list-container">
+                                            <el-header style="height: auto;">
+                                                <el-button type="primary" size="small" icon="el-icon-check"
+                                                           @click="chooseUser">从用户列表选择
+                                                </el-button>
+                                                <el-button type="success" size="small" icon="el-icon-edit"
+                                                           @click="adjustOrder">调整用户顺序
+                                                </el-button>
+                                                <el-button type="danger" size="small" icon="el-icon-delete"
+                                                           @click="crud.remove()">删除
+                                                </el-button>
+                                            </el-header>
+                                            <el-main style="height: 100%;" ref="tableMain">
+                                                <el-table :data="crud.dataStore.records" :ref="crud.tableRef" stripe border
+                                                          height="100%"
+                                                          style="width: 100%;" @row-click="activeOrgRow">
+                                                    <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="userAccount"
+                                                                     align="center"></el-table-column>
+                                                    <el-table-column label="用户名称" prop="userName"
+                                                                     align="center"></el-table-column>
+                                                    <el-table-column label="所属组织" prop="orgName"
+                                                                     align="center"></el-table-column>
+                                                    <el-table-column label="用户顺序" prop="userLayer"
+                                                                     align="center"></el-table-column>
+                                                </el-table>
+                                            </el-main>
+                                        </el-container>
+                                    </el-main>
+                                </el-container>
+                            </el-main>
+                            <el-footer style="height: 30px">
+                                <el-pagination
+                                        :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>
+                        </el-container>
+                    </el-tab-pane>
+                    <el-tab-pane :label="(pageSetting.posName || '岗位')+'信息'" v-if="!pageSetting.closePos" name="2">
+                        <el-container style="height: 100%;position: relative">
+                            <el-menu
+                                    :style="{'position': 'fixed','z-index':'99','top':top,'left':left}"
+                                    class="el-menu-vertical"
+                                    @select="handleRightSelect"
+                                    active-text-color="#fff" v-show="menuVisible"
+                                    text-color="#fff">
+                                <el-menu-item index="addChild" class="menuItem">
+                                    <span slot="title">添加下级数据(A)</span>
+                                </el-menu-item>
+                                <el-menu-item index="addSame" class="menuItem">
+                                    <span slot="title">添加同级数据(C)</span>
+                                </el-menu-item>
+                                <hr style="color: #ffffff">
+                                <el-menu-item index="removeCurrent" class="menuItem">
+                                    <span slot="title">删除当前节点(R)</span>
+                                </el-menu-item>
+                                <el-menu-item index="removeCheck" class="menuItem">
+                                    <span slot="title">删除勾选节点(D)</span>
+                                </el-menu-item>
+                            </el-menu>
+                            <el-aside style="width: 250px;">
+                                <fieldset style="height: 100%;border: 1px solid #EBEEF5;box-sizing: border-box">
+                                    <el-container style="height: 100%;padding-left: 5px">
+                                        <el-header style="height: 50px;line-height: 50px;padding-left: 0">
+                                            <el-button type="primary" size="small" @click="addNode()"
+                                                       icon="el-icon-circle-plus">添加岗位
+                                            </el-button>
+                                            <el-button type="danger" size="small" @click="removeNode()"
+                                                       icon="el-icon-remove">删除
+                                            </el-button>
+                                        </el-header>
+                                        <el-aside style="width: 100%;height:calc(100% - 50px)">
+                                            <common-tree :request-url="api.sysPos.findNoPage"
+                                                         :request-param="posTreeParam" :refresh-proper="orgId"
+                                                         :default-props="posTreeProper" parent-id="parentPosId"
+                                                         :expandOnclickNode="false"
+                                                         :init-call-back="posTreeCallBack" :deal-tree-data="posDealTree"
+                                                         :node-click="posNodeClick" ref="posTreeRef"
+                                                         :right-click="posTreeRightClick" default-ctrl-key-select
+                                                         default-shift-key-select>
+
+                                            </common-tree>
+                                        </el-aside>
+                                    </el-container>
+                                </fieldset>
+                            </el-aside>
+                            <el-main style="height: 100%;padding: 0 10px;overflow-y: hidden">
+                                <el-container style="height: 100%">
+                                    <el-header style="height: auto;">
+                                        <div style="border: 1px solid #ebeef5;">
+                                            <div style="height: 40px;line-height: 40px;padding: 0 5px;box-sizing: border-box;">
+                                               <i class="header-icon el-icon-info"></i>&nbsp;岗位基本信息
+                                            </div>
+                                            <div style="padding: 20px 20px 10px 0;border-top: 1px solid #ebeef5;">
+                                                <el-form :model="posBaseForm" ref="posBaseRef" size="small">
+                                                    <el-row>
+                                                        <div  v-show="!pageSetting.closeMainPos">
+                                                            <el-col :span="12">
+                                                                <el-form-item label="岗位名称" label-width="120px" prop="posName"
+                                                                              :rules="plValidate('required')">
+                                                                    <el-input v-model="posBaseForm.posName"></el-input>
+                                                                </el-form-item>
+                                                            </el-col>
+                                                            <el-col :span="12">
+                                                                <el-form-item label="是否是主岗位" label-width="120px">
+                                                                    <el-radio v-model="posBaseForm.isMainpos" label="1"
+                                                                              @change="mainPosChange" style="height: 33px">是
+                                                                    </el-radio>
+                                                                    <el-radio v-model="posBaseForm.isMainpos" label="0"
+                                                                              @change="mainPosChange" style="height: 33px">否
+                                                                    </el-radio>
+                                                                </el-form-item>
+                                                            </el-col>
+                                                        </div>
+                                                        <div v-show="pageSetting.closeMainPos">
+                                                            <el-col :span="24">
+                                                                <el-form-item label="岗位名称" label-width="120px" prop="posName"
+                                                                              :rules="plValidate('required')">
+                                                                    <el-input v-model="posBaseForm.posName"></el-input>
+                                                                </el-form-item>
+                                                            </el-col>
+                                                        </div>
+                                                        <el-col :span="12">
+                                                            <el-form-item label="所属组织" label-width="120px">
+                                                                <el-input v-model="posBaseForm.orgName" disabled></el-input>
+                                                            </el-form-item>
+                                                        </el-col>
+                                                        <el-col :span="12" v-if="posBaseForm.layer == '1'">
+                                                            <el-form-item label="上级岗位" label-width="120px">
+                                                                <tree-select v-model="posBaseForm.parentPosId" :options="parentPosTree" placeholder="请选择"
+                                                                             :defaultExpandLevel="20"
+                                                                             noOptionsText="没有数据" style="height: 30px;"
+                                                                             ></tree-select>
+                                                            </el-form-item>
+                                                        </el-col>
+                                                        <el-col :span="12" v-else>
+                                                            <el-form-item label="上级岗位" label-width="120px">
+                                                                <el-input v-model="posBaseForm.parentPosName"
+                                                                          disabled></el-input>
+                                                            </el-form-item>
+                                                        </el-col>
+                                                    </el-row>
+                                                    <el-row style="text-align: center">
+                                                        <el-button type="primary" @click="updatePosInfo"
+                                                                   icon="el-icon-success" size="small">保存
+                                                        </el-button>
+                                                    </el-row>
+                                                </el-form>
+                                            </div>
+                                        </div>
+                                    </el-header>
+                                    <el-main style="height: 100%;padding: 0 10px">
+                                        <el-container style="height: 100%">
+                                            <el-header style="height: auto;padding: 0">
+                                                <div class="search-form-parent el-card">
+                                                    <el-form :inline="true" :model="posCrud.searchForm" size="small"
+                                                             class="demo-form-inline"
+                                                             @keyup.enter.native="posCrud.doSearch()" onSubmit="return false;">
+                                                        <el-form-item label="用户账号">
+                                                            <el-input v-model="posCrud.searchForm.userAccount"></el-input>
+                                                        </el-form-item>
+                                                        <el-form-item label="用户名称">
+                                                            <el-input v-model="posCrud.searchForm.userNamePinYin"
+                                                                      placeholder="中文、拼音全拼、简拼"></el-input>
+                                                        </el-form-item>
+                                                        <el-form-item>
+                                                            <el-button type="primary" icon="el-icon-search"
+                                                                       @click="posCrud.doSearch()">查询
+                                                            </el-button>
+                                                            <el-button icon="el-icon-close" @click="posCrud.resetSearch()">
+                                                                清空
+                                                            </el-button>
+                                                        </el-form-item>
+                                                    </el-form>
+                                                </div>
+                                            </el-header>
+
+                                            <el-main style="height: 100%;padding:10px 0 0;">
+                                                <el-container style="height:100%" class="table-list-container">
+                                                    <el-header style="height: auto;">
+                                                        <el-button type="primary" size="small" icon="el-icon-check"
+                                                                   @click="chooseUser('pos')">从用户列表选择
+                                                        </el-button>
+                                                        <el-button type="success" size="small" icon="el-icon-edit"
+                                                                   @click="adjustOrder('pos')">调整用户顺序
+                                                        </el-button>
+                                                        <el-button type="danger" size="small" icon="el-icon-delete"
+                                                                   @click="posCrud.remove()">删除
+                                                        </el-button>
+                                                    </el-header>
+                                                    <el-main style="height: 100%;">
+                                                        <el-table :data="posCrud.dataStore.records" :ref="posCrud.tableRef"
+                                                                  stripe border height="100%"
+                                                                  style="width: 100%;" @row-click="activePosRow">
+                                                            <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="orgName"
+                                                                             align="center"></el-table-column>
+                                                            <el-table-column label="用户账号" prop="userAccount"
+                                                                             align="center"></el-table-column>
+                                                            <el-table-column label="用户顺序" prop="userLayer"
+                                                                             align="center"></el-table-column>
+                                                        </el-table>
+                                                    </el-main>
+                                                </el-container>
+                                            </el-main>
+                                        </el-container>
+                                    </el-main>
+                                    <el-footer style="height: 35px;margin-top: 10px">
+                                        <el-pagination
+                                                :ref="posCrud.pageRef"
+                                                :page-sizes="posCrud.pageSizes"
+                                                :page-size="posCrud.pageSize"
+                                                :current-page="posCrud.page"
+                                                :total="posCrud.dataStore.total || 0"
+                                                @size-change="posCrud.sizeChange()"
+                                                @current-change="posCrud.currentPage()"
+                                                layout="total, sizes, prev, pager, next, jumper">
+                                        </el-pagination>
+                                    </el-footer>
+                                </el-container>
+                            </el-main>
+                        </el-container>
+                    </el-tab-pane>
+                </el-tabs>
+            </el-main>
+            <el-dialog :close-on-click-modal=false :visible.sync="chooseUserDialog" class="choose-user" title="选择用户" width="80%" height="90%" top="5vh">
+                <el-container style="height: 100%">
+                    <el-main style="height: 100%;padding: 0">
+                        <el-container style="height: 100%">
+                            <el-header style="height: auto;">
+                                <div class="search-form-parent el-card">
+                                    <el-form :inline="true" :model="userCrud.searchForm" size="small"
+                                             class="demo-form-inline"
+                                             @keyup.enter.native="userCrud.doSearch(userSearch)" onSubmit="return false;">
+                                        <el-form-item label="用户账号">
+                                            <el-input v-model="userCrud.searchForm.userAccountLike"></el-input>
+                                        </el-form-item>
+                                        <el-form-item label="用户名称">
+                                            <el-input v-model="userCrud.searchForm.userNamePinYin"
+                                                      placeholder="中文、拼音全拼、简拼"></el-input>
+                                        </el-form-item>
+                                        <el-form-item>
+                                            <el-button type="primary" icon="el-icon-search" @click="userCrud.doSearch(userSearch)">
+                                                查询
+                                            </el-button>
+                                            <el-button icon="el-icon-close" @click="userCrud.resetSearch(userSearch)">清空</el-button>
+                                        </el-form-item>
+                                    </el-form>
+                                </div>
+                            </el-header>
+
+                            <el-main style="height: 100%;padding: 10px">
+                                <el-container style="height:100%" class="table-list-container">
+                                    <el-header style="height: auto;" size="medium">
+                                        <el-button type="primary" size="small" icon="el-icon-check" @click="setUser">选择
+                                        </el-button>
+                                        <el-button type="success" size="small" icon="el-icon-edit" @click="addUser" v-if="pageSetting['allowAddUser']">添加
+                                        </el-button>
+                                    </el-header>
+                                    <el-main style="height: 100%;padding: 0">
+                                        <el-table :data="userCrud.dataStore.records" :ref="userCrud.tableRef" stripe border
+                                                  height="100%"
+                                                  style="width: 100%;" @row-click="activeUserRow"
+                                                  @select="tableSelect"
+                                                  @select-all="userSelectAll"
+                                        >
+                                            <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="userAccount" align="center"></el-table-column>
+                                            <el-table-column label="用户名称" prop="userName" align="center"></el-table-column>
+                                            <el-table-column label="用户类型" prop="userType" :formatter="formatterColumn"
+                                                             align="center"></el-table-column>
+<!--                                            <el-table-column label="当前状态" prop="userStatus" :formatter="formatterColumn"-->
+<!--                                                             align="center"></el-table-column>-->
+                                        </el-table>
+                                    </el-main>
+                                </el-container>
+                            </el-main>
+                        </el-container>
+                    </el-main>
+                    <el-footer style="height: 40px">
+                        <el-pagination
+                                :ref="userCrud.pageRef"
+                                :page-sizes="userCrud.pageSizes"
+                                :page-size="userCrud.pageSize"
+                                :current-page="userCrud.page"
+                                :total="userCrud.dataStore.total"
+                                @size-change="userCrud.sizeChange(userSearch)"
+                                @current-change="userCrud.currentPage(userSearch)"
+                                layout="total, sizes, prev, pager, next, jumper">
+                        </el-pagination>
+                    </el-footer>
+                </el-container>
+            </el-dialog>
+            <el-dialog :close-on-click-modal=false :visible.sync="orderDialog" title="调整用户顺序" class="order-dialog" width="400px" height="80%" top="5vh">
+                <el-main style="height: 100%;padding: 0">
+                    <el-table :data="posUserArr" border stripe>
+                        <el-table-column prop="userName" label="用户名称" align="center"></el-table-column>
+                        <el-table-column prop="userLayer" label="组织/岗位内排序" align="center">
+                            <template slot-scope="scope">
+                                <el-input v-model="scope.row.userLayer" size="small">
+                                </el-input>
+                            </template>
+                        </el-table-column>
+                    </el-table>
+                </el-main>
+                <div slot="footer" class="dialog-footer">
+                    <el-button type="primary" @click="updateOrder?saveOrder():addOrder()" size="small"
+                               icon="el-icon-success">确定
+                    </el-button>
+                    <el-button @click="orderDialog = false" size="small" icon="el-icon-error">取 消</el-button>
+                </div>
+            </el-dialog>
+            <el-dialog :close-on-click-modal=false title="添加用户" :visible.sync="addUserDialog" top="25vh">
+                <el-form :model="addUserForm" ref="addUserRef"  :rules="rules">
+                    <el-row>
+<!--                        <el-col :span="12">-->
+<!--                            <el-form-item label="用户账号" label-width="150px" prop="userAccount">-->
+<!--                                <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">-->
+<!--                                <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">-->
+<!--                                <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">-->
+<!--                                <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-col :span="12">
+                            <el-form-item label="用户账号" label-width="150px" prop="userAccount">
+                                <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">
+                                <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">
+                                <el-select v-model="addUserForm.userType" style="width: 100%">
+                                    <el-option v-for="item in typeOptions" :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="150px" prop="userPhone">
+                                <el-input v-model="addUserForm.userPhone"></el-input>
+                            </el-form-item>
+                        </el-col>
+                        <el-col :span="12">
+                            <el-form-item label="电子邮箱" label-width="150px" prop="userEmail">
+                                <el-input v-model="addUserForm.userEmail"></el-input>
+                            </el-form-item>
+                        </el-col>
+
+                        <el-col :span="12">
+                            <el-form-item label="身份证号" label-width="150px" prop="userIdcard" :rules="plValidate('idcard')">
+                                <el-input v-model="addUserForm.userIdcard"></el-input>
+                            </el-form-item>
+                        </el-col>
+                        <el-col :span="12">
+                            <el-form-item label="用户状态" label-width="150px" prop="userStatus">
+                                <el-radio-group v-model="addUserForm.userStatus" size="medium">
+                                    <el-radio-button label="10">正常</el-radio-button>
+                                    <el-radio-button label="20">锁定</el-radio-button>
+                                </el-radio-group>
+                            </el-form-item>
+                        </el-col>
+<!--                        <el-col :span="12">-->
+<!--                            <el-form-item label="用户角色" label-width="150px" prop="userRoleId">-->
+<!--                                <el-select v-model="addUserForm.userRoleId" style="width: 100%" clearable>-->
+<!--                                    <el-option v-for="item in createPushRoleArr" :key="item.id" :label="item.roleName" :value="item.id">-->
+
+<!--                                    </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-dialog :close-on-click-modal=false title="添加岗位信息" :visible.sync="addPosDialog" top="25vh">
+                <el-form :model="addPosForm" ref="addPosRef">
+                    <el-row>
+                        <el-col :span="24">
+                            <el-form-item label="岗位名称" label-width="120px" prop="posName" :rules="plValidate('required')">
+                                <el-input type="textarea" :autosize="{ minRows: 3,maxRows:5}"
+                                          v-model="addPosForm.posName"></el-input>
+                            </el-form-item>
+                        </el-col>
+                        <el-col :span="24" v-show="!pageSetting.closeMainPos">
+                            <el-form-item label="是否是主岗位" label-width="120px">
+                                <el-radio v-model="addPosForm.isMainpos" label="1" @change="addMainPosChange">是</el-radio>
+                                <el-radio v-model="addPosForm.isMainpos" label="0" @change="addMainPosChange">否</el-radio>
+                            </el-form-item>
+                        </el-col>
+                        <el-col :span="12">
+                            <el-form-item label="所属组织" label-width="120px">
+                                <el-input v-model="addPosForm.orgName" disabled></el-input>
+                            </el-form-item>
+                        </el-col>
+                        <el-col :span="12" v-if="addPosForm.layer == '1'">
+                            <el-form-item label="上级岗位" label-width="120px">
+                                <tree-select v-model="addPosForm.parentPosId"  placeholder="请选择"
+                                             :options="parentPosTree" noOptionsText="没有数据" style="height: 40px"></tree-select>
+                            </el-form-item>
+                        </el-col>
+                        <el-col :span="12" v-else>
+                            <el-form-item label="上级岗位" label-width="120px">
+                                <el-input v-model="addPosForm.parentPosName" disabled></el-input>
+                            </el-form-item>
+                        </el-col>
+                    </el-row>
+                </el-form>
+                <div slot="footer" class="dialog-footer">
+                    <el-button type="primary" @click="savePos()" size="small" icon="el-icon-success">确定</el-button>
+                    <el-button @click="addPosDialog = false" size="small" icon="el-icon-error">取 消</el-button>
+                </div>
+            </el-dialog>
+        </el-container>
+    </div>
+</template>
+
+<script>
+
+    export default {
+        name: "sys-org-pos-user-detail",
+        props: {
+            orgId: {type: String, default: ''},
+            orgDim: {type: String, default: ''},
+            orgObjReal: {
+                type: Object, default: function () {
+                    return {}
+                }
+            },
+            orgTypeObj: {
+                type: Object, default: function () {
+                    return {}
+                }
+            },
+            areaOptions: {
+                type:Array,
+                default:() => {return [];}
+            },
+            pageSetting: {
+                type: Object, default: function () {
+                    return {}
+                }
+            },
+            areaSetting:{
+                type:Boolean,default:true
+            },
+            useRefresh:{
+                type:Boolean,default:false
+            },
+            refreshOrgId:{
+                type:Boolean,default:false
+            },
+            updateCallBack: {type: Function, default: null},
+            sysDataObj:{type:Object,default:() => {return {};}}
+        },
+        data() {
+            let vm = this;
+            let validUserRepeat = (rule, value, callback) => { // 重名验证
+                let obj = {"isExit":"true"};
+                if(rule.field == "userAccount"){
+                    obj["isExituserAccount"] = vm.addUserForm.userAccount;
+                }else{
+                    obj["isExitUserName"] = vm.addUserForm.userName;
+                }
+                vm.axios.post(vm.api.sysUser.find,obj).then(res => {
+                    let result = res.data || [];
+                    callback();
+                    /*if(result.length > 0 && result[0].id != vm.addUserForm.id){
+                        callback(new Error("名称重复"));
+                    }else{
+                        callback();
+                    }*/
+                })
+            };
+            return {
+                crud: new this.CrudUtil({
+                    vue: this,
+                    entityName: "sysOrgPosUser",
+                    url:this.api.sysOrgPosUser.url,
+                    searchUrl: this.api.sysOrgPosUser.findPageParam,
+                    searchForm: {"posIdIsNull": "Y", 'commonUserType':'common'},
+                    noClearSearchColumns: ["orgId", "posIdIsNull","commonUserType","tenantId"],
+                    initNoSearch: true,
+                }),
+                userCrud: new this.CrudUtil({
+                    vue: this,
+                    entityName: "sysUser",
+                    url: this.api.sysUser.url,
+                    searchUrl:this.api.sysUser.findPage,
+                    searchForm: {"unsup": "sup","userStatus":"10","order":"UPDATE_TIME,ID DESC"},
+                    noClearSearchColumns: ["userType", "unsup", "noSearchUserByOrgId", "noSearchUserByPosId",
+                        "notOrg","notPos","orgDim","userStatus","searchEmpowerOrgId","order","tenantId"],
+                    initNoSearch: true,
+                }),
+                posCrud: new this.CrudUtil({
+                    vue: this,
+                    entityName: "sysOrgPosUser",
+                    url: this.api.sysOrgPosUser.url,
+                    searchUrl: this.api.sysOrgPosUser.findPageParam,
+                    searchForm: {"posId": "$", "orgId": "$", 'commonUserType':'common'},
+                    noClearSearchColumns: ["orgId", "posId","commonUserType","tenantId"],
+                    initNoSearch: true,
+                    //afterRemoveSuccess:this.posRemoveSuc,
+                }),
+                cascadeOptions: [], // 地区选项
+                cascadeOptionsClone:[],
+                activeTabs: '1',
+                activeName: ['0'], // 默认不激活组织信息吧，如果想默认展开就设为1
+                activePosName: ['1'], // 默认激活岗位信息
+                dimObj: {}, // id与纬度名称对应关系
+                chooseUserDialog: false,
+                formOrgName: "", // 当前组织的名称
+                orgClassifyArr: [{value: '0', label: '普通部门'}, {value: '1', label: '处室'}, {value: '2', label: '安监局'}],
+                classify: "", // 部门分类
+                userTypeMap: {
+                    'ent': '企业用户', 'gov': '政府用户',
+                    'sup': '开发用户', 'dev': '开发用户',
+                },
+                userStatusMap: {
+                    10: "正常", 20: "锁定", 30: "暂时锁定"
+                },
+                entDim: "",
+                sysEntDim: "",
+                orderDialog: false, // 排序对话框
+                posUserArr: [], // 岗位用户排序数组
+                userTypeOptions: [], // 用户类型下拉框
+                typeOptions: [], // 所有用户类型
+                addUserDialog: false, // 添加用户对话框
+                addUserForm: {},
+                statusOptions: [
+                    {value: '10', label: "正常"},
+                    {value: '20', label: "锁定"}
+                ], // 用户状态下拉框
+                updateOrder: true, // 是调整用户顺序还是选择用户时添加数据
+                posTreeParam: {
+                    "order": "PARENT_POS_ID,SORT",
+                    "orgId": "$"
+                },
+                rules: {
+                    userAccount: [
+                        {
+                            required: true,
+                            message: '该输入项为必输项',
+                            trigger: 'blur'
+                        },
+                        {
+                            validator: validUserRepeat,
+                            trigger: 'blur'
+                        }
+                    ],
+                    userStatus: [
+                        {
+                            required: true,
+                            message: '该输入项为必输项',
+                            trigger: 'blur'
+                        }
+                    ],
+                    userName: [
+                        {
+                            required: true,
+                            message: '该输入项为必输项',
+                            trigger: 'blur'
+                        },
+                        {
+                            validator: validUserRepeat,
+                            trigger: 'blur'
+                        }
+                    ],
+                    userType: this.plValidate('required'),
+                    userQQ: this.plValidate('qq'),
+                    userEmail: this.plValidate('email'),
+                },
+                posTreeProper: {'label': 'name','children':'children'},
+                posBaseForm: {}, // 岗位基本信息
+                posId: "", // 当前选择的岗位id
+                setPos: false, // 当前从用户列表选择的是岗位还是组织
+                menuVisible: false, // 右击菜单出现的办法
+                addPosDialog: false, // 添加岗位的对话框
+                addPosForm: {}, // 添加岗位的表单数据
+                orgLocation: null, // 组织所在地区
+                loading:false,
+                top:0,
+                left:0,
+                parentPosTree:[], // 上级岗位树
+                manyOrg:false, // 一人多岗
+                multipleSelection:[],
+                multipleSelectionIds:[],
+                createPushRoleArr:[], // 推送角色
+                orgObj:{}
+            }
+        },
+        created() {
+            let vm = this;
+            this.orgObj = this.orgObjReal || {};
+            document.onkeyup = function (e) { // 右键菜单快捷键
+                if(vm.menuVisible){
+                    let key = e.key.toLowerCase();
+                    switch (key) {
+                        case "a":
+                            vm.menuVisible = false;
+                            vm.handleRightSelect('addChild');
+                            break;
+                        case "c":
+                            vm.menuVisible = false;
+                            vm.handleRightSelect('addSame');
+                            break;
+                        case "r":
+                            vm.menuVisible = false;
+                            vm.handleRightSelect('removeCurrent');
+                            break;
+                        case "d":
+                            vm.menuVisible = false;
+                            vm.handleRightSelect('removeCheck');
+                            break;
+                        default:
+                            break;
+                    }
+                }
+            };
+            vm.axios.post(vm.api.sysOrgDimension.find).then(function (res) {
+                res.data.forEach(function (dimension) {
+                    vm.dimObj[dimension["id"]] = dimension["dimName"];
+                })
+            });
+            vm.axios.post(vm.api.param.getSysParams, {"key": "entDim"}).then(function (res) {
+                vm.entDim = res.data["entDim"];
+                vm.axios.post(vm.api.param.getSysParams, {"key": "sysEntDim.id"}).then(function (paramRes) {
+                    vm.sysEntDim = paramRes.data["sysEntDim.id"];
+                });
+            });
+            vm.axios.post(vm.api.param.getSysParams, {"key": "manyOrg"}).then(function (res) {
+                let resData = res.data || {};
+                vm.manyOrg = resData["manyOrg"] == "是";
+            });
+            vm.axios.post(vm.api.param.getSysParams,{key:"SysUserType"}).then(function (res) { // 是否可以修改用户详情，获取用户的类型
+                let result = res.data;
+                if(typeof(result) != Object && typeof(result) != "object"){
+                    result = JSON.parse(result.replace(/'/g, '"'));
+                }
+                for (let [key, value] of Object.entries(result)) {
+                    vm.typeOptions.push({"label": value, "value": key})
+                }
+            });
+            vm.init();
+            // vm.initCreatePushRole();
+        },
+        watch: {
+            orgId() {
+                if(this.useRefresh){
+                    return;
+                }
+                this.orgObj = this.orgObjReal;
+                this.buildParentTree();
+                this.$refs.posTreeRef && this.$refs.posTreeRef.setTreeCurrentKey(null); // 组织切换取消岗位树当前节点
+                this.init();
+            },
+            refreshOrgId(){
+                if(!this.refreshOrgId){
+                    return;
+                }
+                this.orgObj = this.orgObjReal;
+                // this.orgId = this.orgObj.id;
+                this.buildParentTree();
+                this.$refs.posTreeRef && this.$refs.posTreeRef.setTreeCurrentKey(null); // 组织切换取消岗位树当前节点
+                this.init();
+            },
+            posId() { // 切换时重置分页
+                this.posCrud.searchForm["posId"] = this.posId;
+                this.$refs[this.posCrud.pageRef]["internalCurrentPage"] = 1;
+                this.posCrud.searchForm.page = '0';
+                let loginUser = this.USER_GLOBAL.getLoginUser() || {};
+                if(loginUser && loginUser.tenantId){
+                    this.posCrud.searchForm["tenantId"] = loginUser.tenantId;
+                }
+                this.posCrud.search();
+            },
+            orgDim() {
+                this.activeTabs = '1';
+            }
+        },
+        methods: {
+            initCreatePushRole(){
+                let loginUser = this.USER_GLOBAL.getLoginUser() || {};
+                this.axios.post(this.api.role.find,{"created":loginUser.id,"pushRole":"1"}).then(res => {
+                    this.createPushRoleArr = res.data || [];
+                })
+            },
+            buildParentTree(){
+                let vm = this;
+                vm.parentPosTree = [];
+                if(vm.orgObj.orgParentTree){
+                    vm.axios.post(vm.api.sysPos.find,{"parentPosIds":vm.orgObj.orgParentTree}).then(res => {
+                        let arr = [];
+                        (res.data || []).forEach(item => {
+                            arr.push({
+                                "id":item.id,
+                                "label":item.posName,
+                                "parentId":item.parentPosId
+                            })
+                        });
+                        vm.parentPosTree = vm.COMMON_FUNC.buildElTree(arr);
+                        //递归去除
+                        function clearTreeChildren(parentPosTreeArr) {
+                            (parentPosTreeArr || []).forEach(item =>{
+                                if(item.children){
+                                    if(item.children.length == 0){
+                                        delete item['children'];
+                                    }else {
+                                        clearTreeChildren(item.children);
+                                    }
+                                }
+                            })
+                        }
+                        clearTreeChildren(vm.parentPosTree);
+                    })
+                }
+            },
+            init() {
+                let vm = this;
+                vm.orgId && (vm.posTreeParam["orgId"] = vm.orgId) && (vm.posCrud.searchForm["orgId"] = vm.orgId);
+                !vm.orgId && (vm.posTreeParam["orgId"] = "$") && (vm.posCrud.searchForm["orgId"] = "$");
+                vm.$refs.posBaseRef && vm.$refs.posBaseRef.clearValidate();
+                vm.posCrud.searchForm["posId"] = "$"; // 组织切换时修改岗位id为$，阻止查询
+                vm.posId = "$";
+                vm.menuVisible = false;
+                vm.posBaseForm = {};
+                vm.formOrgName = vm.orgObj.orgName || "";
+                let arr = ["province", "city", "area", "street","community"];
+                let arrTemp = [];
+                let arrIdTmp = [];
+                for (let elem of arr) {
+                    if (vm.orgObj[elem] && vm.sysDataObj[vm.orgObj[elem]]) {
+                        arrTemp.push(vm.sysDataObj[vm.orgObj[elem]].dataName);
+                        arrIdTmp.push(vm.orgObj[elem]);
+                    } else {
+                        break;
+                    }
+                }
+                if(vm.areaSetting){
+                    vm.orgLocation = arrTemp.join(" - "); // 生成所在地区
+                }else{
+                    vm.orgLocation = arrIdTmp;
+                }
+                vm.classify = vm.orgObj.orgType === 'dept' ? vm.orgObj.orgClassify : "0";
+                vm.crud.searchForm["orgId"] = vm.orgId || "$"; // 初始化如果没选中组织则取消查询条件
+                vm.$refs[vm.crud.setting.pageRef] && (vm.$refs[vm.crud.setting.pageRef]["internalCurrentPage"] = 1);
+                vm.crud.searchForm.page = '0';
+
+                let loginUser = this.USER_GLOBAL.getLoginUser() || {};
+                if(loginUser && loginUser.tenantId){
+                    vm.crud.searchForm["tenantId"] = loginUser.tenantId;
+                }
+                vm.crud.search();
+            },
+            /**
+             * 组织信息
+             */
+            chooseUser(pos) { // 选择用户
+                let vm = this;
+                if (!vm.orgDim || !vm.orgId) {
+                    vm.$message("请先选择左侧组织！");
+                    return;
+                }
+                vm.userCrud.searchForm["noSearchUserByOrgId"] = "";
+                vm.userCrud.searchForm["noSearchUserByPosId"] = "";
+                vm.userCrud.searchForm["notOrg"] = "";
+                vm.userCrud.searchForm["notPos"] = "";
+                vm.multipleSelection=[];
+                vm.multipleSelectionIds=[];
+                if (pos === "pos") {
+                    if (!vm.posId || vm.posId == "$") {
+                        vm.$message("请先选择岗位！");
+                        return;
+                    }
+                    vm.setPos = true;
+                    if(vm.manyOrg){
+                        vm.userCrud.searchForm["notOrg"] = vm.orgId;
+                        vm.userCrud.searchForm["notPos"] = vm.posId;
+                        delete vm.userCrud.searchForm["noSearchUserByPosId"];
+                        delete vm.userCrud.searchForm["noSearchUserByOrgId"];
+                    }else{
+                        vm.userCrud.searchForm["noSearchUserByPosId"] = vm.posId;
+                    }
+                } else {
+                    vm.setPos = false;
+                    if(vm.manyOrg){
+                        vm.userCrud.searchForm["notOrg"] = vm.orgId;
+                        delete vm.userCrud.searchForm["noSearchUserByPosId"];
+                        delete vm.userCrud.searchForm["noSearchUserByOrgId"];
+                    }else{
+                        vm.userCrud.searchForm["noSearchUserByOrgId"] = vm.orgId;
+                    }
+                }
+                vm.userCrud.searchForm["orgDim"] = vm.orgDim;
+                vm.userCrud.searchForm["userType"] = vm.pageSetting["chooseUserType"] || "ent";
+                if (vm.orgDim === vm.entDim) {
+                    vm.userCrud.searchForm["noEntOrgType"] = "1";
+                }
+                if (vm.orgDim === vm.sysEntDim) {
+                    vm.userCrud.searchForm["entOrgType"] = "2";
+                }
+
+                let loginUser = vm.USER_GLOBAL.getLoginUser() || {};
+                if(loginUser.userType == "empower"){
+                    let loginDept = this.USER_GLOBAL.getLoginDept();
+                    vm.userCrud.searchForm["searchEmpowerOrgId"] = loginDept.id;
+                }
+
+                let objData = {};
+                let searchForm = vm.userCrud.searchForm;
+                vm.userCrud.noClearSearchColumns && vm.userCrud.noClearSearchColumns.forEach(function (key) {
+                    objData[key] = searchForm[key];
+                });
+
+                if(loginUser && loginUser.tenantId){
+                    vm.userCrud.searchForm["tenantId"] = loginUser.tenantId;
+                }
+                vm.userCrud.searchForm = Object.assign({}, objData);
+                vm.$refs[vm.userCrud.setting.pageRef] && (vm.$refs[vm.userCrud.setting.pageRef]["internalCurrentPage"] = 1);
+                vm.userCrud.searchForm.page = '0';
+                vm.userCrud.search();
+
+                vm.chooseUserDialog = true;
+            },
+            adjustOrder(pos) { // 打开调整用户顺序
+                let vm = this;
+                if (!vm.orgId) {
+                    vm.$message("选择左侧组织后再操作！");
+                    return;
+                }
+                if (pos == "pos" && !vm.posId) {
+                    vm.$message("请先选择岗位！");
+                    return;
+                }
+                if (pos == "pos") {
+                    vm.axios.post(vm.api.sysOrgPosUser.findNoPage, {"posId": vm.posId,"orgId":vm.orgId,"commonUserType":"1"}).then(function (res) {
+                        vm.posUserArr = res.data;
+                    });
+                } else {
+                    vm.axios.post(vm.api.sysOrgPosUser.findNoPage, {
+                        "orgId": vm.orgId,
+                        "posIdIsNull": "Y",
+                        "commonUserType":"1"
+                    }).then(function (res) {
+                        vm.posUserArr = res.data;
+                    });
+                }
+                vm.updateOrder = true;
+                vm.orderDialog = true;
+            },
+            saveOrder() { // 保存顺序
+                let vm = this;
+                let datas = [];
+                vm.posUserArr.forEach(function (posUser) {
+                    let obj = {};
+                    obj["id"] = posUser["id"];
+                    obj["userLayer"] = posUser["userLayer"] || "0";
+                    datas.push(obj);
+                });
+                vm.axios.post(vm.api.sysOrgPosUser.batchUpdate, {"updateObj": JSON.stringify(datas)}).then(function (res) {
+                    vm.$message({
+                        message: res.data.operateMessage,
+                        type: "success",
+                        duration: 1200
+                    });
+                    vm.crud.search();
+                    let loginUser = vm.USER_GLOBAL.getLoginUser() || {};
+                    if(loginUser && loginUser.tenantId){
+                        vm.posCrud.searchForm["tenantId"] = loginUser.tenantId;
+                    }
+                    vm.posCrud.search();
+                });
+                vm.orderDialog = false;
+            },
+            setUser() { // 选择用户
+                let vm = this;
+                let selection = vm.multipleSelection;
+                //let selection = vm.$refs[vm.userCrud.tableRef].selection;
+                if ((selection || []).length == 0) {
+                    vm.$message({
+                        duration: 1500,
+                        type: 'info',
+                        message: '请至少选择一条需要操作的数据！'
+                    });
+                    return;
+                }
+                vm.updateOrder = false;
+                vm.posUserArr = [];
+                let sort = 0;
+                let param = {"order": "USER_LAYER DESC", "posIdIsNull": "Y", "orgId": vm.orgId};
+                if (vm.setPos) {
+                    param = {"order": "USER_LAYER DESC", "posId": vm.posId};
+                }
+                vm.axios.post(vm.api.sysOrgPosUser.find, param).then(function (res) {
+                    if (res.data.length > 0) {
+                        sort = Number(res.data[0].userLayer);
+                    }
+                    selection.forEach(function (select) {
+                        let obj = {};
+                        obj["userId"] = select.id;
+                        obj["userLayer"] = ++sort;
+                        if (vm.setPos) {
+                            obj["posId"] = vm.posId;
+                        }
+                        obj["orgId"] = vm.orgId;
+                        obj["userName"] = select.userName;
+                        vm.posUserArr.push(obj);
+                    });
+                    vm.orderDialog = true;
+                })
+            },
+            addOrder() { // 添加至组织下
+                let vm = this;
+                let arr = JSON.parse(JSON.stringify(vm.posUserArr));
+                let submitArr = [];
+                arr.forEach(function (posUser) {
+                    delete posUser["userName"];
+                    submitArr.push(posUser);
+                });
+                vm.axios.post(vm.api.sysOrgPosUser.batchAdd, {"addObj": JSON.stringify(submitArr)}).then(function (res) {
+                    vm.$message({
+                        duration: 1200,
+                        message: res.data.operateMessage,
+                        type: "success"
+                    });
+                    vm.orderDialog = false;
+                    vm.chooseUserDialog = false;
+                    let loginUser = vm.USER_GLOBAL.getLoginUser() || {};
+                    if(loginUser && loginUser.tenantId){
+                        vm.posCrud.searchForm["tenantId"] = loginUser.tenantId;
+                    }
+                    vm.posCrud.search();
+                    vm.crud.search();
+                })
+            },
+            addUser() {// 添加用户
+                let vm = this;
+                vm.addUserForm = {};
+                vm.userTypeOptions = [];
+                let chooseUserTypeArr = (vm.pageSetting["chooseUserType"] || "").split(",");
+                vm.typeOptions.forEach(function (type) {
+                    vm.userTypeOptions.push(type);
+                    /*if (chooseUserTypeArr.indexOf(type["value"]) > -1) {
+                        vm.userTypeOptions.push(type);
+                    }*/
+                });
+                vm.$set(vm.addUserForm, "userType", chooseUserTypeArr[0]);
+                vm.$set(vm.addUserForm, "userStatus", "10");
+                vm.addUserDialog = true;
+                vm.$nextTick(function () {
+                    vm.$refs.addUserRef.clearValidate(); // 再次添加清除原先的验证
+                })
+            },
+            saveUser() { // 保存用户
+                let vm = this;
+                // vm.addUserForm.userAccount = vm.addUserForm.userName;
+                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.addUserAndInfo, vm.addUserForm).then(function (res) {
+                                    vm.$message({
+                                        duration: 1000,
+                                        type: 'success',
+                                        message: res.data.operateMessage
+                                    });
+                                    vm.addUserDialog = false;
+                                    vm.userCrud.search();
+                                })
+                            } else {
+                                vm.$message({
+                                    message: "账号已存在！",
+                                    duration: 1200,
+                                    type: "warning"
+                                });
+                            }
+                        });
+                    }
+                });
+            },
+            updateOrgName() { // 更新组织
+                let vm = this;
+                if (!vm.orgId) {
+                    vm.$message("选择左侧组织后再操作！");
+                    return;
+                }
+                if (!vm.formOrgName) {
+                    vm.$message("请设置组织名称！");
+                    return;
+                }
+                let arr = ["province", "city", "area", "street","community"];
+                let obj = {"id": vm.orgId, "orgName": vm.formOrgName, "orgClassify": vm.classify,"sort":vm.orgObj.sort};
+                if(vm.orgLocation&&vm.orgLocation.length>0&&typeof vm.orgLocation != 'string'){
+                    vm.orgLocation.forEach((item,index)=>{
+                        obj[arr[index]] = item;
+                    })
+                }
+
+                vm.axios.post(vm.api.sysOrg.updateSysOrg, obj).then(function (res) {
+                    vm.$message({
+                        message: res.data.operateMessage,
+                        duration: 1200,
+                        type: "success"
+                    });
+                    res.data.operateSuccess && vm.updateCallBack && vm.updateCallBack(obj);
+                    vm.$emit("saveRollBack",obj);
+                })
+            },
+            formatterColumn(row, column, cellValue) { // 格式化列
+                let vm = this;
+                if (column.property == 'userType') {
+                    return vm.userTypeMap[cellValue];
+                } else if (column.property == 'userStatus') {
+                    return vm.userStatusMap[cellValue];
+                } else {
+                    return cellValue;
+                }
+            },
+            /**
+             * 岗位信息
+             */
+            posTreeCallBack(posTreeVm) { // 岗位初始化全部展开
+                let nodesMap = posTreeVm.getAllNode();
+                let chooseFirstData = {};
+                let chooseFirstNode = {};
+                if((posTreeVm.data || []).length > 0){
+                    chooseFirstData = posTreeVm.data[0];
+                }
+                for (let [key, node] of Object.entries(nodesMap)) {
+                    node.expanded = true;
+                    if(chooseFirstData.id && node.data.id == chooseFirstData.id){
+                        chooseFirstNode = node;
+                        node.isCurrent = true;
+                    }
+                }
+                if(chooseFirstData.id){
+                    this.posNodeClick(chooseFirstData,chooseFirstNode);
+                }
+            },
+            posDealTree(data) {
+                let vm = this;
+                data.forEach(function (pos) {
+                    pos["name"] = pos["posName"];
+                    if (pos["isMainpos"] === '1') {
+                        pos["name"] = pos["posName"] + "[主岗位]";
+                        pos["className"] = vm.pageSetting["posMainIcon"] || "saspiconfont pl-icon-yonghu";
+                    } else {
+                        pos["className"] = vm.pageSetting["posIcon"] || "saspiconfont pl-icon-account";
+                    }
+                });
+            },
+            posNodeClick(data, node) { // 岗位树节点点击事件
+                let vm = this;
+                vm.posId = data.id;
+                vm.posBaseForm = Object.assign({}, data);
+                if(!vm.posBaseForm || vm.posBaseForm.parentPosId == '-1'){
+                    vm.posBaseForm.parentPosId = null;
+                }
+                vm.menuVisible = false;
+            },
+            posTreeRightClick(event, data, node) {
+                let vm = this;
+                let expand = node.expanded;
+                let target = window.event.target;
+                if (target.tagName === 'DIV') {
+                    target.click(); // 右键时点击当前节点
+                } else {
+                    let pNode = target.parentNode;
+                    if (target.className === 'el-checkbox__inner') { // 右击checkBox
+                        pNode.parentNode.parentNode.click();
+                    } else { // 右击下拉图标
+                        pNode.click();
+                    }
+                }
+                node.expanded = expand; // 右击仅选中当前节点保持当前节点展开情况不变
+                if (vm.objectID !== data.id) {
+                    vm.objectID = data.id;
+                    vm.menuVisible = true;
+                } else {
+                    vm.menuVisible = !vm.menuVisible;
+                }
+
+                vm.left = window.event.clientX + "px";
+                vm.top = window.event.clientY + "px";
+            },
+            savePos() { // 保存岗位数据addPosForm
+                let vm = this;
+                vm.$refs.addPosRef.validate(function (valid) {
+                    if (valid) {
+                        if (vm.addPosForm.isMainpos == "1") { // 设置为主岗位时检索当前组织下是否有主岗位
+                            vm.axios.post(vm.api.sysPos.find, {
+                                "orgId": vm.orgId,
+                                "isMainpos": "1"
+                            }).then(function (res) {
+                                let result = res.data;
+                                if ((result || []).length > 0 && result[0].id !== vm.addPosForm.id) {
+                                    let msg = "目前此组织内已存在主岗位[" + result[0].posName + "],是否确定设置此岗位为主岗位(系统会自动把[" + result[0].posName + "]设置为普通岗位)？";
+                                    vm.$confirm(msg, '警告', {
+                                        confirmButtonText: '确定',
+                                        cancelButtonText: '取消',
+                                    }).then(async function () {
+                                        vm.addPosDialog = false;
+                                        await vm.axios.post(vm.api.sysPos.update, {
+                                            "id": result[0].id,
+                                            "isMainpos": "0"
+                                        });
+                                        vm.addPosData();
+                                    }).catch(() => {
+                                        vm.$message({
+                                            duration: 1000,
+                                            type: 'info',
+                                            message: '已取消'
+                                        });
+                                    });
+                                } else {
+                                    vm.addPosDialog = false;
+                                    vm.addPosData();
+                                }
+                            })
+                        } else {
+                            vm.addPosDialog = false;
+                            vm.addPosData();
+                        }
+                    }
+                })
+            },
+            addPosData() { // 添加岗位数据
+                let vm = this;
+                if(!vm.addPosForm.parentPosId){
+                    vm.addPosForm.parentPosId = '-1';
+                }
+                vm.axios.post(vm.api.sysPos.add, vm.addPosForm).then(function (res) {
+                    vm.$message({
+                        duration: 1200,
+                        message: res.data.operateMessage,
+                        type: "success"
+                    });
+                    vm.$refs.posTreeRef.init();
+                })
+            },
+            handleRightSelect(key) {
+                let vm = this;
+                switch (key) {
+                    case "addChild":
+                    case "addSame":
+                        vm.addNode(key);
+                        break;
+                    case "removeCurrent":
+                        vm.removeCurrentNode();
+                        break;
+                    case "removeCheck":
+                        vm.removeNode();
+                        break;
+                    default:
+                        console.log("未检测到当前操作的对应方法！");
+                        break;
+                }
+            },
+            addNode(key) { // addPosForm
+                let vm = this;
+                if (!vm.orgId || vm.orgId == "$") {
+                    vm.$message("请选择左侧组织后继续操作！");
+                    return;
+                }
+                vm.addPosForm = {"isMainpos": "0"};
+                key = key ? key : "addChild";
+                let data = vm.$refs.posTreeRef.getTreeCurrentNode();
+                vm.addPosForm["orgId"] = vm.orgId;
+                vm.addPosForm["orgName"] = vm.orgObj["orgName"];
+                if (key == "addChild") {
+                    if (!data) { // 直接添加未选择任何节点,默认第一级
+                        vm.addPosForm["parentPosId"] = null;
+                        vm.addPosForm["parentPosTree"] = "-1";
+                        vm.addPosForm["layer"] = "1";
+                    } else {
+                        vm.addPosForm["parentPosId"] = data.id;
+                        vm.addPosForm["parentPosTree"] = data["parentPosTree"] + "," + data["id"];
+                        vm.addPosForm["parentPosName"] = data.posName;
+                        vm.addPosForm["layer"] = Number(data["layer"]) + 1;
+                    }
+                    vm.addPosForm["sort"] = vm.getMaxOrder("child");
+                } else { // 添加同级数据
+                    vm.addPosForm["parentPosId"] = data["parentPosId"];
+                    if(vm.addPosForm["parentPosId"] == "-1"){
+                        vm.addPosForm["parentPosId"] = null;
+                    }
+                    vm.addPosForm["parentPosTree"] = data["parentPosTree"];
+                    vm.addPosForm["parentPosName"] = data.parentPosName;
+                    vm.addPosForm["layer"] = data["layer"];
+                    vm.addPosForm["sort"] = vm.getMaxOrder("same");
+                }
+                vm.addPosDialog = true;
+                vm.$nextTick(function () {
+                    vm.$refs.addPosRef.clearValidate();
+                })
+            },
+            getMaxOrder(type) {
+                let vm = this;
+                let currentNode = vm.$refs.posTreeRef.getTreeCurrentNode();
+                let sort = 1;
+                let arr = [];
+                if (type == "same") {
+                    let nodesMap = vm.$refs.posTreeRef.getAllNode();
+                    if (!currentNode.parentPosId || currentNode.parentPosId == "-1") {
+                        for (let [key, node] of Object.entries(nodesMap)) {
+                            if (node.level == 1) {
+                                arr.push(node.data);
+                            }
+                        }
+                    } else {
+                        // 是下级
+                        if(nodesMap[currentNode.parentPosId]){
+                            arr = nodesMap[currentNode.parentPosId].data.children;
+                        }else{ // 第一级
+                            Object.keys(nodesMap).forEach(key => {
+                                if(nodesMap[key].level == 1){
+                                    arr.push(nodesMap[key].data);
+                                }
+                            })
+                        }
+                    }
+                }
+                if (type == "child") {
+                    arr = (currentNode || {}).children;
+                }
+                (arr || []).forEach(function (each) {
+                    sort = sort > Number(each["sort"]) ? sort : Number(each["sort"]);
+                });
+                return ++sort;
+            },
+            removeCurrentNode() { // 删除当前节点
+                let vm = this;
+                vm.$confirm('确定删除当前节点?', '警告', {
+                    confirmButtonText: '确定',
+                    cancelButtonText: '取消',
+                }).then(function () {
+                    let currentNode = vm.$refs.posTreeRef.getTreeCurrentNode();
+                    let removeNodeArr = vm.$refs.posTreeRef.getCurrentChildren(currentNode, []);
+                    vm.axios.post(vm.api.sysPos.delete, {"ids": removeNodeArr.join(",")}).then(function (res) {
+                        if (res.data.operateSuccess) {
+                            vm.$refs.posTreeRef.defaultTreeRemove(removeNodeArr.join(","));
+                            //同步修改下级岗位中
+                            vm.axios.post(vm.api.sysPos.updateParentPos, {"parentPosIds": removeNodeArr.join(",")});
+
+                        }
+                        vm.$message({
+                                duration: 1000,
+                                type: 'success',
+                                message: res.data.operateMessage
+                            }
+                        );
+                    });
+                }).catch(function () {
+                    vm.$message({
+                        duration: 1000,
+                        type: 'info',
+                        message: '已取消'
+                    });
+                });
+            },
+            removeNode() { // 刪除勾選節點
+                let vm = this;
+                let removeArr = vm.$refs.posTreeRef.getTreeCheckedNodes("key");
+                if (removeArr.length == 0) {
+                    vm.$message("请勾选需要删除的节点！");
+                    return;
+                }
+                vm.$confirm('确定删除已勾选节点?', '警告', {
+                    confirmButtonText: '确定',
+                    cancelButtonText: '取消',
+                }).then(function () {
+                    vm.loading = true;
+                    vm.axios.post(vm.api.sysPos.delete, {"ids": removeArr.join(",")}).then(function (res) {
+                        if (res.data.operateSuccess) {
+                            vm.$refs.posTreeRef.defaultTreeRemove(removeArr.join(","));
+                        }
+                        vm.loading = false;
+                        vm.$message({
+                                duration: 1000,
+                                type: 'success',
+                                message: res.data.operateMessage
+                            }
+                        );
+                        vm.init();
+                    })
+                }).catch(function () {
+                    vm.$message({
+                        duration: 1000,
+                        type: 'info',
+                        message: '已取消'
+                    });
+                });
+            },
+            updatePosInfo() { // 更新岗位信息
+                let vm = this;
+                if (!vm.posId) {
+                    vm.$message("请选择左侧岗位后再操作！");
+                    return;
+                }
+                vm.$refs.posBaseRef.validate(function (valid) {
+                    if (valid) {
+                        if (vm.posBaseForm.isMainpos == "1") { // 设置为主岗位时检索当前组织下是否有主岗位
+                            vm.axios.post(vm.api.sysPos.find, {
+                                "orgId": vm.orgId,
+                                "isMainpos": "1"
+                            }).then(function (res) {
+                                let result = res.data;
+                                if ((result || []).length > 0 && result[0].id != vm.posBaseForm.id) {
+                                    let msg = "目前此组织内已存在主岗位[" + result[0].posName + "],是否确定设置此岗位为主岗位(系统会自动把[" + result[0].posName + "]设置为普通岗位)？";
+                                    vm.$confirm(msg, '警告', {
+                                        confirmButtonText: '确定',
+                                        cancelButtonText: '取消',
+                                    }).then(function () {
+                                        vm.submitPosForm();
+                                        vm.axios.post(vm.api.sysPos.update, {
+                                            "id": result[0].id,
+                                            "isMainpos": "0"
+                                        });
+                                        let nodesMap = vm.$refs.posTreeRef.getAllNode();
+                                        let oldMainPosData = nodesMap[result[0].id].data;
+                                        oldMainPosData.isMainpos = "0"; // 修改树中的数据
+                                        oldMainPosData["name"] = oldMainPosData["posName"]; // 修改树中的数据
+                                        oldMainPosData["className"] = vm.pageSetting["posIcon"] || "saspiconfont pl-icon-account";
+                                    }).catch(() => {
+                                        vm.$message({
+                                            duration: 1000,
+                                            type: 'info',
+                                            message: '已取消'
+                                        });
+                                    });
+                                } else {
+                                    vm.submitPosForm();
+                                }
+                            })
+                        } else {
+                            vm.submitPosForm();
+                        }
+                    }
+                });
+            },
+            posRemoveSuc(){
+                this.posBaseForm = {};
+            },
+            submitPosForm() { // 提交岗位表单数据
+                let vm = this;
+                let obj = {};
+                obj["id"] = vm.posBaseForm["id"];
+                obj["posName"] = vm.posBaseForm["posName"];
+                obj["isMainpos"] = vm.posBaseForm["isMainpos"];
+                obj["parentPosId"] = vm.posBaseForm["parentPosId"] || "-1";
+                vm.axios.post(vm.api.sysPos.update, obj).then(function (res) {
+                    vm.$message({
+                        duration: 1200,
+                        message: res.data.operateMessage,
+                        type: "success"
+                    });
+                    if (obj["isMainpos"] == "1") {
+                        obj["name"] = obj["posName"] + "[主岗位]";
+                    } else {
+                        obj["name"] = obj["posName"];
+                    }
+                    let currentNode = vm.$refs.posTreeRef.getTreeCurrentNode();
+                    for (let [key, value] of Object.entries(obj)) { // 更新树中的数据
+                        currentNode[key] = value;
+                    }
+                    if (obj["isMainpos"] == "1") {
+                        currentNode["className"] = vm.pageSetting["posMainIcon"] || "saspiconfont pl-icon-yonghu";
+                    }else{
+                        currentNode["className"] = vm.pageSetting["posIcon"] || "saspiconfont pl-icon-account";
+                    }
+                })
+            },
+            addMainPosChange(value){
+                let vm = this;
+                if(value == '1' && vm.addPosForm.layer != '1'){
+                    vm.$message("非一级岗位不能设置为主岗位！");
+                    vm.addPosForm.isMainpos = "0";
+                }
+            },
+            mainPosChange(value) { // 主岗位变化时判断是否可以进行变更
+                let vm = this;
+                let currentNode = vm.$refs.posTreeRef.getTreeCurrentNode();
+                if (!currentNode) { // 未选择树，不操作
+                    return;
+                }
+                if (value == "1" && currentNode.layer != '1') {
+                    vm.$message("非一级岗位不能设置为主岗位！");
+                    vm.posBaseForm.isMainpos = "0";
+                }
+            },
+            activePosRow(row) {
+                this.activeRow(row, this.posCrud.tableRef);
+            },
+            activeUserRow(row) {
+                this.activeRow(row, this.userCrud.tableRef);
+                this.tableSelect([],row);
+            },
+            activeOrgRow(row) {
+                this.activeRow(row, this.crud.tableRef);
+            },
+            activeRow(row, ref) { // 行点击选中当前行
+                this.$refs[ref].toggleRowSelection(row);
+            },
+            //复选框选中/取消事件
+            tableSelect(selection, row) {
+                if (this.multipleSelection.length > 0) {
+                    let index = this.multipleSelectionIds.indexOf(row.id);
+                    if (this.multipleSelectionIds.indexOf(row.id) == -1) {
+                        this.multipleSelection.push(row);
+                        this.multipleSelectionIds.push(row.id);
+                    } else {
+                        this.multipleSelectionIds.splice(index, 1);
+                        this.multipleSelection.splice(index, 1);
+                    }
+                } else {
+                    this.multipleSelection.push(row);
+                    this.multipleSelectionIds.push(row.id);
+                }
+            },
+            userSelectAll(selection) {
+                var vm = this;
+                var rows = vm.userCrud.dataStore.records;
+                if (selection.length > 0) {
+                    //全选
+                    selection.forEach(item => {
+                        this.userSelectAllPush(item);
+                    });
+                } else {
+                    //取消全选
+                    rows.forEach(item => {
+                        this.userSelectAllCancel(item);
+                    })
+                }
+            },
+            userSelectAllPush(row) {
+                if (this.multipleSelectionIds.indexOf(row.id) == -1) {
+                    this.multipleSelection.push(row);
+                    this.multipleSelectionIds.push(row.id);
+                }
+            },
+            userSelectAllCancel(row) {
+                let index = this.multipleSelectionIds.indexOf(row.id);
+                if (this.multipleSelectionIds.indexOf(row.id) != -1) {
+                    this.multipleSelectionIds.splice(index, 1);
+                    this.multipleSelection.splice(index, 1);
+                }
+            },
+            userSearch() {
+                let vm = this;
+                vm.$nextTick(() => {
+                    vm.userCrud.dataStore.records.forEach(item => {
+                        if (vm.multipleSelectionIds.indexOf(item.id) > -1) {
+                            vm.$refs[vm.userCrud.tableRef].toggleRowSelection(item);
+                        }
+                    })
+                });
+            }
+        }
+    }
+</script>
+
+<style scoped>
+    .detail-main /deep/ .el-tabs__content {
+        height: calc(100% - 67px);
+    }
+
+    .detail-main /deep/ .el-collapse-item__header, .detail-main /deep/ .el-collapse-item__wrap {
+        border: 1px solid #ebeef5;
+        border-top: 0;
+        padding: 5px;
+        box-sizing: border-box;
+    }
+
+    .detail-main /deep/ .el-tab-pane {
+        height: 100%;
+    }
+
+    .detail-main /deep/ .el-collapse-item__content {
+        padding: 15px 10px 0;
+        box-sizing: border-box;
+    }
+
+    .choose-user /deep/ .el-dialog__body {
+        height: calc(100% - 60px);
+        padding: 0 15px;
+    }
+
+    .el-menu-vertical {
+        background-color: #555C63;
+        opacity: 0.9;
+        border-radius: 8px;
+        width: 150px;
+        z-index: 99;
+    }
+
+    .detail-main /deep/ .el-collapse-item__header {
+        height: 40px;
+    }
+
+    .order-dialog /deep/ .el-table {
+        height: 100%;
+    }
+
+    .order-dialog /deep/ .el-table__body-wrapper {
+        height: 100%;
+        overflow-y: auto;
+    }
+</style>