|
|
|
@ -1,9 +1,11 @@ |
|
|
|
<template> |
|
|
|
<template> |
|
|
|
<div class="flex"> |
|
|
|
<div class="flex"> |
|
|
|
<div class="page" style="width: 300px;border-right: 1px solid #EBEDF0"> |
|
|
|
<div class="page" |
|
|
|
|
|
|
|
style="width: 300px;border-right: 1px solid #EBEDF0"> |
|
|
|
<div class="m-b-20"> |
|
|
|
<div class="m-b-20"> |
|
|
|
<p class="page-name mb">后台员工账号</p> |
|
|
|
<p class="page-name mb">后台员工账号</p> |
|
|
|
<el-radio-group v-model="staffType" @change="changeType"> |
|
|
|
<el-radio-group v-model="staffType" |
|
|
|
|
|
|
|
@change="changeType"> |
|
|
|
<div class="m-b-20"> |
|
|
|
<div class="m-b-20"> |
|
|
|
<el-radio :label="1">所有员工</el-radio> |
|
|
|
<el-radio :label="1">所有员工</el-radio> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
@ -16,27 +18,50 @@ |
|
|
|
<div> |
|
|
|
<div> |
|
|
|
<div class="flex-between m-b-20"> |
|
|
|
<div class="flex-between m-b-20"> |
|
|
|
<p class="page-name">组织管理</p> |
|
|
|
<p class="page-name">组织管理</p> |
|
|
|
<el-button v-auth="'新增部门'" type="text" @click="addOrg">添加</el-button> |
|
|
|
<el-button v-auth="'新增部门'" |
|
|
|
|
|
|
|
type="text" |
|
|
|
|
|
|
|
@click="addOrg">添加</el-button> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
|
|
|
|
|
|
|
|
<div style="height: 504px;overflow: auto;scrollbar-width: none;-ms-overflow-style: none;"> |
|
|
|
<div style="height: 504px;overflow: auto;scrollbar-width: none;-ms-overflow-style: none;"> |
|
|
|
<el-tree class="org" ref="orgs" :data="orgs" :props="defaultProps" highlight-current :expand-on-click-node="false" default-expand-all node-key="id" @node-click="handleNodeClick"> |
|
|
|
<el-tree class="org" |
|
|
|
<span class="node-wrap" slot-scope="{ node, data }"> |
|
|
|
ref="orgs" |
|
|
|
|
|
|
|
:data="orgs" |
|
|
|
|
|
|
|
:props="defaultProps" |
|
|
|
|
|
|
|
highlight-current |
|
|
|
|
|
|
|
:expand-on-click-node="false" |
|
|
|
|
|
|
|
default-expand-all |
|
|
|
|
|
|
|
node-key="id" |
|
|
|
|
|
|
|
@node-click="handleNodeClick"> |
|
|
|
|
|
|
|
<span class="node-wrap" |
|
|
|
|
|
|
|
slot-scope="{ node, data }"> |
|
|
|
<div class="left"> |
|
|
|
<div class="left"> |
|
|
|
<img src="@/assets/images/node.png" alt=""> |
|
|
|
<img src="@/assets/images/node.png" |
|
|
|
|
|
|
|
alt=""> |
|
|
|
<span class="name">{{ node.label }}</span> |
|
|
|
<span class="name">{{ node.label }}</span> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
<el-dropdown :hide-on-click="false"> |
|
|
|
<el-dropdown :hide-on-click="false"> |
|
|
|
<img class="expand" src="@/assets/images/expand.png" alt=""> |
|
|
|
<img class="expand" |
|
|
|
|
|
|
|
src="@/assets/images/expand.png" |
|
|
|
|
|
|
|
alt=""> |
|
|
|
<el-dropdown-menu slot="dropdown"> |
|
|
|
<el-dropdown-menu slot="dropdown"> |
|
|
|
<el-dropdown-item> |
|
|
|
<el-dropdown-item> |
|
|
|
<el-button v-auth class="org-btn" @click="() => editOrg(node, data)" type="text">编辑部门</el-button> |
|
|
|
<el-button v-auth |
|
|
|
|
|
|
|
class="org-btn" |
|
|
|
|
|
|
|
@click="() => editOrg(node, data)" |
|
|
|
|
|
|
|
type="text">编辑部门</el-button> |
|
|
|
</el-dropdown-item> |
|
|
|
</el-dropdown-item> |
|
|
|
<el-dropdown-item> |
|
|
|
<el-dropdown-item> |
|
|
|
<el-button v-auth="'新增部门'" class="org-btn add" @click="() => addOrg(node, data)" type="text">添加子部门</el-button> |
|
|
|
<el-button v-auth="'新增部门'" |
|
|
|
|
|
|
|
class="org-btn add" |
|
|
|
|
|
|
|
@click="() => addOrg(node, data)" |
|
|
|
|
|
|
|
type="text">添加子部门</el-button> |
|
|
|
</el-dropdown-item> |
|
|
|
</el-dropdown-item> |
|
|
|
<el-dropdown-item> |
|
|
|
<el-dropdown-item> |
|
|
|
<el-button v-auth="'删除部门'" class="org-btn del" @click="() => delOrg(node, data)" type="text">删除</el-button> |
|
|
|
<el-button v-auth="'删除部门'" |
|
|
|
|
|
|
|
class="org-btn del" |
|
|
|
|
|
|
|
@click="() => delOrg(node, data)" |
|
|
|
|
|
|
|
type="text">删除</el-button> |
|
|
|
</el-dropdown-item> |
|
|
|
</el-dropdown-item> |
|
|
|
</el-dropdown-menu> |
|
|
|
</el-dropdown-menu> |
|
|
|
</el-dropdown> |
|
|
|
</el-dropdown> |
|
|
|
@ -44,98 +69,186 @@ |
|
|
|
</el-tree> |
|
|
|
</el-tree> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
<el-dialog |
|
|
|
<el-dialog :title="orgForm.id ? '编辑' : '新增' + '部门'" |
|
|
|
:title="orgForm.id ? '编辑' : '新增' + '部门'" |
|
|
|
|
|
|
|
:visible.sync="orgVisible" |
|
|
|
:visible.sync="orgVisible" |
|
|
|
:close-on-click-modal="false" |
|
|
|
:close-on-click-modal="false" |
|
|
|
width="50%" |
|
|
|
width="50%"> |
|
|
|
> |
|
|
|
<el-form v-if="orgVisible" |
|
|
|
<el-form v-if="orgVisible" ref="orgForm" :model="orgForm" :rules="orgRules" label-width="100px"> |
|
|
|
ref="orgForm" |
|
|
|
<el-form-item label="部门名称" prop="name"> |
|
|
|
:model="orgForm" |
|
|
|
<el-input v-model.trim="orgForm.name" placeholder="请输入"></el-input> |
|
|
|
:rules="orgRules" |
|
|
|
|
|
|
|
label-width="100px"> |
|
|
|
|
|
|
|
<el-form-item label="部门名称" |
|
|
|
|
|
|
|
prop="name"> |
|
|
|
|
|
|
|
<el-input v-model.trim="orgForm.name" |
|
|
|
|
|
|
|
placeholder="请输入"></el-input> |
|
|
|
</el-form-item> |
|
|
|
</el-form-item> |
|
|
|
<el-form-item label="上级部门"> |
|
|
|
<el-form-item label="上级部门"> |
|
|
|
<span v-if="orgForm.pidName">{{ orgForm.pidName }}</span> |
|
|
|
<span v-if="orgForm.pidName">{{ orgForm.pidName }}</span> |
|
|
|
<el-cascader |
|
|
|
<el-cascader v-else |
|
|
|
v-else |
|
|
|
|
|
|
|
:options="orgListDia" |
|
|
|
:options="orgListDia" |
|
|
|
v-model="cascaderValue" |
|
|
|
v-model="cascaderValue" |
|
|
|
:props="cascaderProps" |
|
|
|
:props="cascaderProps" |
|
|
|
clearable |
|
|
|
clearable |
|
|
|
style="width: 100%" |
|
|
|
style="width: 100%"> |
|
|
|
> |
|
|
|
|
|
|
|
</el-cascader> |
|
|
|
</el-cascader> |
|
|
|
</el-form-item> |
|
|
|
</el-form-item> |
|
|
|
</el-form> |
|
|
|
</el-form> |
|
|
|
<span slot="footer" class="dialog-footer"> |
|
|
|
<span slot="footer" |
|
|
|
|
|
|
|
class="dialog-footer"> |
|
|
|
<el-button @click="closeOrg">取 消</el-button> |
|
|
|
<el-button @click="closeOrg">取 消</el-button> |
|
|
|
<el-button type="primary" @click="orgSubmit">确 定</el-button> |
|
|
|
<el-button type="primary" |
|
|
|
|
|
|
|
@click="orgSubmit">确 定</el-button> |
|
|
|
</span> |
|
|
|
</span> |
|
|
|
</el-dialog> |
|
|
|
</el-dialog> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
<div class="page list-wrap"> |
|
|
|
<div class="page list-wrap"> |
|
|
|
<div class="tool"> |
|
|
|
<div class="tool"> |
|
|
|
<el-input style="width: 250px;" placeholder="请输入员工姓名/账号/工号/手机号" v-model.trim="keyword" clearable></el-input> |
|
|
|
<el-input style="width: 250px;" |
|
|
|
|
|
|
|
placeholder="请输入员工姓名/账号/工号/手机号" |
|
|
|
|
|
|
|
v-model.trim="keyword" |
|
|
|
|
|
|
|
clearable></el-input> |
|
|
|
<div class="actions"> |
|
|
|
<div class="actions"> |
|
|
|
<el-dropdown class="setting" trigger="click" :hide-on-click="false"> |
|
|
|
<el-dropdown class="setting" |
|
|
|
<img class="icon" src="@/assets/images/setting.png" alt=""> |
|
|
|
trigger="click" |
|
|
|
|
|
|
|
:hide-on-click="false"> |
|
|
|
|
|
|
|
<img class="icon" |
|
|
|
|
|
|
|
src="@/assets/images/setting.png" |
|
|
|
|
|
|
|
alt=""> |
|
|
|
<el-dropdown-menu> |
|
|
|
<el-dropdown-menu> |
|
|
|
<el-dropdown-item> |
|
|
|
<el-dropdown-item> |
|
|
|
<el-button @click="resetColumns" type="text">列重置</el-button> |
|
|
|
<el-button @click="resetColumns" |
|
|
|
|
|
|
|
type="text">列重置</el-button> |
|
|
|
</el-dropdown-item> |
|
|
|
</el-dropdown-item> |
|
|
|
<el-dropdown-item v-for="(column, i) in settings" :key="i" :divided="i === 0"> |
|
|
|
<el-dropdown-item v-for="(column, i) in settings" |
|
|
|
|
|
|
|
:key="i" |
|
|
|
|
|
|
|
:divided="i === 0"> |
|
|
|
<el-checkbox v-model="column.show">{{ column.name }}</el-checkbox> |
|
|
|
<el-checkbox v-model="column.show">{{ column.name }}</el-checkbox> |
|
|
|
</el-dropdown-item> |
|
|
|
</el-dropdown-item> |
|
|
|
</el-dropdown-menu> |
|
|
|
</el-dropdown-menu> |
|
|
|
</el-dropdown> |
|
|
|
</el-dropdown> |
|
|
|
<el-button v-auth type="primary" @click="addStaff">新增员工</el-button> |
|
|
|
<el-button v-auth |
|
|
|
<el-button v-auth @click="batchImport">批量导入</el-button> |
|
|
|
type="primary" |
|
|
|
<el-button v-auth @click="batchDel">批量删除</el-button> |
|
|
|
@click="addStaff">新增员工</el-button> |
|
|
|
|
|
|
|
<el-button v-auth |
|
|
|
|
|
|
|
@click="batchImport">批量导入</el-button> |
|
|
|
|
|
|
|
<el-button v-auth |
|
|
|
|
|
|
|
@click="batchDel">批量删除</el-button> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
|
|
|
|
|
|
|
|
<el-table :data="list" class="table" ref="table" @selection-change="handleSelectionChange" row-key="id"> |
|
|
|
<el-table :data="list" |
|
|
|
<el-table-column v-if="settings[0].show" type="selection" width="55" :reserve-selection="true"></el-table-column> |
|
|
|
class="table" |
|
|
|
<el-table-column type="index" width="60" label="序号"></el-table-column> |
|
|
|
ref="table" |
|
|
|
<el-table-column v-if="settings[1].show" prop="realName" label="员工姓名" min-width="100"></el-table-column> |
|
|
|
@selection-change="handleSelectionChange" |
|
|
|
<el-table-column v-if="settings[2].show" prop="username" label="账号" min-width="100"></el-table-column> |
|
|
|
row-key="id"> |
|
|
|
<el-table-column v-if="settings[3].show" prop="jobNumber" label="工号" min-width="100"></el-table-column> |
|
|
|
<el-table-column v-if="settings[0].show" |
|
|
|
<el-table-column v-if="settings[4].show" prop="phone" label="手机号" min-width="100" show-overflow-tooltip></el-table-column> |
|
|
|
type="selection" |
|
|
|
<el-table-column v-if="settings[5].show" prop="deptArchitectureName" label="所在部门" min-width="100"></el-table-column> |
|
|
|
width="55" |
|
|
|
<el-table-column v-if="settings[6].show" prop="createTime" label="创建日期" min-width="150"></el-table-column> |
|
|
|
:reserve-selection="true"></el-table-column> |
|
|
|
<el-table-column v-if="settings[7].show" prop="roleName" label="授权角色" show-overflow-tooltip min-width="100"></el-table-column> |
|
|
|
<el-table-column type="index" |
|
|
|
<el-table-column v-if="settings[8].show" prop="groupName" label="用户组" min-width="100"></el-table-column> |
|
|
|
width="60" |
|
|
|
<el-table-column v-if="settings[9].show" prop="lastLoginTime" label="最后登录时间" min-width="150"></el-table-column> |
|
|
|
label="序号"></el-table-column> |
|
|
|
<el-table-column v-if="settings[10].show" label="操作" width="180"> |
|
|
|
<el-table-column v-if="settings[1].show" |
|
|
|
|
|
|
|
prop="realName" |
|
|
|
|
|
|
|
label="员工姓名" |
|
|
|
|
|
|
|
min-width="100"></el-table-column> |
|
|
|
|
|
|
|
<el-table-column v-if="settings[2].show" |
|
|
|
|
|
|
|
prop="username" |
|
|
|
|
|
|
|
label="账号" |
|
|
|
|
|
|
|
min-width="100"></el-table-column> |
|
|
|
|
|
|
|
<el-table-column v-if="settings[3].show" |
|
|
|
|
|
|
|
prop="jobNumber" |
|
|
|
|
|
|
|
label="工号" |
|
|
|
|
|
|
|
min-width="100"></el-table-column> |
|
|
|
|
|
|
|
<el-table-column v-if="settings[4].show" |
|
|
|
|
|
|
|
prop="phone" |
|
|
|
|
|
|
|
label="手机号" |
|
|
|
|
|
|
|
min-width="100" |
|
|
|
|
|
|
|
show-overflow-tooltip></el-table-column> |
|
|
|
|
|
|
|
<el-table-column v-if="settings[5].show" |
|
|
|
|
|
|
|
prop="deptArchitectureName" |
|
|
|
|
|
|
|
label="所在部门" |
|
|
|
|
|
|
|
min-width="100"></el-table-column> |
|
|
|
|
|
|
|
<el-table-column v-if="settings[6].show" |
|
|
|
|
|
|
|
prop="createTime" |
|
|
|
|
|
|
|
label="创建日期" |
|
|
|
|
|
|
|
min-width="150"></el-table-column> |
|
|
|
|
|
|
|
<el-table-column v-if="settings[7].show" |
|
|
|
|
|
|
|
prop="roleName" |
|
|
|
|
|
|
|
label="授权角色" |
|
|
|
|
|
|
|
show-overflow-tooltip |
|
|
|
|
|
|
|
min-width="100"></el-table-column> |
|
|
|
|
|
|
|
<el-table-column v-if="settings[8].show" |
|
|
|
|
|
|
|
prop="groupName" |
|
|
|
|
|
|
|
label="用户组" |
|
|
|
|
|
|
|
min-width="100"></el-table-column> |
|
|
|
|
|
|
|
<el-table-column v-if="settings[9].show" |
|
|
|
|
|
|
|
prop="lastLoginTime" |
|
|
|
|
|
|
|
label="最后登录时间" |
|
|
|
|
|
|
|
min-width="150"></el-table-column> |
|
|
|
|
|
|
|
<el-table-column v-if="settings[10].show" |
|
|
|
|
|
|
|
label="操作" |
|
|
|
|
|
|
|
width="180"> |
|
|
|
<template slot-scope="scope"> |
|
|
|
<template slot-scope="scope"> |
|
|
|
<el-button v-auth type="text" @click="queryStaff(scope.row,true)">查看</el-button> |
|
|
|
<el-button v-auth |
|
|
|
<el-button v-auth type="text" @click="queryStaff(scope.row,false)">编辑</el-button> |
|
|
|
type="text" |
|
|
|
<el-button v-auth type="text" @click="resetPassword(scope.row)">重置密码</el-button> |
|
|
|
@click="queryStaff(scope.row,true)">查看</el-button> |
|
|
|
<el-button v-auth type="text" @click="delStaff(scope.row)">删除</el-button> |
|
|
|
<el-button v-auth |
|
|
|
|
|
|
|
type="text" |
|
|
|
|
|
|
|
@click="queryStaff(scope.row,false)">编辑</el-button> |
|
|
|
|
|
|
|
<el-button v-auth |
|
|
|
|
|
|
|
type="text" |
|
|
|
|
|
|
|
@click="resetPassword(scope.row)">重置密码</el-button> |
|
|
|
|
|
|
|
<el-button v-auth |
|
|
|
|
|
|
|
type="text" |
|
|
|
|
|
|
|
@click="delStaff(scope.row)">删除</el-button> |
|
|
|
</template> |
|
|
|
</template> |
|
|
|
</el-table-column> |
|
|
|
</el-table-column> |
|
|
|
</el-table> |
|
|
|
</el-table> |
|
|
|
<div class="pagination"> |
|
|
|
<div class="pagination"> |
|
|
|
<el-pagination background @current-change="currentChange" :current-page="page" layout="total, prev, pager, next" :total="total"></el-pagination> |
|
|
|
<el-pagination background |
|
|
|
|
|
|
|
@current-change="currentChange" |
|
|
|
|
|
|
|
:current-page="page" |
|
|
|
|
|
|
|
layout="total, prev, pager, next" |
|
|
|
|
|
|
|
:total="total"></el-pagination> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
|
|
|
|
|
|
|
|
<el-dialog :title="isDetail ? '查看' : (form.id ? '编辑' : '新增') + '员工'" :visible.sync="staffVisible" width="500px" class="dialog" :close-on-click-modal="false" @close="closeStaff"> |
|
|
|
<el-dialog :title="isDetail ? '查看' : (form.id ? '编辑' : '新增') + '员工'" |
|
|
|
<el-form ref="form" :model="form" :rules="rules" label-width="100px" :disabled="isDetail" style='margin-right: 60px;'> |
|
|
|
:visible.sync="staffVisible" |
|
|
|
<el-form-item prop="jobNumber" label="工号"> |
|
|
|
width="500px" |
|
|
|
<el-input v-model.trim="form.jobNumber" placeholder="请输入工号"></el-input> |
|
|
|
class="dialog" |
|
|
|
|
|
|
|
:close-on-click-modal="false" |
|
|
|
|
|
|
|
@close="closeStaff"> |
|
|
|
|
|
|
|
<el-form ref="form" |
|
|
|
|
|
|
|
:model="form" |
|
|
|
|
|
|
|
:rules="rules" |
|
|
|
|
|
|
|
label-width="100px" |
|
|
|
|
|
|
|
:disabled="isDetail" |
|
|
|
|
|
|
|
style='margin-right: 60px;'> |
|
|
|
|
|
|
|
<el-form-item prop="jobNumber" |
|
|
|
|
|
|
|
label="工号"> |
|
|
|
|
|
|
|
<el-input v-model.trim="form.jobNumber" |
|
|
|
|
|
|
|
placeholder="请输入工号"></el-input> |
|
|
|
</el-form-item> |
|
|
|
</el-form-item> |
|
|
|
<el-form-item prop="realName" label="姓名"> |
|
|
|
<el-form-item prop="realName" |
|
|
|
<el-input v-model.trim="form.realName" placeholder="请输入姓名"></el-input> |
|
|
|
label="姓名"> |
|
|
|
|
|
|
|
<el-input v-model.trim="form.realName" |
|
|
|
|
|
|
|
placeholder="请输入姓名"></el-input> |
|
|
|
</el-form-item> |
|
|
|
</el-form-item> |
|
|
|
<el-form-item prop="username" label="账号"> |
|
|
|
<el-form-item prop="username" |
|
|
|
<el-input v-model.trim="form.username" placeholder="请输入账号"></el-input> |
|
|
|
label="账号"> |
|
|
|
|
|
|
|
<el-input v-model.trim="form.username" |
|
|
|
|
|
|
|
placeholder="请输入账号"></el-input> |
|
|
|
</el-form-item> |
|
|
|
</el-form-item> |
|
|
|
<el-form-item prop="roleIds" label="授权角色"> |
|
|
|
<el-form-item prop="roleIds" |
|
|
|
<el-select v-model="form.roleIds" multiple style="width: 100%"> |
|
|
|
label="授权角色"> |
|
|
|
|
|
|
|
<el-select v-model="form.roleIds" |
|
|
|
|
|
|
|
multiple |
|
|
|
|
|
|
|
style="width: 100%"> |
|
|
|
<template v-for="item in roleIds"> |
|
|
|
<template v-for="item in roleIds"> |
|
|
|
<!-- 不显示超管 --> |
|
|
|
<!-- 不显示超管 --> |
|
|
|
<el-option |
|
|
|
<el-option v-if="item.name !== '超级管理员'" |
|
|
|
v-if="item.name !== '超级管理员'" |
|
|
|
|
|
|
|
:key="item.id" |
|
|
|
:key="item.id" |
|
|
|
:label="item.name" |
|
|
|
:label="item.name" |
|
|
|
:value="item.id"> |
|
|
|
:value="item.id"> |
|
|
|
@ -144,24 +257,28 @@ |
|
|
|
</el-select> |
|
|
|
</el-select> |
|
|
|
</el-form-item> |
|
|
|
</el-form-item> |
|
|
|
<el-form-item label="所在部门"> |
|
|
|
<el-form-item label="所在部门"> |
|
|
|
<el-cascader |
|
|
|
<el-cascader style="width: 100%" |
|
|
|
style="width: 100%" |
|
|
|
|
|
|
|
v-model="form.deptArchitectureId" |
|
|
|
v-model="form.deptArchitectureId" |
|
|
|
:options="orgs" |
|
|
|
:options="orgs" |
|
|
|
:props="casProps" |
|
|
|
:props="casProps"></el-cascader> |
|
|
|
></el-cascader> |
|
|
|
|
|
|
|
</el-form-item> |
|
|
|
</el-form-item> |
|
|
|
<el-form-item prop="phone" label="手机号"> |
|
|
|
<el-form-item prop="phone" |
|
|
|
<el-input v-model.trim="form.phone" placeholder="请输入手机号" maxlength="11"></el-input> |
|
|
|
label="手机号"> |
|
|
|
|
|
|
|
<el-input v-model.trim="form.phone" |
|
|
|
|
|
|
|
placeholder="请输入手机号" |
|
|
|
|
|
|
|
maxlength="11"></el-input> |
|
|
|
</el-form-item> |
|
|
|
</el-form-item> |
|
|
|
<el-form-item prop="email" label="邮箱"> |
|
|
|
<el-form-item prop="email" |
|
|
|
<el-input v-model.trim="form.email" placeholder="请输入邮箱"></el-input> |
|
|
|
label="邮箱"> |
|
|
|
|
|
|
|
<el-input v-model.trim="form.email" |
|
|
|
|
|
|
|
placeholder="请输入邮箱"></el-input> |
|
|
|
</el-form-item> |
|
|
|
</el-form-item> |
|
|
|
<el-form-item prop="groupId" label="用户组"> |
|
|
|
<el-form-item prop="groupId" |
|
|
|
<el-select v-model="form.groupId" style="width: 100%"> |
|
|
|
label="用户组"> |
|
|
|
|
|
|
|
<el-select v-model="form.groupId" |
|
|
|
|
|
|
|
style="width: 100%"> |
|
|
|
<template v-for="item in userGroups"> |
|
|
|
<template v-for="item in userGroups"> |
|
|
|
<el-option |
|
|
|
<el-option :key="item.id" |
|
|
|
:key="item.id" |
|
|
|
|
|
|
|
:label="item.groupName" |
|
|
|
:label="item.groupName" |
|
|
|
:value="item.id"> |
|
|
|
:value="item.id"> |
|
|
|
</el-option> |
|
|
|
</el-option> |
|
|
|
@ -169,19 +286,25 @@ |
|
|
|
</el-select> |
|
|
|
</el-select> |
|
|
|
</el-form-item> |
|
|
|
</el-form-item> |
|
|
|
</el-form> |
|
|
|
</el-form> |
|
|
|
<span slot="footer" class="dialog-footer" v-if="!isDetail"> |
|
|
|
<span slot="footer" |
|
|
|
|
|
|
|
class="dialog-footer" |
|
|
|
|
|
|
|
v-if="!isDetail"> |
|
|
|
<el-button @click="staffVisible = false">取消</el-button> |
|
|
|
<el-button @click="staffVisible = false">取消</el-button> |
|
|
|
<el-button type="primary" @click="submitStaff">确定</el-button> |
|
|
|
<el-button type="primary" |
|
|
|
|
|
|
|
@click="submitStaff">确定</el-button> |
|
|
|
</span> |
|
|
|
</span> |
|
|
|
</el-dialog> |
|
|
|
</el-dialog> |
|
|
|
|
|
|
|
|
|
|
|
<el-dialog title="批量导入" :visible.sync="importVisible" width="24%" :close-on-click-modal="false"> |
|
|
|
<el-dialog title="批量导入" |
|
|
|
|
|
|
|
:visible.sync="importVisible" |
|
|
|
|
|
|
|
width="24%" |
|
|
|
|
|
|
|
:close-on-click-modal="false"> |
|
|
|
<div style="text-align: center"> |
|
|
|
<div style="text-align: center"> |
|
|
|
<div style="margin-bottom: 10px;"> |
|
|
|
<div style="margin-bottom: 10px;"> |
|
|
|
<el-button type="primary" @click="download">模板下载<i class="el-icon-download el-icon--right"></i></el-button> |
|
|
|
<el-button type="primary" |
|
|
|
|
|
|
|
@click="download">模板下载<i class="el-icon-download el-icon--right"></i></el-button> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
<el-upload |
|
|
|
<el-upload name="file" |
|
|
|
name="file" |
|
|
|
|
|
|
|
accept=".xls,.xlsx" |
|
|
|
accept=".xls,.xlsx" |
|
|
|
:on-remove="handleRemove" |
|
|
|
:on-remove="handleRemove" |
|
|
|
:on-error="uploadError" |
|
|
|
:on-error="uploadError" |
|
|
|
@ -191,15 +314,21 @@ |
|
|
|
:on-exceed="handleExceed" |
|
|
|
:on-exceed="handleExceed" |
|
|
|
:action="this.api.importStaff" |
|
|
|
:action="this.api.importStaff" |
|
|
|
:file-list="uploadList" |
|
|
|
:file-list="uploadList" |
|
|
|
:headers="headers" |
|
|
|
:headers="headers"> |
|
|
|
> |
|
|
|
<el-button type="primary" |
|
|
|
<el-button type="primary" class="ml20">上传文件<i class="el-icon-upload2 el-icon--right"></i></el-button> |
|
|
|
class="ml20">上传文件<i class="el-icon-upload2 el-icon--right"></i></el-button> |
|
|
|
</el-upload> |
|
|
|
</el-upload> |
|
|
|
<el-link v-if="uploadFaild" type="primary" @click="showFaild">部分数据导入失败，查看失败原因</el-link> |
|
|
|
<el-link v-if="uploadFaild" |
|
|
|
|
|
|
|
type="primary" |
|
|
|
|
|
|
|
@click="showFaild">部分数据导入失败，查看失败原因</el-link> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
<span slot="footer" class="dialog-footer"> |
|
|
|
<span slot="footer" |
|
|
|
<el-button size="small" @click="importVisible = false">取 消</el-button> |
|
|
|
class="dialog-footer"> |
|
|
|
<el-button size="small" type="primary" @click="uploadSure">确 定</el-button> |
|
|
|
<el-button size="small" |
|
|
|
|
|
|
|
@click="importVisible = false">取 消</el-button> |
|
|
|
|
|
|
|
<el-button size="small" |
|
|
|
|
|
|
|
type="primary" |
|
|
|
|
|
|
|
@click="uploadSure">确 定</el-button> |
|
|
|
</span> |
|
|
|
</span> |
|
|
|
</el-dialog> |
|
|
|
</el-dialog> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
@ -207,9 +336,10 @@ |
|
|
|
</template> |
|
|
|
</template> |
|
|
|
|
|
|
|
|
|
|
|
<script> |
|
|
|
<script> |
|
|
|
import util from '@/libs/util' |
|
|
|
import Util from '@/libs/util' |
|
|
|
import Setting from '@/setting' |
|
|
|
import Setting from '@/setting' |
|
|
|
import Axios from 'axios' |
|
|
|
import Axios from 'axios' |
|
|
|
|
|
|
|
import JSEncrypt from "jsencrypt" |
|
|
|
export default { |
|
|
|
export default { |
|
|
|
data () { |
|
|
|
data () { |
|
|
|
const accountPass = (rule, value, callback) => { |
|
|
|
const accountPass = (rule, value, callback) => { |
|
|
|
@ -401,7 +531,7 @@ export default { |
|
|
|
uploadFaild: false, |
|
|
|
uploadFaild: false, |
|
|
|
exportCode: '', |
|
|
|
exportCode: '', |
|
|
|
headers: { |
|
|
|
headers: { |
|
|
|
token: util.local.get(Setting.tokenKey) |
|
|
|
token: Util.local.get(Setting.tokenKey) |
|
|
|
}, |
|
|
|
}, |
|
|
|
disableds: false, |
|
|
|
disableds: false, |
|
|
|
submiting: false // 新增编辑防抖标识 |
|
|
|
submiting: false // 新增编辑防抖标识 |
|
|
|
@ -506,8 +636,8 @@ export default { |
|
|
|
this.$confirm("确定要删除吗？", "提示", { |
|
|
|
this.$confirm("确定要删除吗？", "提示", { |
|
|
|
type: "warning" |
|
|
|
type: "warning" |
|
|
|
}).then(() => { |
|
|
|
}).then(() => { |
|
|
|
this.$del(`${this.api.dept}/${data.id}`).then(res => { |
|
|
|
this.$post(this.api.deleteDept, Util.rsa(data.id)).then(res => { |
|
|
|
util.successMsg("删除成功") |
|
|
|
Util.successMsg("删除成功") |
|
|
|
this.getOrg() |
|
|
|
this.getOrg() |
|
|
|
}).catch(res => { }) |
|
|
|
}).catch(res => { }) |
|
|
|
}).catch(() => { }) |
|
|
|
}).catch(() => { }) |
|
|
|
@ -526,14 +656,14 @@ export default { |
|
|
|
} |
|
|
|
} |
|
|
|
if (!form.id) { |
|
|
|
if (!form.id) { |
|
|
|
// 添加 |
|
|
|
// 添加 |
|
|
|
this.$post(this.api.dept, form).then(res => { |
|
|
|
this.$post(this.api.dept, Util.rsa(form)).then(res => { |
|
|
|
util.successMsg("新增成功！") |
|
|
|
Util.successMsg("新增成功！") |
|
|
|
this.closeOrg() |
|
|
|
this.closeOrg() |
|
|
|
}).catch(err => { }) |
|
|
|
}).catch(err => { }) |
|
|
|
} else { |
|
|
|
} else { |
|
|
|
// 编辑 |
|
|
|
// 编辑 |
|
|
|
this.$put(this.api.dept, form).then(res => { |
|
|
|
this.$post(this.api.updateDept, Util.rsa(form)).then(res => { |
|
|
|
util.successMsg("编辑成功！") |
|
|
|
Util.successMsg("编辑成功！") |
|
|
|
this.closeOrg() |
|
|
|
this.closeOrg() |
|
|
|
}).catch(err => { }) |
|
|
|
}).catch(err => { }) |
|
|
|
} |
|
|
|
} |
|
|
|
@ -557,13 +687,13 @@ export default { |
|
|
|
}, |
|
|
|
}, |
|
|
|
// 员工列表 |
|
|
|
// 员工列表 |
|
|
|
getStaff () { |
|
|
|
getStaff () { |
|
|
|
this.$post(this.api.users, { |
|
|
|
this.$post(this.api.users, Util.rsa({ |
|
|
|
type: this.staffType || 1, |
|
|
|
type: this.staffType || 1, |
|
|
|
deptArchitectureId: this.$refs.orgs.getCurrentKey() || '', |
|
|
|
deptArchitectureId: this.$refs.orgs.getCurrentKey() || '', |
|
|
|
keyWord: this.keyword, |
|
|
|
keyWord: this.keyword, |
|
|
|
pageNum: this.page, |
|
|
|
pageNum: this.page, |
|
|
|
pageSize: this.pageSize |
|
|
|
pageSize: this.pageSize |
|
|
|
}).then(({ data }) => { |
|
|
|
})).then(({ data }) => { |
|
|
|
this.list = data.records |
|
|
|
this.list = data.records |
|
|
|
this.total = +data.total |
|
|
|
this.total = +data.total |
|
|
|
}).catch(err => { }) |
|
|
|
}).catch(err => { }) |
|
|
|
@ -586,8 +716,8 @@ export default { |
|
|
|
this.$confirm("确定要删除吗？", "提示", { |
|
|
|
this.$confirm("确定要删除吗？", "提示", { |
|
|
|
type: "warning" |
|
|
|
type: "warning" |
|
|
|
}).then(() => { |
|
|
|
}).then(() => { |
|
|
|
this.$del(this.api.user, [row.id]).then(res => { |
|
|
|
this.$post(this.api.deletedUser, Util.rsa([row.id])).then(res => { |
|
|
|
util.successMsg("删除成功") |
|
|
|
Util.successMsg("删除成功") |
|
|
|
this.getStaff() |
|
|
|
this.getStaff() |
|
|
|
}).catch(res => { }) |
|
|
|
}).catch(res => { }) |
|
|
|
}).catch(() => { }) |
|
|
|
}).catch(() => { }) |
|
|
|
@ -599,21 +729,21 @@ export default { |
|
|
|
this.$confirm('确定要删除吗？', '提示', { |
|
|
|
this.$confirm('确定要删除吗？', '提示', { |
|
|
|
type: 'warning' |
|
|
|
type: 'warning' |
|
|
|
}).then(() => { |
|
|
|
}).then(() => { |
|
|
|
this.$del(`${this.api.user}`, list.map(e => e.id)).then(res => { |
|
|
|
this.$post(this.api.deletedUser, Util.rsa(list.map(e => e.id))).then(res => { |
|
|
|
this.$refs.table.clearSelection() |
|
|
|
this.$refs.table.clearSelection() |
|
|
|
util.successMsg('删除成功') |
|
|
|
Util.successMsg('删除成功') |
|
|
|
this.getStaff() |
|
|
|
this.getStaff() |
|
|
|
}).catch(res => { }) |
|
|
|
}).catch(res => { }) |
|
|
|
}).catch(() => { }) |
|
|
|
}).catch(() => { }) |
|
|
|
} else { |
|
|
|
} else { |
|
|
|
util.errorMsg('请先选择数据 ！') |
|
|
|
Util.errorMsg('请先选择数据 ！') |
|
|
|
} |
|
|
|
} |
|
|
|
}, |
|
|
|
}, |
|
|
|
// 重置密码 |
|
|
|
// 重置密码 |
|
|
|
resetPassword (row) { |
|
|
|
resetPassword (row) { |
|
|
|
this.$confirm(`确定重置密码？重置后密码为111aaa。`, "提示", { type: "warning" }).then(() => { |
|
|
|
this.$confirm(`确定重置密码？重置后密码为111aaa。`, "提示", { type: "warning" }).then(() => { |
|
|
|
this.$get(`${this.api.resetPwd}?userId=${row.id}`).then(res => { |
|
|
|
this.$post(this.api.resetPwd, Util.rsa(+row.id)).then(res => { |
|
|
|
util.successMsg("重置成功") |
|
|
|
Util.successMsg("重置成功") |
|
|
|
}).catch(res => { }) |
|
|
|
}).catch(res => { }) |
|
|
|
}).catch(() => { }) |
|
|
|
}).catch(() => { }) |
|
|
|
}, |
|
|
|
}, |
|
|
|
@ -644,7 +774,8 @@ export default { |
|
|
|
queryStaff (row, isDetail) { |
|
|
|
queryStaff (row, isDetail) { |
|
|
|
this.isDetail = isDetail |
|
|
|
this.isDetail = isDetail |
|
|
|
this.staffVisible = true |
|
|
|
this.staffVisible = true |
|
|
|
this.$get(`${this.api.user}/${row.id}`).then(({ data }) => { |
|
|
|
|
|
|
|
|
|
|
|
this.$post(this.api.queryUser, Util.rsa(row.id)).then(({ data }) => { |
|
|
|
const { deptArchitectureId, roleId } = data |
|
|
|
const { deptArchitectureId, roleId } = data |
|
|
|
if (roleId) { |
|
|
|
if (roleId) { |
|
|
|
const ids = roleId.split(',').map(e => +e) |
|
|
|
const ids = roleId.split(',').map(e => +e) |
|
|
|
@ -658,7 +789,7 @@ export default { |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
if (!has) { |
|
|
|
if (!has) { |
|
|
|
util.warningMsg('角色被删请重新选择') |
|
|
|
Util.warningMsg('角色被删请重新选择') |
|
|
|
data.roleIds = [] |
|
|
|
data.roleIds = [] |
|
|
|
} else { |
|
|
|
} else { |
|
|
|
data.roleIds = ids |
|
|
|
data.roleIds = ids |
|
|
|
@ -688,19 +819,19 @@ export default { |
|
|
|
}, |
|
|
|
}, |
|
|
|
// 获取角色数据 |
|
|
|
// 获取角色数据 |
|
|
|
getRole () { |
|
|
|
getRole () { |
|
|
|
this.$post(this.api.roles, { |
|
|
|
this.$post(this.api.roles, Util.rsa({ |
|
|
|
page: 1, |
|
|
|
page: 1, |
|
|
|
limit: 10000 |
|
|
|
limit: 10000 |
|
|
|
}).then(({ data }) => { |
|
|
|
})).then(({ data }) => { |
|
|
|
this.roleIds = data.records |
|
|
|
this.roleIds = data.records |
|
|
|
}).catch(res => { }) |
|
|
|
}).catch(res => { }) |
|
|
|
}, |
|
|
|
}, |
|
|
|
// 用户组 |
|
|
|
// 用户组 |
|
|
|
getUserGroup () { |
|
|
|
getUserGroup () { |
|
|
|
this.$post(this.api.groupList, { |
|
|
|
this.$post(this.api.groupList, Util.rsa({ |
|
|
|
page: 1, |
|
|
|
page: 1, |
|
|
|
limit: 10000 |
|
|
|
limit: 10000 |
|
|
|
}).then(({ data }) => { |
|
|
|
})).then(({ data }) => { |
|
|
|
this.userGroups = data.records |
|
|
|
this.userGroups = data.records |
|
|
|
}).catch(err => { }) |
|
|
|
}).catch(err => { }) |
|
|
|
}, |
|
|
|
}, |
|
|
|
@ -735,17 +866,17 @@ export default { |
|
|
|
this.$refs.form.validate((valid) => { |
|
|
|
this.$refs.form.validate((valid) => { |
|
|
|
if (valid) { |
|
|
|
if (valid) { |
|
|
|
if (this.submiting) return false |
|
|
|
if (this.submiting) return false |
|
|
|
if (this.accountReapeat) return util.warningMsg("该账号已存在") |
|
|
|
if (this.accountReapeat) return Util.warningMsg("该账号已存在") |
|
|
|
if (this.workNumberReapeat) return util.warningMsg("该工号已存在") |
|
|
|
if (this.workNumberReapeat) return Util.warningMsg("该工号已存在") |
|
|
|
if (this.phoneRepeat) return util.warningMsg("该手机号已存在") |
|
|
|
if (this.phoneRepeat) return Util.warningMsg("该手机号已存在") |
|
|
|
if (this.emailRepeat) return util.warningMsg("该邮箱已存在") |
|
|
|
if (this.emailRepeat) return Util.warningMsg("该邮箱已存在") |
|
|
|
this.submiting = true |
|
|
|
this.submiting = true |
|
|
|
const form = JSON.parse(JSON.stringify(this.form)) |
|
|
|
const form = JSON.parse(JSON.stringify(this.form)) |
|
|
|
const ids = form.deptArchitectureId |
|
|
|
const ids = form.deptArchitectureId |
|
|
|
if (ids) form.deptArchitectureId = ids.map(e => e[e.length - 1]) |
|
|
|
if (ids) form.deptArchitectureId = ids.map(e => e[e.length - 1]) |
|
|
|
if (form.id) { |
|
|
|
if (form.id) { |
|
|
|
this.$put(this.api.user, form).then(res => { |
|
|
|
this.$post(this.api.updateUser, Util.rsa(form)).then(res => { |
|
|
|
util.successMsg("编辑成功！") |
|
|
|
Util.successMsg("编辑成功！") |
|
|
|
this.staffVisible = false |
|
|
|
this.staffVisible = false |
|
|
|
setTimeout(() => { |
|
|
|
setTimeout(() => { |
|
|
|
this.submiting = false |
|
|
|
this.submiting = false |
|
|
|
@ -756,8 +887,8 @@ export default { |
|
|
|
}, 2000) |
|
|
|
}, 2000) |
|
|
|
}) |
|
|
|
}) |
|
|
|
} else { |
|
|
|
} else { |
|
|
|
this.$post(this.api.user, form).then(res => { |
|
|
|
this.$post(this.api.user, Util.rsa(form)).then(res => { |
|
|
|
util.successMsg("新增成功！") |
|
|
|
Util.successMsg("新增成功！") |
|
|
|
this.staffVisible = false |
|
|
|
this.staffVisible = false |
|
|
|
setTimeout(() => { |
|
|
|
setTimeout(() => { |
|
|
|
this.submiting = false |
|
|
|
this.submiting = false |
|
|
|
@ -799,7 +930,7 @@ export default { |
|
|
|
}, |
|
|
|
}, |
|
|
|
// 上传文件 |
|
|
|
// 上传文件 |
|
|
|
handleExceed (files, fileList) { |
|
|
|
handleExceed (files, fileList) { |
|
|
|
util.warningMsg( |
|
|
|
Util.warningMsg( |
|
|
|
`当前限制选择 1 个文件，如需更换，请删除上一个文件再重新选择！` |
|
|
|
`当前限制选择 1 个文件，如需更换，请删除上一个文件再重新选择！` |
|
|
|
) |
|
|
|
) |
|
|
|
}, |
|
|
|
}, |
|
|
|
@ -809,7 +940,7 @@ export default { |
|
|
|
headers: this.headers, |
|
|
|
headers: this.headers, |
|
|
|
responseType: 'blob' |
|
|
|
responseType: 'blob' |
|
|
|
}).then((res) => { |
|
|
|
}).then((res) => { |
|
|
|
util.downloadFileDirect(`导入用户失败原因.xls`, new Blob([res.data])) |
|
|
|
Util.downloadFileDirect(`导入用户失败原因.xls`, new Blob([res.data])) |
|
|
|
}).catch(res => { }) |
|
|
|
}).catch(res => { }) |
|
|
|
}, |
|
|
|
}, |
|
|
|
uploadSuccess (res, file, fileList) { |
|
|
|
uploadSuccess (res, file, fileList) { |
|
|
|
@ -818,10 +949,10 @@ export default { |
|
|
|
if (res.data.exportCode) { |
|
|
|
if (res.data.exportCode) { |
|
|
|
this.exportCode = res.data.exportCode |
|
|
|
this.exportCode = res.data.exportCode |
|
|
|
this.uploadFaild = true |
|
|
|
this.uploadFaild = true |
|
|
|
util.errorMsg(`本次上传有${res.data.failureNum}个错误信息录入`) |
|
|
|
Util.errorMsg(`本次上传有${res.data.failureNum}个错误信息录入`) |
|
|
|
} |
|
|
|
} |
|
|
|
} else { |
|
|
|
} else { |
|
|
|
res.msg ? util.errorMsg(res.msg) : util.errorMsg("上传失败，请检查数据") |
|
|
|
res.msg ? Util.errorMsg(res.msg) : Util.errorMsg("上传失败，请检查数据") |
|
|
|
} |
|
|
|
} |
|
|
|
}, |
|
|
|
}, |
|
|
|
uploadError (err, file, fileList) { |
|
|
|
uploadError (err, file, fileList) { |
|
|
|
@ -854,7 +985,7 @@ export default { |
|
|
|
.el-tree-node__content { |
|
|
|
.el-tree-node__content { |
|
|
|
height: 40px; |
|
|
|
height: 40px; |
|
|
|
&:hover { |
|
|
|
&:hover { |
|
|
|
background-color: #F0F4FF; |
|
|
|
background-color: #f0f4ff; |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
@ -883,7 +1014,7 @@ export default { |
|
|
|
color: #666; |
|
|
|
color: #666; |
|
|
|
} |
|
|
|
} |
|
|
|
&.del { |
|
|
|
&.del { |
|
|
|
color: #D0021B; |
|
|
|
color: #d0021b; |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
.list-wrap { |
|
|
|
.list-wrap { |
|
|
|
|
