页面优化
This commit is contained in:
BianLzhaoMin
parent
3501c258f7
commit
83f78e85c8
|
|
@ -306,222 +306,221 @@
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script>
|
<script>
|
||||||
import {
|
import {
|
||||||
listType,
|
listType,
|
||||||
getType,
|
getType,
|
||||||
delType,
|
delType,
|
||||||
addType,
|
addType,
|
||||||
updateType,
|
updateType,
|
||||||
refreshCache,
|
refreshCache,
|
||||||
} from '@/api/system/dict/type'
|
} from '@/api/system/dict/type'
|
||||||
import {
|
import {
|
||||||
getLeaseAuditListAll,
|
getLeaseAuditListAll,
|
||||||
getUnitData,
|
getUnitData,
|
||||||
getProData,
|
getProData,
|
||||||
deleteTask,
|
deleteTask,
|
||||||
} from '@/api/claimAndRefund/receive'
|
} from '@/api/claimAndRefund/receive'
|
||||||
|
|
||||||
export default {
|
export default {
|
||||||
// name: "ReceiveApply",
|
// name: "ReceiveApply",
|
||||||
dicts: ['sys_normal_disable'],
|
dicts: ['sys_normal_disable'],
|
||||||
data() {
|
data() {
|
||||||
return {
|
return {
|
||||||
// 遮罩层
|
// 遮罩层
|
||||||
loading: true,
|
loading: true,
|
||||||
// 选中数组
|
// 选中数组
|
||||||
ids: [],
|
ids: [],
|
||||||
// 非单个禁用
|
// 非单个禁用
|
||||||
single: true,
|
single: true,
|
||||||
// 非多个禁用
|
// 非多个禁用
|
||||||
multiple: true,
|
multiple: true,
|
||||||
// 显示搜索条件
|
// 显示搜索条件
|
||||||
showSearch: true,
|
showSearch: true,
|
||||||
// 总条数
|
// 总条数
|
||||||
total: 0,
|
total: 0,
|
||||||
// 字典表格数据
|
// 字典表格数据
|
||||||
leaseAuditList: [],
|
leaseAuditList: [],
|
||||||
// 日期范围
|
// 日期范围
|
||||||
dateRange: [],
|
dateRange: [],
|
||||||
// 查询参数
|
// 查询参数
|
||||||
queryParams: {
|
queryParams: {
|
||||||
pageNum: 1,
|
pageNum: 1,
|
||||||
pageSize: 10,
|
pageSize: 10,
|
||||||
dictName: undefined,
|
dictName: undefined,
|
||||||
dictType: undefined,
|
dictType: undefined,
|
||||||
status: undefined,
|
status: undefined,
|
||||||
|
|
||||||
time: null, //申请时间
|
time: null, //申请时间
|
||||||
unitId: null, //来往单位id
|
unitId: null, //来往单位id
|
||||||
proId: null, //工程id
|
proId: null, //工程id
|
||||||
|
|
||||||
types: 1, // 1申请列表 2审核列表
|
types: 1, // 1申请列表 2审核列表
|
||||||
keyWord: '',
|
keyWord: '',
|
||||||
},
|
},
|
||||||
unitList: [], //来往单位集合
|
unitList: [], //来往单位集合
|
||||||
proList: [], //工程集合
|
proList: [], //工程集合
|
||||||
|
}
|
||||||
|
},
|
||||||
|
created() {
|
||||||
|
this.getList()
|
||||||
|
this.GetUnitData()
|
||||||
|
this.GetProData()
|
||||||
|
},
|
||||||
|
methods: {
|
||||||
|
// 获取 申请列表
|
||||||
|
async getList() {
|
||||||
|
this.loading = true
|
||||||
|
|
||||||
|
const params = {
|
||||||
|
unitId: this.queryParams.unitId,
|
||||||
|
projectId: this.queryParams.proId,
|
||||||
|
keyWord: this.queryParams.keyWord,
|
||||||
|
startTime: this.queryParams.time && this.queryParams.time[0],
|
||||||
|
endTime: this.queryParams.time && this.queryParams.time[1],
|
||||||
|
types: this.queryParams.types,
|
||||||
|
souceBy: 0,
|
||||||
|
pageSize: this.queryParams.pageSize,
|
||||||
|
pageNum: this.queryParams.pageNum,
|
||||||
}
|
}
|
||||||
|
|
||||||
|
const res = await getLeaseAuditListAll(params)
|
||||||
|
this.loading = false
|
||||||
|
this.leaseAuditList = res.data.rows
|
||||||
|
this.total = res.data.total
|
||||||
},
|
},
|
||||||
created() {
|
|
||||||
|
// 获取 来往单位 列表数据
|
||||||
|
async GetUnitData() {
|
||||||
|
const params = {
|
||||||
|
id: this.queryParams.proId,
|
||||||
|
}
|
||||||
|
const res = await getUnitData(params)
|
||||||
|
this.unitList = res.data
|
||||||
|
console.log('GetUnitData ======================', res)
|
||||||
|
},
|
||||||
|
// 获取 工程名称 列表数据
|
||||||
|
async GetProData() {
|
||||||
|
const params = {
|
||||||
|
id: this.queryParams.unitId,
|
||||||
|
}
|
||||||
|
const res = await getProData(params)
|
||||||
|
this.proList = res.data
|
||||||
|
console.log('GetProData ======================', res)
|
||||||
|
},
|
||||||
|
|
||||||
|
// 表单重置
|
||||||
|
reset() {
|
||||||
|
this.form = {
|
||||||
|
dictId: undefined,
|
||||||
|
dictName: undefined,
|
||||||
|
dictType: undefined,
|
||||||
|
status: '0',
|
||||||
|
remark: undefined,
|
||||||
|
}
|
||||||
|
this.resetForm('form')
|
||||||
|
},
|
||||||
|
/** 搜索按钮操作 */
|
||||||
|
handleQuery() {
|
||||||
|
this.queryParams.pageNum = 1
|
||||||
this.getList()
|
this.getList()
|
||||||
|
},
|
||||||
|
/** 重置按钮操作 */
|
||||||
|
resetQuery() {
|
||||||
|
this.queryParams.time = []
|
||||||
|
this.queryParams.unitId = ''
|
||||||
|
this.queryParams.proId = ''
|
||||||
|
this.resetForm('queryForm')
|
||||||
this.GetUnitData()
|
this.GetUnitData()
|
||||||
this.GetProData()
|
this.GetProData()
|
||||||
|
this.handleQuery()
|
||||||
},
|
},
|
||||||
methods: {
|
|
||||||
// 获取 申请列表
|
|
||||||
async getList() {
|
|
||||||
this.loading = true
|
|
||||||
|
|
||||||
const params = {
|
/** 新增按钮操作 */
|
||||||
unitId: this.queryParams.unitId,
|
handleAdd() {
|
||||||
projectId: this.queryParams.proId,
|
this.$tab.closeOpenPage({
|
||||||
keyWord: this.queryParams.keyWord,
|
path: '/claimAndRefund/receive/receiveApplyAdd',
|
||||||
startTime:
|
query: {
|
||||||
this.queryParams.time && this.queryParams.time[0],
|
isEdit: true,
|
||||||
endTime: this.queryParams.time && this.queryParams.time[1],
|
},
|
||||||
types: this.queryParams.types,
|
})
|
||||||
souceBy: 0,
|
|
||||||
pageSize: this.queryParams.pageSize,
|
|
||||||
pageNum: this.queryParams.pageNum,
|
|
||||||
}
|
|
||||||
|
|
||||||
const res = await getLeaseAuditListAll(params)
|
|
||||||
this.loading = false
|
|
||||||
this.leaseAuditList = res.data.rows
|
|
||||||
this.total = res.data.total
|
|
||||||
},
|
|
||||||
|
|
||||||
// 获取 来往单位 列表数据
|
|
||||||
async GetUnitData() {
|
|
||||||
const params = {
|
|
||||||
id: this.queryParams.proId,
|
|
||||||
}
|
|
||||||
const res = await getUnitData(params)
|
|
||||||
this.unitList = res.data
|
|
||||||
console.log('GetUnitData ======================', res)
|
|
||||||
},
|
|
||||||
// 获取 工程名称 列表数据
|
|
||||||
async GetProData() {
|
|
||||||
const params = {
|
|
||||||
id: this.queryParams.unitId,
|
|
||||||
}
|
|
||||||
const res = await getProData(params)
|
|
||||||
this.proList = res.data
|
|
||||||
console.log('GetProData ======================', res)
|
|
||||||
},
|
|
||||||
|
|
||||||
// 表单重置
|
|
||||||
reset() {
|
|
||||||
this.form = {
|
|
||||||
dictId: undefined,
|
|
||||||
dictName: undefined,
|
|
||||||
dictType: undefined,
|
|
||||||
status: '0',
|
|
||||||
remark: undefined,
|
|
||||||
}
|
|
||||||
this.resetForm('form')
|
|
||||||
},
|
|
||||||
/** 搜索按钮操作 */
|
|
||||||
handleQuery() {
|
|
||||||
this.queryParams.pageNum = 1
|
|
||||||
this.getList()
|
|
||||||
},
|
|
||||||
/** 重置按钮操作 */
|
|
||||||
resetQuery() {
|
|
||||||
this.queryParams.time = []
|
|
||||||
this.queryParams.unitId = ''
|
|
||||||
this.queryParams.proId = ''
|
|
||||||
this.resetForm('queryForm')
|
|
||||||
this.GetUnitData()
|
|
||||||
this.GetProData()
|
|
||||||
this.handleQuery()
|
|
||||||
},
|
|
||||||
|
|
||||||
/** 新增按钮操作 */
|
|
||||||
handleAdd() {
|
|
||||||
this.$tab.closeOpenPage({
|
|
||||||
path: '/claimAndRefund/receive/receiveApplyAdd',
|
|
||||||
query: {
|
|
||||||
isEdit: true,
|
|
||||||
},
|
|
||||||
})
|
|
||||||
},
|
|
||||||
// 多选框选中数据
|
|
||||||
handleSelectionChange(selection) {
|
|
||||||
this.ids = selection.map((item) => item.dictId)
|
|
||||||
this.single = selection.length != 1
|
|
||||||
this.multiple = !selection.length
|
|
||||||
},
|
|
||||||
handleView(row) {
|
|
||||||
this.$tab.closeOpenPage({
|
|
||||||
path: '/claimAndRefund/receive/receiveApplyAdd',
|
|
||||||
query: {
|
|
||||||
taskId: row.taskId,
|
|
||||||
isEdit: false,
|
|
||||||
},
|
|
||||||
})
|
|
||||||
},
|
|
||||||
/** 修改按钮操作 */
|
|
||||||
handleUpdate(row) {
|
|
||||||
this.$tab.closeOpenPage({
|
|
||||||
path: '/claimAndRefund/receive/receiveApplyAdd',
|
|
||||||
query: {
|
|
||||||
taskId: row.taskId,
|
|
||||||
isEdit: true,
|
|
||||||
},
|
|
||||||
})
|
|
||||||
},
|
|
||||||
/** 驳回按钮操作 */
|
|
||||||
handleUpdate2(row) {
|
|
||||||
this.$tab.closeOpenPage({
|
|
||||||
path: '/claimAndRefund/receive/receiveApplyAdd',
|
|
||||||
query: {
|
|
||||||
taskId: row.taskId,
|
|
||||||
isEdit: true,
|
|
||||||
isBack: true,
|
|
||||||
},
|
|
||||||
})
|
|
||||||
},
|
|
||||||
/** 删除按钮操作 */
|
|
||||||
async handleDelete(row) {
|
|
||||||
this.$confirm('此操作将永久删除该领料任务, 是否继续?', '提示', {
|
|
||||||
confirmButtonText: '确定',
|
|
||||||
cancelButtonText: '取消',
|
|
||||||
type: 'warning',
|
|
||||||
}).then(async () => {
|
|
||||||
const res = await deleteTask(row.taskId)
|
|
||||||
if (res.code == 200) {
|
|
||||||
this.$message({
|
|
||||||
type: 'success',
|
|
||||||
message: '删除成功',
|
|
||||||
})
|
|
||||||
|
|
||||||
this.getList()
|
|
||||||
}
|
|
||||||
})
|
|
||||||
},
|
|
||||||
/** 导出按钮操作 */
|
|
||||||
handleExport() {
|
|
||||||
this.download(
|
|
||||||
'base/tm_task/applyExport',
|
|
||||||
{
|
|
||||||
...this.queryParams,
|
|
||||||
},
|
|
||||||
`领料申请单_${new Date().getTime()}.xlsx`,
|
|
||||||
)
|
|
||||||
},
|
|
||||||
/** 刷新缓存按钮操作 */
|
|
||||||
handleRefreshCache() {
|
|
||||||
refreshCache().then(() => {
|
|
||||||
this.$modal.msgSuccess('刷新成功')
|
|
||||||
this.$store.dispatch('dict/cleanDict')
|
|
||||||
})
|
|
||||||
},
|
|
||||||
},
|
},
|
||||||
}
|
// 多选框选中数据
|
||||||
|
handleSelectionChange(selection) {
|
||||||
|
this.ids = selection.map((item) => item.dictId)
|
||||||
|
this.single = selection.length != 1
|
||||||
|
this.multiple = !selection.length
|
||||||
|
},
|
||||||
|
handleView(row) {
|
||||||
|
this.$tab.closeOpenPage({
|
||||||
|
path: '/claimAndRefund/receive/receiveApplyAdd',
|
||||||
|
query: {
|
||||||
|
taskId: row.taskId,
|
||||||
|
isEdit: false,
|
||||||
|
},
|
||||||
|
})
|
||||||
|
},
|
||||||
|
/** 修改按钮操作 */
|
||||||
|
handleUpdate(row) {
|
||||||
|
this.$tab.closeOpenPage({
|
||||||
|
path: '/claimAndRefund/receive/receiveApplyAdd',
|
||||||
|
query: {
|
||||||
|
taskId: row.taskId,
|
||||||
|
isEdit: true,
|
||||||
|
},
|
||||||
|
})
|
||||||
|
},
|
||||||
|
/** 驳回按钮操作 */
|
||||||
|
handleUpdate2(row) {
|
||||||
|
this.$tab.closeOpenPage({
|
||||||
|
path: '/claimAndRefund/receive/receiveApplyAdd',
|
||||||
|
query: {
|
||||||
|
taskId: row.taskId,
|
||||||
|
isEdit: true,
|
||||||
|
isBack: true,
|
||||||
|
},
|
||||||
|
})
|
||||||
|
},
|
||||||
|
/** 删除按钮操作 */
|
||||||
|
async handleDelete(row) {
|
||||||
|
this.$confirm('此操作将永久删除该领料任务, 是否继续?', '提示', {
|
||||||
|
confirmButtonText: '确定',
|
||||||
|
cancelButtonText: '取消',
|
||||||
|
type: 'warning',
|
||||||
|
}).then(async () => {
|
||||||
|
const res = await deleteTask(row.taskId)
|
||||||
|
if (res.code == 200) {
|
||||||
|
this.$message({
|
||||||
|
type: 'success',
|
||||||
|
message: '删除成功',
|
||||||
|
})
|
||||||
|
|
||||||
|
this.getList()
|
||||||
|
}
|
||||||
|
})
|
||||||
|
},
|
||||||
|
/** 导出按钮操作 */
|
||||||
|
handleExport() {
|
||||||
|
this.download(
|
||||||
|
'base/tm_task/applyExport',
|
||||||
|
{
|
||||||
|
...this.queryParams,
|
||||||
|
},
|
||||||
|
`领料申请单_${new Date().getTime()}.xlsx`,
|
||||||
|
)
|
||||||
|
},
|
||||||
|
/** 刷新缓存按钮操作 */
|
||||||
|
handleRefreshCache() {
|
||||||
|
refreshCache().then(() => {
|
||||||
|
this.$modal.msgSuccess('刷新成功')
|
||||||
|
this.$store.dispatch('dict/cleanDict')
|
||||||
|
})
|
||||||
|
},
|
||||||
|
},
|
||||||
|
}
|
||||||
</script>
|
</script>
|
||||||
<style lang="scss" scoped>
|
<style lang="scss" scoped>
|
||||||
::v-deep.el-table .fixed-width .el-button--mini {
|
::v-deep.el-table .fixed-width .el-button--mini {
|
||||||
width: 60px !important;
|
width: 60px !important;
|
||||||
margin-bottom: 10px;
|
margin-bottom: 10px;
|
||||||
}
|
}
|
||||||
</style>
|
</style>
|
||||||
|
|
|
||||||
|
|
@ -434,358 +434,354 @@
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script>
|
<script>
|
||||||
import {
|
import {
|
||||||
listType,
|
listType,
|
||||||
getType,
|
getType,
|
||||||
delType,
|
delType,
|
||||||
addType,
|
addType,
|
||||||
updateType,
|
updateType,
|
||||||
refreshCache,
|
refreshCache,
|
||||||
} from '@/api/system/dict/type'
|
} from '@/api/system/dict/type'
|
||||||
import {
|
import {
|
||||||
getLeaseManageListAll,
|
getLeaseManageListAll,
|
||||||
getUnitData,
|
getUnitData,
|
||||||
getProData,
|
getProData,
|
||||||
getLeaseListAll,
|
getLeaseListAll,
|
||||||
} from '@/api/claimAndRefund/receive'
|
} from '@/api/claimAndRefund/receive'
|
||||||
import { getInfo } from '@/api/login'
|
import { getInfo } from '@/api/login'
|
||||||
import vueEasyPrint from 'vue-easy-print'
|
import vueEasyPrint from 'vue-easy-print'
|
||||||
export default {
|
export default {
|
||||||
// name: "ReceiveManage",
|
// name: "ReceiveManage",
|
||||||
data() {
|
data() {
|
||||||
return {
|
return {
|
||||||
// 遮罩层
|
// 遮罩层
|
||||||
loading: true,
|
loading: true,
|
||||||
// 选中数组
|
// 选中数组
|
||||||
ids: [],
|
ids: [],
|
||||||
// 非单个禁用
|
// 非单个禁用
|
||||||
single: true,
|
single: true,
|
||||||
// 非多个禁用
|
// 非多个禁用
|
||||||
multiple: true,
|
multiple: true,
|
||||||
// 显示搜索条件
|
// 显示搜索条件
|
||||||
showSearch: true,
|
showSearch: true,
|
||||||
// 总条数
|
// 总条数
|
||||||
total: 0,
|
total: 0,
|
||||||
// 字典表格数据
|
// 字典表格数据
|
||||||
typeList: [],
|
typeList: [],
|
||||||
// 弹出层标题
|
// 弹出层标题
|
||||||
title: '',
|
title: '',
|
||||||
// 是否显示弹出层
|
// 是否显示弹出层
|
||||||
open: false,
|
open: false,
|
||||||
// 日期范围
|
// 日期范围
|
||||||
dateRange: [],
|
dateRange: [],
|
||||||
// 查询参数
|
// 查询参数
|
||||||
queryParams: {
|
queryParams: {
|
||||||
time: [],
|
time: [],
|
||||||
unitId: null,
|
unitId: null,
|
||||||
proId: null,
|
proId: null,
|
||||||
keyword: '',
|
keyword: '',
|
||||||
types: 2,
|
types: 2,
|
||||||
|
|
||||||
pageNum: 1,
|
pageNum: 1,
|
||||||
pageSize: 10,
|
pageSize: 10,
|
||||||
dictName: undefined,
|
dictName: undefined,
|
||||||
dictType: undefined,
|
dictType: undefined,
|
||||||
status: undefined,
|
status: undefined,
|
||||||
},
|
},
|
||||||
user: {},
|
user: {},
|
||||||
unitList: [],
|
unitList: [],
|
||||||
proList: [],
|
proList: [],
|
||||||
leaseAuditList: [],
|
leaseAuditList: [],
|
||||||
showJJExamineBtn: false, //内部审批-机具分公司
|
showJJExamineBtn: false, //内部审批-机具分公司
|
||||||
showSBExamineBtn: false, //内部审批-调试分公司
|
showSBExamineBtn: false, //内部审批-调试分公司
|
||||||
// 表单参数
|
// 表单参数
|
||||||
form: {},
|
form: {},
|
||||||
// 表单校验
|
// 表单校验
|
||||||
rules: {
|
rules: {
|
||||||
dictName: [
|
dictName: [
|
||||||
{
|
{
|
||||||
required: true,
|
required: true,
|
||||||
message: '字典名称不能为空',
|
message: '字典名称不能为空',
|
||||||
trigger: 'blur',
|
trigger: 'blur',
|
||||||
},
|
},
|
||||||
],
|
],
|
||||||
dictType: [
|
dictType: [
|
||||||
{
|
{
|
||||||
required: true,
|
required: true,
|
||||||
message: '字典类型不能为空',
|
message: '字典类型不能为空',
|
||||||
trigger: 'blur',
|
trigger: 'blur',
|
||||||
},
|
},
|
||||||
],
|
],
|
||||||
},
|
},
|
||||||
peopleOpen: false,
|
peopleOpen: false,
|
||||||
noticeOpen: false,
|
noticeOpen: false,
|
||||||
nform: {
|
nform: {
|
||||||
notice: '',
|
notice: '',
|
||||||
},
|
},
|
||||||
nrules: {
|
nrules: {
|
||||||
notice: [
|
notice: [
|
||||||
{
|
{
|
||||||
required: true,
|
required: true,
|
||||||
message: '通知内容不能为空',
|
message: '通知内容不能为空',
|
||||||
trigger: 'blur',
|
trigger: 'blur',
|
||||||
},
|
},
|
||||||
],
|
],
|
||||||
},
|
},
|
||||||
deptName: undefined,
|
deptName: undefined,
|
||||||
|
|
||||||
//领料单
|
//领料单
|
||||||
leaseApplyDetails: [],
|
leaseApplyDetails: [],
|
||||||
// 领料任务详情数据
|
// 领料任务详情数据
|
||||||
leaseApplyData: {},
|
leaseApplyData: {},
|
||||||
}
|
}
|
||||||
|
},
|
||||||
|
created() {
|
||||||
|
this.GetUserInfo()
|
||||||
|
// this.getList();
|
||||||
|
|
||||||
|
this.GetUnitData()
|
||||||
|
this.GetProData()
|
||||||
|
},
|
||||||
|
components: { vueEasyPrint },
|
||||||
|
methods: {
|
||||||
|
// 获取用户信息
|
||||||
|
async GetUserInfo() {
|
||||||
|
const res = await getInfo()
|
||||||
|
this.user = res.user
|
||||||
|
// console.log(this.user)
|
||||||
|
this.getList()
|
||||||
},
|
},
|
||||||
created() {
|
/** 查询列表 */
|
||||||
this.GetUserInfo()
|
async getList() {
|
||||||
// this.getList();
|
this.loading = true
|
||||||
|
const params = {
|
||||||
|
unitId: this.queryParams.unitId,
|
||||||
|
projectId: this.queryParams.proId,
|
||||||
|
keyWord: this.queryParams.keyword,
|
||||||
|
startTime: this.queryParams.time && this.queryParams.time[0],
|
||||||
|
endTime: this.queryParams.time && this.queryParams.time[1],
|
||||||
|
types: this.queryParams.types,
|
||||||
|
souceBy: 0,
|
||||||
|
pageSize: this.queryParams.pageSize,
|
||||||
|
pageNum: this.queryParams.pageNum,
|
||||||
|
}
|
||||||
|
|
||||||
|
const res = await getLeaseManageListAll(params)
|
||||||
|
this.loading = false
|
||||||
|
console.log('getList ============', res)
|
||||||
|
this.leaseAuditList = res.data.rows
|
||||||
|
// this.leaseAuditList.forEach((item,index)=>{
|
||||||
|
// console.log(item.leaseApplyInfoList)
|
||||||
|
// if(item.leaseApplyInfoList.length>0){
|
||||||
|
// // item.showExamineBtn = true;
|
||||||
|
// if(item.leaseApplyInfoList[0].status=="0"||item.leaseApplyInfoList[0].status=="5"||item.leaseApplyInfoList[0].status=="7"||item.leaseApplyInfoList[0].status=="8"){
|
||||||
|
// item.showExamineBtn = true;
|
||||||
|
// }
|
||||||
|
// }
|
||||||
|
|
||||||
|
// })
|
||||||
|
console.log(this.leaseAuditList)
|
||||||
|
this.total = res.data.total
|
||||||
|
},
|
||||||
|
|
||||||
|
// 获取 来往单位 列表数据
|
||||||
|
async GetUnitData() {
|
||||||
|
const params = {
|
||||||
|
id: this.queryParams.proId,
|
||||||
|
}
|
||||||
|
const res = await getUnitData(params)
|
||||||
|
this.unitList = res.data
|
||||||
|
},
|
||||||
|
// 获取 工程名称 列表数据
|
||||||
|
async GetProData() {
|
||||||
|
const params = {
|
||||||
|
id: this.queryParams.unitId,
|
||||||
|
}
|
||||||
|
const res = await getProData(params)
|
||||||
|
this.proList = res.data
|
||||||
|
},
|
||||||
|
|
||||||
|
// 取消按钮
|
||||||
|
cancel() {
|
||||||
|
this.open = false
|
||||||
|
this.reset()
|
||||||
|
},
|
||||||
|
// 表单重置
|
||||||
|
reset() {
|
||||||
|
this.form = {
|
||||||
|
dictId: undefined,
|
||||||
|
dictName: undefined,
|
||||||
|
dictType: undefined,
|
||||||
|
status: '0',
|
||||||
|
remark: undefined,
|
||||||
|
}
|
||||||
|
this.resetForm('form')
|
||||||
|
},
|
||||||
|
/** 搜索按钮操作 */
|
||||||
|
handleQuery() {
|
||||||
|
this.queryParams.pageNum = 1
|
||||||
|
this.getList()
|
||||||
|
},
|
||||||
|
/** 重置按钮操作 */
|
||||||
|
resetQuery() {
|
||||||
|
this.queryParams.time = []
|
||||||
|
this.resetForm('queryForm')
|
||||||
this.GetUnitData()
|
this.GetUnitData()
|
||||||
this.GetProData()
|
this.GetProData()
|
||||||
|
this.handleQuery()
|
||||||
},
|
},
|
||||||
components: { vueEasyPrint },
|
handleNotice() {
|
||||||
methods: {
|
this.noticeOpen = true
|
||||||
// 获取用户信息
|
|
||||||
async GetUserInfo() {
|
|
||||||
const res = await getInfo()
|
|
||||||
this.user = res.user
|
|
||||||
// console.log(this.user)
|
|
||||||
this.getList()
|
|
||||||
},
|
|
||||||
/** 查询列表 */
|
|
||||||
async getList() {
|
|
||||||
this.loading = true
|
|
||||||
const params = {
|
|
||||||
unitId: this.queryParams.unitId,
|
|
||||||
projectId: this.queryParams.proId,
|
|
||||||
keyWord: this.queryParams.keyword,
|
|
||||||
startTime:
|
|
||||||
this.queryParams.time && this.queryParams.time[0],
|
|
||||||
endTime: this.queryParams.time && this.queryParams.time[1],
|
|
||||||
types: this.queryParams.types,
|
|
||||||
souceBy: 0,
|
|
||||||
pageSize: this.queryParams.pageSize,
|
|
||||||
pageNum: this.queryParams.pageNum,
|
|
||||||
}
|
|
||||||
|
|
||||||
const res = await getLeaseManageListAll(params)
|
|
||||||
this.loading = false
|
|
||||||
console.log('getList ============', res)
|
|
||||||
this.leaseAuditList = res.data.rows
|
|
||||||
// this.leaseAuditList.forEach((item,index)=>{
|
|
||||||
// console.log(item.leaseApplyInfoList)
|
|
||||||
// if(item.leaseApplyInfoList.length>0){
|
|
||||||
// // item.showExamineBtn = true;
|
|
||||||
// if(item.leaseApplyInfoList[0].status=="0"||item.leaseApplyInfoList[0].status=="5"||item.leaseApplyInfoList[0].status=="7"||item.leaseApplyInfoList[0].status=="8"){
|
|
||||||
// item.showExamineBtn = true;
|
|
||||||
// }
|
|
||||||
// }
|
|
||||||
|
|
||||||
// })
|
|
||||||
console.log(this.leaseAuditList)
|
|
||||||
this.total = res.data.total
|
|
||||||
},
|
|
||||||
|
|
||||||
// 获取 来往单位 列表数据
|
|
||||||
async GetUnitData() {
|
|
||||||
const params = {
|
|
||||||
id: this.queryParams.proId,
|
|
||||||
}
|
|
||||||
const res = await getUnitData(params)
|
|
||||||
this.unitList = res.data
|
|
||||||
},
|
|
||||||
// 获取 工程名称 列表数据
|
|
||||||
async GetProData() {
|
|
||||||
const params = {
|
|
||||||
id: this.queryParams.unitId,
|
|
||||||
}
|
|
||||||
const res = await getProData(params)
|
|
||||||
this.proList = res.data
|
|
||||||
},
|
|
||||||
|
|
||||||
// 取消按钮
|
|
||||||
cancel() {
|
|
||||||
this.open = false
|
|
||||||
this.reset()
|
|
||||||
},
|
|
||||||
// 表单重置
|
|
||||||
reset() {
|
|
||||||
this.form = {
|
|
||||||
dictId: undefined,
|
|
||||||
dictName: undefined,
|
|
||||||
dictType: undefined,
|
|
||||||
status: '0',
|
|
||||||
remark: undefined,
|
|
||||||
}
|
|
||||||
this.resetForm('form')
|
|
||||||
},
|
|
||||||
/** 搜索按钮操作 */
|
|
||||||
handleQuery() {
|
|
||||||
this.queryParams.pageNum = 1
|
|
||||||
this.getList()
|
|
||||||
},
|
|
||||||
/** 重置按钮操作 */
|
|
||||||
resetQuery() {
|
|
||||||
this.queryParams.time = []
|
|
||||||
this.resetForm('queryForm')
|
|
||||||
this.GetUnitData()
|
|
||||||
this.GetProData()
|
|
||||||
this.handleQuery()
|
|
||||||
},
|
|
||||||
handleNotice() {
|
|
||||||
this.noticeOpen = true
|
|
||||||
},
|
|
||||||
/** 新增按钮操作 */
|
|
||||||
handleAdd() {
|
|
||||||
// this.$tab.closeOpenPage("/claimAndRefund/receive/receiveManageAdd");
|
|
||||||
// this.reset();
|
|
||||||
// this.open = true;
|
|
||||||
// this.title = "添加字典类型";
|
|
||||||
},
|
|
||||||
handleExamine(row, type) {
|
|
||||||
this.$tab.closeOpenPage({
|
|
||||||
path: '/claimAndRefund/receive/receiveExamine',
|
|
||||||
query: {
|
|
||||||
taskId: row.taskId,
|
|
||||||
},
|
|
||||||
})
|
|
||||||
},
|
|
||||||
handleView(row) {
|
|
||||||
this.$tab.closeOpenPage({
|
|
||||||
path: '/claimAndRefund/receive/receiveExamine?isView=true',
|
|
||||||
query: {
|
|
||||||
taskId: row.taskId,
|
|
||||||
},
|
|
||||||
})
|
|
||||||
},
|
|
||||||
//打开领料单
|
|
||||||
async openLld(row) {
|
|
||||||
this.open = true
|
|
||||||
|
|
||||||
const res = await getLeaseListAll({ taskId: row.taskId })
|
|
||||||
|
|
||||||
this.leaseApplyDetails = res.rows[0].leaseApplyDetails
|
|
||||||
this.leaseApplyData = res.rows[0]
|
|
||||||
|
|
||||||
console.log(
|
|
||||||
'this.leaseApplyData ============',
|
|
||||||
this.leaseApplyData,
|
|
||||||
)
|
|
||||||
},
|
|
||||||
// 领料单 打印
|
|
||||||
print() {
|
|
||||||
this.$refs.remarksPrintRef.print()
|
|
||||||
},
|
|
||||||
|
|
||||||
// 多选框选中数据
|
|
||||||
handleSelectionChange(selection) {
|
|
||||||
this.ids = selection.map((item) => item.dictId)
|
|
||||||
this.single = selection.length != 1
|
|
||||||
this.multiple = !selection.length
|
|
||||||
},
|
|
||||||
/** 修改按钮操作 */
|
|
||||||
handleUpdate(row) {
|
|
||||||
this.reset()
|
|
||||||
const dictId = row.dictId || this.ids
|
|
||||||
getType(dictId).then((response) => {
|
|
||||||
this.form = response.data
|
|
||||||
this.open = true
|
|
||||||
this.title = '验收'
|
|
||||||
})
|
|
||||||
},
|
|
||||||
/** 提交按钮 */
|
|
||||||
submitForm: function () {
|
|
||||||
this.$refs['form'].validate((valid) => {
|
|
||||||
if (valid) {
|
|
||||||
if (this.form.dictId != undefined) {
|
|
||||||
updateType(this.form).then((response) => {
|
|
||||||
this.$modal.msgSuccess('修改成功')
|
|
||||||
this.open = false
|
|
||||||
this.getList()
|
|
||||||
})
|
|
||||||
} else {
|
|
||||||
addType(this.form).then((response) => {
|
|
||||||
this.$modal.msgSuccess('新增成功')
|
|
||||||
this.open = false
|
|
||||||
this.getList()
|
|
||||||
})
|
|
||||||
}
|
|
||||||
}
|
|
||||||
})
|
|
||||||
},
|
|
||||||
/** 删除按钮操作 */
|
|
||||||
handleDelete(row) {
|
|
||||||
const dictIds = row.dictId || this.ids
|
|
||||||
this.$modal
|
|
||||||
.confirm('是否确认删除所选择的数据项？')
|
|
||||||
.then(function () {
|
|
||||||
return delType(dictIds)
|
|
||||||
})
|
|
||||||
.then(() => {
|
|
||||||
this.getList()
|
|
||||||
this.$modal.msgSuccess('删除成功')
|
|
||||||
})
|
|
||||||
.catch(() => {})
|
|
||||||
},
|
|
||||||
/** 导出按钮操作 */
|
|
||||||
handleExport() {
|
|
||||||
this.download(
|
|
||||||
'base/tm_task/applyExport',
|
|
||||||
{
|
|
||||||
...this.queryParams,
|
|
||||||
},
|
|
||||||
`领料审批单_${new Date().getTime()}.xlsx`,
|
|
||||||
)
|
|
||||||
},
|
|
||||||
/** 刷新缓存按钮操作 */
|
|
||||||
handleRefreshCache() {
|
|
||||||
refreshCache().then(() => {
|
|
||||||
this.$modal.msgSuccess('刷新成功')
|
|
||||||
this.$store.dispatch('dict/cleanDict')
|
|
||||||
})
|
|
||||||
},
|
|
||||||
},
|
},
|
||||||
watch: {
|
/** 新增按钮操作 */
|
||||||
$route: {
|
handleAdd() {
|
||||||
handler(to) {
|
// this.$tab.closeOpenPage("/claimAndRefund/receive/receiveManageAdd");
|
||||||
if (to.query.keyWord) {
|
// this.reset();
|
||||||
this.queryParams.keyWord = to.query.keyWord
|
// this.open = true;
|
||||||
}
|
// this.title = "添加字典类型";
|
||||||
|
},
|
||||||
|
handleExamine(row, type) {
|
||||||
|
this.$tab.closeOpenPage({
|
||||||
|
path: '/claimAndRefund/receive/receiveExamine',
|
||||||
|
query: {
|
||||||
|
taskId: row.taskId,
|
||||||
},
|
},
|
||||||
deep: true,
|
})
|
||||||
immediate: true,
|
|
||||||
},
|
|
||||||
},
|
},
|
||||||
}
|
handleView(row) {
|
||||||
|
this.$tab.closeOpenPage({
|
||||||
|
path: '/claimAndRefund/receive/receiveExamine?isView=true',
|
||||||
|
query: {
|
||||||
|
taskId: row.taskId,
|
||||||
|
},
|
||||||
|
})
|
||||||
|
},
|
||||||
|
//打开领料单
|
||||||
|
async openLld(row) {
|
||||||
|
this.open = true
|
||||||
|
|
||||||
|
const res = await getLeaseListAll({ taskId: row.taskId })
|
||||||
|
|
||||||
|
this.leaseApplyDetails = res.rows[0].leaseApplyDetails
|
||||||
|
this.leaseApplyData = res.rows[0]
|
||||||
|
|
||||||
|
console.log('this.leaseApplyData ============', this.leaseApplyData)
|
||||||
|
},
|
||||||
|
// 领料单 打印
|
||||||
|
print() {
|
||||||
|
this.$refs.remarksPrintRef.print()
|
||||||
|
},
|
||||||
|
|
||||||
|
// 多选框选中数据
|
||||||
|
handleSelectionChange(selection) {
|
||||||
|
this.ids = selection.map((item) => item.dictId)
|
||||||
|
this.single = selection.length != 1
|
||||||
|
this.multiple = !selection.length
|
||||||
|
},
|
||||||
|
/** 修改按钮操作 */
|
||||||
|
handleUpdate(row) {
|
||||||
|
this.reset()
|
||||||
|
const dictId = row.dictId || this.ids
|
||||||
|
getType(dictId).then((response) => {
|
||||||
|
this.form = response.data
|
||||||
|
this.open = true
|
||||||
|
this.title = '验收'
|
||||||
|
})
|
||||||
|
},
|
||||||
|
/** 提交按钮 */
|
||||||
|
submitForm: function () {
|
||||||
|
this.$refs['form'].validate((valid) => {
|
||||||
|
if (valid) {
|
||||||
|
if (this.form.dictId != undefined) {
|
||||||
|
updateType(this.form).then((response) => {
|
||||||
|
this.$modal.msgSuccess('修改成功')
|
||||||
|
this.open = false
|
||||||
|
this.getList()
|
||||||
|
})
|
||||||
|
} else {
|
||||||
|
addType(this.form).then((response) => {
|
||||||
|
this.$modal.msgSuccess('新增成功')
|
||||||
|
this.open = false
|
||||||
|
this.getList()
|
||||||
|
})
|
||||||
|
}
|
||||||
|
}
|
||||||
|
})
|
||||||
|
},
|
||||||
|
/** 删除按钮操作 */
|
||||||
|
handleDelete(row) {
|
||||||
|
const dictIds = row.dictId || this.ids
|
||||||
|
this.$modal
|
||||||
|
.confirm('是否确认删除所选择的数据项？')
|
||||||
|
.then(function () {
|
||||||
|
return delType(dictIds)
|
||||||
|
})
|
||||||
|
.then(() => {
|
||||||
|
this.getList()
|
||||||
|
this.$modal.msgSuccess('删除成功')
|
||||||
|
})
|
||||||
|
.catch(() => {})
|
||||||
|
},
|
||||||
|
/** 导出按钮操作 */
|
||||||
|
handleExport() {
|
||||||
|
this.download(
|
||||||
|
'base/tm_task/applyExport',
|
||||||
|
{
|
||||||
|
...this.queryParams,
|
||||||
|
},
|
||||||
|
`领料审批单_${new Date().getTime()}.xlsx`,
|
||||||
|
)
|
||||||
|
},
|
||||||
|
/** 刷新缓存按钮操作 */
|
||||||
|
handleRefreshCache() {
|
||||||
|
refreshCache().then(() => {
|
||||||
|
this.$modal.msgSuccess('刷新成功')
|
||||||
|
this.$store.dispatch('dict/cleanDict')
|
||||||
|
})
|
||||||
|
},
|
||||||
|
},
|
||||||
|
watch: {
|
||||||
|
$route: {
|
||||||
|
handler(to) {
|
||||||
|
if (to.query.keyWord) {
|
||||||
|
this.queryParams.keyWord = to.query.keyWord
|
||||||
|
}
|
||||||
|
},
|
||||||
|
deep: true,
|
||||||
|
immediate: true,
|
||||||
|
},
|
||||||
|
},
|
||||||
|
}
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<style lang="scss" scoped>
|
<style lang="scss" scoped>
|
||||||
.print {
|
.print {
|
||||||
.title {
|
.title {
|
||||||
text-align: center;
|
text-align: center;
|
||||||
font-weight: 600;
|
font-weight: 600;
|
||||||
font-size: 16px;
|
font-size: 16px;
|
||||||
}
|
}
|
||||||
.info {
|
.info {
|
||||||
margin-top: 10px;
|
margin-top: 10px;
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-wrap: wrap;
|
flex-wrap: wrap;
|
||||||
|
|
||||||
.item {
|
.item {
|
||||||
width: 50%;
|
width: 50%;
|
||||||
flex-shrink: 0;
|
flex-shrink: 0;
|
||||||
margin-bottom: 5px;
|
margin-bottom: 5px;
|
||||||
font-size: 14px;
|
font-size: 14px;
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.fillIn {
|
|
||||||
margin-top: 15px;
|
|
||||||
display: flex;
|
|
||||||
justify-content: space-between;
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
::v-deep.el-table .fixed-width .el-button--mini {
|
|
||||||
width: 60px !important;
|
.fillIn {
|
||||||
margin-bottom: 10px;
|
margin-top: 15px;
|
||||||
|
display: flex;
|
||||||
|
justify-content: space-between;
|
||||||
}
|
}
|
||||||
|
}
|
||||||
|
::v-deep.el-table .fixed-width .el-button--mini {
|
||||||
|
width: 60px !important;
|
||||||
|
margin-bottom: 10px;
|
||||||
|
}
|
||||||
</style>
|
</style>
|
||||||
|
|
|
||||||
|
|
@ -1,43 +1,25 @@
|
||||||
<template>
|
<template>
|
||||||
<div class="app-container" id="newDevicesCode">
|
<div class="app-container" id="newDevicesCode">
|
||||||
<el-form
|
<el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch" label-width="80px">
|
||||||
:model="queryParams"
|
<el-form-item label="关键字" prop="keyWord">
|
||||||
ref="queryForm"
|
<el-input
|
||||||
size="small"
|
v-model="queryParams.keyWord"
|
||||||
:inline="true"
|
placeholder="请输入关键字"
|
||||||
v-show="showSearch"
|
clearable
|
||||||
label-width="80px"
|
maxlength="50"
|
||||||
>
|
style="width: 240px"
|
||||||
<el-form-item label="关键字" prop="keyWord">
|
@keyup.enter.native="handleQuery"
|
||||||
<el-input
|
/>
|
||||||
v-model="queryParams.keyWord"
|
</el-form-item>
|
||||||
placeholder="请输入关键字"
|
|
||||||
clearable
|
|
||||||
maxlength="50"
|
|
||||||
style="width: 240px"
|
|
||||||
@keyup.enter.native="handleQuery"
|
|
||||||
/>
|
|
||||||
</el-form-item>
|
|
||||||
|
|
||||||
<el-form-item>
|
<el-form-item>
|
||||||
<el-button
|
<el-button type="primary" icon="el-icon-search" size="mini" @click="handleQuery">搜索</el-button>
|
||||||
type="primary"
|
<el-button icon="el-icon-refresh" size="mini" @click="resetQuery">重置</el-button>
|
||||||
icon="el-icon-search"
|
</el-form-item>
|
||||||
size="mini"
|
</el-form>
|
||||||
@click="handleQuery"
|
|
||||||
>搜索</el-button
|
|
||||||
>
|
|
||||||
<el-button
|
|
||||||
icon="el-icon-refresh"
|
|
||||||
size="mini"
|
|
||||||
@click="resetQuery"
|
|
||||||
>重置</el-button
|
|
||||||
>
|
|
||||||
</el-form-item>
|
|
||||||
</el-form>
|
|
||||||
|
|
||||||
<el-row :gutter="10" class="mb8">
|
<el-row :gutter="10" class="mb8">
|
||||||
<!-- <el-col :span="1.5">
|
<!-- <el-col :span="1.5">
|
||||||
<el-button
|
<el-button
|
||||||
type="primary"
|
type="primary"
|
||||||
plain
|
plain
|
||||||
|
|
@ -46,85 +28,34 @@
|
||||||
@click="handleAdd"
|
@click="handleAdd"
|
||||||
>新增</el-button>
|
>新增</el-button>
|
||||||
</el-col>-->
|
</el-col>-->
|
||||||
<el-col :span="1.5">
|
<el-col :span="1.5">
|
||||||
<el-button
|
<el-button type="success" plain size="mini" icon="el-icon-back" @click="jumpList">新购验收管理</el-button>
|
||||||
type="success"
|
</el-col>
|
||||||
plain
|
|
||||||
size="mini"
|
|
||||||
icon="el-icon-back"
|
|
||||||
@click="jumpList"
|
|
||||||
>新购验收管理</el-button
|
|
||||||
>
|
|
||||||
</el-col>
|
|
||||||
|
|
||||||
<right-toolbar
|
<right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar>
|
||||||
:showSearch.sync="showSearch"
|
</el-row>
|
||||||
@queryTable="getList"
|
|
||||||
></right-toolbar>
|
|
||||||
</el-row>
|
|
||||||
|
|
||||||
<el-table
|
<el-table v-loading="loading" :data="typeList" @selection-change="handleSelectionChange">
|
||||||
v-loading="loading"
|
<!-- <el-table-column type="selection" width="55" align="center" /> -->
|
||||||
:data="typeList"
|
<el-table-column label="序号" align="center" type="index" />
|
||||||
@selection-change="handleSelectionChange"
|
<el-table-column label="机具类型名称" align="center" prop="typeName" :show-overflow-tooltip="true" />
|
||||||
>
|
<el-table-column label="规格型号" align="center" prop="specificationType" :show-overflow-tooltip="true" />
|
||||||
<!-- <el-table-column type="selection" width="55" align="center" /> -->
|
<el-table-column label="采购时间" align="center" prop="purchaseTime" :show-overflow-tooltip="true" />
|
||||||
<el-table-column label="序号" align="center" type="index" />
|
<el-table-column label="采购数量" align="center" prop="purchaseNum" :show-overflow-tooltip="true" />
|
||||||
<el-table-column
|
<el-table-column label="验收数量" align="center" prop="checkNum" :show-overflow-tooltip="true" />
|
||||||
label="机具类型名称"
|
<el-table-column label="绑定数量" align="center" prop="bindNum" :show-overflow-tooltip="true">
|
||||||
align="center"
|
<template slot-scope="scope">
|
||||||
prop="typeName"
|
<span v-if="scope.row.bindNum > 0">{{ scope.row.bindNum }}</span>
|
||||||
:show-overflow-tooltip="true"
|
<span v-else>0</span>
|
||||||
/>
|
</template>
|
||||||
<el-table-column
|
</el-table-column>
|
||||||
label="规格型号"
|
<el-table-column label="是否为固定资产" align="center" prop="fixCode" :show-overflow-tooltip="true">
|
||||||
align="center"
|
<template slot-scope="scope">
|
||||||
prop="specificationType"
|
<span v-if="scope.row.fixCode == '0'">是</span>
|
||||||
:show-overflow-tooltip="true"
|
<span v-if="scope.row.fixCode == '1'">否</span>
|
||||||
/>
|
</template>
|
||||||
<el-table-column
|
</el-table-column>
|
||||||
label="采购时间"
|
<!-- <el-table-column label="编码类型" align="center" prop="codeType" :show-overflow-tooltip="true" />
|
||||||
align="center"
|
|
||||||
prop="purchaseTime"
|
|
||||||
:show-overflow-tooltip="true"
|
|
||||||
/>
|
|
||||||
<el-table-column
|
|
||||||
label="采购数量"
|
|
||||||
align="center"
|
|
||||||
prop="purchaseNum"
|
|
||||||
:show-overflow-tooltip="true"
|
|
||||||
/>
|
|
||||||
<el-table-column
|
|
||||||
label="验收数量"
|
|
||||||
align="center"
|
|
||||||
prop="checkNum"
|
|
||||||
:show-overflow-tooltip="true"
|
|
||||||
/>
|
|
||||||
<el-table-column
|
|
||||||
label="绑定数量"
|
|
||||||
align="center"
|
|
||||||
prop="bindNum"
|
|
||||||
:show-overflow-tooltip="true"
|
|
||||||
>
|
|
||||||
<template slot-scope="scope">
|
|
||||||
<span v-if="scope.row.bindNum > 0">{{
|
|
||||||
scope.row.bindNum
|
|
||||||
}}</span>
|
|
||||||
<span v-else>0</span>
|
|
||||||
</template>
|
|
||||||
</el-table-column>
|
|
||||||
<el-table-column
|
|
||||||
label="是否为固定资产"
|
|
||||||
align="center"
|
|
||||||
prop="fixCode"
|
|
||||||
:show-overflow-tooltip="true"
|
|
||||||
>
|
|
||||||
<template slot-scope="scope">
|
|
||||||
<span v-if="scope.row.fixCode == '0'">是</span>
|
|
||||||
<span v-if="scope.row.fixCode == '1'">否</span>
|
|
||||||
</template>
|
|
||||||
</el-table-column>
|
|
||||||
<!-- <el-table-column label="编码类型" align="center" prop="codeType" :show-overflow-tooltip="true" />
|
|
||||||
<el-table-column label="二维码" align="center" prop="dictName" :show-overflow-tooltip="true" />-->
|
<el-table-column label="二维码" align="center" prop="dictName" :show-overflow-tooltip="true" />-->
|
||||||
<el-table-column label="状态" align="center" prop="status" width="180">
|
<el-table-column label="状态" align="center" prop="status" width="180">
|
||||||
<template slot-scope="scope">
|
<template slot-scope="scope">
|
||||||
|
|
@ -270,9 +201,9 @@ import {
|
||||||
getBindCodeDetails
|
getBindCodeDetails
|
||||||
} from '@/api/store/newBuy'
|
} from '@/api/store/newBuy'
|
||||||
|
|
||||||
import { getTypeList } from '@/api/store/warehousing'
|
import { getTypeList } from '@/api/store/warehousing'
|
||||||
import { getListByMaType } from '@/api/store/tools'
|
import { getListByMaType } from '@/api/store/tools'
|
||||||
import { number } from 'echarts'
|
import { number } from 'echarts'
|
||||||
|
|
||||||
export default {
|
export default {
|
||||||
name: 'NewDevicesCode',
|
name: 'NewDevicesCode',
|
||||||
|
|
@ -475,11 +406,51 @@ export default {
|
||||||
assetsCode: '',
|
assetsCode: '',
|
||||||
fixCode: this.form.fixCode,
|
fixCode: this.form.fixCode,
|
||||||
}
|
}
|
||||||
},
|
this.codeList.push(obj)
|
||||||
mounted() {
|
}
|
||||||
const taskId = this.$route.query && this.$route.query.taskId
|
} else {
|
||||||
this.taskId = taskId
|
this.$modal.msgError('编码后缀范围输入格式不正确')
|
||||||
// console.log(this.taskId)
|
}
|
||||||
|
}
|
||||||
|
},
|
||||||
|
|
||||||
|
/** 提交按钮 */
|
||||||
|
submitForm: function () {
|
||||||
|
// console.log(this.codeList)
|
||||||
|
if (this.form.fixCode == 0) {
|
||||||
|
if (this.hasDuplicateField(this.codeList, 'assetsCode')) {
|
||||||
|
this.$modal.msgError('固定资产编码不能为空')
|
||||||
|
return false
|
||||||
|
}
|
||||||
|
}
|
||||||
|
if (this.codeList.length == 0) {
|
||||||
|
this.$modal.msgError('无新增编码绑定')
|
||||||
|
} else {
|
||||||
|
const maCodeSet = new Set()
|
||||||
|
let hasDuplicates = false
|
||||||
|
|
||||||
|
for (const item of this.codeList) {
|
||||||
|
const maCode = item.maCode
|
||||||
|
|
||||||
|
if (maCodeSet.has(maCode)) {
|
||||||
|
hasDuplicates = true
|
||||||
|
break
|
||||||
|
}
|
||||||
|
maCodeSet.add(maCode)
|
||||||
|
}
|
||||||
|
console.log('codeList:', this.codeList)
|
||||||
|
if (hasDuplicates) {
|
||||||
|
this.$modal.msgError('编码绑定失败,存在重复编码，请重新输入')
|
||||||
|
return // 停止提交流程
|
||||||
|
}
|
||||||
|
editPurchaseMacode(this.codeList).then(response => {
|
||||||
|
console.log(this.codeList)
|
||||||
|
if (response.data && response.data.length > 0) {
|
||||||
|
this.codeList = response.data
|
||||||
|
this.$modal.msgError('编码绑定失败,存在重复编码，请重新输入')
|
||||||
|
} else {
|
||||||
|
this.$modal.msgSuccess('编码绑定成功')
|
||||||
|
this.open = false
|
||||||
this.getList()
|
this.getList()
|
||||||
}
|
}
|
||||||
})
|
})
|
||||||
|
|
@ -542,13 +513,13 @@ export default {
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<style scoped>
|
<style scoped>
|
||||||
.redColor {
|
.redColor {
|
||||||
color: red;
|
color: red;
|
||||||
}
|
}
|
||||||
</style>
|
</style>
|
||||||
<style lang="scss" scoped>
|
<style lang="scss" scoped>
|
||||||
::v-deep.el-table .fixed-width .el-button--mini {
|
::v-deep.el-table .fixed-width .el-button--mini {
|
||||||
width: 60px !important;
|
width: 60px !important;
|
||||||
margin-bottom: 10px;
|
margin-bottom: 10px;
|
||||||
}
|
}
|
||||||
</style>
|
</style>
|
||||||
|
|
|
||||||
|
|
@ -124,23 +124,35 @@
|
||||||
<el-table
|
<el-table
|
||||||
v-loading="loading"
|
v-loading="loading"
|
||||||
:data="roleList"
|
:data="roleList"
|
||||||
|
border
|
||||||
@selection-change="handleSelectionChange"
|
@selection-change="handleSelectionChange"
|
||||||
>
|
>
|
||||||
<el-table-column type="selection" width="55" align="center" />
|
<el-table-column type="selection" width="55" align="center" />
|
||||||
<el-table-column label="角色编号" prop="roleId" width="120" />
|
|
||||||
<el-table-column
|
<el-table-column
|
||||||
|
label="角色编号"
|
||||||
|
prop="roleId"
|
||||||
|
width="120"
|
||||||
|
align="center"
|
||||||
|
/>
|
||||||
|
<el-table-column
|
||||||
|
align="center"
|
||||||
label="角色名称"
|
label="角色名称"
|
||||||
prop="roleName"
|
prop="roleName"
|
||||||
:show-overflow-tooltip="true"
|
:show-overflow-tooltip="true"
|
||||||
width="150"
|
|
||||||
/>
|
/>
|
||||||
<el-table-column
|
<el-table-column
|
||||||
|
align="center"
|
||||||
label="权限字符"
|
label="权限字符"
|
||||||
prop="roleKey"
|
prop="roleKey"
|
||||||
:show-overflow-tooltip="true"
|
:show-overflow-tooltip="true"
|
||||||
width="150"
|
width="150"
|
||||||
/>
|
/>
|
||||||
<el-table-column label="显示顺序" prop="roleSort" width="100" />
|
<el-table-column
|
||||||
|
align="center"
|
||||||
|
label="显示顺序"
|
||||||
|
prop="roleSort"
|
||||||
|
width="100"
|
||||||
|
/>
|
||||||
<el-table-column label="状态" align="center" width="100">
|
<el-table-column label="状态" align="center" width="100">
|
||||||
<template slot-scope="scope">
|
<template slot-scope="scope">
|
||||||
<el-switch
|
<el-switch
|
||||||
|
|
@ -161,11 +173,7 @@
|
||||||
<span>{{ parseTime(scope.row.createTime) }}</span>
|
<span>{{ parseTime(scope.row.createTime) }}</span>
|
||||||
</template>
|
</template>
|
||||||
</el-table-column>
|
</el-table-column>
|
||||||
<el-table-column
|
<el-table-column label="操作" align="center">
|
||||||
label="操作"
|
|
||||||
align="center"
|
|
||||||
class-name="small-padding fixed-width"
|
|
||||||
>
|
|
||||||
<template slot-scope="scope" v-if="scope.row.roleId !== 1">
|
<template slot-scope="scope" v-if="scope.row.roleId !== 1">
|
||||||
<el-button
|
<el-button
|
||||||
size="mini"
|
size="mini"
|
||||||
|
|
@ -384,407 +392,397 @@
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script>
|
<script>
|
||||||
import {
|
import {
|
||||||
listRole,
|
listRole,
|
||||||
getRole,
|
getRole,
|
||||||
delRole,
|
delRole,
|
||||||
addRole,
|
addRole,
|
||||||
updateRole,
|
updateRole,
|
||||||
dataScope,
|
dataScope,
|
||||||
changeRoleStatus,
|
changeRoleStatus,
|
||||||
deptTreeSelect,
|
deptTreeSelect,
|
||||||
} from '@/api/system/role'
|
} from '@/api/system/role'
|
||||||
import {
|
import {
|
||||||
treeselect as menuTreeselect,
|
treeselect as menuTreeselect,
|
||||||
roleMenuTreeselect,
|
roleMenuTreeselect,
|
||||||
} from '@/api/system/menu'
|
} from '@/api/system/menu'
|
||||||
|
|
||||||
export default {
|
export default {
|
||||||
name: 'Role',
|
name: 'Role',
|
||||||
dicts: ['sys_normal_disable'],
|
dicts: ['sys_normal_disable'],
|
||||||
data() {
|
data() {
|
||||||
return {
|
return {
|
||||||
// 遮罩层
|
// 遮罩层
|
||||||
loading: true,
|
loading: true,
|
||||||
// 选中数组
|
// 选中数组
|
||||||
ids: [],
|
ids: [],
|
||||||
// 非单个禁用
|
// 非单个禁用
|
||||||
single: true,
|
single: true,
|
||||||
// 非多个禁用
|
// 非多个禁用
|
||||||
multiple: true,
|
multiple: true,
|
||||||
// 显示搜索条件
|
// 显示搜索条件
|
||||||
showSearch: true,
|
showSearch: true,
|
||||||
// 总条数
|
// 总条数
|
||||||
total: 0,
|
total: 0,
|
||||||
// 角色表格数据
|
// 角色表格数据
|
||||||
roleList: [],
|
roleList: [],
|
||||||
// 弹出层标题
|
// 弹出层标题
|
||||||
title: '',
|
title: '',
|
||||||
// 是否显示弹出层
|
// 是否显示弹出层
|
||||||
open: false,
|
open: false,
|
||||||
// 是否显示弹出层（数据权限）
|
// 是否显示弹出层（数据权限）
|
||||||
openDataScope: false,
|
openDataScope: false,
|
||||||
menuExpand: false,
|
menuExpand: false,
|
||||||
menuNodeAll: false,
|
menuNodeAll: false,
|
||||||
deptExpand: true,
|
deptExpand: true,
|
||||||
deptNodeAll: false,
|
deptNodeAll: false,
|
||||||
// 日期范围
|
// 日期范围
|
||||||
dateRange: [],
|
dateRange: [],
|
||||||
// 数据范围选项
|
// 数据范围选项
|
||||||
dataScopeOptions: [
|
dataScopeOptions: [
|
||||||
|
{
|
||||||
|
value: '1',
|
||||||
|
label: '全部数据权限',
|
||||||
|
},
|
||||||
|
{
|
||||||
|
value: '2',
|
||||||
|
label: '自定数据权限',
|
||||||
|
},
|
||||||
|
{
|
||||||
|
value: '3',
|
||||||
|
label: '本部门数据权限',
|
||||||
|
},
|
||||||
|
{
|
||||||
|
value: '4',
|
||||||
|
label: '本部门及以下数据权限',
|
||||||
|
},
|
||||||
|
{
|
||||||
|
value: '5',
|
||||||
|
label: '仅本人数据权限',
|
||||||
|
},
|
||||||
|
],
|
||||||
|
// 菜单列表
|
||||||
|
menuOptions: [],
|
||||||
|
// 部门列表
|
||||||
|
deptOptions: [],
|
||||||
|
// 查询参数
|
||||||
|
queryParams: {
|
||||||
|
pageNum: 1,
|
||||||
|
pageSize: 10,
|
||||||
|
roleName: undefined,
|
||||||
|
roleKey: undefined,
|
||||||
|
status: undefined,
|
||||||
|
dataCondition: [],
|
||||||
|
},
|
||||||
|
// 表单参数
|
||||||
|
form: {},
|
||||||
|
defaultProps: {
|
||||||
|
children: 'children',
|
||||||
|
label: 'label',
|
||||||
|
},
|
||||||
|
// 表单校验
|
||||||
|
rules: {
|
||||||
|
roleName: [
|
||||||
{
|
{
|
||||||
value: '1',
|
required: true,
|
||||||
label: '全部数据权限',
|
message: '角色名称不能为空',
|
||||||
},
|
trigger: 'blur',
|
||||||
{
|
|
||||||
value: '2',
|
|
||||||
label: '自定数据权限',
|
|
||||||
},
|
|
||||||
{
|
|
||||||
value: '3',
|
|
||||||
label: '本部门数据权限',
|
|
||||||
},
|
|
||||||
{
|
|
||||||
value: '4',
|
|
||||||
label: '本部门及以下数据权限',
|
|
||||||
},
|
|
||||||
{
|
|
||||||
value: '5',
|
|
||||||
label: '仅本人数据权限',
|
|
||||||
},
|
},
|
||||||
],
|
],
|
||||||
// 菜单列表
|
roleKey: [
|
||||||
menuOptions: [],
|
{
|
||||||
// 部门列表
|
required: true,
|
||||||
deptOptions: [],
|
message: '权限字符不能为空',
|
||||||
// 查询参数
|
trigger: 'blur',
|
||||||
queryParams: {
|
},
|
||||||
pageNum: 1,
|
],
|
||||||
pageSize: 10,
|
roleSort: [
|
||||||
roleName: undefined,
|
{
|
||||||
roleKey: undefined,
|
required: true,
|
||||||
status: undefined,
|
message: '角色顺序不能为空',
|
||||||
dataCondition: [],
|
trigger: 'blur',
|
||||||
},
|
},
|
||||||
// 表单参数
|
],
|
||||||
form: {},
|
},
|
||||||
defaultProps: {
|
}
|
||||||
children: 'children',
|
},
|
||||||
label: 'label',
|
created() {
|
||||||
},
|
this.getList()
|
||||||
// 表单校验
|
},
|
||||||
rules: {
|
methods: {
|
||||||
roleName: [
|
/** 查询角色列表 */
|
||||||
{
|
getList() {
|
||||||
required: true,
|
this.loading = true
|
||||||
message: '角色名称不能为空',
|
listRole(this.addDateRange(this.queryParams, this.dateRange)).then(
|
||||||
trigger: 'blur',
|
(response) => {
|
||||||
},
|
|
||||||
],
|
|
||||||
roleKey: [
|
|
||||||
{
|
|
||||||
required: true,
|
|
||||||
message: '权限字符不能为空',
|
|
||||||
trigger: 'blur',
|
|
||||||
},
|
|
||||||
],
|
|
||||||
roleSort: [
|
|
||||||
{
|
|
||||||
required: true,
|
|
||||||
message: '角色顺序不能为空',
|
|
||||||
trigger: 'blur',
|
|
||||||
},
|
|
||||||
],
|
|
||||||
},
|
|
||||||
}
|
|
||||||
},
|
|
||||||
created() {
|
|
||||||
this.getList()
|
|
||||||
},
|
|
||||||
methods: {
|
|
||||||
/** 查询角色列表 */
|
|
||||||
getList() {
|
|
||||||
this.loading = true
|
|
||||||
listRole(
|
|
||||||
this.addDateRange(this.queryParams, this.dateRange),
|
|
||||||
).then((response) => {
|
|
||||||
this.roleList = response.rows
|
this.roleList = response.rows
|
||||||
this.total = response.total
|
this.total = response.total
|
||||||
this.loading = false
|
this.loading = false
|
||||||
})
|
},
|
||||||
},
|
)
|
||||||
/** 查询菜单树结构 */
|
|
||||||
getMenuTreeselect() {
|
|
||||||
menuTreeselect().then((response) => {
|
|
||||||
this.menuOptions = response.data
|
|
||||||
})
|
|
||||||
},
|
|
||||||
// 所有菜单节点数据
|
|
||||||
getMenuAllCheckedKeys() {
|
|
||||||
// 目前被选中的菜单节点
|
|
||||||
let checkedKeys = this.$refs.menu.getCheckedKeys()
|
|
||||||
// 半选中的菜单节点
|
|
||||||
let halfCheckedKeys = this.$refs.menu.getHalfCheckedKeys()
|
|
||||||
checkedKeys.unshift.apply(checkedKeys, halfCheckedKeys)
|
|
||||||
return checkedKeys
|
|
||||||
},
|
|
||||||
// 所有部门节点数据
|
|
||||||
getDeptAllCheckedKeys() {
|
|
||||||
// 目前被选中的部门节点
|
|
||||||
let checkedKeys = this.$refs.dept.getCheckedKeys()
|
|
||||||
// 半选中的部门节点
|
|
||||||
let halfCheckedKeys = this.$refs.dept.getHalfCheckedKeys()
|
|
||||||
checkedKeys.unshift.apply(checkedKeys, halfCheckedKeys)
|
|
||||||
return checkedKeys
|
|
||||||
},
|
|
||||||
/** 根据角色ID查询菜单树结构 */
|
|
||||||
getRoleMenuTreeselect(roleId) {
|
|
||||||
return roleMenuTreeselect(roleId).then((response) => {
|
|
||||||
this.menuOptions = response.menus
|
|
||||||
return response
|
|
||||||
})
|
|
||||||
},
|
|
||||||
/** 根据角色ID查询部门树结构 */
|
|
||||||
getDeptTree(roleId) {
|
|
||||||
return deptTreeSelect(roleId).then((response) => {
|
|
||||||
this.deptOptions = response.depts
|
|
||||||
return response
|
|
||||||
})
|
|
||||||
},
|
|
||||||
// 角色状态修改
|
|
||||||
handleStatusChange(row) {
|
|
||||||
let text = row.status === '0' ? '启用' : '停用'
|
|
||||||
this.$modal
|
|
||||||
.confirm(
|
|
||||||
'确认要"' + text + '""' + row.roleName + '"角色吗？',
|
|
||||||
)
|
|
||||||
.then(function () {
|
|
||||||
return changeRoleStatus(row.roleId, row.status)
|
|
||||||
})
|
|
||||||
.then(() => {
|
|
||||||
this.$modal.msgSuccess(text + '成功')
|
|
||||||
})
|
|
||||||
.catch(function () {
|
|
||||||
row.status = row.status === '0' ? '1' : '0'
|
|
||||||
})
|
|
||||||
},
|
|
||||||
// 取消按钮
|
|
||||||
cancel() {
|
|
||||||
this.open = false
|
|
||||||
this.reset()
|
|
||||||
},
|
|
||||||
// 取消按钮（数据权限）
|
|
||||||
cancelDataScope() {
|
|
||||||
this.openDataScope = false
|
|
||||||
this.reset()
|
|
||||||
},
|
|
||||||
// 表单重置
|
|
||||||
reset() {
|
|
||||||
if (this.$refs.menu != undefined) {
|
|
||||||
this.$refs.menu.setCheckedKeys([])
|
|
||||||
}
|
|
||||||
;(this.menuExpand = false),
|
|
||||||
(this.menuNodeAll = false),
|
|
||||||
(this.deptExpand = true),
|
|
||||||
(this.deptNodeAll = false),
|
|
||||||
(this.form = {
|
|
||||||
roleId: undefined,
|
|
||||||
roleName: undefined,
|
|
||||||
roleKey: undefined,
|
|
||||||
roleSort: 0,
|
|
||||||
status: '0',
|
|
||||||
menuIds: [],
|
|
||||||
deptIds: [],
|
|
||||||
menuCheckStrictly: true,
|
|
||||||
deptCheckStrictly: true,
|
|
||||||
remark: undefined,
|
|
||||||
})
|
|
||||||
this.resetForm('form')
|
|
||||||
},
|
|
||||||
/** 搜索按钮操作 */
|
|
||||||
handleQuery() {
|
|
||||||
this.queryParams.pageNum = 1
|
|
||||||
this.getList()
|
|
||||||
},
|
|
||||||
/** 重置按钮操作 */
|
|
||||||
resetQuery() {
|
|
||||||
this.dateRange = []
|
|
||||||
this.resetForm('queryForm')
|
|
||||||
this.handleQuery()
|
|
||||||
},
|
|
||||||
// 多选框选中数据
|
|
||||||
handleSelectionChange(selection) {
|
|
||||||
this.ids = selection.map((item) => item.roleId)
|
|
||||||
this.queryParams.dataCondition = selection.map(
|
|
||||||
(item) => item.roleId,
|
|
||||||
)
|
|
||||||
this.single = selection.length != 1
|
|
||||||
this.multiple = !selection.length
|
|
||||||
},
|
|
||||||
// 更多操作触发
|
|
||||||
handleCommand(command, row) {
|
|
||||||
switch (command) {
|
|
||||||
case 'handleDataScope':
|
|
||||||
this.handleDataScope(row)
|
|
||||||
break
|
|
||||||
case 'handleAuthUser':
|
|
||||||
this.handleAuthUser(row)
|
|
||||||
break
|
|
||||||
default:
|
|
||||||
break
|
|
||||||
}
|
|
||||||
},
|
|
||||||
// 树权限（展开/折叠）
|
|
||||||
handleCheckedTreeExpand(value, type) {
|
|
||||||
if (type == 'menu') {
|
|
||||||
let 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') {
|
|
||||||
let treeList = this.deptOptions
|
|
||||||
for (let i = 0; i < treeList.length; i++) {
|
|
||||||
this.$refs.dept.store.nodesMap[
|
|
||||||
treeList[i].id
|
|
||||||
].expanded = value
|
|
||||||
}
|
|
||||||
}
|
|
||||||
},
|
|
||||||
// 树权限（全选/全不选）
|
|
||||||
handleCheckedTreeNodeAll(value, type) {
|
|
||||||
if (type == 'menu') {
|
|
||||||
this.$refs.menu.setCheckedNodes(
|
|
||||||
value ? this.menuOptions : [],
|
|
||||||
)
|
|
||||||
} else if (type == 'dept') {
|
|
||||||
this.$refs.dept.setCheckedNodes(
|
|
||||||
value ? this.deptOptions : [],
|
|
||||||
)
|
|
||||||
}
|
|
||||||
},
|
|
||||||
// 树权限（父子联动）
|
|
||||||
handleCheckedTreeConnect(value, type) {
|
|
||||||
if (type == 'menu') {
|
|
||||||
this.form.menuCheckStrictly = value ? true : false
|
|
||||||
} else if (type == 'dept') {
|
|
||||||
this.form.deptCheckStrictly = value ? true : false
|
|
||||||
}
|
|
||||||
},
|
|
||||||
/** 新增按钮操作 */
|
|
||||||
handleAdd() {
|
|
||||||
this.reset()
|
|
||||||
this.getMenuTreeselect()
|
|
||||||
this.open = true
|
|
||||||
this.title = '添加角色'
|
|
||||||
},
|
|
||||||
/** 修改按钮操作 */
|
|
||||||
handleUpdate(row) {
|
|
||||||
this.reset()
|
|
||||||
const roleId = row.roleId || this.ids
|
|
||||||
const roleMenu = this.getRoleMenuTreeselect(roleId)
|
|
||||||
getRole(roleId).then((response) => {
|
|
||||||
this.form = response.data
|
|
||||||
this.open = true
|
|
||||||
this.$nextTick(() => {
|
|
||||||
roleMenu.then((res) => {
|
|
||||||
let checkedKeys = res.checkedKeys
|
|
||||||
checkedKeys.forEach((v) => {
|
|
||||||
this.$nextTick(() => {
|
|
||||||
this.$refs.menu.setChecked(v, true, false)
|
|
||||||
})
|
|
||||||
})
|
|
||||||
})
|
|
||||||
})
|
|
||||||
this.title = '修改角色'
|
|
||||||
})
|
|
||||||
},
|
|
||||||
/** 选择角色权限范围触发 */
|
|
||||||
dataScopeSelectChange(value) {
|
|
||||||
if (value !== '2') {
|
|
||||||
this.$refs.dept.setCheckedKeys([])
|
|
||||||
}
|
|
||||||
},
|
|
||||||
/** 分配数据权限操作 */
|
|
||||||
handleDataScope(row) {
|
|
||||||
this.reset()
|
|
||||||
const deptTreeSelect = this.getDeptTree(row.roleId)
|
|
||||||
getRole(row.roleId).then((response) => {
|
|
||||||
this.form = response.data
|
|
||||||
this.openDataScope = true
|
|
||||||
this.$nextTick(() => {
|
|
||||||
deptTreeSelect.then((res) => {
|
|
||||||
this.$refs.dept.setCheckedKeys(res.checkedKeys)
|
|
||||||
})
|
|
||||||
})
|
|
||||||
this.title = '分配数据权限'
|
|
||||||
})
|
|
||||||
},
|
|
||||||
/** 分配用户操作 */
|
|
||||||
handleAuthUser: function (row) {
|
|
||||||
const roleId = row.roleId
|
|
||||||
this.$router.push('/system/role-auth/user/' + roleId)
|
|
||||||
},
|
|
||||||
/** 提交按钮 */
|
|
||||||
submitForm: function () {
|
|
||||||
this.$refs['form'].validate((valid) => {
|
|
||||||
if (valid) {
|
|
||||||
if (this.form.roleId != undefined) {
|
|
||||||
this.form.menuIds = this.getMenuAllCheckedKeys()
|
|
||||||
updateRole(this.form).then((response) => {
|
|
||||||
this.$modal.msgSuccess('修改成功')
|
|
||||||
this.open = false
|
|
||||||
this.getList()
|
|
||||||
})
|
|
||||||
} else {
|
|
||||||
this.form.menuIds = this.getMenuAllCheckedKeys()
|
|
||||||
addRole(this.form).then((response) => {
|
|
||||||
this.$modal.msgSuccess('新增成功')
|
|
||||||
this.open = false
|
|
||||||
this.getList()
|
|
||||||
})
|
|
||||||
}
|
|
||||||
}
|
|
||||||
})
|
|
||||||
},
|
|
||||||
/** 提交按钮（数据权限） */
|
|
||||||
submitDataScope: function () {
|
|
||||||
if (this.form.roleId != undefined) {
|
|
||||||
this.form.deptIds = this.getDeptAllCheckedKeys()
|
|
||||||
dataScope(this.form).then((response) => {
|
|
||||||
this.$modal.msgSuccess('修改成功')
|
|
||||||
this.openDataScope = false
|
|
||||||
this.getList()
|
|
||||||
})
|
|
||||||
}
|
|
||||||
},
|
|
||||||
/** 删除按钮操作 */
|
|
||||||
handleDelete(row) {
|
|
||||||
const roleIds = row.roleId || this.ids
|
|
||||||
this.$modal
|
|
||||||
.confirm(
|
|
||||||
'是否确认删除所选择的数据项？',
|
|
||||||
)
|
|
||||||
.then(function () {
|
|
||||||
return delRole(roleIds)
|
|
||||||
})
|
|
||||||
.then(() => {
|
|
||||||
this.getList()
|
|
||||||
this.$modal.msgSuccess('删除成功')
|
|
||||||
})
|
|
||||||
.catch(() => {})
|
|
||||||
},
|
|
||||||
/** 导出按钮操作 */
|
|
||||||
handleExport() {
|
|
||||||
this.download(
|
|
||||||
'system/role/export',
|
|
||||||
{
|
|
||||||
...this.queryParams,
|
|
||||||
},
|
|
||||||
`role_${new Date().getTime()}.xlsx`,
|
|
||||||
)
|
|
||||||
},
|
|
||||||
},
|
},
|
||||||
}
|
/** 查询菜单树结构 */
|
||||||
|
getMenuTreeselect() {
|
||||||
|
menuTreeselect().then((response) => {
|
||||||
|
this.menuOptions = response.data
|
||||||
|
})
|
||||||
|
},
|
||||||
|
// 所有菜单节点数据
|
||||||
|
getMenuAllCheckedKeys() {
|
||||||
|
// 目前被选中的菜单节点
|
||||||
|
let checkedKeys = this.$refs.menu.getCheckedKeys()
|
||||||
|
// 半选中的菜单节点
|
||||||
|
let halfCheckedKeys = this.$refs.menu.getHalfCheckedKeys()
|
||||||
|
checkedKeys.unshift.apply(checkedKeys, halfCheckedKeys)
|
||||||
|
return checkedKeys
|
||||||
|
},
|
||||||
|
// 所有部门节点数据
|
||||||
|
getDeptAllCheckedKeys() {
|
||||||
|
// 目前被选中的部门节点
|
||||||
|
let checkedKeys = this.$refs.dept.getCheckedKeys()
|
||||||
|
// 半选中的部门节点
|
||||||
|
let halfCheckedKeys = this.$refs.dept.getHalfCheckedKeys()
|
||||||
|
checkedKeys.unshift.apply(checkedKeys, halfCheckedKeys)
|
||||||
|
return checkedKeys
|
||||||
|
},
|
||||||
|
/** 根据角色ID查询菜单树结构 */
|
||||||
|
getRoleMenuTreeselect(roleId) {
|
||||||
|
return roleMenuTreeselect(roleId).then((response) => {
|
||||||
|
this.menuOptions = response.menus
|
||||||
|
return response
|
||||||
|
})
|
||||||
|
},
|
||||||
|
/** 根据角色ID查询部门树结构 */
|
||||||
|
getDeptTree(roleId) {
|
||||||
|
return deptTreeSelect(roleId).then((response) => {
|
||||||
|
this.deptOptions = response.depts
|
||||||
|
return response
|
||||||
|
})
|
||||||
|
},
|
||||||
|
// 角色状态修改
|
||||||
|
handleStatusChange(row) {
|
||||||
|
let text = row.status === '0' ? '启用' : '停用'
|
||||||
|
this.$modal
|
||||||
|
.confirm('确认要"' + text + '""' + row.roleName + '"角色吗？')
|
||||||
|
.then(function () {
|
||||||
|
return changeRoleStatus(row.roleId, row.status)
|
||||||
|
})
|
||||||
|
.then(() => {
|
||||||
|
this.$modal.msgSuccess(text + '成功')
|
||||||
|
})
|
||||||
|
.catch(function () {
|
||||||
|
row.status = row.status === '0' ? '1' : '0'
|
||||||
|
})
|
||||||
|
},
|
||||||
|
// 取消按钮
|
||||||
|
cancel() {
|
||||||
|
this.open = false
|
||||||
|
this.reset()
|
||||||
|
},
|
||||||
|
// 取消按钮（数据权限）
|
||||||
|
cancelDataScope() {
|
||||||
|
this.openDataScope = false
|
||||||
|
this.reset()
|
||||||
|
},
|
||||||
|
// 表单重置
|
||||||
|
reset() {
|
||||||
|
if (this.$refs.menu != undefined) {
|
||||||
|
this.$refs.menu.setCheckedKeys([])
|
||||||
|
}
|
||||||
|
;(this.menuExpand = false),
|
||||||
|
(this.menuNodeAll = false),
|
||||||
|
(this.deptExpand = true),
|
||||||
|
(this.deptNodeAll = false),
|
||||||
|
(this.form = {
|
||||||
|
roleId: undefined,
|
||||||
|
roleName: undefined,
|
||||||
|
roleKey: undefined,
|
||||||
|
roleSort: 0,
|
||||||
|
status: '0',
|
||||||
|
menuIds: [],
|
||||||
|
deptIds: [],
|
||||||
|
menuCheckStrictly: true,
|
||||||
|
deptCheckStrictly: true,
|
||||||
|
remark: undefined,
|
||||||
|
})
|
||||||
|
this.resetForm('form')
|
||||||
|
},
|
||||||
|
/** 搜索按钮操作 */
|
||||||
|
handleQuery() {
|
||||||
|
this.queryParams.pageNum = 1
|
||||||
|
this.getList()
|
||||||
|
},
|
||||||
|
/** 重置按钮操作 */
|
||||||
|
resetQuery() {
|
||||||
|
this.dateRange = []
|
||||||
|
this.resetForm('queryForm')
|
||||||
|
this.handleQuery()
|
||||||
|
},
|
||||||
|
// 多选框选中数据
|
||||||
|
handleSelectionChange(selection) {
|
||||||
|
this.ids = selection.map((item) => item.roleId)
|
||||||
|
this.queryParams.dataCondition = selection.map(
|
||||||
|
(item) => item.roleId,
|
||||||
|
)
|
||||||
|
this.single = selection.length != 1
|
||||||
|
this.multiple = !selection.length
|
||||||
|
},
|
||||||
|
// 更多操作触发
|
||||||
|
handleCommand(command, row) {
|
||||||
|
switch (command) {
|
||||||
|
case 'handleDataScope':
|
||||||
|
this.handleDataScope(row)
|
||||||
|
break
|
||||||
|
case 'handleAuthUser':
|
||||||
|
this.handleAuthUser(row)
|
||||||
|
break
|
||||||
|
default:
|
||||||
|
break
|
||||||
|
}
|
||||||
|
},
|
||||||
|
// 树权限（展开/折叠）
|
||||||
|
handleCheckedTreeExpand(value, type) {
|
||||||
|
if (type == 'menu') {
|
||||||
|
let 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') {
|
||||||
|
let treeList = this.deptOptions
|
||||||
|
for (let i = 0; i < treeList.length; i++) {
|
||||||
|
this.$refs.dept.store.nodesMap[treeList[i].id].expanded =
|
||||||
|
value
|
||||||
|
}
|
||||||
|
}
|
||||||
|
},
|
||||||
|
// 树权限（全选/全不选）
|
||||||
|
handleCheckedTreeNodeAll(value, type) {
|
||||||
|
if (type == 'menu') {
|
||||||
|
this.$refs.menu.setCheckedNodes(value ? this.menuOptions : [])
|
||||||
|
} else if (type == 'dept') {
|
||||||
|
this.$refs.dept.setCheckedNodes(value ? this.deptOptions : [])
|
||||||
|
}
|
||||||
|
},
|
||||||
|
// 树权限（父子联动）
|
||||||
|
handleCheckedTreeConnect(value, type) {
|
||||||
|
if (type == 'menu') {
|
||||||
|
this.form.menuCheckStrictly = value ? true : false
|
||||||
|
} else if (type == 'dept') {
|
||||||
|
this.form.deptCheckStrictly = value ? true : false
|
||||||
|
}
|
||||||
|
},
|
||||||
|
/** 新增按钮操作 */
|
||||||
|
handleAdd() {
|
||||||
|
this.reset()
|
||||||
|
this.getMenuTreeselect()
|
||||||
|
this.open = true
|
||||||
|
this.title = '添加角色'
|
||||||
|
},
|
||||||
|
/** 修改按钮操作 */
|
||||||
|
handleUpdate(row) {
|
||||||
|
this.reset()
|
||||||
|
const roleId = row.roleId || this.ids
|
||||||
|
const roleMenu = this.getRoleMenuTreeselect(roleId)
|
||||||
|
getRole(roleId).then((response) => {
|
||||||
|
this.form = response.data
|
||||||
|
this.open = true
|
||||||
|
this.$nextTick(() => {
|
||||||
|
roleMenu.then((res) => {
|
||||||
|
let checkedKeys = res.checkedKeys
|
||||||
|
checkedKeys.forEach((v) => {
|
||||||
|
this.$nextTick(() => {
|
||||||
|
this.$refs.menu.setChecked(v, true, false)
|
||||||
|
})
|
||||||
|
})
|
||||||
|
})
|
||||||
|
})
|
||||||
|
this.title = '修改角色'
|
||||||
|
})
|
||||||
|
},
|
||||||
|
/** 选择角色权限范围触发 */
|
||||||
|
dataScopeSelectChange(value) {
|
||||||
|
if (value !== '2') {
|
||||||
|
this.$refs.dept.setCheckedKeys([])
|
||||||
|
}
|
||||||
|
},
|
||||||
|
/** 分配数据权限操作 */
|
||||||
|
handleDataScope(row) {
|
||||||
|
this.reset()
|
||||||
|
const deptTreeSelect = this.getDeptTree(row.roleId)
|
||||||
|
getRole(row.roleId).then((response) => {
|
||||||
|
this.form = response.data
|
||||||
|
this.openDataScope = true
|
||||||
|
this.$nextTick(() => {
|
||||||
|
deptTreeSelect.then((res) => {
|
||||||
|
this.$refs.dept.setCheckedKeys(res.checkedKeys)
|
||||||
|
})
|
||||||
|
})
|
||||||
|
this.title = '分配数据权限'
|
||||||
|
})
|
||||||
|
},
|
||||||
|
/** 分配用户操作 */
|
||||||
|
handleAuthUser: function (row) {
|
||||||
|
const roleId = row.roleId
|
||||||
|
this.$router.push('/system/role-auth/user/' + roleId)
|
||||||
|
},
|
||||||
|
/** 提交按钮 */
|
||||||
|
submitForm: function () {
|
||||||
|
this.$refs['form'].validate((valid) => {
|
||||||
|
if (valid) {
|
||||||
|
if (this.form.roleId != undefined) {
|
||||||
|
this.form.menuIds = this.getMenuAllCheckedKeys()
|
||||||
|
updateRole(this.form).then((response) => {
|
||||||
|
this.$modal.msgSuccess('修改成功')
|
||||||
|
this.open = false
|
||||||
|
this.getList()
|
||||||
|
})
|
||||||
|
} else {
|
||||||
|
this.form.menuIds = this.getMenuAllCheckedKeys()
|
||||||
|
addRole(this.form).then((response) => {
|
||||||
|
this.$modal.msgSuccess('新增成功')
|
||||||
|
this.open = false
|
||||||
|
this.getList()
|
||||||
|
})
|
||||||
|
}
|
||||||
|
}
|
||||||
|
})
|
||||||
|
},
|
||||||
|
/** 提交按钮（数据权限） */
|
||||||
|
submitDataScope: function () {
|
||||||
|
if (this.form.roleId != undefined) {
|
||||||
|
this.form.deptIds = this.getDeptAllCheckedKeys()
|
||||||
|
dataScope(this.form).then((response) => {
|
||||||
|
this.$modal.msgSuccess('修改成功')
|
||||||
|
this.openDataScope = false
|
||||||
|
this.getList()
|
||||||
|
})
|
||||||
|
}
|
||||||
|
},
|
||||||
|
/** 删除按钮操作 */
|
||||||
|
handleDelete(row) {
|
||||||
|
const roleIds = row.roleId || this.ids
|
||||||
|
this.$modal
|
||||||
|
.confirm('是否确认删除所选择的数据项？')
|
||||||
|
.then(function () {
|
||||||
|
return delRole(roleIds)
|
||||||
|
})
|
||||||
|
.then(() => {
|
||||||
|
this.getList()
|
||||||
|
this.$modal.msgSuccess('删除成功')
|
||||||
|
})
|
||||||
|
.catch(() => {})
|
||||||
|
},
|
||||||
|
/** 导出按钮操作 */
|
||||||
|
handleExport() {
|
||||||
|
this.download(
|
||||||
|
'system/role/export',
|
||||||
|
{
|
||||||
|
...this.queryParams,
|
||||||
|
},
|
||||||
|
`role_${new Date().getTime()}.xlsx`,
|
||||||
|
)
|
||||||
|
},
|
||||||
|
},
|
||||||
|
}
|
||||||
</script>
|
</script>
|
||||||
|
|
|
||||||
|
|
@ -38,7 +38,7 @@ module.exports = {
|
||||||
[process.env.VUE_APP_BASE_API]: {
|
[process.env.VUE_APP_BASE_API]: {
|
||||||
// target: `http://112.29.103.165:21626`, //线上环境-重庆
|
// target: `http://112.29.103.165:21626`, //线上环境-重庆
|
||||||
// target: `http://112.29.103.165:21624`,//线上环境-宁夏 打包前放开数据大屏的路由
|
// target: `http://112.29.103.165:21624`,//线上环境-宁夏 打包前放开数据大屏的路由
|
||||||
target: `http://192.168.0.14:21624`, //测试环境
|
// target: `http://192.168.0.14:21624`, //测试环境
|
||||||
// target: `http://1.12.248.179:23028`,//线上环境-南网
|
// target: `http://1.12.248.179:23028`,//线上环境-南网
|
||||||
// target: `https://test-cc.zhgkxt.com`,//线上环境-南网
|
// target: `https://test-cc.zhgkxt.com`,//线上环境-南网
|
||||||
// target: `https://z.csgmall.com.cn`,
|
// target: `https://z.csgmall.com.cn`,
|
||||||
|
|
@ -46,7 +46,7 @@ module.exports = {
|
||||||
// target: `http://10.40.92.8:8080`, //超
|
// target: `http://10.40.92.8:8080`, //超
|
||||||
// target: `http://10.40.92.81:8080`, //韩/
|
// target: `http://10.40.92.81:8080`, //韩/
|
||||||
// target: `http://10.40.92.74:8080`,//旭/
|
// target: `http://10.40.92.74:8080`,//旭/
|
||||||
// target: `http://10.40.92.153:8080`, //帅
|
target: `http://10.40.92.140:28080`, //帅
|
||||||
// target: `http://10.40.92.14:28080`, //福
|
// target: `http://10.40.92.14:28080`, //福
|
||||||
|
|
||||||
//******** 注意事项 ********* */
|
//******** 注意事项 ********* */
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue