Skip to content

T
template_vue
Commit ab996baa authored by kzy's avatar kzy
Browse files
Options

盘点和废弃的模糊搜索

parent c4634bc9
Hide whitespace changes
Inline Side-by-side
Showing with 791 additions and 695 deletions
src/api/equipment/equipmentAbandonment.js 0 → 100644
View file @ ab996baa
import request from '@/utils/request'
import Qs from 'qs'
// 查询角色列表
export function listCheck(query) {
return request({
url: '/wbwarehouse/queryWbWarehouseByPagination',
method: 'get',
params: query
})
}
export function getlistRole() {
return request({
url: 'system/role/listAll',
method: 'get'
})
}
// 查询角色详细
export function getRole(businessId) {
return request({
url: '/system/role/detail/' + businessId,
method: 'get'
})
}
// 新增角色
export function addRole(data) {
data = Qs.stringify(data)
return request({
url: '/system/role/add',
method: 'post',
data: data,
headers: {
'Content-Type': 'application/x-www-form-urlencoded'
}
})
}
// 修改角色
export function updateRole(data) {
const businessId = data.businessId
data = Qs.stringify(data)
return request({
url: '/system/role/update/' + businessId,
method: 'put',
data,
headers: {
'Content-Type': 'application/x-www-form-urlencoded'
}
})
}
// 角色数据权限
export function dataScope(data) {
data = Qs.stringify(data)
return request({
url: '/system/role/dataScope',
method: 'put',
data,
headers: {
'Content-Type': 'application/x-www-form-urlencoded'
}
})
}
// 角色状态修改
export function changeRoleStatus(businessId, flag) {
const data = {
businessId,
flag
}
return request({
url: '/system/role/changeStatus',
method: 'put',
params: data
})
}
// 删除角色
export function delRole(roleId) {
return request({
url: '/system/role/deleteLogical/' + roleId,
method: 'delete'
})
}
// 导出角色
export function exportRole(query) {
return request({
url: '/system/role/export',
method: 'get',
params: query,
responseType: 'blob'
})
}
src/views/equipment/check.vue
View file @ ab996baa
<template> <template>
<div class="app-container"> <div class="app-container">
<el-form ref="queryForm" style="padding: 0 0 0 10px" :model="queryParams" :inline="true"> <el-form ref="queryForm" style="padding: 0 0 0 10px" :model="queryParams" :inline="true">
<el-form-item label="设备编码" prop="equipmentCode"> <el-form-item label="pn" prop="pn">
<el-input <el-input
v-model="queryParams.equipmentCode" v-model="queryParams.pn"
placeholder="请输入设备编码" placeholder="请输入pn"
clearable clearable
:maxlength="30" :maxlength="30"
size="small" size="small"
...@@ -22,9 +22,9 @@ ...@@ -22,9 +22,9 @@
@keyup.enter.native="handleQuery" @keyup.enter.native="handleQuery"
/> />
</el-form-item> </el-form-item>
<el-form-item label="位置" prop="location"> <el-form-item label="位置" prop="plocation">
<el-input <el-input
v-model="queryParams.location" v-model="queryParams.plocation"
placeholder="请输入设备位置" placeholder="请输入设备位置"
clearable clearable
size="small" size="small"
...@@ -54,7 +54,7 @@ ...@@ -54,7 +54,7 @@
<el-table v-loading="loading" border :data="equipmentList" @selection-change="handleSelectionChange"> <el-table v-loading="loading" border :data="equipmentList" @selection-change="handleSelectionChange">
<el-table-column type="selection" width="55" /> <el-table-column type="selection" width="55" />
<el-table-column type="index" label="序号" width="80" /> <el-table-column type="index" label="序号" width="80" />
<el-table-column label="编码" prop="pn" width="120"> <el-table-column label="pn" prop="pn" width="120">
<template slot-scope="scope"> <template slot-scope="scope">
{{ scope.row.pn || '-' }} {{ scope.row.pn || '-' }}
</template> </template>
...@@ -69,12 +69,12 @@ ...@@ -69,12 +69,12 @@
{{ scope.row.plocation || '-' }} {{ scope.row.plocation || '-' }}
</template> </template>
</el-table-column> </el-table-column>
<el-table-column label="厚度" prop="thickness"> <el-table-column label="厚度" prop="phd">
<template slot-scope="scope"> <template slot-scope="scope">
{{ scope.row.thickness || '-' }} {{ scope.row.phd || '-' }}
</template> </template>
</el-table-column> </el-table-column>
<el-table-column label="创建员" prop="createBy"> <el-table-column label="操作员" prop="createBy">
<template slot-scope="scope"> <template slot-scope="scope">
{{ scope.row.createBy || '-' }} {{ scope.row.createBy || '-' }}
</template> </template>
......
src/views/equipment/checkProcess.vue
View file @ ab996baa
<template> <template>
<div class="app-container"> <div class="app-container">
<el-form ref="queryForm" style="padding: 0 0 0 10px" :model="queryParams" :inline="true"> <el-form ref="queryForm" style="padding: 0 0 0 10px" :model="queryParams" :inline="true">
<el-form-item label="设备编码" prop="equipmentCode"> <el-form-item label="pn" prop="pn">
<el-input <el-input
v-model="queryParams.equipmentCode" v-model="queryParams.equipmentCode"
placeholder="请输入设备编码" placeholder="请输入pn"
clearable clearable
:maxlength="30" :maxlength="30"
size="small" size="small"
...@@ -54,7 +54,7 @@ ...@@ -54,7 +54,7 @@
<el-table v-loading="loading" border :data="equipmentList" @selection-change="handleSelectionChange"> <el-table v-loading="loading" border :data="equipmentList" @selection-change="handleSelectionChange">
<el-table-column type="selection" width="55" /> <el-table-column type="selection" width="55" />
<el-table-column type="index" label="序号" width="80" /> <el-table-column type="index" label="序号" width="80" />
<el-table-column label="编码" prop="pn" width="120"> <el-table-column label="pn" prop="pn" width="120">
<template slot-scope="scope"> <template slot-scope="scope">
{{ scope.row.pn || '-' }} {{ scope.row.pn || '-' }}
</template> </template>
...@@ -69,9 +69,9 @@ ...@@ -69,9 +69,9 @@
{{ scope.row.plocation || '-' }} {{ scope.row.plocation || '-' }}
</template> </template>
</el-table-column> </el-table-column>
<el-table-column label="厚度" prop="thickness"> <el-table-column label="厚度" prop="phd">
<template slot-scope="scope"> <template slot-scope="scope">
{{ scope.row.thickness || '-' }} {{ scope.row.phd || '-' }}
</template> </template>
</el-table-column> </el-table-column>
<el-table-column label="创建员" prop="createBy"> <el-table-column label="创建员" prop="createBy">
......
src/views/equipment/equipmentAbandonment.vue
View file @ ab996baa
<template> <template>
<div class="app-container"> <div class="app-container">
<el-form ref="queryForm" style="padding: 0 0 0 10px" :model="queryParams" :inline="true"> <el-form ref="queryForm" style="padding: 0 0 0 10px" :model="queryParams" :inline="true">
<el-form-item label="设备编码" prop="equipmentCode"> <el-form-item label="pn" prop="pn">
<el-input <el-input
v-model="queryParams.equipmentCode" v-model="queryParams.pn"
placeholder="请输入设备编码" placeholder="请输入pn"
clearable clearable
:maxlength="30" :maxlength="30"
size="small" size="small"
style="width: 150px" style="width: 150px"
@keyup.enter.native="handleQuery" @keyup.enter.native="handleQuery"
/> />
</el-form-item> </el-form-item>
<el-form-item label="lot" prop="lot"> <el-form-item label="lot" prop="lot">
<el-input <el-input
v-model="queryParams.roleKey" v-model="queryParams.lot"
placeholder="请输入设备lot" placeholder="请输入设备lot"
clearable clearable
size="small" size="small"
style="width: 150px" style="width: 150px"
@keyup.enter.native="handleQuery" @keyup.enter.native="handleQuery"
/> />
</el-form-item> </el-form-item>
<el-form-item label="位置" prop="location"> <el-form-item label="位置" prop="plocation">
<el-input <el-input
v-model="queryParams.location" v-model="queryParams.plocation"
placeholder="请输入设备位置" placeholder="请输入设备位置"
clearable clearable
size="small" size="small"
style="width: 150px" style="width: 150px"
@keyup.enter.native="handleQuery" @keyup.enter.native="handleQuery"
/> />
</el-form-item> </el-form-item>
<el-form-item>
<el-button type="primary" size="small" icon="el-icon-search" @click="handleQuery">查询</el-button>
</el-form-item>
<div style="float: right">
<el-form-item> <el-form-item>
<el-button type="primary" size="small" icon="el-icon-search" @click="handleQuery">查询</el-button> <el-button
style="padding: 8px 7px;"
:type="typePrimary"
:size="smallSize"
:icon="addIcon"
>开始盘点
{{ check }}
</el-button>
</el-form-item> </el-form-item>
<div style="float: right"> </div>
<el-form-item> </el-form>
<el-button <div class="placeholder" />
style="padding: 8px 7px;" <div style="padding:5px 10px">
:type="typePrimary" <div class="mb12 font-small-bold">设备管理列表</div>
:size="smallSize" <el-table v-loading="loading" border :data="equipmentList" @selection-change="handleSelectionChange">
:icon="addIcon" <el-table-column type="selection" width="55" />
> <el-table-column type="index" label="序号" width="80" />
{{ check }} <el-table-column label="pn" prop="pn" width="120">
<template slot-scope="scope">
{{ scope.row.pn || '-' }}
</template>
</el-table-column>
<el-table-column label="lot" prop="lot" width="120">
<template slot-scope="scope">
{{ scope.row.lot || '-' }}
</template>
</el-table-column>
<el-table-column label="位置" prop="plocation">
<template slot-scope="scope">
{{ scope.row.plocation || '-' }}
</template>
</el-table-column>
<el-table-column label="厚度" prop="phd">
<template slot-scope="scope">
{{ scope.row.phd || '-' }}
</template>
</el-table-column>
<el-table-column label="操作员" prop="createBy">
<template slot-scope="scope">
{{ scope.row.createBy || '-' }}
</template>
</el-table-column>
<el-table-column label="操作时间" :show-overflow-tooltip="true" align="center" prop="createDate">
<template slot-scope="scope">
<span>{{ scope.row.createDate | transformDateByFormat('YYYY-MM-DD HH:mm') }}</span>
</template>
</el-table-column>
<el-table-column label="操作" class-name="small-padding fixed-width" width="150px">
<template slot-scope="scope">
<el-button :type="typeParent" :size="size" @click="handleDetail(scope.row)">
详情
</el-button> </el-button>
</el-form-item> <el-button
</div>
</el-form>
<div class="placeholder" />
<div style="padding:5px 10px">
<div class="mb12 font-small-bold">设备管理列表</div>
<el-table v-loading="loading" border :data="equipmentList" @selection-change="handleSelectionChange">
<!-- <el-table-column type="selection" width="55" /> -->
<el-table-column type="index" label="序号" width="80" />
<el-table-column label="编码" prop="equipmentCode" width="120">
<template slot-scope="scope">
{{ scope.row.equipmentCode || '-' }}
</template>
</el-table-column>
<el-table-column label="lot" prop="lot" width="120">
<template slot-scope="scope">
{{ scope.row.lot || '-' }}
</template>
</el-table-column>
<el-table-column label="位置" prop="location">
<template slot-scope="scope">
{{ scope.row.location || '-' }}
</template>
</el-table-column>
<el-table-column label="厚度" prop="thickness">
<template slot-scope="scope">
{{ scope.row.thickness || '-' }}
</template>
</el-table-column>
<el-table-column label="创建员" prop="createBy">
<template slot-scope="scope">
{{ scope.row.createBy || '-' }}
</template>
</el-table-column>
<el-table-column label="操作时间" :show-overflow-tooltip="true" align="center" prop="createTime">
<template slot-scope="scope">
<span>{{ scope.row.createTime | transformDateByFormat('YYYY-MM-DD HH:mm') }}</span>
</template>
</el-table-column>
<el-table-column label="操作" class-name="small-padding fixed-width" width="150px">
<template slot-scope="scope">
<el-button :type="typeParent" :size="size" @click="handleDetail(scope.row)">
详情
</el-button>
<el-button
size="mini" size="mini"
type="text" type="text"
icon="el-icon-delete" icon="el-icon-delete"
@click="handleDelete(scope.row)" @click="handleDelete(scope.row)"
>废弃</el-button> >废弃</el-button>
</template> </template>
</el-table-column>
</el-table-column> </el-table>
</el-table>
</div>
<pagination
v-show="total > 0"
:total="total"
:page.sync="queryParams.pageNum"
:limit.sync="queryParams.pageSize"
@pagination="getList"
/>
<!-- 添加或修改设备配置对话框 -->
<el-dialog :title="title" :visible.sync="open" width="500px" append-to-body>
<el-form ref="form" :rules="rules" size="small" label-width="80px">
<el-form-item label="名称" prop="roleName">
<el-input v-model.trim="form.roleName" show-word-limit :maxlength="30" placeholder="请输入设备名称" />
</el-form-item>
<el-form-item label="设备来源" prop="roleKey">
<el-input v-model.trim="form.roleKey" show-word-limit :maxlength="30" placeholder="请输入设备来源" />
</el-form-item>
<el-form-item label="排序" prop="roleSort">
<el-input-number v-model="form.roleSort" style="width: 100%" controls-position="right" :min="0" />
</el-form-item>
<el-form-item label="设备批次">
<!-- <el-checkbox v-model="menuExpand" @change="handleCheckedTreeExpand($event, 'menu')">展开/折叠</el-checkbox>-->
<!-- <el-checkbox v-model="menuNodeAll" @change="handleCheckedTreeNodeAll($event, 'menu')">全选/全不选</el-checkbox>-->
<!-- <el-checkbox v-model="form.menuCheckStrictly" @change="handleCheckedTreeConnect($event, 'menu')">父子联动</el-checkbox>-->
<el-tree
ref="menu"
class="tree-border"
:data="menuOptions"
show-checkbox
node-key="id"
check-strictly
empty-text="加载中，请稍后"
:props="defaultProps"
@check-change="handleMenuCheckChange"
/>
</el-form-item>
<el-form-item label="备注">
<el-input
v-model.trim="form.remark"
maxlength="200"
show-word-limit
type="textarea"
placeholder="请输入内容"
/>
</el-form-item>
</el-form>
<div slot="footer" class="dialog-footer">
<el-button @click="cancel">取 消</el-button>
<el-button type="primary" @click="submitForm">确 定</el-button>
</div>
</el-dialog>
<!-- TODO: 单项详情信息表单配置 -->
<el-dialog class="aboutSingleDetails" :title="title" :visible.sync="openDetails" width="700px" append-to-body>
<el-form ref="formDetails" :model="singleDetails" size="small" label-width="90px">
<el-form-item label="编码：" prop="processName">
<el-input v-model.trim="singleDetails.equipmentCode" :readonly="true" />
</el-form-item>
<el-form-item label="lot：" prop="workshop">
<el-input v-model.trim="singleDetails.lot" :readonly="true" />
</el-form-item>
<el-form-item label="位置：" prop="location">
<el-input v-model.trim="singleDetails.location" :readonly="true" />
</el-form-item>
<el-form-item label="厚度：" prop="thickness">
<el-input v-model.trim="singleDetails.thickness" :readonly="true" />
</el-form-item>
<el-form-item label="操作时间：" prop="createTime">
{{ singleDetails.createTime | transformDateByFormat('YYYY-MM-DD HH:mm') }}
</el-form-item>
<el-form-item label="操作员：" prop="createBy">
<el-input v-model.trim="singleDetails.createBy" :readonly="true" />
</el-form-item>
</el-form>
</el-dialog>
</div> </div>
</template> <pagination
v-show="total > 0"
<script> :total="total"
import { :page.sync="queryParams.page"
addRole, :limit.sync="queryParams.rows"
changeRoleStatus, @pagination="getList"
dataScope, />
delRole,
exportRole, <!-- 添加或修改设备配置对话框 -->
getRole, <el-dialog :title="title" :visible.sync="open" width="500px" append-to-body>
listRole, <el-form ref="form" :model="form" :rules="rules" size="small" label-width="80px">
updateRole <el-form-item label="名称" prop="roleName">
} from '@/api/system/role' <el-input v-model.trim="form.roleName" show-word-limit :maxlength="30" placeholder="请输入设备名称" />
import {roleMenuTreeselect, roleMenuTreeselectMC, treeselect as menuTreeselect} from '@/api/system/menu' </el-form-item>
import {roleDeptTreeselect, treeselect as deptTreeselect} from '@/api/system/dept' <el-form-item label="设备来源" prop="roleKey">
// import { getRolesByInsId } from '../../../api/businessManage/template' <el-input v-model.trim="form.roleKey" show-word-limit :maxlength="30" placeholder="请输入设备来源" />
export default { </el-form-item>
name: 'Role', <el-form-item label="排序" prop="roleSort">
data() { <el-input-number v-model="form.roleSort" style="width: 100%" controls-position="right" :min="0" />
return { </el-form-item>
// TODO: 表单里的单项详情参数 <el-form-item label="设备批次">
singleDetails: { <!-- <el-checkbox v-model="menuExpand" @change="handleCheckedTreeExpand($event, 'menu')">展开/折叠</el-checkbox>-->
equipmentName: '', <!-- <el-checkbox v-model="menuNodeAll" @change="handleCheckedTreeNodeAll($event, 'menu')">全选/全不选</el-checkbox>-->
equipmentCode: '', <!-- <el-checkbox v-model="form.menuCheckStrictly" @change="handleCheckedTreeConnect($event, 'menu')">父子联动</el-checkbox>-->
lot: '', <el-tree
location: '', ref="menu"
thickness: '', class="tree-border"
createBy: '', :data="menuOptions"
createTime: '' show-checkbox
node-key="id"
check-strictly
empty-text="加载中，请稍后"
:props="defaultProps"
@check-change="handleMenuCheckChange"
/>
</el-form-item>
<el-form-item label="备注">
<el-input
v-model.trim="form.remark"
maxlength="200"
show-word-limit
type="textarea"
placeholder="请输入内容"
/>
</el-form-item>
</el-form>
<div slot="footer" class="dialog-footer">
<el-button @click="cancel">取 消</el-button>
<el-button type="primary" @click="submitForm">确 定</el-button>
</div>
</el-dialog>
<!-- TODO: 单项详情信息表单配置 -->
<el-dialog class="aboutSingleDetails" :title="title" :visible.sync="openDetails" width="700px" append-to-body>
<el-form ref="formDetails" :model="singleDetails" size="small" label-width="90px">
<el-form-item label="编码：" prop="pn">
<el-input v-model.trim="singleDetails.pn" :readonly="true" />
</el-form-item>
<el-form-item label="lot：" prop="workshop">
<el-input v-model.trim="singleDetails.lot" :readonly="true" />
</el-form-item>
<el-form-item label="位置：" prop="plocation">
<el-input v-model.trim="singleDetails.plocation" :readonly="true" />
</el-form-item>
<el-form-item label="厚度：" prop="thickness">
<el-input v-model.trim="singleDetails.thickness" :readonly="true" />
</el-form-item>
<el-form-item label=" 操作时间：" prop="createDate">
<el-input v-model.trim="singleDetails.createDate" :readonly="true" />
</el-form-item>
<el-form-item label="操作员：" prop="createBy">
<el-input v-model.trim="singleDetails.createBy" :readonly="true" />
</el-form-item>
</el-form>
</el-dialog>
</div>
</template>
<script>
import {
addRole,
changeRoleStatus,
dataScope,
delRole,
exportRole,
getRole,
listRole,
updateRole
} from '@/api/system/role'
import {listCheck} from '@/api/equipment/check'
import {roleMenuTreeselect, roleMenuTreeselectMC, treeselect as menuTreeselect} from '@/api/system/menu'
import {roleDeptTreeselect, treeselect as deptTreeselect} from '@/api/system/dept'
// import { getRolesByInsId } from '../../../api/businessManage/template'
export default {
name: 'Role',
data() {
return {
// TODO: 表单里的单项详情参数
singleDetails: {
equipmentName: '',
equipmentCode: '',
lot: '',
location: '',
thickness: '',
createBy: '',
createTime: ''
},
// 是否显示弹出层（数据详情）
openDetails: false,
// // TODO: 模拟测试数据
// equipmentList: [{ equipmentCode: '001', lot: 'xxx', location: '位置01', thickness: '50', createBy: '操作员01', createTime: new Date() }, { equipmentCode: '002', lot: 'xxx', location: '位置02', thickness: '70', createBy: '操作员02', createTime: new Date() }, { equipmentCode: '001', lot: 'xxx', location: '位置01', thickness: '50', createBy: '操作员01', createTime: new Date() }, { equipmentCode: '001', lot: 'xxx', location: '位置01', thickness: '50', createBy: '操作员01', createTime: new Date() }, { equipmentCode: '001', lot: 'xxx', location: '位置01', thickness: '50', createBy: '操作员01', createTime: new Date() }, { equipmentCode: '001', lot: 'xxx', location: '位置01', thickness: '50', createBy: '操作员01', createTime: new Date() }, { equipmentCode: '001', lot: 'xxx', location: '位置01', thickness: '50', createBy: '操作员01', createTime: new Date() }, { equipmentCode: '001', lot: 'xxx', location: '位置01', thickness: '50', createBy: '操作员01', createTime: new Date() }, { equipmentCode: '001', lot: 'xxx', location: '位置01', thickness: '50', createBy: '操作员01', createTime: new Date() }, { equipmentCode: '001', lot: 'xxx', location: '位置01', thickness: '50', createBy: '操作员01', createTime: new Date() }],
// check: '开始盘点',
typeParent: 'text',
typePrimary: 'primary',
typeSuccess: 'success',
nameParent: '删除',
resetName: '重置',
addName: '新增',
exportName: '导出',
updataName: '修改',
size: 'mini',
smallSize: 'small',
delicon: 'el-icon-delete',
addIcon: 'el-icon-plus',
exportIcon: 'el-icon-download',
resetIcon: '',
haspermi: ['sys:user:delete'],
resetHaspermi: ['sys:user:resetPwd'],
updateHaspermi: ['sys:role:update'],
addHaspermi: ['sys:role:add'],
exportHaspermi: ['sys:role:export'],
// 遮罩层
loading: true,
// 选中数组
ids: [],
// 非单个禁用
single: true,
// 非多个禁用
multiple: true,
// 总条数
total: 0,
// 角色表格数据
roleList: [],
// 弹出层标题
title: '',
// 是否显示弹出层
open: false,
// 是否显示弹出层（数据权限）
openDataScope: false,
// 日期范围
// dateRange: [],
// 菜单表格数据
menuList: [],
menuExpand: false,
menuNodeAll: false,
deptExpand: true,
deptNodeAll: false,
// 状态数据字典
statusOptions: [
{
dictLabel: '启用',
dictValue: '1'
}, },
// 是否显示弹出层（数据详情） {
openDetails: false, dictLabel: '停用',
// TODO: 模拟测试数据 dictValue: '0'
equipmentList: [{ equipmentCode: '001', lot: 'xxx', location: '位置01', thickness: '50', createBy: '操作员01', createTime: new Date() }, { equipmentCode: '002', lot: 'xxx', location: '位置02', thickness: '70', createBy: '操作员02', createTime: new Date() }, { equipmentCode: '001', lot: 'xxx', location: '位置01', thickness: '50', createBy: '操作员01', createTime: new Date() }, { equipmentCode: '001', lot: 'xxx', location: '位置01', thickness: '50', createBy: '操作员01', createTime: new Date() }, { equipmentCode: '001', lot: 'xxx', location: '位置01', thickness: '50', createBy: '操作员01', createTime: new Date() }, { equipmentCode: '001', lot: 'xxx', location: '位置01', thickness: '50', createBy: '操作员01', createTime: new Date() }, { equipmentCode: '001', lot: 'xxx', location: '位置01', thickness: '50', createBy: '操作员01', createTime: new Date() }, { equipmentCode: '001', lot: 'xxx', location: '位置01', thickness: '50', createBy: '操作员01', createTime: new Date() }, { equipmentCode: '001', lot: 'xxx', location: '位置01', thickness: '50', createBy: '操作员01', createTime: new Date() }, { equipmentCode: '001', lot: 'xxx', location: '位置01', thickness: '50', createBy: '操作员01', createTime: new Date() }], }
check: '开始盘点', ],
typeParent: 'text', // 数据范围选项
typePrimary: 'primary', dataScopeOptions: [
typeSuccess: 'success', {
nameParent: '删除', value: '1',
resetName: '重置', label: '全部数据权限'
addName: '新增',
exportName: '导出',
updataName: '修改',
size: 'mini',
smallSize: 'small',
delicon: 'el-icon-delete',
addIcon: 'el-icon-plus',
exportIcon: 'el-icon-download',
resetIcon: '',
haspermi: ['sys:user:delete'],
resetHaspermi: ['sys:user:resetPwd'],
updateHaspermi: ['sys:role:update'],
addHaspermi: ['sys:role:add'],
exportHaspermi: ['sys:role:export'],
// 遮罩层
loading: true,
// 选中数组
ids: [],
// 非单个禁用
single: true,
// 非多个禁用
multiple: true,
// 总条数
total: 0,
// 角色表格数据
roleList: [],
// 弹出层标题
title: '',
// 是否显示弹出层
open: false,
// 是否显示弹出层（数据权限）
openDataScope: false,
// 日期范围
// dateRange: [],
// 菜单表格数据
menuList: [],
menuExpand: false,
menuNodeAll: false,
deptExpand: true,
deptNodeAll: false,
// 状态数据字典
statusOptions: [
{
dictLabel: '启用',
dictValue: '1'
},
{
dictLabel: '停用',
dictValue: '0'
}
],
// 数据范围选项
dataScopeOptions: [
{
value: '1',
label: '全部数据权限'
},
{
value: '2',
label: '自定数据权限'
},
{
value: '3',
label: '本部门数据权限'
},
{
value: '4',
label: '本部门及以下数据权限'
},
{
value: '5',
label: '仅本人数据权限'
}
],
// 菜单列表
menuOptions: [],
// 部门列表
tOptions: [],
// 查询参数
queryParams: {
pageNum: 1,
pageSize: 10,
roleName: undefined,
roleKey: undefined,
flag: undefined
}, },
// 表单参数 {
form: { value: '2',
label: '自定数据权限'
}, },
defaultProps: { {
children: 'children', value: '3',
label: 'label' label: '本部门数据权限'
}, },
// 表单校验 {
rules: { value: '4',
roleName: [ label: '本部门及以下数据权限'
{ required: true, message: '请输入角色名称', trigger: 'blur' }
],
roleKey: [
{ required: true, message: '请输入权限字符', trigger: 'blur' }
],
roleSort: [
{ required: true, message: '请输入角色排序', trigger: 'blur' }
]
}, },
deptOptions: [], {
formData: {} value: '5',
label: '仅本人数据权限'
}
],
// 菜单列表
menuOptions: [],
// 部门列表
tOptions: [],
// 查询参数
queryParams: {
page: 1,
rows: 10,
roleName: undefined,
roleKey: undefined,
flag: undefined,
},
// 表单参数
form: {
},
defaultProps: {
children: 'children',
label: 'label'
},
// 表单校验
rules: {
roleName: [
{ required: true, message: '请输入角色名称', trigger: 'blur' }
],
roleKey: [
{ required: true, message: '请输入权限字符', trigger: 'blur' }
],
roleSort: [
{ required: true, message: '请输入角色排序', trigger: 'blur' }
]
},
deptOptions: [],
formData: {}
}
},
/** 路由离开前存储筛选条件*/
beforeRouteLeave(to, from, next) {
this.$store.dispatch('searchSave/searchParamsSet', {
path: this.$route.path,
param: {
...this.queryParams
} }
})
next()
},
created() {
if (this.$store.getters.searchParams[this.$route.path]) {
const { searchParams } = this.$store.getters; const { path } = this.$route
const param = JSON.parse(searchParams[path]) // 保留着的查询条件
this.queryParams = { ...param }
}
this.getList()
// this.getDicts(dictCons['NORMAL_DISABLE']).then(response => {
// this.statusOptions = response.data;
// });
},
methods: {
// TODO: 获取所选行详情信息操作
handleDetail(row) {
this.singleDetails = this.formReset
this.singleDetails = row
this.title = '详情信息'
this.openDetails = !this.openDetails
}, },
/** 路由离开前存储筛选条件*/ handelTab(i, e) {
beforeRouteLeave(to, from, next) { const that = this
this.$store.dispatch('searchSave/searchParamsSet', { if (!that.$refs['input' + i]) {
path: this.$route.path, return
param: { }
...this.queryParams that.$nextTick(() => {
e.target.blur()
const index = i + 1
that.$refs['input' + index].focus()
})
},
/** 查询角色列表 */
getList() {
this.loading = true
listCheck(this.queryParams).then(
response => {
this.equipmentList = response.rows
this.total = response.total
this.loading = false
} }
)
},
/** 查询菜单树结构 */
getMenuTreeselect() {
menuTreeselect().then(response => {
this.menuOptions = response.data
})
},
/** 查询菜单列表 */
getMenuList(roleId) {
roleMenuTreeselectMC(roleId).then(response => {
this.menuList = this.handleTree(response.data.menus, 'businessId')
this.loading = false
})
},
/** 查询部门树结构 */
getDeptTreeselect() {
deptTreeselect().then(response => {
this.deptOptions = response.data
}) })
next()
}, },
created() { // 树状图节点点击选中事件
if (this.$store.getters.searchParams[this.$route.path]) { handleMenuCheckChange(data, check, subCheck) { // data为选中节点信息，check选中状态
const { searchParams } = this.$store.getters; const { path } = this.$route if (data.children !== undefined && data.children !== null) { // 是否包含子节点
const param = JSON.parse(searchParams[path]) // 保留着的查询条件 this.checkNode(data.children, check) // 调用checkNode方法
this.queryParams = { ...param }
} }
this.getList() // // 获取所有被选中的节点信息
// this.getDicts(dictCons['NORMAL_DISABLE']).then(response => { // const nodes = this.$refs.menu.getCheckedNodes(false, false)
// this.statusOptions = response.data; // // 将获取到的信息赋值（根据自己的需求）
// }); // this.custGroupDesc = nodes.map(item => item.CN_NAME)
// this.searchForm.custGroup = nodes.map(item => item.code)
}, },
methods: { // 选中所有下级节点
// TODO: 获取所选行详情信息操作 checkNode(data, check) {
handleDetail(row) { // 遍历所有下级节点信息
this.singleDetails = this.formReset data.forEach(item => {
this.singleDetails = row // 通过节点信息设置选中状态
this.title = '详情信息' this.$refs.menu.setChecked(item, check, false)
this.openDetails = !this.openDetails // 是否包含下级节点，包含下级节点则选中所有下级节点
}, if (item.children !== undefined) {
handelTab(i, e) { this.checkNode(item.children, check)
const that = this
if (!that.$refs['input' + i]) {
return
}
that.$nextTick(() => {
e.target.blur()
const index = i + 1
that.$refs['input' + index].focus()
})
},
/** 查询角色列表 */
getList() {
this.loading = true
listRole(this.queryParams).then(
response => {
this.roleList = response.rows
this.total = response.total
this.loading = false
}
)
},
/** 查询菜单树结构 */
getMenuTreeselect() {
menuTreeselect().then(response => {
this.menuOptions = response.data
})
},
/** 查询菜单列表 */
getMenuList(roleId) {
roleMenuTreeselectMC(roleId).then(response => {
this.menuList = this.handleTree(response.data.menus, 'businessId')
this.loading = false
})
},
/** 查询部门树结构 */
getDeptTreeselect() {
deptTreeselect().then(response => {
this.deptOptions = response.data
})
},
// 树状图节点点击选中事件
handleMenuCheckChange(data, check, subCheck) { // data为选中节点信息，check选中状态
if (data.children !== undefined && data.children !== null) { // 是否包含子节点
this.checkNode(data.children, check) // 调用checkNode方法
} }
// // 获取所有被选中的节点信息 })
// const nodes = this.$refs.menu.getCheckedNodes(false, false) },
// // 将获取到的信息赋值（根据自己的需求） // 所有菜单节点数据
// this.custGroupDesc = nodes.map(item => item.CN_NAME) getMenuAllCheckedKeys() {
// this.searchForm.custGroup = nodes.map(item => item.code) // 目前被选中的菜单节点
}, const checkedKeys = this.$refs.menu.getHalfCheckedKeys()
// 选中所有下级节点 // 半选中的菜单节点
checkNode(data, check) { const halfCheckedKeys = this.$refs.menu.getCheckedKeys()
// 遍历所有下级节点信息 checkedKeys.unshift.apply(checkedKeys, halfCheckedKeys)
data.forEach(item => { return checkedKeys
// 通过节点信息设置选中状态 },
this.$refs.menu.setChecked(item, check, false) // 所有部门节点数据
// 是否包含下级节点，包含下级节点则选中所有下级节点 getDeptAllCheckedKeys() {
if (item.children !== undefined) { // 目前被选中的部门节点
this.checkNode(item.children, check) const checkedKeys = this.$refs.dept.getHalfCheckedKeys()
} // // 半选中的部门节点
}) const halfCheckedKeys = this.$refs.dept.getCheckedKeys()
}, checkedKeys.unshift.apply(checkedKeys, halfCheckedKeys)
// 所有菜单节点数据 return this.$refs.dept.getCheckedKeys()
getMenuAllCheckedKeys() { },
// 目前被选中的菜单节点 /** 根据角色ID查询菜单树结构 */
const checkedKeys = this.$refs.menu.getHalfCheckedKeys() getRoleMenuTreeselect(roleId) {
// 半选中的菜单节点 return roleMenuTreeselect(roleId).then(response => {
const halfCheckedKeys = this.$refs.menu.getCheckedKeys() this.menuOptions = response.data.menus
checkedKeys.unshift.apply(checkedKeys, halfCheckedKeys) return response
return checkedKeys })
}, },
// 所有部门节点数据 /** 根据角色ID和菜单ID查询部门树结构 */
getDeptAllCheckedKeys() { getRoleDeptTreeselect(roleId, menuId) {
// 目前被选中的部门节点 return roleDeptTreeselect(roleId, menuId).then(response => {
const checkedKeys = this.$refs.dept.getHalfCheckedKeys() this.form.deptCheckStrictly = response.data.deptCheckStrictly
// // 半选中的部门节点 this.deptOptions = response.data.depts
const halfCheckedKeys = this.$refs.dept.getCheckedKeys() this.form.dataScope = this.dataScopeOptions[response.data.dataScope - 1].value
checkedKeys.unshift.apply(checkedKeys, halfCheckedKeys) return response
return this.$refs.dept.getCheckedKeys() })
}, },
/** 根据角色ID查询菜单树结构 */ // 角色状态修改
getRoleMenuTreeselect(roleId) { handleStatusChange(row) {
return roleMenuTreeselect(roleId).then(response => { const text = row.flag === '1' ? '启用' : '停用'
this.menuOptions = response.data.menus this.$confirm('是否确认操作?', '警告', {
return response confirmButtonText: '确定',
}) cancelButtonText: '取消',
}, type: 'warning'
/** 根据角色ID和菜单ID查询部门树结构 */ }).then(function() {
getRoleDeptTreeselect(roleId, menuId) { return changeRoleStatus(row.businessId, row.flag)
return roleDeptTreeselect(roleId, menuId).then(response => { }).then(() => {
this.form.deptCheckStrictly = response.data.deptCheckStrictly this.$message({
this.deptOptions = response.data.depts message: text + '成功',
this.form.dataScope = this.dataScopeOptions[response.data.dataScope - 1].value type: 'success'
return response
})
},
// 角色状态修改
handleStatusChange(row) {
const text = row.flag === '1' ? '启用' : '停用'
this.$confirm('是否确认操作?', '警告', {
confirmButtonText: '确定',
cancelButtonText: '取消',
type: 'warning'
}).then(function() {
return changeRoleStatus(row.businessId, row.flag)
}).then(() => {
this.$message({
message: text + '成功',
type: 'success'
})
}).catch(function() {
row.flag = row.flag === '0' ? '1' : '0'
}) })
}, }).catch(function() {
// 取消按钮 row.flag = row.flag === '0' ? '1' : '0'
cancel() { })
this.open = false },
this.reset() // 取消按钮
}, cancel() {
// 取消按钮（数据权限） this.open = false
cancelDataScope() { this.reset()
this.openDataScope = false },
this.reset() // 取消按钮（数据权限）
}, cancelDataScope() {
// 表单重置 this.openDataScope = false
reset() { this.reset()
if (this.$refs.menu !== undefined) { },
this.$refs.menu.setCheckedKeys([]) // 表单重置
} reset() {
this.menuExpand = false if (this.$refs.menu !== undefined) {
this.menuNodeAll = false this.$refs.menu.setCheckedKeys([])
this.deptExpand = true }
this.deptNodeAll = false this.menuExpand = false
this.form = { this.menuNodeAll = false
roleId: undefined, this.deptExpand = true
businessId: undefined, this.deptNodeAll = false
roleName: undefined, this.form = {
roleKey: undefined, roleId: undefined,
roleSort: 0, businessId: undefined,
flag: '1', roleName: undefined,
menuIds: [], roleKey: undefined,
menuName: undefined, roleSort: 0,
deptIds: [], flag: '1',
menuCheckStrictly: false, menuIds: [],
deptCheckStrictly: false, menuName: undefined,
remark: undefined deptIds: [],
} menuCheckStrictly: false,
this.resetForm('form') deptCheckStrictly: false,
}, remark: undefined
/** 查询按钮操作 */ }
handleQuery() { this.resetForm('form')
this.queryParams.pageNum = 1 },
this.getList() /** 查询按钮操作 */
}, handleQuery() {
/** 重置按钮操作 */ this.queryParams.page = 1
resetQuery() { this.getList()
// this.dateRange = [] },
this.resetForm('queryForm') /** 重置按钮操作 */
this.handleQuery() resetQuery() {
}, // this.dateRange = []
// 多选框选中数据 this.resetForm('queryForm')
// handleSelectionChange(selection) { this.handleQuery()
// this.ids = selection.map(item => item.roleId) },
// this.single = selection.length !== 1 // 多选框选中数据
// this.multiple = !selection.length handleSelectionChange(selection) {
// }, this.ids = selection.map(item => item.roleId)
// // 树权限（父子联动） this.single = selection.length !== 1
// handleCheckedTreeConnect(value, type) { this.multiple = !selection.length
// if (type === 'menu') { },
// this.form.menuCheckStrictly = !!value // // 树权限（父子联动）
// } else if (type === 'dept') { // handleCheckedTreeConnect(value, type) {
// this.form.deptCheckStrictly = !!value // if (type === 'menu') {
// } // this.form.menuCheckStrictly = !!value
// }, // } else if (type === 'dept') {
// 树权限（全选/全不选） // this.form.deptCheckStrictly = !!value
handleCheckedTreeNodeAll(value, type) { // }
if (type === 'menu') { // },
this.$refs.menu.setCheckedNodes(value ? this.menuOptions : []) // 树权限（全选/全不选）
} else if (type === 'dept') { handleCheckedTreeNodeAll(value, type) {
this.$refs.dept.setCheckedNodes(value ? this.deptOptions : []) if (type === 'menu') {
this.$refs.menu.setCheckedNodes(value ? this.menuOptions : [])
} else if (type === 'dept') {
this.$refs.dept.setCheckedNodes(value ? this.deptOptions : [])
}
},
// 树权限（展开/折叠）
handleCheckedTreeExpand(value, type) {
if (type === 'menu') {
const treeList = this.menuOptions
for (let i = 0; i < treeList.length; i++) {
this.$refs.menu.store.nodesMap[treeList[i].id].expanded = value
} }
}, } else if (type === 'dept') {
// 树权限（展开/折叠） const treeList = this.deptOptions
handleCheckedTreeExpand(value, type) { for (let i = 0; i < treeList.length; i++) {
if (type === 'menu') { this.$refs.dept.store.nodesMap[treeList[i].id].expanded = value
const treeList = this.menuOptions
for (let i = 0; i < treeList.length; i++) {
this.$refs.menu.store.nodesMap[treeList[i].id].expanded = value
}
} else if (type === 'dept') {
const treeList = this.deptOptions
for (let i = 0; i < treeList.length; i++) {
this.$refs.dept.store.nodesMap[treeList[i].id].expanded = value
}
} }
}, }
/** 新增按钮操作 */ },
handleAdd() { /** 新增按钮操作 */
this.reset() handleAdd() {
this.getMenuTreeselect() this.reset()
this.getMenuTreeselect()
this.open = true
this.title = '添加角色'
},
/** 修改按钮操作 */
handleUpdate(row) {
this.reset()
const roleId = row.businessId || this.ids
const roleMenu = this.getRoleMenuTreeselect(roleId)
getRole(roleId).then(response => {
this.form = response.data
this.open = true this.open = true
this.title = '添加角色' this.getMenuTreeselect(roleId)
},
/** 修改按钮操作 */
handleUpdate(row) {
this.reset()
const roleId = row.businessId || this.ids
const roleMenu = this.getRoleMenuTreeselect(roleId)
getRole(roleId).then(response => {
this.form = response.data
this.open = true
this.getMenuTreeselect(roleId)
this.$nextTick(() => {
roleMenu.then(res => {
this.$refs.menu.setCheckedKeys(res.data.checkedKeys)
})
})
this.title = '修改角色'
})
},
/** 分配数据权限操作 选择菜单 */
handleMenu(row) {
this.reset()
const roleId = row.businessId || this.ids
this.getMenuList(roleId) // 查询菜单列表树形显示
getRole(roleId).then(response => {
this.form = response.data
this.openDataScope = true
this.title = '分配数据权限'
})
},
/** 分配数据权限操作 */
handleDataScope(row) {
this.deptOptions = []
this.form.dataScope = undefined
const roleId = this.form.businessId
this.form.menuId = row.businessId
this.form.menuName = row.menuName
const roleDeptTreeselect = this.getRoleDeptTreeselect(roleId, this.form.menuId)
this.$nextTick(() => { this.$nextTick(() => {
roleDeptTreeselect.then(res => { roleMenu.then(res => {
this.$refs.dept.setCheckedKeys(res.data.checkedKeys) this.$refs.menu.setCheckedKeys(res.data.checkedKeys)
}) })
}) })
this.title = '修改角色'
})
},
/** 分配数据权限操作 选择菜单 */
handleMenu(row) {
this.reset()
const roleId = row.businessId || this.ids
this.getMenuList(roleId) // 查询菜单列表树形显示
getRole(roleId).then(response => {
this.form = response.data
this.openDataScope = true
this.title = '分配数据权限' this.title = '分配数据权限'
}, })
/** 提交按钮 */ },
submitForm: function() { /** 分配数据权限操作 */
this.$refs['form'].validate(valid => { handleDataScope(row) {
if (valid) { this.deptOptions = []
this.form.menuCheckStrictly = false this.form.dataScope = undefined
if (this.form.businessId !== undefined) { const roleId = this.form.businessId
this.form.menuIds = this.getMenuAllCheckedKeys() this.form.menuId = row.businessId
updateRole(this.form).then(response => { this.form.menuName = row.menuName
this.msgSuccess('修改成功') const roleDeptTreeselect = this.getRoleDeptTreeselect(roleId, this.form.menuId)
this.open = false this.$nextTick(() => {
this.getList() roleDeptTreeselect.then(res => {
}) this.$refs.dept.setCheckedKeys(res.data.checkedKeys)
} else {
this.form.menuIds = this.getMenuAllCheckedKeys()
addRole(this.form).then(response => {
this.msgSuccess('新增成功')
this.open = false
this.getList()
})
}
}
}) })
}, })
/** 提交按钮（数据权限） */ this.title = '分配数据权限'
submitDataScope: function() { },
if (this.form.businessId !== undefined && this.form.menuId !== undefined) { /** 提交按钮 */
this.form.deptIds = this.getDeptAllCheckedKeys() submitForm: function() {
dataScope(this.form).then(response => { this.$refs['form'].validate(valid => {
this.msgSuccess('修改成功') if (valid) {
this.openDataScope = false this.form.menuCheckStrictly = false
this.getList() if (this.form.businessId !== undefined) {
}) this.form.menuIds = this.getMenuAllCheckedKeys()
updateRole(this.form).then(response => {
this.msgSuccess('修改成功')
this.open = false
this.getList()
})
} else {
this.form.menuIds = this.getMenuAllCheckedKeys()
addRole(this.form).then(response => {
this.msgSuccess('新增成功')
this.open = false
this.getList()
})
}
} }
}, })
/** 删除按钮操作 */ },
handleDelete(row) { /** 提交按钮（数据权限） */
const roleIds = row.businessId || this.ids submitDataScope: function() {
this.$confirm('是否确认操作？', '提示', { if (this.form.businessId !== undefined && this.form.menuId !== undefined) {
confirmButtonText: '确定', this.form.deptIds = this.getDeptAllCheckedKeys()
cancelButtonText: '取消', dataScope(this.form).then(response => {
type: 'warning' this.msgSuccess('修改成功')
}).then(function() { this.openDataScope = false
return delRole(roleIds)
}).then(() => {
this.getList() this.getList()
this.$message({
message: '删除成功',
type: 'success'
})
}).catch(function() {
})
},
/** 导出按钮操作 */
handleExport() {
const queryParams = this.queryParams
this.$confirm('是否确认操作?', '警告', {
confirmButtonText: '确定',
cancelButtonText: '取消',
type: 'warning'
}).then(function() {
return exportRole(queryParams).then(response => {
const blob = new Blob([response])
const downloadElement = document.createElement('a')
const href = window.URL.createObjectURL(blob)// 创建下载的链接
downloadElement.href = href
downloadElement.download = '角色信息' + '.xls' // 下载后文件名
document.body.appendChild(downloadElement)
downloadElement.click()// 点击下载
document.body.removeChild(downloadElement)// 下载完成移除元素
window.URL.revokeObjectURL(href)// 释放掉blob对象
// this.download(response.msg);
})
}) })
} }
},
/** 删除按钮操作 */
handleDelete(row) {
const roleIds = row.businessId || this.ids
this.$confirm('是否确认操作？', '提示', {
confirmButtonText: '确定',
cancelButtonText: '取消',
type: 'warning'
}).then(function() {
return delRole(roleIds)
}).then(() => {
this.getList()
this.$message({
message: '删除成功',
type: 'success'
})
}).catch(function() {
})
},
/** 导出按钮操作 */
handleExport() {
const queryParams = this.queryParams
this.$confirm('是否确认操作?', '警告', {
confirmButtonText: '确定',
cancelButtonText: '取消',
type: 'warning'
}).then(function() {
return exportRole(queryParams).then(response => {
const blob = new Blob([response])
const downloadElement = document.createElement('a')
const href = window.URL.createObjectURL(blob)// 创建下载的链接
downloadElement.href = href
downloadElement.download = '角色信息' + '.xls' // 下载后文件名
document.body.appendChild(downloadElement)
downloadElement.click()// 点击下载
document.body.removeChild(downloadElement)// 下载完成移除元素
window.URL.revokeObjectURL(href)// 释放掉blob对象
// this.download(response.msg);
})
})
} }
} }
</script> }
<style lang="scss" scoped> </script>
.aboutSingleDetails{ <style lang="scss" scoped>
.el-form-item{ .aboutSingleDetails{
.el-input >>> .el-input__inner { .el-form-item{
-webkit-appearance: none; .el-input >>> .el-input__inner {
background-color: #FFF; -webkit-appearance: none;
background-image: none; background-color: #FFF;
border-radius: 4px; background-image: none;
border: 0; border-radius: 4px;
width: 100%; border: 0;
} width: 100%;
} }
} }
.app-container { }
font-size: 18px; .app-container {
padding: 0; font-size: 18px;
padding: 0;
.placeholder {
height: 1.3vh; .placeholder {
background-color: #F4F4F4; height: 1.3vh;
margin-bottom: 10px background-color: #F4F4F4;
} margin-bottom: 10px
}
.table-drop {
vertical-align: 2px; .table-drop {
line-height: 20px; vertical-align: 2px;
margin-left: 15px line-height: 20px;
} margin-left: 15px
}
.el-switch {
margin-left: 15px; .el-switch {
} margin-left: 15px;
} }
}
.el-divider--vertical {
height: 12em; .el-divider--vertical {
width: 4px; height: 12em;
} width: 4px;
</style> }
</style>
\ No newline at end of file
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment