plm前端
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
 
 
 
 

809 lines
25 KiB

<template>
<div class="mod-user">
<el-form :inline="true" :model="dataForm" @keyup.enter.native="getDataList()">
<el-form-item>
<el-input v-model="dataForm.userName" placeholder="用户账号" clearable></el-input>
</el-form-item>
<el-form-item>
<el-button @click="getDataList()" type="primary">{{ buttons.search || '查询' }}</el-button>
<el-button v-if="isAuth('sys:user:save')" type="primary" @click="addOrUpdateHandle()">
{{ buttons.add || '新增' }}
</el-button>
<el-button v-if="isAuth('sys:user:save')" :disabled="this.showButton" type="primary"
@click="specialAuthorize()"
>{{ buttons.specialCompetencies || '特殊权限' }}
</el-button>
<el-button v-if="isAuth('sys:user:save')" :disabled="this.showButton" type="primary"
@click="siteAuthorize()"
> {{ buttons.factoryAuthorization || '工厂授权' }}
</el-button>
<el-button v-if="isAuth('sys:user:save')" :disabled="this.showButton" type="primary"
@click="buAuthorize()"
> {{ buttons.buAuthorization || 'BU授权' }}
</el-button>
<el-button v-if="isAuth('sys:user:save')" :disabled="this.showButton" type="primary"
@click="projectModel()"
> {{ buttons.projectAuthorization || '项目授权' }}
</el-button>
</el-form-item>
</el-form>
<el-table
:data="dataList"
border
:height="height"
v-loading="dataListLoading"
@selection-change="selectionChangeHandle"
highlight-current-row
@current-change="handleCurrentChange"
style="width: 100%;">
<el-table-column
prop="username"
header-align="center"
align="center"
:label="buttons.username||'用户账号'">
</el-table-column>
<el-table-column
prop="userDisplay"
header-align="center"
align="center"
:label="buttons.userDisplay||'用户名'">
</el-table-column>
<el-table-column
prop="email"
header-align="center"
align="center"
:label="buttons.email||'邮箱'">
</el-table-column>
<el-table-column
prop="mobile"
header-align="center"
align="center"
:label="buttons.mobile||'手机号'">
</el-table-column>
<el-table-column
prop="status"
header-align="center"
align="center"
:label="buttons.status||'状态'">
<template slot-scope="scope">
<el-link v-if="scope.row.status === 0" type="success">{{ buttons.disable || '禁用' }}</el-link>
<el-link v-else type="danger">{{ buttons.normal || '正常' }}</el-link>
</template>
</el-table-column>
<el-table-column
prop="createTime"
header-align="center"
align="center"
width="180"
:label="buttons.createTime||'创建时间'">
</el-table-column>
<el-table-column
fixed="right"
header-align="center"
align="center"
width="150"
:label="buttons.cz||'操作'">
<template slot-scope="scope">
<!-- <a type="text" size="small" @click="generateData(scope.row)">{{ buttons.auth || '审核' }}</a>-->
<a v-if="isAuth('sys:user:update')" type="text" size="small"
@click="addOrUpdateHandle(scope.row.userId)">{{ buttons.edit || '修改' }}</a>
<a v-if="isAuth('sys:user:delete')" type="text" size="small"
@click="deleteHandle(scope.row.userId)">{{ buttons.delete || '删除' }}</a>
</template>
</el-table-column>
</el-table>
<el-pagination
@size-change="sizeChangeHandle"
@current-change="currentChangeHandle"
:current-page="pageIndex"
:page-sizes="[20, 50, 100, 200, 500]"
:page-size="pageSize"
:total="totalPage"
layout="total, sizes, prev, pager, next, jumper">
</el-pagination>
<!-- 弹窗, 新增 / 修改 -->
<add-or-update v-if="addOrUpdateVisible" ref="addOrUpdate" @refreshDataList="getDataList"></add-or-update>
<!-- 审核权限 -->
<el-dialog :close-on-click-modal="false" :close-on-press-escape="false" v-drag :title="inputSearch1"
:visible.sync="setUp.reviewFlag" width="518px">
<template>
<el-transfer v-model="checked" :data="transferData"
:titles="[buttons.allAuth || '所有权限', buttons.currentAuth || '当前权限']"></el-transfer>
</template>
<span slot="footer" class="dialog-footer">
<div style="margin-top: 5px">
<el-button type="primary" :disabled="setUp.saveButton" @click="saveUserRoleFlag()">确定</el-button>
<el-button type="primary" @click="setUp.reviewFlag = false">取消</el-button>
</div>
</span>
</el-dialog>
<!-- 特殊权限 -->
<el-dialog
v-drag
:title="'特殊性权限'"
:visible.sync="specialVisible"
width="820px"
:append-to-body="true">
<el-table
:data="securityList"
border
:height="securityHeight"
v-loading="dataListLoading"
style="width: 100%;">
<el-table-column
v-for="(item,index) in columnList" :key="index"
:sortable="item.columnSortable"
:prop="item.columnProp"
:header-align="item.headerAlign"
:show-overflow-tooltip="item.showOverflowTooltip"
:align="item.align"
:fixed="item.fixed==''?false:item.fixed"
:min-width="item.columnWidth"
:label="item.columnLabel">
<template slot-scope="scope">
<span v-if="!item.columnHidden"> {{ scope.row[item.columnProp] }}</span>
<span v-if="item.columnHidden">
<el-checkbox v-model="scope.row[item.columnProp] "></el-checkbox>
</span>
<span v-if="item.columnImage"><img :src="scope.row[item.columnProp]"
style="width: 100px; height: 80px"/></span>
</template>
</el-table-column>
</el-table>
<span slot="footer" class="dialog-footer">
<el-button type="primary" @click="saveUserSecurity()">确定</el-button>
<el-button @click="specialVisible = false" type="primary">取消</el-button>
</span>
</el-dialog>
<!-- 工厂授权 -->
<el-dialog
style="font-size: 12px"
v-drag
:title="'工厂授权'"
:visible.sync="siteVisible"
width="518px"
:append-to-body="true">
<el-transfer class="rq" filterable v-model="selectSitList" :data="siteList" :titles="['未授权工厂', '已授权工厂']"></el-transfer>
<span slot="footer" class="dialog-footer">
<div style="margin-top: 5px">
<el-button type="primary" @click="saveUserAssessSite()">确定</el-button>
<el-button @click="siteVisible = false" type="primary">取消</el-button>
</div>
</span>
</el-dialog>
<!-- BU授权 -->
<el-dialog
style="font-size: 12px"
v-drag
:title="'BU授权'"
:visible.sync="buVisible"
width="518px"
:append-to-body="true">
<el-transfer class="rq" filterable v-model="selectBUList" :props="{
key: 'buNo',
label: 'buDesc'
}" :data="buList" :titles="['未授权BU', '已授权BU']"></el-transfer>
<span slot="footer" class="dialog-footer">
<div style="margin-top: 5px">
<el-button type="primary" @click="saveBuAssessSite()">确定</el-button>
<el-button @click="buVisible = false" type="primary">取消</el-button>
</div>
</span>
</el-dialog>
<el-dialog
width="600px"
title="项目权限"
:close-on-click-modal="false"
:visible.sync="projectRoleFlag">
<el-table
:data="projectRoleList"
border
:height="400"
v-loading="false"
style="width: 100%;">
<el-table-column
prop="projectId"
header-align="center"
align="center"
min-width="50"
label="项目号">
</el-table-column>
<el-table-column
prop="projectDesc"
header-align="center"
align="center"
min-width="100"
label="项目描述">
</el-table-column>
<el-table-column
prop=""
header-align="center"
align="center"
min-width="25"
label="">
<template slot-scope="scope">
<!-- 如果数据为Y,显示勾选框,否则不勾选 -->
<el-checkbox v-model="scope.row.checkAll" @change="changeAll(scope.row)"></el-checkbox>
</template>
</el-table-column>
<el-table-column
prop=""
header-align="center"
align="center"
min-width="25"
label="查询">
<template slot-scope="scope">
<!-- 如果数据为Y,显示勾选框,否则不勾选 -->
<el-checkbox v-model="scope.row.searchCheck" @change="changeCheck(scope.row,1)"></el-checkbox>
</template>
</el-table-column>
<el-table-column
prop=""
header-align="center"
align="center"
min-width="25"
label="修改">
<template slot-scope="scope">
<!-- 如果数据为Y,显示勾选框,否则不勾选 -->
<el-checkbox v-model="scope.row.updateCheck" @change="changeCheck(scope.row,2)"></el-checkbox>
</template>
</el-table-column>
<el-table-column
prop=""
header-align="center"
align="center"
min-width="25"
label="下载">
<template slot-scope="scope">
<!-- 如果数据为Y,显示勾选框,否则不勾选 -->
<el-checkbox v-model="scope.row.downCheck" @change="changeCheck(scope.row,3)"></el-checkbox>
</template>
</el-table-column>
<el-table-column
prop=""
header-align="center"
align="center"
min-width="25"
label="删除">
<template slot-scope="scope">
<!-- 如果数据为Y,显示勾选框,否则不勾选 -->
<el-checkbox v-model="scope.row.deleteCheck" @change="changeCheck(scope.row,4)"></el-checkbox>
</template>
</el-table-column>
</el-table>
<span slot="footer" class="dialog-footer">
<div style="margin-top: 5px">
<el-button type="primary" @click="saveAccessProject()">确定</el-button>
<el-button @click="projectRoleFlag = false" type="primary">取消</el-button>
</div>
</span>
</el-dialog>
</div>
</template>
<script>
import {getUserAccessSiteList, saveUserAccessSiteList} from '@/api/factory/accessSite.js'
import {getSiteList} from '@/api/factory/site.js'
import {searchAccessBuList,saveAccessBU,searchAccessProjectForUser,saveAccessProject} from '@/api/base/site.js'
import AddOrUpdate from './user-add-or-update'
import {getUserBusinessRoleList, saveUserBusinessRole,} from '@/api/auditManagement/auditType.js'
import {
getUserSpecialSecurity,
saveUserSpecialSecurity,
updateUserSpecialSecurity
} from '@/api/factory/userSpecialSecurity.js'
import {debounce, throttle} from "../../../utils/common";
import {
searchFunctionButtonList,
} from "@/api/sysLanguage.js"
export default {
data() {
return {
projectRoleFlag:false,
projectRoleList:[],
showButton: true,
height: 200,
securityHeight: 300,
specialVisible: false,
siteVisible: false,
buVisible: false,
currentData: {},
userId: this.$store.state.user.name,
transferData: [],
checked: [],
selectBUList:[],
buList:[],
inputSearch1: '审核权限',
//设置
setUp: {
reviewFlag: false,
saveButton: false,
},
dataForm: {
userName: ''
},
columnList: [
{
userId: this.$store.state.user.name,
serialNumber: 'security' + this.$route.meta.menuId + 'securitydesc',
tableId: this.$route.meta.menuId + 'security',
tableName: "securityTable",
columnProp: "securitydesc",
headerAlign: "center",
align: "left",
columnLabel: "参数描述",
columnHidden: false,
columnImage: false,
columnWidth: 70,
columnSortable: false,
sortLv: 0,
status: true,
fixed: '',
},
{
userId: this.$store.state.user.name,
serialNumber: 'security' + this.$route.meta.menuId + 'securitydesc',
tableId: this.$route.meta.menuId + 'security',
tableName: "securityTable",
columnProp: "module",
headerAlign: "center",
align: "left",
columnLabel: "模块",
columnHidden: false,
columnImage: false,
columnSortable: false,
columnWidth: 20,
sortLv: 0,
status: true,
fixed: '',
},
{
userId: this.$store.state.user.name,
serialNumber: 'security' + this.$route.meta.menuId + 'securitydesc',
tableId: this.$route.meta.menuId + 'security',
tableName: "securityTable",
columnProp: "itemvalue",
headerAlign: "center",
align: "center",
columnLabel: "参数值",
columnHidden: true,
columnImage: false,
columnSortable: false,
columnWidth: 10,
sortLv: 0,
status: true,
fixed: '',
},
],
buttons: {
cz: '操作',
search: '查询',
add: '添加',
edit: '编辑',
delete: '删除',
specialCompetencies: '特殊权限',
factoryAuthorization: '工厂授权',
buAuthorization: 'BU授权',
projectAuthorization: '项目授权',
createTime: '创建时间',
username: '用户账号',
userDisplay: '用户名',
email: '邮箱',
mobile: '手机号',
status: '状态',
disable: '禁用',
normal: '正常',
auth: '审核',
allAuth: '所有权限',
currentAuth: '当前权限'
},
dataList: [],
securityList: [],
selectSpecialList: [],
siteList: [],
selectSitList: [],
selectUser: {},
pageIndex: 1,
pageSize: 20,
totalPage: 0,
dataListLoading: false,
dataListSelections: [],
addOrUpdateVisible: false
}
},
components: {
AddOrUpdate
},
activated() {
this.getDataList()
},
mounted() {
this.$nextTick(() => {
this.securityHeight = window.innerHeight - 300;
this.height = window.innerHeight - 200;
})
},
methods: {
// 获取button的词典
getFunctionButtonList() {
let queryButton = {
functionId: this.$route.meta.menuId,
tableId: '*',
languageCode: this.$i18n.locale,
objectType: 'button'
}
searchFunctionButtonList(queryButton).then(({data}) => {
if (data.code == 0 && data.data) {
this.buttons = data.data
}
})
},
// 特殊权限
specialAuthorize() {
this.specialVisible = true
this.searchUserSpecialSecurity()
},
// 获取特殊权限
searchUserSpecialSecurity() {
saveUserSpecialSecurity({userid: this.selectUser.username}).then(({data}) => {
if (data.code === 0) {
getUserSpecialSecurity(this.selectUser.username).then(({data}) => {
if (data.code === 0) {
this.securityList = data.dataList.map(item => {
item.itemvalue = item.itemvalue == 'Y' ? true : false;
return item;
})
}
})
}
})
},
// 保存用户权限
saveUserSecurity() {
let securityList = JSON.parse(JSON.stringify(this.securityList)).map(item => {
item.itemvalue = item.itemvalue === true ? 'Y' : 'N';
return item;
})
updateUserSpecialSecurity(securityList).then(({data}) => {
if (data.code === 0) {
this.$message.success(data.msg)
this.specialVisible = false
} else {
this.$message.success(data.msg)
}
})
},
// 授权工厂
siteAuthorize() {
this.siteVisible = true
this.searchSiteList()
},
buAuthorize() {
this.buVisible = true
this.searchBuList()
},
//授权项目start
projectModel(){
let inData={
site:this.$store.state.user.site,
username:this.selectUser.username,
}
searchAccessProjectForUser(inData).then(({data}) => {
this.projectRoleList=data.rows
})
this.projectRoleFlag=true
},
changeAll(row){
if(row.checkAll){
row.searchCheck=true;
row.updateCheck=true;
row.downCheck=true;
row.deleteCheck=true;
row.searchFlag='Y'
row.updateFlag='Y'
row.downFlag='Y'
row.deleteFlag='Y'
}else {
row.searchCheck=false;
row.updateCheck=false;
row.downCheck=false;
row.deleteCheck=false;
row.searchFlag='N'
row.updateFlag='N'
row.downFlag='N'
row.deleteFlag='N'
}
},
changeCheck(row,type){
if(type==1){
if(row.searchCheck){
row.searchFlag='Y'
}else {
row.searchFlag='N'
}
}
if(type==2){
if(row.updateCheck){
row.updateFlag='Y'
}else {
row.updateFlag='N'
}
}
if(type==3){
if(row.downCheck){
row.downFlag='Y'
}else {
row.downFlag='N'
}
}
if(type==4){
if(row.deleteCheck){
row.deleteFlag='Y'
}else {
row.deleteFlag='N'
}
}
if(row.searchCheck&&row.updateCheck&&row.downCheck&&row.deleteCheck){
row.checkAll=true
}else{
row.checkAll=false
}
this.$forceUpdate();
},
saveAccessProject(){
let inData={
site:this.$store.state.user.site,
username:this.selectUser.username,
accessProjectList:this.projectRoleList
}
saveAccessProject(inData).then(({data}) => {
if (data && data.code === 0) {
this.$message.success( '操作成功')
this.projectRoleFlag = false
} else {
this.$message.error(data.msg)
}
})
},
//授权项目end
// 保存选中的授权工厂
saveUserAssessSite() {
let accessSiteList = this.selectSitList.map(item => {
let itemSite = {
userid: this.selectUser.username,
site: item
}
return itemSite;
})
let accessSite = {
userid: this.selectUser.username,
accessSiteList: accessSiteList
}
saveUserAccessSiteList(accessSite).then(({data}) => {
if (data.code === 0) {
this.$message.success(data.msg)
this.siteList = []
this.selectSitList = []
this.siteVisible = false
} else {
this.$message.warning(data.msg)
}
})
},
saveBuAssessSite(){
if(this.selectBUList.length==0){
this.$message.warning("请选择BU")
return false;
}
let inList=[];
for (let i = 0; i < this.selectBUList.length; i++) {
let inData={
site:this.$store.state.user.site,
username:this.selectUser.username,
buNo:this.selectBUList[i]
}
inList.push(inData)
}
saveAccessBU(inList).then(({data}) => {
if (data && data.code === 0) {
this.$message.success( '操作成功')
this.buVisible = false
} else {
this.$message.error(data.msg)
}
})
},
// 获取用户已授权的工厂列表
searchUserAccessSiteList() {
getUserAccessSiteList({userid: this.selectUser.username}).then(({data}) => {
this.selectSitList = data.dataList
})
},
// 获取所有可用工厂
searchSiteList() {
getSiteList({active: 'Y'}).then(({data}) => {
if (data.code == 0) {
this.siteList = data.dataList
this.searchUserAccessSiteList()
}
})
},
searchBuList(){
searchAccessBuList({site:this.$store.state.user.site,
username: this.selectUser.username,
active:'Y'}).then(({data}) => {
this.selectBUList = data.selectBUList
this.buList=data.buList
})
},
// 选中行
handleCurrentChange(val) {
this.selectUser = val
this.showButton = false
},
saveUserRoleFlag() {
let saveList = []
let currentList = this.checked
// 当前未选择记录
if (currentList.length == 0) {
this.$confirm("当前未选择记录,是否继续?", '删除提示', {
confirmButtonText: '确定',
cancelButtonText: '取消',
}).then(() => {
let data = {
userId: this.currentData.userId,
}
saveList.push(data);
this.saveUserBusinessRole(saveList)
}).catch(() => {
return
})
} else {
for (let i = 0; i < currentList.length; i++) {
let data = {
userId: this.currentData.userId,
roleItemNo: currentList[i],
selectFlag: 'Y',
}
saveList.push(data);
}
this.saveUserBusinessRole(saveList)
}
},
saveUserBusinessRole(saveList) {
saveUserBusinessRole(saveList).then(({data}) => {
this.$alert(data.msg, '操作提示', {
confirmButtonText: '确定',
callback: action => {
if (data.code == 0) {
this.setUp.reviewFlag = false
}
this.setUp.saveButton = false
}
});
})
},
generateData(row) {
this.currentData = row
let queryData = {
active: 'Y',
userId: this.currentData.userId,
}
getUserBusinessRoleList(queryData).then(({data}) => {
let rows1Data = data.map.rows1
let rows2Data = data.map.rows2
let forData = []
let checkedList = []
for (let i = 0; i < rows1Data.length; i++) {
forData.push({
key: rows1Data[i].roleItemNo,
label: rows1Data[i].roleDesc,
});
}
for (let j = 0; j < rows2Data.length; j++) {
checkedList.push(rows2Data[j].roleItemNo)
}
this.transferData = forData;
this.checked = checkedList
this.setUp.reviewFlag = true
})
},
// 获取数据列表
getDataList: throttle(function () {
this.dataListLoading = true
this.$http({
url: this.$http.adornUrl('/sys/user/list'),
method: 'get',
params: this.$http.adornParams({
'page': this.pageIndex,
'limit': this.pageSize,
'username': this.dataForm.userName
})
}).then(({data}) => {
if (data && data.code === 0) {
this.dataList = data.page.list
this.totalPage = data.page.totalCount
} else {
this.dataList = []
this.totalPage = 0
}
this.dataListLoading = false
})
}, 1000),
// 每页数
sizeChangeHandle(val) {
this.pageSize = val
this.pageIndex = 1
this.getDataList()
},
// 当前页
currentChangeHandle(val) {
this.pageIndex = val
this.getDataList()
},
// 多选
selectionChangeHandle(val) {
this.dataListSelections = val
},
// 新增 / 修改
addOrUpdateHandle(id) {
this.addOrUpdateVisible = true
this.$nextTick(() => {
this.$refs.addOrUpdate.init(id)
})
},
// 删除
deleteHandle(id) {
var userIds = id ? [id] : this.dataListSelections.map(item => {
return item.userId
})
this.$confirm(`确定对[id=${userIds.join(',')}]进行[${id ? '删除' : '批量删除'}]操作?`, '提示', {
confirmButtonText: '确定',
cancelButtonText: '取消',
type: 'warning'
}).then(() => {
this.$http({
url: this.$http.adornUrl('/sys/user/delete'),
method: 'post',
data: this.$http.adornData(userIds, false)
}).then(({data}) => {
if (data && data.code === 0) {
this.$message.success('操作成功')
this.getDataList()
} else {
this.$message.error(data.msg)
}
})
}).catch(() => {
})
}
},
created() {
this.getFunctionButtonList()
}
}
</script>
<style>
.el-dialog__title {
line-height: 24px;
font-size: 16px;
color: #303133;
}
</style>