sj
2 years ago
49 changed files with 0 additions and 9282 deletions
@ -1,9 +0,0 @@ |
|||||||
import request from '@/utils/request' |
|
||||||
|
|
||||||
export function getActivityList(query) { |
|
||||||
return request({ |
|
||||||
url: '/bpm/activity/list', |
|
||||||
method: 'get', |
|
||||||
params: query |
|
||||||
}) |
|
||||||
} |
|
||||||
@ -1,24 +0,0 @@ |
|||||||
import request from '@/utils/request' |
|
||||||
|
|
||||||
export function getProcessDefinitionPage(query) { |
|
||||||
return request({ |
|
||||||
url: '/bpm/process-definition/page', |
|
||||||
method: 'get', |
|
||||||
params: query |
|
||||||
}) |
|
||||||
} |
|
||||||
|
|
||||||
export function getProcessDefinitionList(query) { |
|
||||||
return request({ |
|
||||||
url: '/bpm/process-definition/list', |
|
||||||
method: 'get', |
|
||||||
params: query |
|
||||||
}) |
|
||||||
} |
|
||||||
|
|
||||||
export function getProcessDefinitionBpmnXML(id) { |
|
||||||
return request({ |
|
||||||
url: '/bpm/process-definition/get-bpmn-xml?id=' + id, |
|
||||||
method: 'get' |
|
||||||
}) |
|
||||||
} |
|
||||||
@ -1,52 +0,0 @@ |
|||||||
import request from '@/utils/request' |
|
||||||
|
|
||||||
// 创建工作流的表单定义
|
|
||||||
export function createForm(data) { |
|
||||||
return request({ |
|
||||||
url: '/bpm/form/create', |
|
||||||
method: 'post', |
|
||||||
data: data |
|
||||||
}) |
|
||||||
} |
|
||||||
|
|
||||||
// 更新工作流的表单定义
|
|
||||||
export function updateForm(data) { |
|
||||||
return request({ |
|
||||||
url: '/bpm/form/update', |
|
||||||
method: 'put', |
|
||||||
data: data |
|
||||||
}) |
|
||||||
} |
|
||||||
|
|
||||||
// 删除工作流的表单定义
|
|
||||||
export function deleteForm(id) { |
|
||||||
return request({ |
|
||||||
url: '/bpm/form/delete?id=' + id, |
|
||||||
method: 'delete' |
|
||||||
}) |
|
||||||
} |
|
||||||
|
|
||||||
// 获得工作流的表单定义
|
|
||||||
export function getForm(id) { |
|
||||||
return request({ |
|
||||||
url: '/bpm/form/get?id=' + id, |
|
||||||
method: 'get' |
|
||||||
}) |
|
||||||
} |
|
||||||
|
|
||||||
// 获得工作流的表单定义分页
|
|
||||||
export function getFormPage(query) { |
|
||||||
return request({ |
|
||||||
url: '/bpm/form/page', |
|
||||||
method: 'get', |
|
||||||
params: query |
|
||||||
}) |
|
||||||
} |
|
||||||
|
|
||||||
// 获得动态表单的精简列表
|
|
||||||
export function getSimpleForms() { |
|
||||||
return request({ |
|
||||||
url: '/bpm/form/list-all-simple', |
|
||||||
method: 'get' |
|
||||||
}) |
|
||||||
} |
|
||||||
@ -1,27 +0,0 @@ |
|||||||
import request from '@/utils/request' |
|
||||||
|
|
||||||
// 创建请假申请
|
|
||||||
export function createLeave(data) { |
|
||||||
return request({ |
|
||||||
url: '/bpm/oa/leave/create', |
|
||||||
method: 'post', |
|
||||||
data: data |
|
||||||
}) |
|
||||||
} |
|
||||||
|
|
||||||
// 获得请假申请
|
|
||||||
export function getLeave(id) { |
|
||||||
return request({ |
|
||||||
url: '/bpm/oa/leave/get?id=' + id, |
|
||||||
method: 'get' |
|
||||||
}) |
|
||||||
} |
|
||||||
|
|
||||||
// 获得请假申请分页
|
|
||||||
export function getLeavePage(query) { |
|
||||||
return request({ |
|
||||||
url: '/bpm/oa/leave/page', |
|
||||||
method: 'get', |
|
||||||
params: query |
|
||||||
}) |
|
||||||
} |
|
||||||
@ -1,58 +0,0 @@ |
|||||||
import request from '@/utils/request' |
|
||||||
|
|
||||||
export function getModelPage(query) { |
|
||||||
return request({ |
|
||||||
url: '/bpm/model/page', |
|
||||||
method: 'get', |
|
||||||
params: query |
|
||||||
}) |
|
||||||
} |
|
||||||
|
|
||||||
export function getModel(id) { |
|
||||||
return request({ |
|
||||||
url: '/bpm/model/get?id=' + id, |
|
||||||
method: 'get' |
|
||||||
}) |
|
||||||
} |
|
||||||
|
|
||||||
export function updateModel(data) { |
|
||||||
return request({ |
|
||||||
url: '/bpm/model/update', |
|
||||||
method: 'PUT', |
|
||||||
data: data |
|
||||||
}) |
|
||||||
} |
|
||||||
|
|
||||||
// 任务状态修改
|
|
||||||
export function updateModelState(id, state) { |
|
||||||
return request({ |
|
||||||
url: '/bpm/model/update-state', |
|
||||||
method: 'put', |
|
||||||
data: { |
|
||||||
id, |
|
||||||
state |
|
||||||
} |
|
||||||
}) |
|
||||||
} |
|
||||||
|
|
||||||
export function createModel(data) { |
|
||||||
return request({ |
|
||||||
url: '/bpm/model/create', |
|
||||||
method: 'POST', |
|
||||||
data: data |
|
||||||
}) |
|
||||||
} |
|
||||||
|
|
||||||
export function deleteModel(id) { |
|
||||||
return request({ |
|
||||||
url: '/bpm/model/delete?id=' + id, |
|
||||||
method: 'DELETE' |
|
||||||
}) |
|
||||||
} |
|
||||||
|
|
||||||
export function deployModel(id) { |
|
||||||
return request({ |
|
||||||
url: '/bpm/model/deploy?id=' + id, |
|
||||||
method: 'POST' |
|
||||||
}) |
|
||||||
} |
|
||||||
@ -1,35 +0,0 @@ |
|||||||
import request from '@/utils/request' |
|
||||||
|
|
||||||
export function getMyProcessInstancePage(query) { |
|
||||||
return request({ |
|
||||||
url: '/bpm/process-instance/my-page', |
|
||||||
method: 'get', |
|
||||||
params: query |
|
||||||
}) |
|
||||||
} |
|
||||||
|
|
||||||
export function createProcessInstance(data) { |
|
||||||
return request({ |
|
||||||
url: '/bpm/process-instance/create', |
|
||||||
method: 'POST', |
|
||||||
data: data |
|
||||||
}) |
|
||||||
} |
|
||||||
|
|
||||||
export function cancelProcessInstance(id, reason) { |
|
||||||
return request({ |
|
||||||
url: '/bpm/process-instance/cancel', |
|
||||||
method: 'DELETE', |
|
||||||
data: { |
|
||||||
id, |
|
||||||
reason |
|
||||||
} |
|
||||||
}) |
|
||||||
} |
|
||||||
|
|
||||||
export function getProcessInstance(id) { |
|
||||||
return request({ |
|
||||||
url: '/bpm/process-instance/get?id=' + id, |
|
||||||
method: 'get', |
|
||||||
}) |
|
||||||
} |
|
||||||
@ -1,56 +0,0 @@ |
|||||||
import request from '@/utils/request' |
|
||||||
|
|
||||||
export function getTodoTaskPage(query) { |
|
||||||
return request({ |
|
||||||
url: '/bpm/task/todo-page', |
|
||||||
method: 'get', |
|
||||||
params: query |
|
||||||
}) |
|
||||||
} |
|
||||||
|
|
||||||
export function getDoneTaskPage(query) { |
|
||||||
return request({ |
|
||||||
url: '/bpm/task/done-page', |
|
||||||
method: 'get', |
|
||||||
params: query |
|
||||||
}) |
|
||||||
} |
|
||||||
|
|
||||||
export function completeTask(data) { |
|
||||||
return request({ |
|
||||||
url: '/bpm/task/complete', |
|
||||||
method: 'PUT', |
|
||||||
data: data |
|
||||||
}) |
|
||||||
} |
|
||||||
|
|
||||||
export function approveTask(data) { |
|
||||||
return request({ |
|
||||||
url: '/bpm/task/approve', |
|
||||||
method: 'PUT', |
|
||||||
data: data |
|
||||||
}) |
|
||||||
} |
|
||||||
|
|
||||||
export function rejectTask(data) { |
|
||||||
return request({ |
|
||||||
url: '/bpm/task/reject', |
|
||||||
method: 'PUT', |
|
||||||
data: data |
|
||||||
}) |
|
||||||
} |
|
||||||
|
|
||||||
export function updateTaskAssignee(data) { |
|
||||||
return request({ |
|
||||||
url: '/bpm/task/update-assignee', |
|
||||||
method: 'PUT', |
|
||||||
data: data |
|
||||||
}) |
|
||||||
} |
|
||||||
|
|
||||||
export function getTaskListByProcessInstanceId(processInstanceId) { |
|
||||||
return request({ |
|
||||||
url: '/bpm/task/list-by-process-instance-id?processInstanceId=' + processInstanceId, |
|
||||||
method: 'get', |
|
||||||
}) |
|
||||||
} |
|
||||||
@ -1,25 +0,0 @@ |
|||||||
import request from '@/utils/request' |
|
||||||
|
|
||||||
export function getTaskAssignRuleList(query) { |
|
||||||
return request({ |
|
||||||
url: '/bpm/task-assign-rule/list', |
|
||||||
method: 'get', |
|
||||||
params: query |
|
||||||
}) |
|
||||||
} |
|
||||||
|
|
||||||
export function createTaskAssignRule(data) { |
|
||||||
return request({ |
|
||||||
url: '/bpm/task-assign-rule/create', |
|
||||||
method: 'post', |
|
||||||
data: data |
|
||||||
}) |
|
||||||
} |
|
||||||
|
|
||||||
export function updateTaskAssignRule(data) { |
|
||||||
return request({ |
|
||||||
url: '/bpm/task-assign-rule/update', |
|
||||||
method: 'put', |
|
||||||
data: data |
|
||||||
}) |
|
||||||
} |
|
||||||
@ -1,52 +0,0 @@ |
|||||||
import request from '@/utils/request' |
|
||||||
|
|
||||||
// 创建用户组
|
|
||||||
export function createUserGroup(data) { |
|
||||||
return request({ |
|
||||||
url: '/bpm/user-group/create', |
|
||||||
method: 'post', |
|
||||||
data: data |
|
||||||
}) |
|
||||||
} |
|
||||||
|
|
||||||
// 更新用户组
|
|
||||||
export function updateUserGroup(data) { |
|
||||||
return request({ |
|
||||||
url: '/bpm/user-group/update', |
|
||||||
method: 'put', |
|
||||||
data: data |
|
||||||
}) |
|
||||||
} |
|
||||||
|
|
||||||
// 删除用户组
|
|
||||||
export function deleteUserGroup(id) { |
|
||||||
return request({ |
|
||||||
url: '/bpm/user-group/delete?id=' + id, |
|
||||||
method: 'delete' |
|
||||||
}) |
|
||||||
} |
|
||||||
|
|
||||||
// 获得用户组
|
|
||||||
export function getUserGroup(id) { |
|
||||||
return request({ |
|
||||||
url: '/bpm/user-group/get?id=' + id, |
|
||||||
method: 'get' |
|
||||||
}) |
|
||||||
} |
|
||||||
|
|
||||||
// 获得用户组分页
|
|
||||||
export function getUserGroupPage(query) { |
|
||||||
return request({ |
|
||||||
url: '/bpm/user-group/page', |
|
||||||
method: 'get', |
|
||||||
params: query |
|
||||||
}) |
|
||||||
} |
|
||||||
|
|
||||||
// 获取用户组精简信息列表
|
|
||||||
export function listSimpleUserGroups() { |
|
||||||
return request({ |
|
||||||
url: '/bpm/user-group/list-all-simple', |
|
||||||
method: 'get' |
|
||||||
}) |
|
||||||
} |
|
||||||
@ -1,54 +0,0 @@ |
|||||||
import request from '@/utils/request' |
|
||||||
|
|
||||||
// 创建
|
|
||||||
export function createArea(data) { |
|
||||||
return request({ |
|
||||||
url: '/farm/area/create', |
|
||||||
method: 'post', |
|
||||||
data: data |
|
||||||
}) |
|
||||||
} |
|
||||||
|
|
||||||
// 更新
|
|
||||||
export function updateArea(data) { |
|
||||||
return request({ |
|
||||||
url: '/farm/area/update', |
|
||||||
method: 'put', |
|
||||||
data: data |
|
||||||
}) |
|
||||||
} |
|
||||||
|
|
||||||
// 删除
|
|
||||||
export function deleteArea(id) { |
|
||||||
return request({ |
|
||||||
url: '/farm/area/delete?id=' + id, |
|
||||||
method: 'delete' |
|
||||||
}) |
|
||||||
} |
|
||||||
|
|
||||||
// 获得
|
|
||||||
export function getArea(id) { |
|
||||||
return request({ |
|
||||||
url: '/farm/area/get?id=' + id, |
|
||||||
method: 'get' |
|
||||||
}) |
|
||||||
} |
|
||||||
|
|
||||||
// 获得分页
|
|
||||||
export function getAreaPage(query) { |
|
||||||
return request({ |
|
||||||
url: '/farm/area/page', |
|
||||||
method: 'get', |
|
||||||
params: query |
|
||||||
}) |
|
||||||
} |
|
||||||
|
|
||||||
// 导出 Excel
|
|
||||||
export function exportAreaExcel(query) { |
|
||||||
return request({ |
|
||||||
url: '/farm/area/export-excel', |
|
||||||
method: 'get', |
|
||||||
params: query, |
|
||||||
responseType: 'blob' |
|
||||||
}) |
|
||||||
} |
|
||||||
@ -1,62 +0,0 @@ |
|||||||
import request from '@/utils/request' |
|
||||||
|
|
||||||
// 创建
|
|
||||||
export function createCrop(data) { |
|
||||||
return request({ |
|
||||||
url: '/farm/crop/create', |
|
||||||
method: 'post', |
|
||||||
data: data |
|
||||||
}) |
|
||||||
} |
|
||||||
|
|
||||||
// 更新
|
|
||||||
export function updateCrop(data) { |
|
||||||
return request({ |
|
||||||
url: '/farm/crop/update', |
|
||||||
method: 'put', |
|
||||||
data: data |
|
||||||
}) |
|
||||||
} |
|
||||||
|
|
||||||
// 删除
|
|
||||||
export function deleteCrop(id) { |
|
||||||
return request({ |
|
||||||
url: '/farm/crop/delete?id=' + id, |
|
||||||
method: 'delete' |
|
||||||
}) |
|
||||||
} |
|
||||||
|
|
||||||
// 获得
|
|
||||||
export function getCrop(id) { |
|
||||||
return request({ |
|
||||||
url: '/farm/crop/get?id=' + id, |
|
||||||
method: 'get' |
|
||||||
}) |
|
||||||
} |
|
||||||
|
|
||||||
// 获得分页
|
|
||||||
export function getCropPage(query) { |
|
||||||
return request({ |
|
||||||
url: '/farm/crop/page', |
|
||||||
method: 'get', |
|
||||||
params: query |
|
||||||
}) |
|
||||||
} |
|
||||||
|
|
||||||
// 导出 Excel
|
|
||||||
export function exportCropExcel(query) { |
|
||||||
return request({ |
|
||||||
url: '/farm/crop/export-excel', |
|
||||||
method: 'get', |
|
||||||
params: query, |
|
||||||
responseType: 'blob' |
|
||||||
}) |
|
||||||
} |
|
||||||
|
|
||||||
//获得ERP Material 列表
|
|
||||||
export function getMaterialList(){ |
|
||||||
return request({ |
|
||||||
url: '/farm/crop/getMaterialList', |
|
||||||
method: 'get', |
|
||||||
}) |
|
||||||
} |
|
||||||
@ -1,54 +0,0 @@ |
|||||||
import request from '@/utils/request' |
|
||||||
|
|
||||||
// 创建
|
|
||||||
export function createCropRecord(data) { |
|
||||||
return request({ |
|
||||||
url: '/farm/crop-record/create', |
|
||||||
method: 'post', |
|
||||||
data: data |
|
||||||
}) |
|
||||||
} |
|
||||||
|
|
||||||
// 更新
|
|
||||||
export function updateCropRecord(data) { |
|
||||||
return request({ |
|
||||||
url: '/farm/crop-record/update', |
|
||||||
method: 'put', |
|
||||||
data: data |
|
||||||
}) |
|
||||||
} |
|
||||||
|
|
||||||
// 删除
|
|
||||||
export function deleteCropRecord(id) { |
|
||||||
return request({ |
|
||||||
url: '/farm/crop-record/delete?id=' + id, |
|
||||||
method: 'delete' |
|
||||||
}) |
|
||||||
} |
|
||||||
|
|
||||||
// 获得
|
|
||||||
export function getCropRecord(id) { |
|
||||||
return request({ |
|
||||||
url: '/farm/crop-record/get?id=' + id, |
|
||||||
method: 'get' |
|
||||||
}) |
|
||||||
} |
|
||||||
|
|
||||||
// 获得分页
|
|
||||||
export function getCropRecordPage(query) { |
|
||||||
return request({ |
|
||||||
url: '/farm/crop-record/page', |
|
||||||
method: 'get', |
|
||||||
params: query |
|
||||||
}) |
|
||||||
} |
|
||||||
|
|
||||||
// 导出 Excel
|
|
||||||
export function exportCropRecordExcel(query) { |
|
||||||
return request({ |
|
||||||
url: '/farm/crop-record/export-excel', |
|
||||||
method: 'get', |
|
||||||
params: query, |
|
||||||
responseType: 'blob' |
|
||||||
}) |
|
||||||
} |
|
||||||
@ -1,54 +0,0 @@ |
|||||||
import request from '@/utils/request' |
|
||||||
|
|
||||||
// 创建农场任务讨论
|
|
||||||
export function createDiscuss(data) { |
|
||||||
return request({ |
|
||||||
url: '/farm/discuss/create', |
|
||||||
method: 'post', |
|
||||||
data: data |
|
||||||
}) |
|
||||||
} |
|
||||||
|
|
||||||
// 更新农场任务讨论
|
|
||||||
export function updateDiscuss(data) { |
|
||||||
return request({ |
|
||||||
url: '/farm/discuss/update', |
|
||||||
method: 'put', |
|
||||||
data: data |
|
||||||
}) |
|
||||||
} |
|
||||||
|
|
||||||
// 删除农场任务讨论
|
|
||||||
export function deleteDiscuss(id) { |
|
||||||
return request({ |
|
||||||
url: '/farm/discuss/delete?id=' + id, |
|
||||||
method: 'delete' |
|
||||||
}) |
|
||||||
} |
|
||||||
|
|
||||||
// 获得农场任务讨论
|
|
||||||
export function getDiscuss(id) { |
|
||||||
return request({ |
|
||||||
url: '/farm/discuss/get?id=' + id, |
|
||||||
method: 'get' |
|
||||||
}) |
|
||||||
} |
|
||||||
|
|
||||||
// 获得农场任务讨论分页
|
|
||||||
export function getDiscussPage(query) { |
|
||||||
return request({ |
|
||||||
url: '/farm/discuss/page', |
|
||||||
method: 'get', |
|
||||||
params: query |
|
||||||
}) |
|
||||||
} |
|
||||||
|
|
||||||
// 导出农场任务讨论 Excel
|
|
||||||
export function exportDiscussExcel(query) { |
|
||||||
return request({ |
|
||||||
url: '/farm/discuss/export-excel', |
|
||||||
method: 'get', |
|
||||||
params: query, |
|
||||||
responseType: 'blob' |
|
||||||
}) |
|
||||||
} |
|
||||||
@ -1,63 +0,0 @@ |
|||||||
import request from '@/utils/request' |
|
||||||
|
|
||||||
// 创建农场任务事件
|
|
||||||
export function createEvent(data) { |
|
||||||
return request({ |
|
||||||
url: '/farm/event/create', |
|
||||||
method: 'post', |
|
||||||
data: data |
|
||||||
}) |
|
||||||
} |
|
||||||
|
|
||||||
// 更新农场任务事件
|
|
||||||
export function updateEvent(data) { |
|
||||||
return request({ |
|
||||||
url: '/farm/event/update', |
|
||||||
method: 'put', |
|
||||||
data: data |
|
||||||
}) |
|
||||||
} |
|
||||||
|
|
||||||
// 删除农场任务事件
|
|
||||||
export function deleteEvent(id) { |
|
||||||
return request({ |
|
||||||
url: '/farm/event/delete?id=' + id, |
|
||||||
method: 'delete' |
|
||||||
}) |
|
||||||
} |
|
||||||
|
|
||||||
// 获得农场任务事件
|
|
||||||
export function getEvent(id) { |
|
||||||
return request({ |
|
||||||
url: '/farm/event/get?id=' + id, |
|
||||||
method: 'get' |
|
||||||
}) |
|
||||||
} |
|
||||||
|
|
||||||
// 获得农场任务事件分页
|
|
||||||
export function getEventPage(query) { |
|
||||||
return request({ |
|
||||||
url: '/farm/event/page', |
|
||||||
method: 'get', |
|
||||||
params: query |
|
||||||
}) |
|
||||||
} |
|
||||||
|
|
||||||
// 搜索条件获得农场任务事件分页
|
|
||||||
export function getEventSearchPage(query) { |
|
||||||
return request({ |
|
||||||
url: '/farm/event/pageSearch', |
|
||||||
method: 'get', |
|
||||||
params: query |
|
||||||
}) |
|
||||||
} |
|
||||||
|
|
||||||
// 导出农场任务事件 Excel
|
|
||||||
export function exportEventExcel(query) { |
|
||||||
return request({ |
|
||||||
url: '/farm/event/export-excel', |
|
||||||
method: 'get', |
|
||||||
params: query, |
|
||||||
responseType: 'blob' |
|
||||||
}) |
|
||||||
} |
|
||||||
@ -1,54 +0,0 @@ |
|||||||
import request from '@/utils/request' |
|
||||||
|
|
||||||
// 创建
|
|
||||||
export function createLogMsg(data) { |
|
||||||
return request({ |
|
||||||
url: '/farm/log-msg/create', |
|
||||||
method: 'post', |
|
||||||
data: data |
|
||||||
}) |
|
||||||
} |
|
||||||
|
|
||||||
// 更新
|
|
||||||
export function updateLogMsg(data) { |
|
||||||
return request({ |
|
||||||
url: '/farm/log-msg/update', |
|
||||||
method: 'put', |
|
||||||
data: data |
|
||||||
}) |
|
||||||
} |
|
||||||
|
|
||||||
// 删除
|
|
||||||
export function deleteLogMsg(id) { |
|
||||||
return request({ |
|
||||||
url: '/farm/log-msg/delete?id=' + id, |
|
||||||
method: 'delete' |
|
||||||
}) |
|
||||||
} |
|
||||||
|
|
||||||
// 获得
|
|
||||||
export function getLogMsg(id) { |
|
||||||
return request({ |
|
||||||
url: '/farm/log-msg/get?id=' + id, |
|
||||||
method: 'get' |
|
||||||
}) |
|
||||||
} |
|
||||||
|
|
||||||
// 获得分页
|
|
||||||
export function getLogMsgPage(query) { |
|
||||||
return request({ |
|
||||||
url: '/farm/log-msg/page', |
|
||||||
method: 'get', |
|
||||||
params: query |
|
||||||
}) |
|
||||||
} |
|
||||||
|
|
||||||
// 导出 Excel
|
|
||||||
export function exportLogMsgExcel(query) { |
|
||||||
return request({ |
|
||||||
url: '/farm/log-msg/export-excel', |
|
||||||
method: 'get', |
|
||||||
params: query, |
|
||||||
responseType: 'blob' |
|
||||||
}) |
|
||||||
} |
|
||||||
@ -1,63 +0,0 @@ |
|||||||
import request from '@/utils/request' |
|
||||||
|
|
||||||
// 创建农场项目
|
|
||||||
export function createProject(data) { |
|
||||||
return request({ |
|
||||||
url: '/farm/project/create', |
|
||||||
method: 'post', |
|
||||||
data: data |
|
||||||
}) |
|
||||||
} |
|
||||||
|
|
||||||
// 更新农场项目
|
|
||||||
export function updateProject(data) { |
|
||||||
return request({ |
|
||||||
url: '/farm/project/update', |
|
||||||
method: 'put', |
|
||||||
data: data |
|
||||||
}) |
|
||||||
} |
|
||||||
|
|
||||||
// 删除农场项目
|
|
||||||
export function deleteProject(id) { |
|
||||||
return request({ |
|
||||||
url: '/farm/project/delete?id=' + id, |
|
||||||
method: 'delete' |
|
||||||
}) |
|
||||||
} |
|
||||||
|
|
||||||
// 获得农场项目
|
|
||||||
export function getProject(id) { |
|
||||||
return request({ |
|
||||||
url: '/farm/project/get?id=' + id, |
|
||||||
method: 'get' |
|
||||||
}) |
|
||||||
} |
|
||||||
|
|
||||||
// 获得农场项目分页
|
|
||||||
export function getProjectPage(query) { |
|
||||||
return request({ |
|
||||||
url: '/farm/project/page', |
|
||||||
method: 'get', |
|
||||||
params: query |
|
||||||
}) |
|
||||||
} |
|
||||||
|
|
||||||
// 搜索条件获得农场项目分页
|
|
||||||
export function getProjectSearchPage(query) { |
|
||||||
return request({ |
|
||||||
url: '/farm/project/pageSearch', |
|
||||||
method: 'get', |
|
||||||
params: query |
|
||||||
}) |
|
||||||
} |
|
||||||
|
|
||||||
// 导出农场项目 Excel
|
|
||||||
export function exportProjectExcel(query) { |
|
||||||
return request({ |
|
||||||
url: '/farm/project/export-excel', |
|
||||||
method: 'get', |
|
||||||
params: query, |
|
||||||
responseType: 'blob' |
|
||||||
}) |
|
||||||
} |
|
||||||
@ -1,54 +0,0 @@ |
|||||||
import request from '@/utils/request' |
|
||||||
|
|
||||||
// 创建农场资源
|
|
||||||
export function createResource(data) { |
|
||||||
return request({ |
|
||||||
url: '/farm/resource/create', |
|
||||||
method: 'post', |
|
||||||
data: data |
|
||||||
}) |
|
||||||
} |
|
||||||
|
|
||||||
// 更新农场资源
|
|
||||||
export function updateResource(data) { |
|
||||||
return request({ |
|
||||||
url: '/farm/resource/update', |
|
||||||
method: 'put', |
|
||||||
data: data |
|
||||||
}) |
|
||||||
} |
|
||||||
|
|
||||||
// 删除农场资源
|
|
||||||
export function deleteResource(id) { |
|
||||||
return request({ |
|
||||||
url: '/farm/resource/delete?id=' + id, |
|
||||||
method: 'delete' |
|
||||||
}) |
|
||||||
} |
|
||||||
|
|
||||||
// 获得农场资源
|
|
||||||
export function getResource(id) { |
|
||||||
return request({ |
|
||||||
url: '/farm/resource/get?id=' + id, |
|
||||||
method: 'get' |
|
||||||
}) |
|
||||||
} |
|
||||||
|
|
||||||
// 获得农场资源分页
|
|
||||||
export function getResourcePage(query) { |
|
||||||
return request({ |
|
||||||
url: '/farm/resource/page', |
|
||||||
method: 'get', |
|
||||||
params: query |
|
||||||
}) |
|
||||||
} |
|
||||||
|
|
||||||
// 导出农场资源 Excel
|
|
||||||
export function exportResourceExcel(query) { |
|
||||||
return request({ |
|
||||||
url: '/farm/resource/export-excel', |
|
||||||
method: 'get', |
|
||||||
params: query, |
|
||||||
responseType: 'blob' |
|
||||||
}) |
|
||||||
} |
|
||||||
@ -1,54 +0,0 @@ |
|||||||
import request from '@/utils/request' |
|
||||||
|
|
||||||
// 创建农场资源分类
|
|
||||||
export function createResourceType(data) { |
|
||||||
return request({ |
|
||||||
url: '/farm/resource-type/create', |
|
||||||
method: 'post', |
|
||||||
data: data |
|
||||||
}) |
|
||||||
} |
|
||||||
|
|
||||||
// 更新农场资源分类
|
|
||||||
export function updateResourceType(data) { |
|
||||||
return request({ |
|
||||||
url: '/farm/resource-type/update', |
|
||||||
method: 'put', |
|
||||||
data: data |
|
||||||
}) |
|
||||||
} |
|
||||||
|
|
||||||
// 删除农场资源分类
|
|
||||||
export function deleteResourceType(id) { |
|
||||||
return request({ |
|
||||||
url: '/farm/resource-type/delete?id=' + id, |
|
||||||
method: 'delete' |
|
||||||
}) |
|
||||||
} |
|
||||||
|
|
||||||
// 获得农场资源分类
|
|
||||||
export function getResourceType(id) { |
|
||||||
return request({ |
|
||||||
url: '/farm/resource-type/get?id=' + id, |
|
||||||
method: 'get' |
|
||||||
}) |
|
||||||
} |
|
||||||
|
|
||||||
// 获得农场资源分类分页
|
|
||||||
export function getResourceTypePage(query) { |
|
||||||
return request({ |
|
||||||
url: '/farm/resource-type/page', |
|
||||||
method: 'get', |
|
||||||
params: query |
|
||||||
}) |
|
||||||
} |
|
||||||
|
|
||||||
// 导出农场资源分类 Excel
|
|
||||||
export function exportResourceTypeExcel(query) { |
|
||||||
return request({ |
|
||||||
url: '/farm/resource-type/export-excel', |
|
||||||
method: 'get', |
|
||||||
params: query, |
|
||||||
responseType: 'blob' |
|
||||||
}) |
|
||||||
} |
|
||||||
@ -1,72 +0,0 @@ |
|||||||
import request from '@/utils/request' |
|
||||||
|
|
||||||
// 创建农场任务
|
|
||||||
export function createTask(data) { |
|
||||||
return request({ |
|
||||||
url: '/farm/task/create', |
|
||||||
method: 'post', |
|
||||||
data: data |
|
||||||
}) |
|
||||||
} |
|
||||||
|
|
||||||
// 更新农场任务
|
|
||||||
export function updateTask(data) { |
|
||||||
return request({ |
|
||||||
url: '/farm/task/update', |
|
||||||
method: 'put', |
|
||||||
data: data |
|
||||||
}) |
|
||||||
} |
|
||||||
|
|
||||||
// 删除农场任务
|
|
||||||
export function deleteTask(id) { |
|
||||||
return request({ |
|
||||||
url: '/farm/task/delete?id=' + id, |
|
||||||
method: 'delete' |
|
||||||
}) |
|
||||||
} |
|
||||||
|
|
||||||
// 获得农场任务
|
|
||||||
export function getTask(id) { |
|
||||||
return request({ |
|
||||||
url: '/farm/task/get?id=' + id, |
|
||||||
method: 'get' |
|
||||||
}) |
|
||||||
} |
|
||||||
|
|
||||||
// 获得农场任务分页
|
|
||||||
export function getTaskPage(query) { |
|
||||||
return request({ |
|
||||||
url: '/farm/task/page', |
|
||||||
method: 'get', |
|
||||||
params: query |
|
||||||
}) |
|
||||||
} |
|
||||||
|
|
||||||
//一次性获得农场任务分页数据
|
|
||||||
export function getAdminTaskPage(query){ |
|
||||||
return request({ |
|
||||||
url: '/farm/task/apiPage', |
|
||||||
method: 'get', |
|
||||||
params: query |
|
||||||
}) |
|
||||||
} |
|
||||||
|
|
||||||
// 条件搜索获得农场任务分页
|
|
||||||
export function getTaskSearchPage(query) { |
|
||||||
return request({ |
|
||||||
url: '/farm/task/pageSearch', |
|
||||||
method: 'get', |
|
||||||
params: query |
|
||||||
}) |
|
||||||
} |
|
||||||
|
|
||||||
// 导出农场任务 Excel
|
|
||||||
export function exportTaskExcel(query) { |
|
||||||
return request({ |
|
||||||
url: '/farm/task/export-excel', |
|
||||||
method: 'get', |
|
||||||
params: query, |
|
||||||
responseType: 'blob' |
|
||||||
}) |
|
||||||
} |
|
||||||
@ -1,54 +0,0 @@ |
|||||||
import request from '@/utils/request' |
|
||||||
|
|
||||||
// 创建任务类型
|
|
||||||
export function createTaskCate(data) { |
|
||||||
return request({ |
|
||||||
url: '/farm/task-cate/create', |
|
||||||
method: 'post', |
|
||||||
data: data |
|
||||||
}) |
|
||||||
} |
|
||||||
|
|
||||||
// 更新任务类型
|
|
||||||
export function updateTaskCate(data) { |
|
||||||
return request({ |
|
||||||
url: '/farm/task-cate/update', |
|
||||||
method: 'put', |
|
||||||
data: data |
|
||||||
}) |
|
||||||
} |
|
||||||
|
|
||||||
// 删除任务类型
|
|
||||||
export function deleteTaskCate(id) { |
|
||||||
return request({ |
|
||||||
url: '/farm/task-cate/delete?id=' + id, |
|
||||||
method: 'delete' |
|
||||||
}) |
|
||||||
} |
|
||||||
|
|
||||||
// 获得任务类型
|
|
||||||
export function getTaskCate(id) { |
|
||||||
return request({ |
|
||||||
url: '/farm/task-cate/get?id=' + id, |
|
||||||
method: 'get' |
|
||||||
}) |
|
||||||
} |
|
||||||
|
|
||||||
// 获得任务类型分页
|
|
||||||
export function getTaskCatePage(query) { |
|
||||||
return request({ |
|
||||||
url: '/farm/task-cate/page', |
|
||||||
method: 'get', |
|
||||||
params: query |
|
||||||
}) |
|
||||||
} |
|
||||||
|
|
||||||
// 导出任务类型 Excel
|
|
||||||
export function exportTaskCateExcel(query) { |
|
||||||
return request({ |
|
||||||
url: '/farm/task-cate/export-excel', |
|
||||||
method: 'get', |
|
||||||
params: query, |
|
||||||
responseType: 'blob' |
|
||||||
}) |
|
||||||
} |
|
||||||
@ -1,54 +0,0 @@ |
|||||||
import request from '@/utils/request' |
|
||||||
|
|
||||||
// 创建
|
|
||||||
export function createWorkHour(data) { |
|
||||||
return request({ |
|
||||||
url: '/farm/work-hour/create', |
|
||||||
method: 'post', |
|
||||||
data: data |
|
||||||
}) |
|
||||||
} |
|
||||||
|
|
||||||
// 更新
|
|
||||||
export function updateWorkHour(data) { |
|
||||||
return request({ |
|
||||||
url: '/farm/work-hour/update', |
|
||||||
method: 'put', |
|
||||||
data: data |
|
||||||
}) |
|
||||||
} |
|
||||||
|
|
||||||
// 删除
|
|
||||||
export function deleteWorkHour(id) { |
|
||||||
return request({ |
|
||||||
url: '/farm/work-hour/delete?id=' + id, |
|
||||||
method: 'delete' |
|
||||||
}) |
|
||||||
} |
|
||||||
|
|
||||||
// 获得
|
|
||||||
export function getWorkHour(id) { |
|
||||||
return request({ |
|
||||||
url: '/farm/work-hour/get?id=' + id, |
|
||||||
method: 'get' |
|
||||||
}) |
|
||||||
} |
|
||||||
|
|
||||||
// 获得分页
|
|
||||||
export function getWorkHourPage(query) { |
|
||||||
return request({ |
|
||||||
url: '/farm/work-hour/page', |
|
||||||
method: 'get', |
|
||||||
params: query |
|
||||||
}) |
|
||||||
} |
|
||||||
|
|
||||||
// 导出 Excel
|
|
||||||
export function exportWorkHourExcel(query) { |
|
||||||
return request({ |
|
||||||
url: '/farm/work-hour/export-excel', |
|
||||||
method: 'get', |
|
||||||
params: query, |
|
||||||
responseType: 'blob' |
|
||||||
}) |
|
||||||
} |
|
||||||
@ -1,175 +0,0 @@ |
|||||||
<template> |
|
||||||
<div class="app-container"> |
|
||||||
<doc-alert title="工作流" url="https://doc.iocoder.cn/bpm" /> |
|
||||||
|
|
||||||
<!-- 列表 --> |
|
||||||
<el-table v-loading="loading" :data="list"> |
|
||||||
<el-table-column label="定义编号" align="center" prop="id" width="400" /> |
|
||||||
<el-table-column label="定义名称" align="center" prop="name" width="100"> |
|
||||||
<template slot-scope="scope"> |
|
||||||
<el-button type="text" @click="handleBpmnDetail(scope.row)"> |
|
||||||
<span>{{ scope.row.name }}</span> |
|
||||||
</el-button> |
|
||||||
</template> |
|
||||||
</el-table-column> |
|
||||||
<el-table-column label="定义分类" align="center" prop="category" width="100"> |
|
||||||
<template slot-scope="scope"> |
|
||||||
<dict-tag :type="DICT_TYPE.BPM_MODEL_CATEGORY" :value="scope.row.category" /> |
|
||||||
</template> |
|
||||||
</el-table-column> |
|
||||||
<el-table-column label="表单信息" align="center" prop="formType" width="200"> |
|
||||||
<template slot-scope="scope"> |
|
||||||
<el-button v-if="scope.row.formId" type="text" @click="handleFormDetail(scope.row)"> |
|
||||||
<span>{{ scope.row.formName }}</span> |
|
||||||
</el-button> |
|
||||||
<el-button v-else-if="scope.row.formCustomCreatePath" type="text" @click="handleFormDetail(scope.row)"> |
|
||||||
<span>{{ scope.row.formCustomCreatePath }}</span> |
|
||||||
</el-button> |
|
||||||
<label v-else>暂无表单</label> |
|
||||||
</template> |
|
||||||
</el-table-column> |
|
||||||
<el-table-column label="流程版本" align="center" prop="processDefinition.version" width="80"> |
|
||||||
<template slot-scope="scope"> |
|
||||||
<el-tag size="medium" v-if="scope.row">v{{ scope.row.version }}</el-tag> |
|
||||||
<el-tag size="medium" type="warning" v-else>未部署</el-tag> |
|
||||||
</template> |
|
||||||
</el-table-column> |
|
||||||
<el-table-column label="状态" align="center" prop="version" width="80"> |
|
||||||
<template slot-scope="scope"> |
|
||||||
<el-tag type="success" v-if="scope.row.suspensionState === 1">激活</el-tag> |
|
||||||
<el-tag type="warning" v-if="scope.row.suspensionState === 2">挂起</el-tag> |
|
||||||
</template> |
|
||||||
</el-table-column> |
|
||||||
<el-table-column label="部署时间" align="center" prop="deploymentTime" width="180"> |
|
||||||
<template slot-scope="scope"> |
|
||||||
<span>{{ parseTime(scope.row.deploymentTime) }}</span> |
|
||||||
</template> |
|
||||||
</el-table-column> |
|
||||||
<el-table-column label="定义描述" align="center" prop="description" width="300" show-overflow-tooltip /> |
|
||||||
<el-table-column label="操作" align="center" width="150" fixed="right"> |
|
||||||
<template slot-scope="scope"> |
|
||||||
<el-button size="mini" type="text" icon="el-icon-s-custom" @click="handleAssignRule(scope.row)" |
|
||||||
v-hasPermi="['bpm:task-assign-rule:update']">分配规则</el-button> |
|
||||||
</template> |
|
||||||
</el-table-column> |
|
||||||
</el-table> |
|
||||||
|
|
||||||
<!-- 流程表单配置详情 --> |
|
||||||
<el-dialog title="表单详情" :visible.sync="detailOpen" width="50%" append-to-body> |
|
||||||
<parser :key="new Date().getTime()" :form-conf="detailForm" /> |
|
||||||
</el-dialog> |
|
||||||
|
|
||||||
<!-- 流程模型图的预览 --> |
|
||||||
<el-dialog title="流程图" :visible.sync="showBpmnOpen" width="80%" append-to-body> |
|
||||||
<my-process-viewer key="designer" v-model="bpmnXML" v-bind="bpmnControlForm" /> |
|
||||||
</el-dialog> |
|
||||||
|
|
||||||
<!-- 分页组件 --> |
|
||||||
<pagination v-show="total>0" :total="total" :page.sync="queryParams.pageNo" :limit.sync="queryParams.pageSize" |
|
||||||
@pagination="getList"/> |
|
||||||
|
|
||||||
<!-- ========== 流程任务分配规则 ========== --> |
|
||||||
<taskAssignRuleDialog ref="taskAssignRuleDialog" /> |
|
||||||
</div> |
|
||||||
</template> |
|
||||||
|
|
||||||
<script> |
|
||||||
import {getProcessDefinitionBpmnXML, getProcessDefinitionPage} from "@/api/bpm/definition"; |
|
||||||
import {DICT_TYPE, getDictDatas} from "@/utils/dict"; |
|
||||||
import {getForm} from "@/api/bpm/form"; |
|
||||||
import {decodeFields} from "@/utils/formGenerator"; |
|
||||||
import Parser from '@/components/parser/Parser' |
|
||||||
import taskAssignRuleDialog from "../taskAssignRule/taskAssignRuleDialog"; |
|
||||||
|
|
||||||
export default { |
|
||||||
name: "processDefinition", |
|
||||||
components: { |
|
||||||
Parser, |
|
||||||
taskAssignRuleDialog |
|
||||||
}, |
|
||||||
data() { |
|
||||||
return { |
|
||||||
// 遮罩层 |
|
||||||
loading: true, |
|
||||||
// 总条数 |
|
||||||
total: 0, |
|
||||||
// 表格数据 |
|
||||||
list: [], |
|
||||||
// 查询参数 |
|
||||||
queryParams: { |
|
||||||
pageNo: 1, |
|
||||||
pageSize: 10 |
|
||||||
}, |
|
||||||
|
|
||||||
// 流程表单详情 |
|
||||||
detailOpen: false, |
|
||||||
detailForm: { |
|
||||||
fields: [] |
|
||||||
}, |
|
||||||
|
|
||||||
// BPMN 数据 |
|
||||||
showBpmnOpen: false, |
|
||||||
bpmnXML: null, |
|
||||||
bpmnControlForm: { |
|
||||||
prefix: "activiti" |
|
||||||
}, |
|
||||||
|
|
||||||
// 数据字典 |
|
||||||
categoryDictDatas: getDictDatas(DICT_TYPE.BPM_MODEL_CATEGORY), |
|
||||||
}; |
|
||||||
}, |
|
||||||
created() { |
|
||||||
const key = this.$route.query && this.$route.query.key |
|
||||||
if (key) { |
|
||||||
this.queryParams['key'] = key |
|
||||||
} |
|
||||||
this.getList(); |
|
||||||
}, |
|
||||||
methods: { |
|
||||||
/** 查询流程定义列表 */ |
|
||||||
getList() { |
|
||||||
this.loading = true; |
|
||||||
getProcessDefinitionPage(this.queryParams).then(response => { |
|
||||||
this.list = response.data.list; |
|
||||||
this.total = response.data.total; |
|
||||||
this.loading = false; |
|
||||||
} |
|
||||||
); |
|
||||||
}, |
|
||||||
/** 流程表单的详情按钮操作 */ |
|
||||||
handleFormDetail(row) { |
|
||||||
// 流程表单 |
|
||||||
if (row.formId) { |
|
||||||
// 设置值 |
|
||||||
this.detailForm = { |
|
||||||
...JSON.parse(row.formConf), |
|
||||||
fields: decodeFields(row.formFields) |
|
||||||
} |
|
||||||
// 弹窗打开 |
|
||||||
this.detailOpen = true |
|
||||||
// 业务表单 |
|
||||||
} else if (row.formCustomCreatePath) { |
|
||||||
this.$router.push({ path: row.formCustomCreatePath}); |
|
||||||
} |
|
||||||
}, |
|
||||||
/** 流程图的详情按钮操作 */ |
|
||||||
handleBpmnDetail(row) { |
|
||||||
getProcessDefinitionBpmnXML(row.id).then(response => { |
|
||||||
this.bpmnXML = response.data |
|
||||||
// 弹窗打开 |
|
||||||
this.showBpmnOpen = true |
|
||||||
}) |
|
||||||
}, |
|
||||||
/** 处理任务分配规则列表的按钮操作 */ |
|
||||||
handleAssignRule(row) { |
|
||||||
this.$refs['taskAssignRuleDialog'].initProcessDefinition(row.id); |
|
||||||
}, |
|
||||||
} |
|
||||||
}; |
|
||||||
</script> |
|
||||||
|
|
||||||
<style lang="scss"> |
|
||||||
.my-process-designer { |
|
||||||
height: calc(100vh - 200px); |
|
||||||
} |
|
||||||
</style> |
|
||||||
@ -1,569 +0,0 @@ |
|||||||
<template> |
|
||||||
<div class="container"> |
|
||||||
<div class="left-board"> |
|
||||||
<div class="logo-wrapper"> |
|
||||||
<div class="logo">流程表单</div> |
|
||||||
</div> |
|
||||||
<el-scrollbar class="left-scrollbar"> |
|
||||||
<!-- 左边：表单项 --> |
|
||||||
<div class="components-list"> |
|
||||||
<div v-for="(item, listIndex) in leftComponents" :key="listIndex"> |
|
||||||
<div class="components-title"> |
|
||||||
<svg-icon icon-class="component" /> |
|
||||||
{{ item.title }} |
|
||||||
</div> |
|
||||||
<draggable |
|
||||||
class="components-draggable" |
|
||||||
:list="item.list" |
|
||||||
:group="{ name: 'componentsGroup', pull: 'clone', put: false }" |
|
||||||
:clone="cloneComponent" |
|
||||||
draggable=".components-item" |
|
||||||
:sort="false" |
|
||||||
@end="onEnd" |
|
||||||
> |
|
||||||
<div |
|
||||||
v-for="(element, index) in item.list" |
|
||||||
:key="index" |
|
||||||
class="components-item" |
|
||||||
@click="addComponent(element)" |
|
||||||
> |
|
||||||
<div class="components-body"> |
|
||||||
<svg-icon :icon-class="element.__config__.tagIcon" /> |
|
||||||
{{ element.__config__.label }} |
|
||||||
</div> |
|
||||||
</div> |
|
||||||
</draggable> |
|
||||||
</div> |
|
||||||
|
|
||||||
<!-- 左边：动态表单 --> |
|
||||||
<el-form ref="form" :model="form" :rules="rules" label-width="80px"> |
|
||||||
<el-form-item label="表单名" prop="name"> |
|
||||||
<el-input v-model="form.name" placeholder="请输入表单名" /> |
|
||||||
</el-form-item> |
|
||||||
<el-form-item label="开启状态" prop="status"> |
|
||||||
<el-radio-group v-model="form.status"> |
|
||||||
<el-radio v-for="dict in this.getDictDatas(DICT_TYPE.COMMON_STATUS)" |
|
||||||
:key="dict.value" :label="parseInt(dict.value)">{{dict.label}}</el-radio> |
|
||||||
</el-radio-group> |
|
||||||
</el-form-item> |
|
||||||
<el-form-item label="备注" prop="remark"> |
|
||||||
<el-input type="textarea" v-model="form.remark" placeholder="请输入备注" /> |
|
||||||
</el-form-item> |
|
||||||
</el-form> |
|
||||||
</div> |
|
||||||
</el-scrollbar> |
|
||||||
</div> |
|
||||||
|
|
||||||
<div class="center-board"> |
|
||||||
<div class="action-bar"> |
|
||||||
<el-button icon="el-icon-check" type="text" @click="save">保存</el-button> |
|
||||||
<!-- <el-button icon="el-icon-video-play" type="text" @click="run">--> |
|
||||||
<!-- 运行--> |
|
||||||
<!-- </el-button>--> |
|
||||||
<el-button icon="el-icon-view" type="text" @click="showJson"> |
|
||||||
查看json |
|
||||||
</el-button> |
|
||||||
<!-- <el-button icon="el-icon-download" type="text" @click="download">--> |
|
||||||
<!-- 导出vue文件--> |
|
||||||
<!-- </el-button>--> |
|
||||||
<!-- <el-button class="copy-btn-main" icon="el-icon-document-copy" type="text" @click="copy">--> |
|
||||||
<!-- 复制代码--> |
|
||||||
<!-- </el-button>--> |
|
||||||
<el-button class="delete-btn" icon="el-icon-delete" type="text" @click="empty"> |
|
||||||
清空 |
|
||||||
</el-button> |
|
||||||
</div> |
|
||||||
|
|
||||||
<!-- 中间，表单项 --> |
|
||||||
<el-scrollbar class="center-scrollbar"> |
|
||||||
<el-row class="center-board-row" :gutter="formConf.gutter"> |
|
||||||
<el-form |
|
||||||
:size="formConf.size" |
|
||||||
:label-position="formConf.labelPosition" |
|
||||||
:disabled="formConf.disabled" |
|
||||||
:label-width="formConf.labelWidth + 'px'" |
|
||||||
> |
|
||||||
<draggable class="drawing-board" :list="drawingList" :animation="340" group="componentsGroup"> |
|
||||||
<draggable-item |
|
||||||
v-for="(item, index) in drawingList" |
|
||||||
:key="item.renderKey" |
|
||||||
:drawing-list="drawingList" |
|
||||||
:current-item="item" |
|
||||||
:index="index" |
|
||||||
:active-id="activeId" |
|
||||||
:form-conf="formConf" |
|
||||||
@activeItem="activeFormItem" |
|
||||||
@copyItem="drawingItemCopy" |
|
||||||
@deleteItem="drawingItemDelete" |
|
||||||
/> |
|
||||||
</draggable> |
|
||||||
<div v-show="!drawingList.length" class="empty-info"> |
|
||||||
从左侧拖入或点选组件进行表单设计 |
|
||||||
</div> |
|
||||||
</el-form> |
|
||||||
</el-row> |
|
||||||
</el-scrollbar> |
|
||||||
</div> |
|
||||||
|
|
||||||
<!-- 右边：组件属性/表单属性 --> |
|
||||||
<right-panel |
|
||||||
:active-data="activeData" |
|
||||||
:form-conf="formConf" |
|
||||||
:show-field="!!drawingList.length" |
|
||||||
@tag-change="tagChange" |
|
||||||
@fetch-data="fetchData" |
|
||||||
/> |
|
||||||
|
|
||||||
<!-- <form-drawer--> |
|
||||||
<!-- :visible.sync="drawerVisible"--> |
|
||||||
<!-- :form-data="formData"--> |
|
||||||
<!-- size="100%"--> |
|
||||||
<!-- :generate-conf="generateConf"--> |
|
||||||
<!-- />--> |
|
||||||
|
|
||||||
<json-drawer |
|
||||||
size="60%" |
|
||||||
:visible.sync="jsonDrawerVisible" |
|
||||||
:json-str="JSON.stringify(formData)" |
|
||||||
@refresh="refreshJson" |
|
||||||
/> |
|
||||||
|
|
||||||
<!-- <code-type-dialog--> |
|
||||||
<!-- :visible.sync="dialogVisible"--> |
|
||||||
<!-- title="选择生成类型"--> |
|
||||||
<!-- :show-file-name="showFileName"--> |
|
||||||
<!-- @confirm="generate"--> |
|
||||||
<!-- />--> |
|
||||||
|
|
||||||
<!-- <input id="copyNode" type="hidden">--> |
|
||||||
</div> |
|
||||||
</template> |
|
||||||
|
|
||||||
<script> |
|
||||||
import draggable from 'vuedraggable' |
|
||||||
import { debounce } from 'throttle-debounce' |
|
||||||
import { saveAs } from 'file-saver' |
|
||||||
import ClipboardJS from 'clipboard' |
|
||||||
import render from '@/components/render/render' |
|
||||||
import FormDrawer from '@/views/infra/build/FormDrawer' |
|
||||||
import JsonDrawer from '@/views/infra/build/JsonDrawer' |
|
||||||
import RightPanel from '@/views/infra/build/RightPanel' |
|
||||||
import { |
|
||||||
inputComponents, selectComponents, layoutComponents, formConf |
|
||||||
} from '@/components/generator/config' |
|
||||||
import { |
|
||||||
exportDefault, beautifierConf, isNumberStr, titleCase, deepClone, isObjectObject |
|
||||||
} from '@/utils/index' |
|
||||||
import { |
|
||||||
makeUpHtml, vueTemplate, vueScript, cssStyle |
|
||||||
} from '@/components/generator/html' |
|
||||||
import { makeUpJs } from '@/components/generator/js' |
|
||||||
import { makeUpCss } from '@/components/generator/css' |
|
||||||
import drawingDefalut from '@/components/generator/drawingDefalut' |
|
||||||
import logo from '@/assets/logo/logo.png' |
|
||||||
import CodeTypeDialog from '@/views/infra/build/CodeTypeDialog' |
|
||||||
import DraggableItem from '@/views/infra/build/DraggableItem' |
|
||||||
import { |
|
||||||
getDrawingList, saveDrawingList, getIdGlobal, saveIdGlobal, getFormConf |
|
||||||
} from '@/utils/db' |
|
||||||
import loadBeautifier from '@/utils/loadBeautifier' |
|
||||||
import {CommonStatusEnum} from "@/utils/constants"; |
|
||||||
import {createForm, getForm, updateForm} from "@/api/bpm/form"; |
|
||||||
import {decodeFields} from "@/utils/formGenerator"; |
|
||||||
|
|
||||||
let beautifier |
|
||||||
const emptyActiveData = { style: {}, autosize: {} } |
|
||||||
let oldActiveId |
|
||||||
let tempActiveData |
|
||||||
const drawingListInDB = getDrawingList() |
|
||||||
const formConfInDB = getFormConf() |
|
||||||
const idGlobal = getIdGlobal() |
|
||||||
|
|
||||||
export default { |
|
||||||
components: { |
|
||||||
draggable, |
|
||||||
render, |
|
||||||
FormDrawer, |
|
||||||
JsonDrawer, |
|
||||||
RightPanel, |
|
||||||
CodeTypeDialog, |
|
||||||
DraggableItem |
|
||||||
}, |
|
||||||
data() { |
|
||||||
return { |
|
||||||
logo, |
|
||||||
idGlobal, |
|
||||||
formConf, |
|
||||||
inputComponents, |
|
||||||
selectComponents, |
|
||||||
layoutComponents, |
|
||||||
labelWidth: 100, |
|
||||||
// drawingList: drawingDefalut, |
|
||||||
drawingData: {}, // 生成后的表单数据 |
|
||||||
activeId: drawingDefalut[0].__config__.formId, |
|
||||||
|
|
||||||
drawingList: [], // 表单项的数组 |
|
||||||
// activeId: undefined, |
|
||||||
// activeData: {}, |
|
||||||
|
|
||||||
drawerVisible: false, |
|
||||||
formData: {}, |
|
||||||
dialogVisible: false, |
|
||||||
jsonDrawerVisible: false, |
|
||||||
generateConf: null, |
|
||||||
showFileName: false, |
|
||||||
activeData: drawingDefalut[0], // 右边编辑器激活的表单项 |
|
||||||
saveDrawingListDebounce: debounce(340, saveDrawingList), |
|
||||||
saveIdGlobalDebounce: debounce(340, saveIdGlobal), |
|
||||||
leftComponents: [ |
|
||||||
{ |
|
||||||
title: '输入型组件', |
|
||||||
list: inputComponents |
|
||||||
}, |
|
||||||
{ |
|
||||||
title: '选择型组件', |
|
||||||
list: selectComponents |
|
||||||
}, |
|
||||||
{ |
|
||||||
title: '布局型组件', |
|
||||||
list: layoutComponents |
|
||||||
} |
|
||||||
], |
|
||||||
|
|
||||||
// 表单参数 |
|
||||||
form: { |
|
||||||
status: CommonStatusEnum.ENABLE, |
|
||||||
}, |
|
||||||
// 表单校验 |
|
||||||
rules: { |
|
||||||
name: [{ required: true, message: "表单名不能为空", trigger: "blur" }], |
|
||||||
status: [{ required: true, message: "开启状态不能为空", trigger: "blur" }], |
|
||||||
} |
|
||||||
} |
|
||||||
}, |
|
||||||
computed: { |
|
||||||
}, |
|
||||||
watch: { |
|
||||||
// eslint-disable-next-line func-names |
|
||||||
'activeData.__config__.label': function (val, oldVal) { |
|
||||||
if ( |
|
||||||
this.activeData.placeholder === undefined |
|
||||||
|| !this.activeData.__config__.tag |
|
||||||
|| oldActiveId !== this.activeId |
|
||||||
) { |
|
||||||
return |
|
||||||
} |
|
||||||
this.activeData.placeholder = this.activeData.placeholder.replace(oldVal, '') + val |
|
||||||
}, |
|
||||||
activeId: { |
|
||||||
handler(val) { |
|
||||||
oldActiveId = val |
|
||||||
}, |
|
||||||
immediate: true |
|
||||||
}, |
|
||||||
drawingList: { |
|
||||||
handler(val) { |
|
||||||
this.saveDrawingListDebounce(val) |
|
||||||
if (val.length === 0) this.idGlobal = 100 |
|
||||||
}, |
|
||||||
deep: true |
|
||||||
}, |
|
||||||
idGlobal: { |
|
||||||
handler(val) { |
|
||||||
this.saveIdGlobalDebounce(val) |
|
||||||
}, |
|
||||||
immediate: true |
|
||||||
} |
|
||||||
}, |
|
||||||
mounted() { |
|
||||||
// 【add by 芋道源码】不读缓存 |
|
||||||
// if (Array.isArray(drawingListInDB) && drawingListInDB.length > 0) { |
|
||||||
// this.drawingList = drawingListInDB |
|
||||||
// } else { |
|
||||||
// this.drawingList = drawingDefalut |
|
||||||
// } |
|
||||||
// this.activeFormItem(this.drawingList[0]) |
|
||||||
// if (formConfInDB) { |
|
||||||
// this.formConf = formConfInDB |
|
||||||
// } |
|
||||||
loadBeautifier(btf => { |
|
||||||
beautifier = btf |
|
||||||
}) |
|
||||||
const clipboard = new ClipboardJS('#copyNode', { |
|
||||||
text: trigger => { |
|
||||||
const codeStr = this.generateCode() |
|
||||||
this.$notify({ |
|
||||||
title: '成功', |
|
||||||
message: '代码已复制到剪切板，可粘贴。', |
|
||||||
type: 'success' |
|
||||||
}) |
|
||||||
return codeStr |
|
||||||
} |
|
||||||
}) |
|
||||||
clipboard.on('error', e => { |
|
||||||
this.$message.error('代码复制失败') |
|
||||||
}) |
|
||||||
}, |
|
||||||
created() { |
|
||||||
// 读取表单配置 |
|
||||||
const formId = this.$route.query && this.$route.query.formId |
|
||||||
if (formId) { |
|
||||||
getForm(formId).then(response => { |
|
||||||
const data = response.data |
|
||||||
this.form = { |
|
||||||
id: data.id, |
|
||||||
name: data.name, |
|
||||||
status: data.status, |
|
||||||
remark: data.remark |
|
||||||
} |
|
||||||
this.formConf = JSON.parse(data.conf) |
|
||||||
this.drawingList = decodeFields(data.fields) |
|
||||||
// 设置激活的表单项 |
|
||||||
this.activeData = this.drawingList[0] |
|
||||||
this.activeId = this.activeData.__config__.formId |
|
||||||
// 设置 idGlobal，避免重复 |
|
||||||
this.idGlobal += this.drawingList.length |
|
||||||
}); |
|
||||||
} |
|
||||||
}, |
|
||||||
methods: { |
|
||||||
setObjectValueReduce(obj, strKeys, data) { |
|
||||||
const arr = strKeys.split('.') |
|
||||||
arr.reduce((pre, item, i) => { |
|
||||||
if (arr.length === i + 1) { |
|
||||||
pre[item] = data |
|
||||||
} else if (!isObjectObject(pre[item])) { |
|
||||||
pre[item] = {} |
|
||||||
} |
|
||||||
return pre[item] |
|
||||||
}, obj) |
|
||||||
}, |
|
||||||
setRespData(component, resp) { |
|
||||||
const { dataPath, renderKey, dataConsumer } = component.__config__ |
|
||||||
if (!dataPath || !dataConsumer) return |
|
||||||
const respData = dataPath.split('.').reduce((pre, item) => pre[item], resp) |
|
||||||
|
|
||||||
// 将请求回来的数据，赋值到指定属性。 |
|
||||||
// 以el-tabel为例，根据Element文档，应该将数据赋值给el-tabel的data属性，所以dataConsumer的值应为'data'; |
|
||||||
// 此时赋值代码可写成 component[dataConsumer] = respData； |
|
||||||
// 但为支持更深层级的赋值（如：dataConsumer的值为'options.data'）,使用setObjectValueReduce |
|
||||||
this.setObjectValueReduce(component, dataConsumer, respData) |
|
||||||
const i = this.drawingList.findIndex(item => item.__config__.renderKey === renderKey) |
|
||||||
if (i > -1) this.$set(this.drawingList, i, component) |
|
||||||
}, |
|
||||||
fetchData(component) { |
|
||||||
const { dataType, method, url } = component.__config__ |
|
||||||
if (dataType === 'dynamic' && method && url) { |
|
||||||
this.setLoading(component, true) |
|
||||||
this.$axios({ |
|
||||||
method, |
|
||||||
url |
|
||||||
}).then(resp => { |
|
||||||
this.setLoading(component, false) |
|
||||||
this.setRespData(component, resp.data) |
|
||||||
}) |
|
||||||
} |
|
||||||
}, |
|
||||||
setLoading(component, val) { |
|
||||||
const { directives } = component |
|
||||||
if (Array.isArray(directives)) { |
|
||||||
const t = directives.find(d => d.name === 'loading') |
|
||||||
if (t) t.value = val |
|
||||||
} |
|
||||||
}, |
|
||||||
activeFormItem(currentItem) { |
|
||||||
this.activeData = currentItem |
|
||||||
this.activeId = currentItem.__config__.formId |
|
||||||
}, |
|
||||||
onEnd(obj) { |
|
||||||
if (obj.from !== obj.to) { |
|
||||||
this.fetchData(tempActiveData) |
|
||||||
this.activeData = tempActiveData |
|
||||||
this.activeId = this.idGlobal |
|
||||||
} |
|
||||||
}, |
|
||||||
addComponent(item) { |
|
||||||
const clone = this.cloneComponent(item) |
|
||||||
this.fetchData(clone) |
|
||||||
this.drawingList.push(clone) |
|
||||||
this.activeFormItem(clone) |
|
||||||
}, |
|
||||||
cloneComponent(origin) { |
|
||||||
const clone = deepClone(origin) |
|
||||||
const config = clone.__config__ |
|
||||||
config.span = this.formConf.span // 生成代码时，会根据span做精简判断 |
|
||||||
this.createIdAndKey(clone) |
|
||||||
clone.placeholder !== undefined && (clone.placeholder += config.label) |
|
||||||
tempActiveData = clone |
|
||||||
return tempActiveData |
|
||||||
}, |
|
||||||
createIdAndKey(item) { |
|
||||||
const config = item.__config__ |
|
||||||
config.formId = ++this.idGlobal |
|
||||||
config.renderKey = `${config.formId}${+new Date()}` // 改变renderKey后可以实现强制更新组件 |
|
||||||
if (config.layout === 'colFormItem') { |
|
||||||
item.__vModel__ = `field${this.idGlobal}` |
|
||||||
} else if (config.layout === 'rowFormItem') { |
|
||||||
config.componentName = `row${this.idGlobal}` |
|
||||||
!Array.isArray(config.children) && (config.children = []) |
|
||||||
delete config.label // rowFormItem无需配置label属性 |
|
||||||
} |
|
||||||
if (Array.isArray(config.children)) { |
|
||||||
config.children = config.children.map(childItem => this.createIdAndKey(childItem)) |
|
||||||
} |
|
||||||
return item |
|
||||||
}, |
|
||||||
// 获得表单数据 |
|
||||||
AssembleFormData() { |
|
||||||
this.formData = { |
|
||||||
fields: deepClone(this.drawingList), |
|
||||||
...this.formConf |
|
||||||
} |
|
||||||
}, |
|
||||||
save() { |
|
||||||
// this.AssembleFormData() |
|
||||||
// console.log(this.formData) |
|
||||||
this.$refs["form"].validate(valid => { |
|
||||||
if (!valid) { |
|
||||||
return; |
|
||||||
} |
|
||||||
const form = { |
|
||||||
conf: JSON.stringify(this.formConf), // 表单配置 |
|
||||||
fields: this.encodeFields(), // 表单项的数组 |
|
||||||
...this.form // 表单名等 |
|
||||||
} |
|
||||||
// 修改的提交 |
|
||||||
if (this.form.id != null) { |
|
||||||
updateForm(form).then(response => { |
|
||||||
this.$modal.msgSuccess("修改成功"); |
|
||||||
this.close() |
|
||||||
}); |
|
||||||
return; |
|
||||||
} |
|
||||||
// 添加的提交 |
|
||||||
createForm(form).then(response => { |
|
||||||
this.$modal.msgSuccess("新增成功"); |
|
||||||
this.close() |
|
||||||
}); |
|
||||||
}); |
|
||||||
}, |
|
||||||
/** 关闭按钮 */ |
|
||||||
close() { |
|
||||||
this.$tab.closeOpenPage({ path: "/bpm/manager/form" }); |
|
||||||
}, |
|
||||||
encodeFields() { |
|
||||||
const fields = [] |
|
||||||
this.drawingList.forEach(item => { |
|
||||||
fields.push(JSON.stringify(item)) |
|
||||||
}) |
|
||||||
return fields |
|
||||||
}, |
|
||||||
generate(data) { |
|
||||||
const func = this[`exec${titleCase(this.operationType)}`] |
|
||||||
this.generateConf = data |
|
||||||
func && func(data) |
|
||||||
}, |
|
||||||
execRun(data) { |
|
||||||
this.AssembleFormData() |
|
||||||
this.drawerVisible = true |
|
||||||
}, |
|
||||||
execDownload(data) { |
|
||||||
const codeStr = this.generateCode() |
|
||||||
const blob = new Blob([codeStr], { type: 'text/plain;charset=utf-8' }) |
|
||||||
saveAs(blob, data.fileName) |
|
||||||
}, |
|
||||||
execCopy(data) { |
|
||||||
document.getElementById('copyNode').click() |
|
||||||
}, |
|
||||||
empty() { |
|
||||||
this.$confirm('确定要清空所有组件吗？', '提示', { type: 'warning' }).then( |
|
||||||
() => { |
|
||||||
this.drawingList = [] |
|
||||||
this.idGlobal = 100 |
|
||||||
} |
|
||||||
) |
|
||||||
}, |
|
||||||
drawingItemCopy(item, list) { |
|
||||||
let clone = deepClone(item) |
|
||||||
clone = this.createIdAndKey(clone) |
|
||||||
list.push(clone) |
|
||||||
this.activeFormItem(clone) |
|
||||||
}, |
|
||||||
drawingItemDelete(index, list) { |
|
||||||
list.splice(index, 1) |
|
||||||
this.$nextTick(() => { |
|
||||||
const len = this.drawingList.length |
|
||||||
if (len) { |
|
||||||
this.activeFormItem(this.drawingList[len - 1]) |
|
||||||
} |
|
||||||
}) |
|
||||||
}, |
|
||||||
generateCode() { |
|
||||||
const { type } = this.generateConf |
|
||||||
this.AssembleFormData() |
|
||||||
const script = vueScript(makeUpJs(this.formData, type)) |
|
||||||
const html = vueTemplate(makeUpHtml(this.formData, type)) |
|
||||||
const css = cssStyle(makeUpCss(this.formData)) |
|
||||||
return beautifier.html(html + script + css, beautifierConf.html) |
|
||||||
}, |
|
||||||
showJson() { |
|
||||||
this.AssembleFormData() |
|
||||||
this.jsonDrawerVisible = true |
|
||||||
}, |
|
||||||
download() { |
|
||||||
this.dialogVisible = true |
|
||||||
this.showFileName = true |
|
||||||
this.operationType = 'download' |
|
||||||
}, |
|
||||||
run() { |
|
||||||
this.dialogVisible = true |
|
||||||
this.showFileName = false |
|
||||||
this.operationType = 'run' |
|
||||||
}, |
|
||||||
copy() { |
|
||||||
this.dialogVisible = true |
|
||||||
this.showFileName = false |
|
||||||
this.operationType = 'copy' |
|
||||||
}, |
|
||||||
tagChange(newTag) { |
|
||||||
newTag = this.cloneComponent(newTag) |
|
||||||
const config = newTag.__config__ |
|
||||||
newTag.__vModel__ = this.activeData.__vModel__ |
|
||||||
config.formId = this.activeId |
|
||||||
config.span = this.activeData.__config__.span |
|
||||||
this.activeData.__config__.tag = config.tag |
|
||||||
this.activeData.__config__.tagIcon = config.tagIcon |
|
||||||
this.activeData.__config__.document = config.document |
|
||||||
if (typeof this.activeData.__config__.defaultValue === typeof config.defaultValue) { |
|
||||||
config.defaultValue = this.activeData.__config__.defaultValue |
|
||||||
} |
|
||||||
Object.keys(newTag).forEach(key => { |
|
||||||
if (this.activeData[key] !== undefined) { |
|
||||||
newTag[key] = this.activeData[key] |
|
||||||
} |
|
||||||
}) |
|
||||||
this.activeData = newTag |
|
||||||
this.updateDrawingList(newTag, this.drawingList) |
|
||||||
}, |
|
||||||
updateDrawingList(newTag, list) { |
|
||||||
const index = list.findIndex(item => item.__config__.formId === this.activeId) |
|
||||||
if (index > -1) { |
|
||||||
list.splice(index, 1, newTag) |
|
||||||
} else { |
|
||||||
list.forEach(item => { |
|
||||||
if (Array.isArray(item.__config__.children)) this.updateDrawingList(newTag, item.__config__.children) |
|
||||||
}) |
|
||||||
} |
|
||||||
}, |
|
||||||
refreshJson(data) { |
|
||||||
this.drawingList = deepClone(data.fields) |
|
||||||
delete data.fields |
|
||||||
this.formConf = data |
|
||||||
} |
|
||||||
} |
|
||||||
} |
|
||||||
</script> |
|
||||||
|
|
||||||
<style lang='scss'> |
|
||||||
@import '@/styles/home'; |
|
||||||
</style> |
|
||||||
@ -1,163 +0,0 @@ |
|||||||
<template> |
|
||||||
<div class="app-container"> |
|
||||||
<doc-alert title="工作流" url="https://doc.iocoder.cn/bpm" /> |
|
||||||
|
|
||||||
<!-- 搜索工作栏 --> |
|
||||||
<el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch" label-width="68px"> |
|
||||||
<el-form-item label="表单名" prop="name"> |
|
||||||
<el-input v-model="queryParams.name" placeholder="请输入表单名" clearable @keyup.enter.native="handleQuery"/> |
|
||||||
</el-form-item> |
|
||||||
<el-form-item> |
|
||||||
<el-button type="primary" icon="el-icon-search" size="mini" @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-col :span="1.5"> |
|
||||||
<el-button type="primary" plain icon="el-icon-plus" size="mini" @click="handleAdd" |
|
||||||
v-hasPermi="['bpm:form:create']">新增</el-button> |
|
||||||
</el-col> |
|
||||||
<right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar> |
|
||||||
</el-row> |
|
||||||
|
|
||||||
<!-- 列表 --> |
|
||||||
<el-table v-loading="loading" :data="list"> |
|
||||||
<el-table-column label="编号" align="center" prop="id" /> |
|
||||||
<el-table-column label="表单名" align="center" prop="name" /> |
|
||||||
<el-table-column label="开启状态" align="center" prop="status"> |
|
||||||
<template slot-scope="scope"> |
|
||||||
<dict-tag :type="DICT_TYPE.COMMON_STATUS" :value="scope.row.status"/> |
|
||||||
</template> |
|
||||||
</el-table-column> |
|
||||||
<el-table-column label="备注" align="center" prop="remark" /> |
|
||||||
<el-table-column label="创建时间" align="center" prop="createTime" width="180"> |
|
||||||
<template slot-scope="scope"> |
|
||||||
<span>{{ parseTime(scope.row.createTime) }}</span> |
|
||||||
</template> |
|
||||||
</el-table-column> |
|
||||||
<el-table-column label="操作" align="center" class-name="small-padding fixed-width"> |
|
||||||
<template slot-scope="scope"> |
|
||||||
<el-button size="mini" type="text" icon="el-icon-edit" @click="handleDetail(scope.row)" |
|
||||||
v-hasPermi="['bpm:form:query']">详情</el-button> |
|
||||||
<el-button size="mini" type="text" icon="el-icon-edit" @click="handleUpdate(scope.row)" |
|
||||||
v-hasPermi="['bpm:form:update']">修改</el-button> |
|
||||||
<el-button size="mini" type="text" icon="el-icon-delete" @click="handleDelete(scope.row)" |
|
||||||
v-hasPermi="['bpm:form:delete']">删除</el-button> |
|
||||||
</template> |
|
||||||
</el-table-column> |
|
||||||
</el-table> |
|
||||||
<!-- 分页组件 --> |
|
||||||
<pagination v-show="total > 0" :total="total" :page.sync="queryParams.pageNo" :limit.sync="queryParams.pageSize" |
|
||||||
@pagination="getList"/> |
|
||||||
|
|
||||||
<!--表单配置详情--> |
|
||||||
<el-dialog title="表单详情" :visible.sync="detailOpen" width="50%" append-to-body> |
|
||||||
<div class="test-form"> |
|
||||||
<parser :key="new Date().getTime()" :form-conf="detailForm" /> |
|
||||||
</div> |
|
||||||
</el-dialog> |
|
||||||
</div> |
|
||||||
</template> |
|
||||||
|
|
||||||
<script> |
|
||||||
import {deleteForm, getForm, getFormPage} from "@/api/bpm/form"; |
|
||||||
import Parser from '@/components/parser/Parser' |
|
||||||
import {decodeFields} from "@/utils/formGenerator"; |
|
||||||
|
|
||||||
export default { |
|
||||||
name: "Form", |
|
||||||
components: { |
|
||||||
Parser |
|
||||||
}, |
|
||||||
data() { |
|
||||||
return { |
|
||||||
// 遮罩层 |
|
||||||
loading: true, |
|
||||||
// 显示搜索条件 |
|
||||||
showSearch: true, |
|
||||||
// 总条数 |
|
||||||
total: 0, |
|
||||||
// 工作流的列表 |
|
||||||
list: [], |
|
||||||
// 查询参数 |
|
||||||
queryParams: { |
|
||||||
pageNo: 1, |
|
||||||
pageSize: 10, |
|
||||||
name: null, |
|
||||||
}, |
|
||||||
// 表单详情 |
|
||||||
detailOpen: false, |
|
||||||
detailForm: { |
|
||||||
fields: [] |
|
||||||
} |
|
||||||
}; |
|
||||||
}, |
|
||||||
created() { |
|
||||||
this.getList(); |
|
||||||
}, |
|
||||||
methods: { |
|
||||||
/** 查询列表 */ |
|
||||||
getList() { |
|
||||||
this.loading = true; |
|
||||||
// 处理查询参数 |
|
||||||
let params = {...this.queryParams}; |
|
||||||
// 执行查询 |
|
||||||
getFormPage(params).then(response => { |
|
||||||
this.list = response.data.list; |
|
||||||
this.total = response.data.total; |
|
||||||
this.loading = false; |
|
||||||
}); |
|
||||||
}, |
|
||||||
/** 搜索按钮操作 */ |
|
||||||
handleQuery() { |
|
||||||
this.queryParams.pageNo = 1; |
|
||||||
this.getList(); |
|
||||||
}, |
|
||||||
/** 重置按钮操作 */ |
|
||||||
resetQuery() { |
|
||||||
this.resetForm("queryForm"); |
|
||||||
this.handleQuery(); |
|
||||||
}, |
|
||||||
/** 详情按钮操作 */ |
|
||||||
handleDetail(row) { |
|
||||||
getForm(row.id).then(response => { |
|
||||||
// 设置值 |
|
||||||
const data = response.data |
|
||||||
this.detailForm = { |
|
||||||
...JSON.parse(data.conf), |
|
||||||
fields: decodeFields(data.fields) |
|
||||||
} |
|
||||||
// 弹窗打开 |
|
||||||
this.detailOpen = true |
|
||||||
}) |
|
||||||
}, |
|
||||||
/** 新增按钮操作 */ |
|
||||||
handleAdd() { |
|
||||||
this.$router.push({ |
|
||||||
path:"/bpm/manager/form/edit" |
|
||||||
}); |
|
||||||
}, |
|
||||||
/** 修改按钮操作 */ |
|
||||||
handleUpdate(row) { |
|
||||||
this.$router.push({ |
|
||||||
path:"/bpm/manager/form/edit", |
|
||||||
query:{ |
|
||||||
formId: row.id |
|
||||||
} |
|
||||||
}); |
|
||||||
}, |
|
||||||
/** 删除按钮操作 */ |
|
||||||
handleDelete(row) { |
|
||||||
const id = row.id; |
|
||||||
this.$modal.confirm('是否确认删除工作表单的编号为"' + id + '"的数据项?').then(function() { |
|
||||||
return deleteForm(id); |
|
||||||
}).then(() => { |
|
||||||
this.getList(); |
|
||||||
this.$modal.msgSuccess("删除成功"); |
|
||||||
}).catch(() => {}); |
|
||||||
} |
|
||||||
} |
|
||||||
}; |
|
||||||
</script> |
|
||||||
@ -1,251 +0,0 @@ |
|||||||
<template> |
|
||||||
<div class="app-container"> |
|
||||||
<doc-alert title="工作流" url="https://doc.iocoder.cn/bpm" /> |
|
||||||
|
|
||||||
<!-- 搜索工作栏 --> |
|
||||||
<el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch" label-width="68px"> |
|
||||||
<el-form-item label="组名" prop="name"> |
|
||||||
<el-input v-model="queryParams.name" placeholder="请输入组名" clearable @keyup.enter.native="handleQuery"/> |
|
||||||
</el-form-item> |
|
||||||
<el-form-item label="状态" prop="status"> |
|
||||||
<el-select v-model="queryParams.status" placeholder="请选择状态" clearable> |
|
||||||
<el-option v-for="dict in this.getDictDatas(DICT_TYPE.COMMON_STATUS)" |
|
||||||
:key="dict.value" :label="dict.label" :value="dict.value"/> |
|
||||||
</el-select> |
|
||||||
</el-form-item> |
|
||||||
<el-form-item label="创建时间"> |
|
||||||
<el-date-picker v-model="dateRangeCreateTime" style="width: 240px" value-format="yyyy-MM-dd" |
|
||||||
type="daterange" range-separator="-" start-placeholder="开始日期" end-placeholder="结束日期" /> |
|
||||||
</el-form-item> |
|
||||||
<el-form-item> |
|
||||||
<el-button type="primary" icon="el-icon-search" @click="handleQuery">搜索</el-button> |
|
||||||
<el-button icon="el-icon-refresh" @click="resetQuery">重置</el-button> |
|
||||||
</el-form-item> |
|
||||||
</el-form> |
|
||||||
|
|
||||||
<!-- 操作工具栏 --> |
|
||||||
<el-row :gutter="10" class="mb8"> |
|
||||||
<el-col :span="1.5"> |
|
||||||
<el-button type="primary" plain icon="el-icon-plus" size="mini" @click="handleAdd" |
|
||||||
v-hasPermi="['bpm:user-group:create']">新增</el-button> |
|
||||||
</el-col> |
|
||||||
<right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar> |
|
||||||
</el-row> |
|
||||||
|
|
||||||
<!-- 列表 --> |
|
||||||
<el-table v-loading="loading" :data="list"> |
|
||||||
<el-table-column label="编号" align="center" prop="id" /> |
|
||||||
<el-table-column label="组名" align="center" prop="name" /> |
|
||||||
<el-table-column label="描述" align="center" prop="description" /> |
|
||||||
<el-table-column label="成员" align="center"> |
|
||||||
<template slot-scope="scope"> |
|
||||||
<span v-for="userId in scope.row.memberUserIds"> |
|
||||||
{{ getUserNickname(userId) }} |
|
||||||
</span> |
|
||||||
</template> |
|
||||||
</el-table-column> |
|
||||||
<el-table-column label="状态" align="center" prop="status"> |
|
||||||
<template slot-scope="scope"> |
|
||||||
<dict-tag :type="DICT_TYPE.COMMON_STATUS" :value="scope.row.status" /> |
|
||||||
</template> |
|
||||||
</el-table-column> |
|
||||||
<el-table-column label="创建时间" align="center" prop="createTime" width="180"> |
|
||||||
<template slot-scope="scope"> |
|
||||||
<span>{{ parseTime(scope.row.createTime) }}</span> |
|
||||||
</template> |
|
||||||
</el-table-column> |
|
||||||
<el-table-column label="操作" align="center" class-name="small-padding fixed-width"> |
|
||||||
<template slot-scope="scope"> |
|
||||||
<el-button size="mini" type="text" icon="el-icon-edit" @click="handleUpdate(scope.row)" |
|
||||||
v-hasPermi="['bpm:user-group:update']">修改</el-button> |
|
||||||
<el-button size="mini" type="text" icon="el-icon-delete" @click="handleDelete(scope.row)" |
|
||||||
v-hasPermi="['bpm:user-group:delete']">删除</el-button> |
|
||||||
</template> |
|
||||||
</el-table-column> |
|
||||||
</el-table> |
|
||||||
<!-- 分页组件 --> |
|
||||||
<pagination v-show="total > 0" :total="total" :page.sync="queryParams.pageNo" :limit.sync="queryParams.pageSize" |
|
||||||
@pagination="getList"/> |
|
||||||
|
|
||||||
<!-- 对话框(添加 / 修改) --> |
|
||||||
<el-dialog :title="title" :visible.sync="open" width="500px" append-to-body> |
|
||||||
<el-form ref="form" :model="form" :rules="rules" label-width="80px"> |
|
||||||
<el-form-item label="组名" prop="name"> |
|
||||||
<el-input v-model="form.name" placeholder="请输入组名" /> |
|
||||||
</el-form-item> |
|
||||||
<el-form-item label="描述" prop="description"> |
|
||||||
<el-input v-model="form.description" placeholder="请输入描述" /> |
|
||||||
</el-form-item> |
|
||||||
<el-form-item label="成员" prop="memberUserIds"> |
|
||||||
<el-select v-model="form.memberUserIds" multiple placeholder="请选择成员"> |
|
||||||
<el-option v-for="user in users" :key="parseInt(user.id)" :label="user.nickname" :value="parseInt(user.id)"/> |
|
||||||
</el-select> |
|
||||||
</el-form-item> |
|
||||||
<el-form-item label="状态" prop="status"> |
|
||||||
<el-radio-group v-model="form.status"> |
|
||||||
<el-radio v-for="dict in this.getDictDatas(DICT_TYPE.COMMON_STATUS)" |
|
||||||
:key="dict.value" :label="parseInt(dict.value)">{{dict.label}}</el-radio> |
|
||||||
</el-radio-group> |
|
||||||
</el-form-item> |
|
||||||
</el-form> |
|
||||||
<div slot="footer" class="dialog-footer"> |
|
||||||
<el-button type="primary" @click="submitForm">确 定</el-button> |
|
||||||
<el-button @click="cancel">取 消</el-button> |
|
||||||
</div> |
|
||||||
</el-dialog> |
|
||||||
</div> |
|
||||||
</template> |
|
||||||
|
|
||||||
<script> |
|
||||||
import { createUserGroup, updateUserGroup, deleteUserGroup, getUserGroup, getUserGroupPage } from "@/api/bpm/userGroup"; |
|
||||||
import {CommonStatusEnum} from "@/utils/constants"; |
|
||||||
import {listSimpleUsers} from "@/api/system/user"; |
|
||||||
|
|
||||||
export default { |
|
||||||
name: "UserGroup", |
|
||||||
components: { |
|
||||||
}, |
|
||||||
data() { |
|
||||||
return { |
|
||||||
// 遮罩层 |
|
||||||
loading: true, |
|
||||||
// 显示搜索条件 |
|
||||||
showSearch: true, |
|
||||||
// 总条数 |
|
||||||
total: 0, |
|
||||||
// 用户组列表 |
|
||||||
list: [], |
|
||||||
// 用户列表 |
|
||||||
users: [], |
|
||||||
// 弹出层标题 |
|
||||||
title: "", |
|
||||||
// 是否显示弹出层 |
|
||||||
open: false, |
|
||||||
dateRangeCreateTime: [], |
|
||||||
// 查询参数 |
|
||||||
queryParams: { |
|
||||||
pageNo: 1, |
|
||||||
pageSize: 10, |
|
||||||
name: null, |
|
||||||
status: null, |
|
||||||
tenantId: null, |
|
||||||
}, |
|
||||||
// 表单参数 |
|
||||||
form: {}, |
|
||||||
// 表单校验 |
|
||||||
rules: { |
|
||||||
name: [{ required: true, message: "组名不能为空", trigger: "blur" }], |
|
||||||
description: [{ required: true, message: "描述不能为空", trigger: "blur" }], |
|
||||||
memberUserIds: [{ required: true, message: "成员不能为空", trigger: "change" }], |
|
||||||
status: [{ required: true, message: "状态不能为空", trigger: "blur" }], |
|
||||||
} |
|
||||||
}; |
|
||||||
}, |
|
||||||
created() { |
|
||||||
this.getList(); |
|
||||||
// 获得用户列表 |
|
||||||
listSimpleUsers().then(response => { |
|
||||||
this.users = response.data; |
|
||||||
}) |
|
||||||
}, |
|
||||||
methods: { |
|
||||||
/** 查询列表 */ |
|
||||||
getList() { |
|
||||||
this.loading = true; |
|
||||||
// 处理查询参数 |
|
||||||
let params = {...this.queryParams}; |
|
||||||
this.addBeginAndEndTime(params, this.dateRangeCreateTime, 'createTime'); |
|
||||||
// 执行查询 |
|
||||||
getUserGroupPage(params).then(response => { |
|
||||||
this.list = response.data.list; |
|
||||||
this.total = response.data.total; |
|
||||||
this.loading = false; |
|
||||||
}); |
|
||||||
}, |
|
||||||
/** 取消按钮 */ |
|
||||||
cancel() { |
|
||||||
this.open = false; |
|
||||||
this.reset(); |
|
||||||
}, |
|
||||||
/** 表单重置 */ |
|
||||||
reset() { |
|
||||||
this.form = { |
|
||||||
id: undefined, |
|
||||||
name: undefined, |
|
||||||
description: undefined, |
|
||||||
memberUserIds: [], |
|
||||||
status: CommonStatusEnum.ENABLE, |
|
||||||
}; |
|
||||||
this.resetForm("form"); |
|
||||||
}, |
|
||||||
/** 搜索按钮操作 */ |
|
||||||
handleQuery() { |
|
||||||
this.queryParams.pageNo = 1; |
|
||||||
this.getList(); |
|
||||||
}, |
|
||||||
/** 重置按钮操作 */ |
|
||||||
resetQuery() { |
|
||||||
this.dateRangeCreateTime = []; |
|
||||||
this.resetForm("queryForm"); |
|
||||||
this.handleQuery(); |
|
||||||
}, |
|
||||||
/** 新增按钮操作 */ |
|
||||||
handleAdd() { |
|
||||||
this.reset(); |
|
||||||
this.open = true; |
|
||||||
this.title = "添加用户组"; |
|
||||||
}, |
|
||||||
/** 修改按钮操作 */ |
|
||||||
handleUpdate(row) { |
|
||||||
this.reset(); |
|
||||||
const id = row.id; |
|
||||||
getUserGroup(id).then(response => { |
|
||||||
this.form = response.data; |
|
||||||
this.open = true; |
|
||||||
this.title = "修改用户组"; |
|
||||||
}); |
|
||||||
}, |
|
||||||
/** 提交按钮 */ |
|
||||||
submitForm() { |
|
||||||
this.$refs["form"].validate(valid => { |
|
||||||
if (!valid) { |
|
||||||
return; |
|
||||||
} |
|
||||||
// 修改的提交 |
|
||||||
if (this.form.id != null) { |
|
||||||
updateUserGroup(this.form).then(response => { |
|
||||||
this.$modal.msgSuccess("修改成功"); |
|
||||||
this.open = false; |
|
||||||
this.getList(); |
|
||||||
}); |
|
||||||
return; |
|
||||||
} |
|
||||||
// 添加的提交 |
|
||||||
createUserGroup(this.form).then(response => { |
|
||||||
this.$modal.msgSuccess("新增成功"); |
|
||||||
this.open = false; |
|
||||||
this.getList(); |
|
||||||
}); |
|
||||||
}); |
|
||||||
}, |
|
||||||
/** 删除按钮操作 */ |
|
||||||
handleDelete(row) { |
|
||||||
const id = row.id; |
|
||||||
this.$modal.confirm('是否确认删除用户组编号为"' + id + '"的数据项?').then(function() { |
|
||||||
return deleteUserGroup(id); |
|
||||||
}).then(() => { |
|
||||||
this.getList(); |
|
||||||
this.$modal.msgSuccess("删除成功"); |
|
||||||
}).catch(() => {}); |
|
||||||
}, |
|
||||||
getUserNickname(userId) { |
|
||||||
for (const user of this.users) { |
|
||||||
if (user.id === userId) { |
|
||||||
return user.nickname; |
|
||||||
} |
|
||||||
} |
|
||||||
return '未知(' + userId + ')'; |
|
||||||
}, |
|
||||||
} |
|
||||||
}; |
|
||||||
</script> |
|
||||||
@ -1,545 +0,0 @@ |
|||||||
<template> |
|
||||||
<div class="app-container"> |
|
||||||
<doc-alert title="工作流" url="https://doc.iocoder.cn/bpm" /> |
|
||||||
|
|
||||||
<!-- 搜索工作栏 --> |
|
||||||
<el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch" label-width="68px"> |
|
||||||
<el-form-item label="流程标识" prop="key"> |
|
||||||
<el-input v-model="queryParams.key" placeholder="请输入流程标识" clearable style="width: 240px;" |
|
||||||
@keyup.enter.native="handleQuery"/> |
|
||||||
</el-form-item> |
|
||||||
<el-form-item label="流程名称" prop="name"> |
|
||||||
<el-input v-model="queryParams.name" placeholder="请输入流程名称" clearable style="width: 240px;" |
|
||||||
@keyup.enter.native="handleQuery"/> |
|
||||||
</el-form-item> |
|
||||||
<el-form-item label="流程分类" prop="category"> |
|
||||||
<el-select v-model="queryParams.category" placeholder="流程分类" clearable style="width: 240px"> |
|
||||||
<el-option v-for="dict in categoryDictDatas" :key="parseInt(dict.value)" :label="dict.label" :value="parseInt(dict.value)"/> |
|
||||||
</el-select> |
|
||||||
</el-form-item> |
|
||||||
<el-form-item> |
|
||||||
<el-button type="primary" icon="el-icon-search" @click="handleQuery">搜索</el-button> |
|
||||||
<el-button icon="el-icon-refresh" @click="resetQuery">重置</el-button> |
|
||||||
</el-form-item> |
|
||||||
</el-form> |
|
||||||
|
|
||||||
<!-- 操作工具栏 --> |
|
||||||
<el-row :gutter="10" class="mb8"> |
|
||||||
<el-col :span="1.5"> |
|
||||||
<el-button type="primary" plain icon="el-icon-plus" size="mini" @click="handleAdd" |
|
||||||
v-hasPermi="['bpm:model:create']">新建流程</el-button> |
|
||||||
</el-col> |
|
||||||
<el-col :span="1.5"> |
|
||||||
<el-button type="info" icon="el-icon-upload2" size="mini" @click="handleImport" |
|
||||||
v-hasPermi="['bpm:model:import']">导入流程</el-button> |
|
||||||
</el-col> |
|
||||||
<right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar> |
|
||||||
</el-row> |
|
||||||
|
|
||||||
<!-- 列表 --> |
|
||||||
<el-table v-loading="loading" :data="list"> |
|
||||||
<el-table-column label="流程标识" align="center" prop="key" /> |
|
||||||
<el-table-column label="流程名称" align="center" prop="name" width="200"> |
|
||||||
<template slot-scope="scope"> |
|
||||||
<el-button type="text" @click="handleBpmnDetail(scope.row)"> |
|
||||||
<span>{{ scope.row.name }}</span> |
|
||||||
</el-button> |
|
||||||
</template> |
|
||||||
</el-table-column> |
|
||||||
<el-table-column label="流程分类" align="center" prop="category" width="100"> |
|
||||||
<template slot-scope="scope"> |
|
||||||
<dict-tag :type="DICT_TYPE.BPM_MODEL_CATEGORY" :value="scope.row.category" /> |
|
||||||
</template> |
|
||||||
</el-table-column> |
|
||||||
<el-table-column label="表单信息" align="center" prop="formType" width="200"> |
|
||||||
<template slot-scope="scope"> |
|
||||||
<el-button v-if="scope.row.formId" type="text" @click="handleFormDetail(scope.row)"> |
|
||||||
<span>{{ scope.row.formName }}</span> |
|
||||||
</el-button> |
|
||||||
<el-button v-else-if="scope.row.formCustomCreatePath" type="text" @click="handleFormDetail(scope.row)"> |
|
||||||
<span>{{ scope.row.formCustomCreatePath }}</span> |
|
||||||
</el-button> |
|
||||||
<label v-else>暂无表单</label> |
|
||||||
</template> |
|
||||||
</el-table-column> |
|
||||||
<el-table-column label="创建时间" align="center" prop="createTime" width="180"> |
|
||||||
<template slot-scope="scope"> |
|
||||||
<span>{{ parseTime(scope.row.createTime) }}</span> |
|
||||||
</template> |
|
||||||
</el-table-column> |
|
||||||
<el-table-column label="最新部署的流程定义" align="center"> |
|
||||||
<el-table-column label="流程版本" align="center" prop="processDefinition.version" width="80"> |
|
||||||
<template slot-scope="scope"> |
|
||||||
<el-tag size="medium" v-if="scope.row.processDefinition">v{{ scope.row.processDefinition.version }}</el-tag> |
|
||||||
<el-tag size="medium" type="warning" v-else>未部署</el-tag> |
|
||||||
</template> |
|
||||||
</el-table-column> |
|
||||||
<el-table-column label="激活状态" align="center" prop="processDefinition.version" width="80"> |
|
||||||
<template slot-scope="scope"> |
|
||||||
<el-switch v-if="scope.row.processDefinition" v-model="scope.row.processDefinition.suspensionState" |
|
||||||
:active-value="1" :inactive-value="2" @change="handleChangeState(scope.row)" /> |
|
||||||
</template> |
|
||||||
</el-table-column> |
|
||||||
<el-table-column label="部署时间" align="center" prop="deploymentTime" width="180"> |
|
||||||
<template slot-scope="scope"> |
|
||||||
<span v-if="scope.row.processDefinition">{{ parseTime(scope.row.processDefinition.deploymentTime) }}</span> |
|
||||||
</template> |
|
||||||
</el-table-column> |
|
||||||
</el-table-column> |
|
||||||
<el-table-column label="操作" align="center" width="450" fixed="right"> |
|
||||||
<template slot-scope="scope"> |
|
||||||
<el-button size="mini" type="text" icon="el-icon-edit" @click="handleUpdate(scope.row)" |
|
||||||
v-hasPermi="['bpm:model:update']">修改流程</el-button> |
|
||||||
<el-button size="mini" type="text" icon="el-icon-setting" @click="handleDesign(scope.row)" |
|
||||||
v-hasPermi="['bpm:model:update']">设计流程</el-button> |
|
||||||
<el-button size="mini" type="text" icon="el-icon-s-custom" @click="handleAssignRule(scope.row)" |
|
||||||
v-hasPermi="['bpm:task-assign-rule:query']">分配规则</el-button> |
|
||||||
<el-button size="mini" type="text" icon="el-icon-thumb" @click="handleDeploy(scope.row)" |
|
||||||
v-hasPermi="['bpm:model:deploy']">发布流程</el-button> |
|
||||||
<el-button size="mini" type="text" icon="el-icon-ice-cream-round" @click="handleDefinitionList(scope.row)" |
|
||||||
v-hasPermi="['bpm:process-definition:query']">流程定义</el-button> |
|
||||||
<el-button size="mini" type="text" icon="el-icon-delete" @click="handleDelete(scope.row)" |
|
||||||
v-hasPermi="['bpm:model:delete']">删除</el-button> |
|
||||||
</template> |
|
||||||
</el-table-column> |
|
||||||
</el-table> |
|
||||||
<!-- 分页组件 --> |
|
||||||
<pagination v-show="total>0" :total="total" :page.sync="queryParams.pageNo" :limit.sync="queryParams.pageSize" |
|
||||||
@pagination="getList"/> |
|
||||||
|
|
||||||
<!-- 流程表单配置详情 --> |
|
||||||
<el-dialog title="表单详情" :visible.sync="detailOpen" width="50%" append-to-body> |
|
||||||
<parser :key="new Date().getTime()" :form-conf="detailForm" /> |
|
||||||
</el-dialog> |
|
||||||
|
|
||||||
<!-- 流程模型图的预览 --> |
|
||||||
<el-dialog title="流程图" :visible.sync="showBpmnOpen" width="80%" append-to-body> |
|
||||||
<my-process-viewer key="designer" v-model="bpmnXML" v-bind="bpmnControlForm" /> |
|
||||||
</el-dialog> |
|
||||||
|
|
||||||
<!-- 对话框(添加 / 修改) --> |
|
||||||
<el-dialog :title="title" :visible.sync="open" width="500px" append-to-body> |
|
||||||
<el-form ref="form" :model="form" :rules="rules" label-width="110px"> |
|
||||||
<el-form-item label="流程标识" prop="key"> |
|
||||||
<el-input v-model="form.key" placeholder="请输入流标标识" style="width: 330px;" :disabled="form.id" /> |
|
||||||
<el-tooltip v-if="!form.id" class="item" effect="light" content="新建后，流程标识不可修改！" placement="top"> |
|
||||||
<i style="padding-left: 5px;" class="el-icon-question" /> |
|
||||||
</el-tooltip> |
|
||||||
<el-tooltip v-else class="item" effect="light" content="流程标识不可修改！" placement="top"> |
|
||||||
<i style="padding-left: 5px;" class="el-icon-question" /> |
|
||||||
</el-tooltip> |
|
||||||
</el-form-item> |
|
||||||
<el-form-item label="流程名称" prop="name"> |
|
||||||
<el-input v-model="form.name" placeholder="请输入流程名称" :disabled="form.id" clearable /> |
|
||||||
</el-form-item> |
|
||||||
<el-form-item v-if="form.id" label="流程分类" prop="category"> |
|
||||||
<el-select v-model="form.category" placeholder="请选择流程分类" clearable style="width: 100%"> |
|
||||||
<el-option v-for="dict in categoryDictDatas" :key="dict.value" :label="dict.label" :value="dict.value"/> |
|
||||||
</el-select> |
|
||||||
</el-form-item> |
|
||||||
<el-form-item label="流程描述" prop="description"> |
|
||||||
<el-input type="textarea" v-model="form.description" clearable /> |
|
||||||
</el-form-item> |
|
||||||
<div v-if="form.id"> |
|
||||||
<el-form-item label="表单类型" prop="formType"> |
|
||||||
<el-radio-group v-model="form.formType"> |
|
||||||
<el-radio v-for="dict in modelFormTypeDictDatas" :key="parseInt(dict.value)" :label="parseInt(dict.value)"> |
|
||||||
{{dict.label}} |
|
||||||
</el-radio> |
|
||||||
</el-radio-group> |
|
||||||
</el-form-item> |
|
||||||
<el-form-item v-if="form.formType === 10" label="流程表单" prop="formId"> |
|
||||||
<el-select v-model="form.formId" clearable style="width: 100%"> |
|
||||||
<el-option v-for="form in forms" :key="form.id" :label="form.name" :value="form.id"/> |
|
||||||
</el-select> |
|
||||||
</el-form-item> |
|
||||||
<el-form-item v-if="form.formType === 20" label="表单提交路由" prop="formCustomCreatePath" > |
|
||||||
<el-input v-model="form.formCustomCreatePath" placeholder="请输入表单提交路由" style="width: 330px;" /> |
|
||||||
<el-tooltip class="item" effect="light" content="自定义表单的提交路径，使用 Vue 的路由地址，例如说：bpm/oa/leave/create" placement="top"> |
|
||||||
<i style="padding-left: 5px;" class="el-icon-question" /> |
|
||||||
</el-tooltip> |
|
||||||
</el-form-item> |
|
||||||
<el-form-item v-if="form.formType === 20" label="表单查看路由" prop="formCustomViewPath"> |
|
||||||
<el-input v-model="form.formCustomViewPath" placeholder="请输入表单查看路由" style="width: 330px;" /> |
|
||||||
<el-tooltip class="item" effect="light" content="自定义表单的查看路径，使用 Vue 的路由地址，例如说：bpm/oa/leave/view" placement="top"> |
|
||||||
<i style="padding-left: 5px;" class="el-icon-question" /> |
|
||||||
</el-tooltip> |
|
||||||
</el-form-item> |
|
||||||
</div> |
|
||||||
</el-form> |
|
||||||
<div slot="footer" class="dialog-footer"> |
|
||||||
<el-button type="primary" @click="submitForm">确 定</el-button> |
|
||||||
<el-button @click="cancel">取 消</el-button> |
|
||||||
</div> |
|
||||||
</el-dialog> |
|
||||||
|
|
||||||
<!-- 用户导入对话框 --> |
|
||||||
<el-dialog title="导入流程" :visible.sync="upload.open" width="400px" append-to-body> |
|
||||||
<el-upload ref="upload" :limit="1" accept=".bpmn, .xml" :headers="upload.headers" :action="upload.url" |
|
||||||
:disabled="upload.isUploading" :on-progress="handleFileUploadProgress" :on-success="handleFileSuccess" |
|
||||||
:auto-upload="false" name="bpmnFile" :data="upload.form" drag> |
|
||||||
<i class="el-icon-upload"></i> |
|
||||||
<div class="el-upload__text"> |
|
||||||
将文件拖到此处，或 |
|
||||||
<em>点击上传</em> |
|
||||||
</div> |
|
||||||
<div class="el-upload__tip" style="color:red" slot="tip">提示：仅允许导入“bpm”或“xml”格式文件！</div> |
|
||||||
<div class="el-upload__tip" slot="tip"> |
|
||||||
<el-form ref="uploadForm" size="mini" label-width="90px" :model="upload.form" :rules="upload.rules" @submit.native.prevent> |
|
||||||
<el-form-item label="流程标识" prop="key"> |
|
||||||
<el-input v-model="upload.form.key" placeholder="请输入流标标识" style="width: 250px;" /> |
|
||||||
<el-tooltip class="item" effect="light" content="新建后，流程标识不可修改！" placement="top"> |
|
||||||
<i style="padding-left: 5px;" class="el-icon-question" /> |
|
||||||
</el-tooltip> |
|
||||||
</el-form-item> |
|
||||||
<el-form-item label="流程名称" prop="name"> |
|
||||||
<el-input v-model="upload.form.name" placeholder="请输入流程名称" clearable /> |
|
||||||
</el-form-item> |
|
||||||
<el-form-item label="流程描述" prop="description"> |
|
||||||
<el-input type="textarea" v-model="upload.form.description" clearable /> |
|
||||||
</el-form-item> |
|
||||||
</el-form> |
|
||||||
</div> |
|
||||||
</el-upload> |
|
||||||
<div slot="footer" class="dialog-footer"> |
|
||||||
<el-button type="primary" @click="submitFileForm">确 定</el-button> |
|
||||||
<el-button @click="uploadClose">取 消</el-button> |
|
||||||
</div> |
|
||||||
</el-dialog> |
|
||||||
|
|
||||||
<!-- ========== 流程任务分配规则 ========== --> |
|
||||||
<taskAssignRuleDialog ref="taskAssignRuleDialog" /> |
|
||||||
</div> |
|
||||||
</template> |
|
||||||
|
|
||||||
<script> |
|
||||||
import { |
|
||||||
deleteModel, |
|
||||||
deployModel, |
|
||||||
getModelPage, |
|
||||||
getModel, |
|
||||||
updateModelState, |
|
||||||
createModel, |
|
||||||
updateModel |
|
||||||
} from "@/api/bpm/model"; |
|
||||||
import {DICT_TYPE, getDictDatas} from "@/utils/dict"; |
|
||||||
import {getForm, getSimpleForms} from "@/api/bpm/form"; |
|
||||||
import {decodeFields} from "@/utils/formGenerator"; |
|
||||||
import Parser from '@/components/parser/Parser' |
|
||||||
import {getBaseHeader} from "@/utils/request"; |
|
||||||
import taskAssignRuleDialog from "../taskAssignRule/taskAssignRuleDialog"; |
|
||||||
|
|
||||||
import Treeselect from "@riophae/vue-treeselect"; |
|
||||||
import "@riophae/vue-treeselect/dist/vue-treeselect.css"; |
|
||||||
|
|
||||||
export default { |
|
||||||
name: "model", |
|
||||||
components: { |
|
||||||
Parser, |
|
||||||
Treeselect, |
|
||||||
taskAssignRuleDialog |
|
||||||
}, |
|
||||||
data() { |
|
||||||
return { |
|
||||||
// 遮罩层 |
|
||||||
loading: true, |
|
||||||
// 显示搜索条件 |
|
||||||
showSearch: true, |
|
||||||
// 总条数 |
|
||||||
total: 0, |
|
||||||
// 表格数据 |
|
||||||
list: [], |
|
||||||
// 查询参数 |
|
||||||
queryParams: { |
|
||||||
pageNo: 1, |
|
||||||
pageSize: 10 |
|
||||||
}, |
|
||||||
|
|
||||||
// BPMN 数据 |
|
||||||
showBpmnOpen: false, |
|
||||||
bpmnXML: null, |
|
||||||
bpmnControlForm: { |
|
||||||
prefix: "activiti" |
|
||||||
}, |
|
||||||
|
|
||||||
// 流程表单详情 |
|
||||||
detailOpen: false, |
|
||||||
detailForm: { |
|
||||||
fields: [] |
|
||||||
}, |
|
||||||
|
|
||||||
// 流程表单 |
|
||||||
title: "", |
|
||||||
open: false, |
|
||||||
form: {}, |
|
||||||
// 表单校验 |
|
||||||
rules: { |
|
||||||
key: [{ required: true, message: "流程标识不能为空", trigger: "blur" }], |
|
||||||
name: [{ required: true, message: "流程名称不能为空", trigger: "blur" }], |
|
||||||
formType: [{ required: true, message: "流程名称不能为空", trigger: "blur" }], |
|
||||||
formId: [{ required: true, message: "业务表单不能为空", trigger: "blur" }], |
|
||||||
category: [{ required: true, message: "流程分类不能为空", trigger: "blur" }], |
|
||||||
formCustomCreatePath: [{ required: true, message: "表单提交路由不能为空", trigger: "blur" }], |
|
||||||
formCustomViewPath: [{ required: true, message: "表单查看路由不能为空", trigger: "blur" }], |
|
||||||
}, |
|
||||||
|
|
||||||
// 流程导入参数 |
|
||||||
upload: { |
|
||||||
// 是否显示弹出层（用户导入） |
|
||||||
open: false, |
|
||||||
// 是否禁用上传 |
|
||||||
isUploading: false, |
|
||||||
// 设置上传的请求头部 |
|
||||||
headers: getBaseHeader(), |
|
||||||
// 上传的地址 |
|
||||||
url: process.env.VUE_APP_BASE_API + '/admin-api' + "/bpm/model/import", |
|
||||||
// 表单 |
|
||||||
form: {}, |
|
||||||
// 校验规则 |
|
||||||
rules: { |
|
||||||
key: [{ required: true, message: "流程标识不能为空", trigger: "blur" }], |
|
||||||
name: [{ required: true, message: "流程名称不能为空", trigger: "blur" }], |
|
||||||
}, |
|
||||||
}, |
|
||||||
// 流程表单的下拉框的数据 |
|
||||||
forms: [], |
|
||||||
|
|
||||||
// 数据字典 |
|
||||||
categoryDictDatas: getDictDatas(DICT_TYPE.BPM_MODEL_CATEGORY), |
|
||||||
modelFormTypeDictDatas: getDictDatas(DICT_TYPE.BPM_MODEL_FORM_TYPE), |
|
||||||
taskAssignRuleDictDatas: getDictDatas(DICT_TYPE.BPM_TASK_ASSIGN_RULE_TYPE), |
|
||||||
}; |
|
||||||
}, |
|
||||||
created() { |
|
||||||
this.getList(); |
|
||||||
// 获得流程表单的下拉框的数据 |
|
||||||
getSimpleForms().then(response => { |
|
||||||
this.forms = response.data |
|
||||||
}) |
|
||||||
}, |
|
||||||
methods: { |
|
||||||
/** 查询流程模型列表 */ |
|
||||||
getList() { |
|
||||||
this.loading = true; |
|
||||||
getModelPage(this.queryParams).then(response => { |
|
||||||
this.list = response.data.list; |
|
||||||
this.total = response.data.total; |
|
||||||
this.loading = false; |
|
||||||
} |
|
||||||
); |
|
||||||
}, |
|
||||||
/** 取消按钮 */ |
|
||||||
cancel() { |
|
||||||
this.open = false; |
|
||||||
this.reset(); |
|
||||||
}, |
|
||||||
// 表单重置 |
|
||||||
reset() { |
|
||||||
this.form = { |
|
||||||
id: undefined, |
|
||||||
key: undefined, |
|
||||||
name: undefined, |
|
||||||
description: undefined, |
|
||||||
category: undefined, |
|
||||||
formType: undefined, |
|
||||||
formId: undefined, |
|
||||||
formCustomCreatePath: undefined, |
|
||||||
formCustomViewPath: undefined |
|
||||||
}; |
|
||||||
this.resetForm("form"); |
|
||||||
}, |
|
||||||
/** 搜索按钮操作 */ |
|
||||||
handleQuery() { |
|
||||||
this.queryParams.pageNo = 1; |
|
||||||
this.getList(); |
|
||||||
}, |
|
||||||
/** 重置按钮操作 */ |
|
||||||
resetQuery() { |
|
||||||
this.dateRange = []; |
|
||||||
this.resetForm("queryForm"); |
|
||||||
this.handleQuery(); |
|
||||||
}, |
|
||||||
/** 新增按钮操作 */ |
|
||||||
handleAdd() { |
|
||||||
this.reset(); |
|
||||||
this.title = "新建模型"; |
|
||||||
this.open = true; |
|
||||||
}, |
|
||||||
/** 修改按钮操作 */ |
|
||||||
handleUpdate(row) { |
|
||||||
this.reset(); |
|
||||||
this.title = "修改模型"; |
|
||||||
this.open = true; |
|
||||||
// 设置 form |
|
||||||
this.form = { |
|
||||||
...row |
|
||||||
}; |
|
||||||
// 触发一次校验 |
|
||||||
// this.$refs["form"].validate(); |
|
||||||
}, |
|
||||||
/** 设计按钮操作 */ |
|
||||||
handleDesign(row) { |
|
||||||
this.$router.push({ |
|
||||||
path:"/bpm/manager/model/design", |
|
||||||
query:{ |
|
||||||
modelId: row.id |
|
||||||
} |
|
||||||
}); |
|
||||||
}, |
|
||||||
/** 提交按钮 */ |
|
||||||
submitForm() { |
|
||||||
this.$refs["form"].validate(valid => { |
|
||||||
if (!valid) { |
|
||||||
return; |
|
||||||
} |
|
||||||
// 更新 |
|
||||||
if (this.form.id) { |
|
||||||
updateModel({ |
|
||||||
...this.form, |
|
||||||
formId: this.form.formType === 10 ? this.form.formId : undefined, |
|
||||||
formCustomCreatePath: this.form.formType === 20 ? this.form.formCustomCreatePath : undefined, |
|
||||||
formCustomViewPath: this.form.formType === 20 ? this.form.formCustomViewPath : undefined, |
|
||||||
}).then(response => { |
|
||||||
this.$modal.msgSuccess("修改模型成功"); |
|
||||||
this.open = false; |
|
||||||
this.getList(); |
|
||||||
}); |
|
||||||
return; |
|
||||||
} |
|
||||||
// 创建 |
|
||||||
createModel(this.form).then(response => { |
|
||||||
this.open = false; |
|
||||||
this.getList(); |
|
||||||
this.$alert('<strong>新建模型成功！</strong>后续需要执行如下 4 个步骤：' + |
|
||||||
'<div>1. 点击【修改流程】按钮，配置流程的分类、表单信息</div>' + |
|
||||||
'<div>2. 点击【设计流程】按钮，绘制流程图</div>' + |
|
||||||
'<div>3. 点击【分配规则】按钮，设置每个用户任务的审批人</div>' + |
|
||||||
'<div>4. 点击【发布流程】按钮，完成流程的最终发布</div>' + |
|
||||||
'另外，每次流程修改后，都需要点击【发布流程】按钮，才能正式生效！！！', |
|
||||||
'重要提示', { |
|
||||||
dangerouslyUseHTMLString: true, |
|
||||||
type: 'success' |
|
||||||
}); |
|
||||||
}); |
|
||||||
}); |
|
||||||
}, |
|
||||||
/** 删除按钮操作 */ |
|
||||||
handleDelete(row) { |
|
||||||
const that = this; |
|
||||||
this.$modal.confirm('是否删除该流程！！').then(function() { |
|
||||||
deleteModel(row.id).then(response => { |
|
||||||
that.getList(); |
|
||||||
that.msgSuccess("删除成功"); |
|
||||||
}) |
|
||||||
}).catch(() => {}); |
|
||||||
}, |
|
||||||
/** 部署按钮操作 */ |
|
||||||
handleDeploy(row) { |
|
||||||
const that = this; |
|
||||||
this.$modal.confirm('是否部署该流程！！').then(function() { |
|
||||||
deployModel(row.id).then(response => { |
|
||||||
that.getList(); |
|
||||||
that.msgSuccess("部署成功"); |
|
||||||
}) |
|
||||||
}).catch(() => {}); |
|
||||||
}, |
|
||||||
/** 流程表单的详情按钮操作 */ |
|
||||||
handleFormDetail(row) { |
|
||||||
// 流程表单 |
|
||||||
if (row.formId) { |
|
||||||
getForm(row.formId).then(response => { |
|
||||||
// 设置值 |
|
||||||
const data = response.data |
|
||||||
this.detailForm = { |
|
||||||
...JSON.parse(data.conf), |
|
||||||
fields: decodeFields(data.fields) |
|
||||||
} |
|
||||||
// 弹窗打开 |
|
||||||
this.detailOpen = true |
|
||||||
}) |
|
||||||
// 业务表单 |
|
||||||
} else if (row.formCustomCreatePath) { |
|
||||||
this.$router.push({ path: row.formCustomCreatePath}); |
|
||||||
} |
|
||||||
}, |
|
||||||
/** 流程图的详情按钮操作 */ |
|
||||||
handleBpmnDetail(row) { |
|
||||||
getModel(row.id).then(response => { |
|
||||||
this.bpmnXML = response.data.bpmnXml |
|
||||||
// 弹窗打开 |
|
||||||
this.showBpmnOpen = true |
|
||||||
}) |
|
||||||
}, |
|
||||||
/** 跳转流程定义的列表 */ |
|
||||||
handleDefinitionList(row) { |
|
||||||
this.$router.push({ |
|
||||||
path:"/bpm/manager/definition", |
|
||||||
query:{ |
|
||||||
key: row.key |
|
||||||
} |
|
||||||
}); |
|
||||||
}, |
|
||||||
/** 更新状态操作 */ |
|
||||||
handleChangeState(row) { |
|
||||||
const id = row.id; |
|
||||||
let state = row.processDefinition.suspensionState; |
|
||||||
let statusState = state === 1 ? '激活' : '挂起'; |
|
||||||
this.$modal.confirm('是否确认' + statusState + '流程名字为"' + row.name + '"的数据项?').then(function() { |
|
||||||
return updateModelState(id, state); |
|
||||||
}).then(() => { |
|
||||||
this.getList(); |
|
||||||
this.$modal.msgSuccess(statusState + "成功"); |
|
||||||
}).catch(() => {}); |
|
||||||
}, |
|
||||||
/** 导入按钮操作 */ |
|
||||||
handleImport() { |
|
||||||
this.upload.open = true; |
|
||||||
}, |
|
||||||
// 文件上传中处理 |
|
||||||
handleFileUploadProgress(event, file, fileList) { |
|
||||||
this.upload.isUploading = true; |
|
||||||
}, |
|
||||||
// 文件上传成功处理 |
|
||||||
handleFileSuccess(response, file, fileList) { |
|
||||||
if (response.code !== 0) { |
|
||||||
this.$modal.msgError(response.msg) |
|
||||||
return; |
|
||||||
} |
|
||||||
// 重置表单 |
|
||||||
this.uploadClose(); |
|
||||||
// 提示，并刷新 |
|
||||||
this.$modal.msgSuccess("导入流程成功！请点击【设计流程】按钮，进行编辑保存后，才可以进行【发布流程】"); |
|
||||||
this.getList(); |
|
||||||
}, |
|
||||||
uploadClose() { |
|
||||||
// 关闭弹窗 |
|
||||||
this.upload.open = false; |
|
||||||
// 重置上传状态和文件 |
|
||||||
this.upload.isUploading = false; |
|
||||||
this.$refs.upload.clearFiles(); |
|
||||||
// 重置表单 |
|
||||||
this.upload.form = {}; |
|
||||||
this.resetForm("uploadForm"); |
|
||||||
}, |
|
||||||
/** 提交上传文件 */ |
|
||||||
submitFileForm() { |
|
||||||
this.$refs["uploadForm"].validate(valid => { |
|
||||||
if (!valid) { |
|
||||||
return; |
|
||||||
} |
|
||||||
this.$refs.upload.submit(); |
|
||||||
}) |
|
||||||
}, |
|
||||||
/** 处理任务分配规则列表的按钮操作 */ |
|
||||||
handleAssignRule(row) { |
|
||||||
this.$refs['taskAssignRuleDialog'].initModel(row.id); |
|
||||||
}, |
|
||||||
} |
|
||||||
}; |
|
||||||
</script> |
|
||||||
|
|
||||||
<style lang="scss"> |
|
||||||
.my-process-designer { |
|
||||||
height: calc(100vh - 200px); |
|
||||||
} |
|
||||||
</style> |
|
||||||
@ -1,185 +0,0 @@ |
|||||||
<template> |
|
||||||
<div class="app-container"> |
|
||||||
|
|
||||||
<!-- 流程设计器，负责绘制流程等 --> |
|
||||||
<my-process-designer :key="`designer-${reloadIndex}`" v-model="xmlString" v-bind="controlForm" |
|
||||||
keyboard ref="processDesigner" @init-finished="initModeler" |
|
||||||
@save="save"/> |
|
||||||
|
|
||||||
<!-- 流程属性器，负责编辑每个流程节点的属性 --> |
|
||||||
<my-properties-panel :key="`penal-${reloadIndex}`" :bpmn-modeler="modeler" :prefix="controlForm.prefix" class="process-panel" |
|
||||||
:model="model" /> |
|
||||||
|
|
||||||
</div> |
|
||||||
</template> |
|
||||||
|
|
||||||
<script> |
|
||||||
import translations from "@/components/bpmnProcessDesigner/src/translations"; |
|
||||||
// 自定义元素选中时的弹出菜单（修改 默认任务 为 用户任务） |
|
||||||
import CustomContentPadProvider from "@/components/bpmnProcessDesigner/package/designer/plugins/content-pad"; |
|
||||||
// 自定义左侧菜单（修改 默认任务 为 用户任务） |
|
||||||
import CustomPaletteProvider from "@/components/bpmnProcessDesigner/package/designer/plugins/palette"; |
|
||||||
// import xmlObj2json from "./utils/xml2json"; |
|
||||||
import MyProcessPalette from "@/components/bpmnProcessDesigner/package/palette/ProcessPalette"; |
|
||||||
import {createModel, getModel, updateModel} from "@/api/bpm/model"; |
|
||||||
// 自定义侧边栏 |
|
||||||
// import MyProcessPanel from "../package/process-panel/ProcessPanel"; |
|
||||||
|
|
||||||
export default { |
|
||||||
name: "App", |
|
||||||
components: { MyProcessPalette }, |
|
||||||
data() { |
|
||||||
return { |
|
||||||
xmlString: "", // BPMN XML |
|
||||||
modeler: null, |
|
||||||
reloadIndex: 0, |
|
||||||
controlDrawerVisible: false, |
|
||||||
translationsSelf: translations, |
|
||||||
controlForm: { |
|
||||||
simulation: true, |
|
||||||
labelEditing: false, |
|
||||||
labelVisible: false, |
|
||||||
prefix: "activiti", |
|
||||||
headerButtonSize: "mini", |
|
||||||
additionalModel: [CustomContentPadProvider, CustomPaletteProvider] |
|
||||||
}, |
|
||||||
addis: { |
|
||||||
CustomContentPadProvider, |
|
||||||
CustomPaletteProvider |
|
||||||
}, |
|
||||||
// 流程模型的信息 |
|
||||||
model: {}, |
|
||||||
}; |
|
||||||
}, |
|
||||||
created() { |
|
||||||
// 如果 modelId 非空，说明是修改流程模型 |
|
||||||
const modelId = this.$route.query && this.$route.query.modelId |
|
||||||
if (modelId) { |
|
||||||
getModel(modelId).then(response => { |
|
||||||
this.xmlString = response.data.bpmnXml |
|
||||||
this.model = { |
|
||||||
...response.data, |
|
||||||
bpmnXml: undefined, // 清空 bpmnXml 属性 |
|
||||||
} |
|
||||||
// this.controlForm.processId = response.data.key |
|
||||||
}) |
|
||||||
} |
|
||||||
}, |
|
||||||
methods: { |
|
||||||
initModeler(modeler) { |
|
||||||
setTimeout(() => { |
|
||||||
this.modeler = modeler; |
|
||||||
console.log(modeler); |
|
||||||
}, 10); |
|
||||||
}, |
|
||||||
reloadProcessDesigner(deep) { |
|
||||||
this.controlForm.additionalModel = []; |
|
||||||
for (let key in this.addis) { |
|
||||||
if (this.addis[key]) { |
|
||||||
this.controlForm.additionalModel.push(this.addis[key]); |
|
||||||
} |
|
||||||
} |
|
||||||
deep && (this.xmlString = undefined); |
|
||||||
this.reloadIndex += 1; |
|
||||||
this.modeler = null; // 避免 panel 异常 |
|
||||||
// if (deep) { |
|
||||||
// this.xmlString = undefined; |
|
||||||
// this.$refs.processDesigner.processRestart(); |
|
||||||
// } |
|
||||||
}, |
|
||||||
save(bpmnXml) { |
|
||||||
const data = { |
|
||||||
...this.model, |
|
||||||
bpmnXml: bpmnXml, // this.bpmnXml 只是初始化流程图，后续修改无法通过它获得 |
|
||||||
} |
|
||||||
|
|
||||||
// 修改的提交 |
|
||||||
if (data.id) { |
|
||||||
updateModel(data).then(response => { |
|
||||||
this.$modal.msgSuccess("修改成功") |
|
||||||
// 跳转回去 |
|
||||||
this.close() |
|
||||||
}) |
|
||||||
return |
|
||||||
} |
|
||||||
// 添加的提交 |
|
||||||
createModel(data).then(response => { |
|
||||||
this.$modal.msgSuccess("保存成功") |
|
||||||
// 跳转回去 |
|
||||||
this.close() |
|
||||||
}) |
|
||||||
}, |
|
||||||
/** 关闭按钮 */ |
|
||||||
close() { |
|
||||||
this.$tab.closeOpenPage({ path: "/bpm/manager/model" }); |
|
||||||
}, |
|
||||||
} |
|
||||||
}; |
|
||||||
</script> |
|
||||||
|
|
||||||
<style lang="scss"> |
|
||||||
//body { |
|
||||||
// overflow: hidden; |
|
||||||
// margin: 0; |
|
||||||
// box-sizing: border-box; |
|
||||||
//} |
|
||||||
//.app { |
|
||||||
// width: 100%; |
|
||||||
// height: 100%; |
|
||||||
// box-sizing: border-box; |
|
||||||
// display: inline-grid; |
|
||||||
// grid-template-columns: 100px auto max-content; |
|
||||||
//} |
|
||||||
.demo-control-bar { |
|
||||||
position: fixed; |
|
||||||
right: 8px; |
|
||||||
bottom: 8px; |
|
||||||
z-index: 1; |
|
||||||
.open-control-dialog { |
|
||||||
width: 48px; |
|
||||||
height: 48px; |
|
||||||
display: flex; |
|
||||||
align-items: center; |
|
||||||
justify-content: center; |
|
||||||
border-radius: 4px; |
|
||||||
font-size: 32px; |
|
||||||
background: rgba(64, 158, 255, 1); |
|
||||||
color: #ffffff; |
|
||||||
cursor: pointer; |
|
||||||
} |
|
||||||
} |
|
||||||
|
|
||||||
// TODO 芋艿：去掉多余的 faq |
|
||||||
//.info-tip { |
|
||||||
// position: fixed; |
|
||||||
// top: 40px; |
|
||||||
// right: 500px; |
|
||||||
// z-index: 10; |
|
||||||
// color: #999999; |
|
||||||
//} |
|
||||||
|
|
||||||
.control-form { |
|
||||||
.el-radio { |
|
||||||
width: 100%; |
|
||||||
line-height: 32px; |
|
||||||
} |
|
||||||
} |
|
||||||
.element-overlays { |
|
||||||
box-sizing: border-box; |
|
||||||
padding: 8px; |
|
||||||
background: rgba(0, 0, 0, 0.6); |
|
||||||
border-radius: 4px; |
|
||||||
color: #fafafa; |
|
||||||
} |
|
||||||
|
|
||||||
.my-process-designer { |
|
||||||
height: calc(100vh - 84px); |
|
||||||
} |
|
||||||
.process-panel__container { |
|
||||||
position: absolute; |
|
||||||
right: 0; |
|
||||||
top: 55px; |
|
||||||
height: calc(100vh - 84px); |
|
||||||
} |
|
||||||
|
|
||||||
</style> |
|
||||||
@ -1,75 +0,0 @@ |
|||||||
<template> |
|
||||||
<div class="app-container"> |
|
||||||
<!-- 对话框(添加 / 修改) --> |
|
||||||
<el-form ref="form" :model="form" :rules="rules" label-width="80px"> |
|
||||||
<el-form-item label="开始时间" prop="startTime"> |
|
||||||
<el-date-picker clearable size="small" v-model="form.startTime" type="date" value-format="timestamp" placeholder="选择开始时间" /> |
|
||||||
</el-form-item> |
|
||||||
<el-form-item label="结束时间" prop="endTime"> |
|
||||||
<el-date-picker clearable size="small" v-model="form.endTime" type="date" value-format="timestamp" placeholder="选择结束时间" /> |
|
||||||
</el-form-item> |
|
||||||
<el-form-item label="请假类型" prop="type"> |
|
||||||
<el-select v-model="form.type" placeholder="请选择"> |
|
||||||
<el-option v-for="dict in typeDictData" :key="parseInt(dict.value)" :label="dict.label" :value="parseInt(dict.value)"/> |
|
||||||
</el-select> |
|
||||||
</el-form-item> |
|
||||||
<el-form-item label="原因" prop="reason"> |
|
||||||
<el-col :span="10"> |
|
||||||
<el-input type="textarea" :rows="3" v-model="form.reason" placeholder="请输入原因" /> |
|
||||||
</el-col> |
|
||||||
</el-form-item> |
|
||||||
<el-form-item> |
|
||||||
<el-button type="primary" @click="submitForm">提 交</el-button> |
|
||||||
</el-form-item> |
|
||||||
</el-form> |
|
||||||
</div> |
|
||||||
</template> |
|
||||||
|
|
||||||
<script> |
|
||||||
import { createLeave} from "@/api/bpm/leave" |
|
||||||
import { getDictDatas, DICT_TYPE } from '@/utils/dict' |
|
||||||
|
|
||||||
export default { |
|
||||||
name: "LeaveCreate", |
|
||||||
components: { |
|
||||||
}, |
|
||||||
data() { |
|
||||||
return { |
|
||||||
// 表单参数 |
|
||||||
form: { |
|
||||||
startTime: undefined, |
|
||||||
endTime: undefined, |
|
||||||
type: undefined, |
|
||||||
reason: undefined, |
|
||||||
}, |
|
||||||
// 表单校验 |
|
||||||
rules: { |
|
||||||
startTime: [{ required: true, message: "开始时间不能为空", trigger: "blur" }], |
|
||||||
endTime: [{ required: true, message: "结束时间不能为空", trigger: "blur" }], |
|
||||||
type: [{ required: true, message: "请假类型不能为空", trigger: "change" }], |
|
||||||
reason: [{ required: true, message: "请假原因不能为空", trigger: "change" }], |
|
||||||
}, |
|
||||||
|
|
||||||
typeDictData: getDictDatas(DICT_TYPE.BPM_OA_LEAVE_TYPE), |
|
||||||
}; |
|
||||||
}, |
|
||||||
created() { |
|
||||||
}, |
|
||||||
methods: { |
|
||||||
/** 提交按钮 */ |
|
||||||
submitForm() { |
|
||||||
this.$refs["form"].validate(valid => { |
|
||||||
if (!valid) { |
|
||||||
return; |
|
||||||
} |
|
||||||
|
|
||||||
// 添加的提交 |
|
||||||
createLeave(this.form).then(response => { |
|
||||||
this.$modal.msgSuccess("发起成功"); |
|
||||||
this.$tab.closeOpenPage({ path: "/bpm/oa/leave" }); |
|
||||||
}); |
|
||||||
}); |
|
||||||
} |
|
||||||
} |
|
||||||
}; |
|
||||||
</script> |
|
||||||
@ -1,53 +0,0 @@ |
|||||||
<template> |
|
||||||
<div class="app-container"> |
|
||||||
<!-- 对话框(添加 / 修改) --> |
|
||||||
<el-form ref="form" :model="form" :rules="rules" label-width="100px"> |
|
||||||
<el-form-item label="开始时间：" prop="startTime"> {{parseTime(form.startTime, '{y}-{m}-{d}')}} </el-form-item> |
|
||||||
<el-form-item label="结束时间：" prop="endTime"> {{parseTime(form.endTime, '{y}-{m}-{d}')}} </el-form-item> |
|
||||||
<el-form-item label="请假类型：" prop="type"> |
|
||||||
<dict-tag :type="DICT_TYPE.BPM_OA_LEAVE_TYPE" :value="form.type"/> |
|
||||||
</el-form-item> |
|
||||||
<el-form-item label="原因：" prop="reason"> {{ form.reason }}</el-form-item> |
|
||||||
</el-form> |
|
||||||
</div> |
|
||||||
</template> |
|
||||||
|
|
||||||
<script> |
|
||||||
import { getLeave} from "@/api/bpm/leave" |
|
||||||
import {getDictDatas, DICT_TYPE} from '@/utils/dict' |
|
||||||
export default { |
|
||||||
name: "LeaveDetail", |
|
||||||
components: { |
|
||||||
}, |
|
||||||
data() { |
|
||||||
return { |
|
||||||
id: undefined, // 请假编号 |
|
||||||
// 表单参数 |
|
||||||
form: { |
|
||||||
startTime: undefined, |
|
||||||
endTime: undefined, |
|
||||||
type: undefined, |
|
||||||
reason: undefined, |
|
||||||
}, |
|
||||||
|
|
||||||
typeDictData: getDictDatas(DICT_TYPE.BPM_OA_LEAVE_TYPE), |
|
||||||
}; |
|
||||||
}, |
|
||||||
created() { |
|
||||||
this.id = this.$route.query.id; |
|
||||||
if (!this.id) { |
|
||||||
this.$message.error('未传递 id 参数，无法查看 OA 请假信息'); |
|
||||||
return; |
|
||||||
} |
|
||||||
this.getDetail(); |
|
||||||
}, |
|
||||||
methods: { |
|
||||||
/** 获得请假信息 */ |
|
||||||
getDetail() { |
|
||||||
getLeave(this.id).then(response => { |
|
||||||
this.form = response.data; |
|
||||||
}); |
|
||||||
}, |
|
||||||
} |
|
||||||
}; |
|
||||||
</script> |
|
||||||
@ -1,178 +0,0 @@ |
|||||||
<template> |
|
||||||
<div class="app-container"> |
|
||||||
<doc-alert title="工作流" url="https://doc.iocoder.cn/bpm" /> |
|
||||||
|
|
||||||
<!-- 搜索工作栏 --> |
|
||||||
<el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch" label-width="68px"> |
|
||||||
<el-form-item label="请假类型" prop="type"> |
|
||||||
<el-select v-model="queryParams.type" placeholder="请选择请假类型" clearable> |
|
||||||
<el-option v-for="dict in leaveTypeDictData" :key="dict.value" :label="dict.label" :value="dict.value" /> |
|
||||||
</el-select> |
|
||||||
</el-form-item> |
|
||||||
<el-form-item label="申请时间"> |
|
||||||
<el-date-picker v-model="dateRangeCreateTime" style="width: 240px" value-format="yyyy-MM-dd" |
|
||||||
type="daterange" range-separator="-" start-placeholder="开始日期" end-placeholder="结束日期" /> |
|
||||||
</el-form-item> |
|
||||||
<el-form-item label="结果" prop="result"> |
|
||||||
<el-select v-model="queryParams.result" placeholder="请选择流结果" clearable> |
|
||||||
<el-option v-for="dict in this.getDictDatas(DICT_TYPE.BPM_PROCESS_INSTANCE_RESULT)" |
|
||||||
:key="dict.value" :label="dict.label" :value="dict.value"/> |
|
||||||
</el-select> |
|
||||||
</el-form-item> |
|
||||||
<el-form-item label="原因" prop="reason"> |
|
||||||
<el-input v-model="queryParams.reason" placeholder="请输入原因" clearable @keyup.enter.native="handleQuery"/> |
|
||||||
</el-form-item> |
|
||||||
<el-form-item> |
|
||||||
<el-button type="primary" icon="el-icon-search" @click="handleQuery">搜索</el-button> |
|
||||||
<el-button icon="el-icon-refresh" @click="resetQuery">重置</el-button> |
|
||||||
</el-form-item> |
|
||||||
</el-form> |
|
||||||
|
|
||||||
<!-- 操作工具栏 --> |
|
||||||
<el-row :gutter="10" class="mb8"> |
|
||||||
<el-col :span="1.5"> |
|
||||||
<el-button type="primary" plain icon="el-icon-plus" size="mini" |
|
||||||
v-hasPermi="['bpm:oa-leave:create']" @click="handleAdd">发起请假</el-button> |
|
||||||
</el-col> |
|
||||||
<right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar> |
|
||||||
</el-row> |
|
||||||
|
|
||||||
<!-- 列表 --> |
|
||||||
<el-table v-loading="loading" :data="list"> |
|
||||||
<el-table-column label="申请编号" align="center" prop="id" /> |
|
||||||
<el-table-column label="状态" align="center" prop="result"> |
|
||||||
<template slot-scope="scope"> |
|
||||||
<dict-tag :type="DICT_TYPE.BPM_PROCESS_INSTANCE_RESULT" :value="scope.row.result"/> |
|
||||||
</template> |
|
||||||
</el-table-column> |
|
||||||
<el-table-column label="开始时间" align="center" prop="startTime" width="180"> |
|
||||||
<template slot-scope="scope"> |
|
||||||
<span>{{ parseTime(scope.row.startTime) }}</span> |
|
||||||
</template> |
|
||||||
</el-table-column> |
|
||||||
<el-table-column label="结束时间" align="center" prop="endTime" width="180"> |
|
||||||
<template slot-scope="scope"> |
|
||||||
<span>{{ parseTime(scope.row.endTime) }}</span> |
|
||||||
</template> |
|
||||||
</el-table-column> |
|
||||||
<el-table-column label="请假类型" align="center" prop="type"> |
|
||||||
<template slot-scope="scope"> |
|
||||||
<dict-tag :type="DICT_TYPE.BPM_OA_LEAVE_TYPE" :value="scope.row.type"/> |
|
||||||
</template> |
|
||||||
</el-table-column> |
|
||||||
<el-table-column label="原因" align="center" prop="reason" /> |
|
||||||
<el-table-column label="申请时间" align="center" prop="applyTime" width="180"> |
|
||||||
<template slot-scope="scope"> |
|
||||||
<span>{{ parseTime(scope.row.createTime) }}</span> |
|
||||||
</template> |
|
||||||
</el-table-column> |
|
||||||
<el-table-column label="操作" align="center" class-name="small-padding fixed-width" width="200"> |
|
||||||
<template slot-scope="scope"> |
|
||||||
<el-button size="mini" type="text" icon="el-icon-delete" @click="handleCancel(scope.row)" |
|
||||||
v-hasPermi="['bpm:oa-leave:create']" v-if="scope.row.result === 1">取消请假</el-button> |
|
||||||
<el-button size="mini" type="text" icon="el-icon-view" @click="handleDetail(scope.row)" |
|
||||||
v-hasPermi="['bpm:oa-leave:query']">详情</el-button> |
|
||||||
<el-button size="mini" type="text" icon="el-icon-edit" @click="handleProcessDetail(scope.row)">审批进度</el-button> |
|
||||||
</template> |
|
||||||
</el-table-column> |
|
||||||
</el-table> |
|
||||||
<!-- 分页组件 --> |
|
||||||
<pagination v-show="total > 0" :total="total" :page.sync="queryParams.pageNo" :limit.sync="queryParams.pageSize" |
|
||||||
@pagination="getList"/> |
|
||||||
|
|
||||||
</div> |
|
||||||
</template> |
|
||||||
|
|
||||||
<script> |
|
||||||
import { getLeavePage } from "@/api/bpm/leave" |
|
||||||
import { getDictDatas, DICT_TYPE } from '@/utils/dict' |
|
||||||
import {cancelProcessInstance} from "@/api/bpm/processInstance"; |
|
||||||
|
|
||||||
export default { |
|
||||||
name: "Leave", |
|
||||||
components: { |
|
||||||
}, |
|
||||||
data() { |
|
||||||
return { |
|
||||||
// 遮罩层 |
|
||||||
loading: true, |
|
||||||
// 显示搜索条件 |
|
||||||
showSearch: true, |
|
||||||
// 总条数 |
|
||||||
total: 0, |
|
||||||
// 请假申请列表 |
|
||||||
list: [], |
|
||||||
//审批进度弹出层 |
|
||||||
dateRangeCreateTime: [], |
|
||||||
// 查询参数 |
|
||||||
queryParams: { |
|
||||||
pageNo: 1, |
|
||||||
pageSize: 10, |
|
||||||
result: null, |
|
||||||
type: null, |
|
||||||
reason: null, |
|
||||||
}, |
|
||||||
|
|
||||||
leaveTypeDictData: getDictDatas(DICT_TYPE.BPM_OA_LEAVE_TYPE), |
|
||||||
leaveResultData: getDictDatas(DICT_TYPE.BPM_PROCESS_INSTANCE_RESULT), |
|
||||||
}; |
|
||||||
}, |
|
||||||
created() { |
|
||||||
this.getList(); |
|
||||||
}, |
|
||||||
methods: { |
|
||||||
/** 查询列表 */ |
|
||||||
getList() { |
|
||||||
this.loading = true; |
|
||||||
// 处理查询参数 |
|
||||||
let params = {...this.queryParams}; |
|
||||||
this.addBeginAndEndTime(params, this.dateRangeCreateTime, 'createTime'); |
|
||||||
// 执行查询 |
|
||||||
getLeavePage(params).then(response => { |
|
||||||
this.list = response.data.list; |
|
||||||
this.total = response.data.total; |
|
||||||
this.loading = false; |
|
||||||
}); |
|
||||||
}, |
|
||||||
/** 搜索按钮操作 */ |
|
||||||
handleQuery() { |
|
||||||
this.queryParams.pageNo = 1; |
|
||||||
this.getList(); |
|
||||||
}, |
|
||||||
/** 重置按钮操作 */ |
|
||||||
resetQuery() { |
|
||||||
this.dateRangeCreateTime = []; |
|
||||||
this.resetForm("queryForm"); |
|
||||||
this.handleQuery(); |
|
||||||
}, |
|
||||||
/** 新增按钮操作 */ |
|
||||||
handleAdd() { |
|
||||||
this.$router.push({ path: "/bpm/oa/leave/create"}); |
|
||||||
}, |
|
||||||
/** 详情按钮操作 */ |
|
||||||
handleDetail(row) { |
|
||||||
this.$router.push({ path: "/bpm/oa/leave/detail", query: { id: row.id}}); |
|
||||||
}, |
|
||||||
/** 查看审批进度的操作 */ |
|
||||||
handleProcessDetail(row) { |
|
||||||
this.$router.push({ path: "/bpm/process-instance/detail", query: { id: row.processInstanceId}}); |
|
||||||
}, |
|
||||||
/** 取消请假 */ |
|
||||||
handleCancel(row) { |
|
||||||
const id = row.processInstanceId; |
|
||||||
this.$prompt('请输入取消原因？', "取消流程", { |
|
||||||
type: 'warning', |
|
||||||
confirmButtonText: "确定", |
|
||||||
cancelButtonText: "取消", |
|
||||||
inputPattern: /^[\s\S]*.*[^\s][\s\S]*$/, // 判断非空，且非空格 |
|
||||||
inputErrorMessage: "取消原因不能为空", |
|
||||||
}).then(({ value }) => { |
|
||||||
return cancelProcessInstance(id, value); |
|
||||||
}).then(() => { |
|
||||||
this.getList(); |
|
||||||
this.$modal.msgSuccess("取消成功"); |
|
||||||
}) |
|
||||||
} |
|
||||||
} |
|
||||||
}; |
|
||||||
</script> |
|
||||||
@ -1,169 +0,0 @@ |
|||||||
<template> |
|
||||||
<div class="app-container"> |
|
||||||
<!-- 第一步，通过流程定义的列表，选择对应的流程 --> |
|
||||||
<div v-if="!selectProcessInstance"> |
|
||||||
<el-table v-loading="loading" :data="list"> |
|
||||||
<el-table-column label="流程名称" align="center" prop="name" width="200"> |
|
||||||
<template slot-scope="scope"> |
|
||||||
<el-button type="text" @click="handleBpmnDetail(scope.row)"> |
|
||||||
<span>{{ scope.row.name }}</span> |
|
||||||
</el-button> |
|
||||||
</template> |
|
||||||
</el-table-column> |
|
||||||
<el-table-column label="流程分类" align="center" prop="category" width="100"> |
|
||||||
<template slot-scope="scope"> |
|
||||||
<dict-tag :type="DICT_TYPE.BPM_MODEL_CATEGORY" :value="scope.row.category" /> |
|
||||||
</template> |
|
||||||
</el-table-column> |
|
||||||
<el-table-column label="流程版本" align="center" prop="processDefinition.version" width="80"> |
|
||||||
<template slot-scope="scope"> |
|
||||||
<el-tag size="medium" v-if="scope.row">v{{ scope.row.version }}</el-tag> |
|
||||||
</template> |
|
||||||
</el-table-column> |
|
||||||
<el-table-column label="流程描述" align="center" prop="description" width="300" show-overflow-tooltip /> |
|
||||||
<el-table-column label="操作" align="center" class-name="small-padding fixed-width"> |
|
||||||
<template slot-scope="scope"> |
|
||||||
<el-button type="text" size="small" icon="el-icon-plus" @click="handleSelect(scope.row)">选择</el-button> |
|
||||||
</template> |
|
||||||
</el-table-column> |
|
||||||
</el-table> |
|
||||||
</div> |
|
||||||
<!-- 第二步，填写表单，进行流程的提交 --> |
|
||||||
<div v-else> |
|
||||||
<el-card class="box-card" > |
|
||||||
<div slot="header" class="clearfix"> |
|
||||||
<span class="el-icon-document">申请信息【{{ selectProcessInstance.name }}】</span> |
|
||||||
<el-button style="float: right;" type="primary" @click="selectProcessInstance = undefined">选择其它流程</el-button> |
|
||||||
</div> |
|
||||||
<el-col :span="16" :offset="6"> |
|
||||||
<div> |
|
||||||
<parser :key="new Date().getTime()" :form-conf="detailForm" @submit="submitForm" /> |
|
||||||
</div> |
|
||||||
</el-col> |
|
||||||
</el-card> |
|
||||||
<el-card class="box-card"> |
|
||||||
<div slot="header" class="clearfix"> |
|
||||||
<span class="el-icon-picture-outline">流程图</span> |
|
||||||
</div> |
|
||||||
<my-process-viewer key="designer" v-model="bpmnXML" v-bind="bpmnControlForm" /> |
|
||||||
</el-card> |
|
||||||
</div> |
|
||||||
|
|
||||||
</div> |
|
||||||
</template> |
|
||||||
|
|
||||||
<script> |
|
||||||
import {getProcessDefinitionBpmnXML, getProcessDefinitionList} from "@/api/bpm/definition"; |
|
||||||
import {DICT_TYPE, getDictDatas} from "@/utils/dict"; |
|
||||||
import {getForm} from "@/api/bpm/form"; |
|
||||||
import {decodeFields} from "@/utils/formGenerator"; |
|
||||||
import Parser from '@/components/parser/Parser' |
|
||||||
import {createProcessInstance, getMyProcessInstancePage} from "@/api/bpm/processInstance"; |
|
||||||
|
|
||||||
// 流程实例的发起 |
|
||||||
export default { |
|
||||||
name: "ProcessInstanceCreate", |
|
||||||
components: { |
|
||||||
Parser |
|
||||||
}, |
|
||||||
data() { |
|
||||||
return { |
|
||||||
// 遮罩层 |
|
||||||
loading: true, |
|
||||||
// 表格数据 |
|
||||||
list: [], |
|
||||||
|
|
||||||
// 流程表单详情 |
|
||||||
detailForm: { |
|
||||||
fields: [] |
|
||||||
}, |
|
||||||
|
|
||||||
// BPMN 数据 |
|
||||||
bpmnXML: null, |
|
||||||
bpmnControlForm: { |
|
||||||
prefix: "activiti" |
|
||||||
}, |
|
||||||
|
|
||||||
// 流程表单 |
|
||||||
selectProcessInstance: undefined, // 选择的流程实例 |
|
||||||
|
|
||||||
// 数据字典 |
|
||||||
categoryDictDatas: getDictDatas(DICT_TYPE.BPM_MODEL_CATEGORY), |
|
||||||
}; |
|
||||||
}, |
|
||||||
created() { |
|
||||||
this.getList(); |
|
||||||
}, |
|
||||||
methods: { |
|
||||||
/** 查询流程定义列表 */ |
|
||||||
getList() { |
|
||||||
this.loading = true; |
|
||||||
getProcessDefinitionList({ |
|
||||||
suspensionState: 1 |
|
||||||
}).then(response => { |
|
||||||
this.list = response.data |
|
||||||
this.loading = false |
|
||||||
} |
|
||||||
); |
|
||||||
}, |
|
||||||
/** 处理选择流程的按钮操作 **/ |
|
||||||
handleSelect(row) { |
|
||||||
// 设置选择的流程 |
|
||||||
this.selectProcessInstance = row; |
|
||||||
|
|
||||||
// 流程表单 |
|
||||||
if (row.formId) { |
|
||||||
// 设置对应的表单 |
|
||||||
this.detailForm = { |
|
||||||
...JSON.parse(row.formConf), |
|
||||||
fields: decodeFields(row.formFields) |
|
||||||
} |
|
||||||
|
|
||||||
// 加载流程图 |
|
||||||
getProcessDefinitionBpmnXML(row.id).then(response => { |
|
||||||
this.bpmnXML = response.data |
|
||||||
}) |
|
||||||
} else if (row.formCustomCreatePath) { |
|
||||||
this.$router.push({ path: row.formCustomCreatePath}); |
|
||||||
// 这里暂时无需加载流程图，因为跳出到另外个 Tab； |
|
||||||
} |
|
||||||
}, |
|
||||||
/** 提交按钮 */ |
|
||||||
submitForm(params) { |
|
||||||
if (!params) { |
|
||||||
return; |
|
||||||
} |
|
||||||
// 设置表单禁用 |
|
||||||
const conf = params.conf; |
|
||||||
conf.disabled = true; // 表单禁用 |
|
||||||
conf.formBtns = false; // 按钮隐藏 |
|
||||||
|
|
||||||
// 提交表单，创建流程 |
|
||||||
const variables = params.values; |
|
||||||
createProcessInstance({ |
|
||||||
processDefinitionId: this.selectProcessInstance.id, |
|
||||||
variables: variables |
|
||||||
}).then(response => { |
|
||||||
this.$modal.msgSuccess("发起流程成功"); |
|
||||||
// 关闭当前窗口 |
|
||||||
this.$tab.closeOpenPage(); |
|
||||||
this.$router.go(-1); |
|
||||||
}).catch(() => { |
|
||||||
conf.disabled = false; // 表单开启 |
|
||||||
conf.formBtns = true; // 按钮展示 |
|
||||||
}) |
|
||||||
}, |
|
||||||
} |
|
||||||
}; |
|
||||||
</script> |
|
||||||
|
|
||||||
<style lang="scss"> |
|
||||||
.my-process-designer { |
|
||||||
height: calc(100vh - 200px); |
|
||||||
} |
|
||||||
|
|
||||||
.box-card { |
|
||||||
width: 100%; |
|
||||||
margin-bottom: 20px; |
|
||||||
} |
|
||||||
</style> |
|
||||||
@ -1,424 +0,0 @@ |
|||||||
<template> |
|
||||||
<div class="app-container"> |
|
||||||
<!-- 审批信息 --> |
|
||||||
<el-card class="box-card" v-loading="processInstanceLoading" v-for="(item, index) in runningTasks" :key="index"> |
|
||||||
<div slot="header" class="clearfix"> |
|
||||||
<span class="el-icon-picture-outline">审批任务【{{ item.name }}】</span> |
|
||||||
</div> |
|
||||||
<el-col :span="16" :offset="6" > |
|
||||||
<el-form :ref="'form' + index" :model="auditForms[index]" :rules="auditRule" label-width="100px"> |
|
||||||
<el-form-item label="流程名" v-if="processInstance && processInstance.name"> |
|
||||||
{{ processInstance.name }} |
|
||||||
</el-form-item> |
|
||||||
<el-form-item label="流程发起人" v-if="processInstance && processInstance.startUser"> |
|
||||||
{{ processInstance.startUser.nickname }} |
|
||||||
<el-tag type="info" size="mini">{{ processInstance.startUser.deptName }}</el-tag> |
|
||||||
</el-form-item> |
|
||||||
<el-form-item label="审批建议" prop="comment"> |
|
||||||
<el-input type="textarea" v-model="auditForms[index].comment" placeholder="请输入审批建议" /> |
|
||||||
</el-form-item> |
|
||||||
</el-form> |
|
||||||
<div style="margin-left: 10%; margin-bottom: 20px; font-size: 14px;"> |
|
||||||
<el-button icon="el-icon-edit-outline" type="success" size="mini" @click="handleAudit(item, true)">通过</el-button> |
|
||||||
<el-button icon="el-icon-circle-close" type="danger" size="mini" @click="handleAudit(item, false)">不通过</el-button> |
|
||||||
<el-button icon="el-icon-edit-outline" type="primary" size="mini" @click="handleUpdateAssignee(item)">转办</el-button> |
|
||||||
<el-button icon="el-icon-edit-outline" type="primary" size="mini" @click="handleDelegate(item)">委派</el-button> |
|
||||||
<el-button icon="el-icon-refresh-left" type="warning" size="mini" @click="handleBack(item)">退回</el-button> |
|
||||||
</div> |
|
||||||
</el-col> |
|
||||||
</el-card> |
|
||||||
<!-- 申请信息 --> |
|
||||||
<el-card class="box-card" v-loading="processInstanceLoading"> |
|
||||||
<div slot="header" class="clearfix"> |
|
||||||
<span class="el-icon-document">申请信息【{{ processInstance.name }}】</span> |
|
||||||
</div> |
|
||||||
<el-col v-if="this.processInstance.processDefinition && this.processInstance.processDefinition.formType === 10" |
|
||||||
:span="16" :offset="6"> |
|
||||||
<div > |
|
||||||
<parser :key="new Date().getTime()" :form-conf="detailForm" @submit="submitForm" /> |
|
||||||
</div> |
|
||||||
</el-col> |
|
||||||
<div v-if="this.processInstance.processDefinition && this.processInstance.processDefinition.formType === 20"> |
|
||||||
<router-link :to="this.processInstance.processDefinition.formCustomViewPath + '?id=' |
|
||||||
+ this.processInstance.businessKey"> |
|
||||||
<el-button type="primary">点击查看</el-button> |
|
||||||
</router-link> |
|
||||||
</div> |
|
||||||
</el-card> |
|
||||||
<el-card class="box-card" v-loading="tasksLoad"> |
|
||||||
<div slot="header" class="clearfix"> |
|
||||||
<span class="el-icon-picture-outline">审批记录</span> |
|
||||||
</div> |
|
||||||
<el-col :span="16" :offset="4" > |
|
||||||
<div class="block"> |
|
||||||
<el-timeline> |
|
||||||
<el-timeline-item v-for="(item, index) in tasks" :key="index" |
|
||||||
:icon="getTimelineItemIcon(item)" :type="getTimelineItemType(item)"> |
|
||||||
<p style="font-weight: 700">任务：{{ item.name }}</p> |
|
||||||
<el-card :body-style="{ padding: '10px' }"> |
|
||||||
<label v-if="item.assigneeUser" style="font-weight: normal; margin-right: 30px;"> |
|
||||||
审批人：{{ item.assigneeUser.nickname }} |
|
||||||
<el-tag type="info" size="mini">{{ item.assigneeUser.deptName }}</el-tag> |
|
||||||
</label> |
|
||||||
<label style="font-weight: normal">创建时间：</label> |
|
||||||
<label style="color:#8a909c; font-weight: normal">{{ parseTime(item.createTime) }}</label> |
|
||||||
<label v-if="item.endTime" style="margin-left: 30px;font-weight: normal">审批时间：</label> |
|
||||||
<label v-if="item.endTime" style="color:#8a909c;font-weight: normal"> {{ parseTime(item.endTime) }}</label> |
|
||||||
<label v-if="item.durationInMillis" style="margin-left: 30px;font-weight: normal">耗时：</label> |
|
||||||
<label v-if="item.durationInMillis" style="color:#8a909c;font-weight: normal"> {{ getDateStar(item.durationInMillis) }} </label> |
|
||||||
<p v-if="item.comment"> |
|
||||||
<el-tag :type="getTimelineItemType(item)">{{ item.comment }}</el-tag> |
|
||||||
</p> |
|
||||||
</el-card> |
|
||||||
</el-timeline-item> |
|
||||||
</el-timeline> |
|
||||||
</div> |
|
||||||
</el-col> |
|
||||||
</el-card> |
|
||||||
|
|
||||||
<!-- 高亮流程图 --> |
|
||||||
<el-card class="box-card" v-loading="processInstanceLoading"> |
|
||||||
<div slot="header" class="clearfix"> |
|
||||||
<span class="el-icon-picture-outline">流程图</span> |
|
||||||
</div> |
|
||||||
<my-process-viewer key="designer" v-model="bpmnXML" v-bind="bpmnControlForm" :activityData="activityList" |
|
||||||
:processInstanceData="processInstance" :taskData="tasks" /> |
|
||||||
</el-card> |
|
||||||
|
|
||||||
<!-- 对话框(转派审批人) --> |
|
||||||
<el-dialog title="转派审批人" :visible.sync="updateAssignee.open" width="500px" append-to-body> |
|
||||||
<el-form ref="updateAssigneeForm" :model="updateAssignee.form" :rules="updateAssignee.rules" label-width="110px"> |
|
||||||
<el-form-item label="新审批人" prop="assigneeUserId"> |
|
||||||
<el-select v-model="updateAssignee.form.assigneeUserId" clearable style="width: 100%"> |
|
||||||
<el-option v-for="item in userOptions" :key="parseInt(item.id)" :label="item.nickname" :value="parseInt(item.id)" /> |
|
||||||
</el-select> |
|
||||||
</el-form-item> |
|
||||||
</el-form> |
|
||||||
<div slot="footer" class="dialog-footer"> |
|
||||||
<el-button type="primary" @click="submitUpdateAssigneeForm">确 定</el-button> |
|
||||||
<el-button @click="cancelUpdateAssigneeForm">取 消</el-button> |
|
||||||
</div> |
|
||||||
</el-dialog> |
|
||||||
</div> |
|
||||||
</template> |
|
||||||
|
|
||||||
<script> |
|
||||||
import {getProcessDefinitionBpmnXML} from "@/api/bpm/definition"; |
|
||||||
import {DICT_TYPE, getDictDatas} from "@/utils/dict"; |
|
||||||
import store from "@/store"; |
|
||||||
import {decodeFields} from "@/utils/formGenerator"; |
|
||||||
import Parser from '@/components/parser/Parser' |
|
||||||
import {createProcessInstance, getProcessInstance} from "@/api/bpm/processInstance"; |
|
||||||
import {approveTask, getTaskListByProcessInstanceId, rejectTask, updateTaskAssignee} from "@/api/bpm/task"; |
|
||||||
import {getDate} from "@/utils/dateUtils"; |
|
||||||
import {listSimpleUsers} from "@/api/system/user"; |
|
||||||
import {getActivityList} from "@/api/bpm/activity"; |
|
||||||
|
|
||||||
// 流程实例的详情页，可用于审批 |
|
||||||
export default { |
|
||||||
name: "ProcessInstanceDetail", |
|
||||||
components: { |
|
||||||
Parser |
|
||||||
}, |
|
||||||
data() { |
|
||||||
return { |
|
||||||
// 遮罩层 |
|
||||||
processInstanceLoading: true, |
|
||||||
// 流程实例 |
|
||||||
id: undefined, // 流程实例的编号 |
|
||||||
processInstance: {}, |
|
||||||
|
|
||||||
// 流程表单详情 |
|
||||||
detailForm: { |
|
||||||
fields: [] |
|
||||||
}, |
|
||||||
|
|
||||||
// BPMN 数据 |
|
||||||
bpmnXML: null, |
|
||||||
bpmnControlForm: { |
|
||||||
prefix: "activiti" |
|
||||||
}, |
|
||||||
activityList: [], |
|
||||||
|
|
||||||
// 审批记录 |
|
||||||
tasksLoad: true, |
|
||||||
tasks: [], |
|
||||||
|
|
||||||
// 审批表单 |
|
||||||
runningTasks: [], |
|
||||||
auditForms: [], |
|
||||||
auditRule: { |
|
||||||
comment: [{ required: true, message: "审批建议不能为空", trigger: "blur" }], |
|
||||||
}, |
|
||||||
|
|
||||||
// 转派审批人 |
|
||||||
userOptions: [], |
|
||||||
updateAssignee: { |
|
||||||
open: false, |
|
||||||
form: { |
|
||||||
assigneeUserId: undefined, |
|
||||||
}, |
|
||||||
rules: { |
|
||||||
assigneeUserId: [{ required: true, message: "新审批人不能为空", trigger: "change" }], |
|
||||||
} |
|
||||||
}, |
|
||||||
|
|
||||||
// 数据字典 |
|
||||||
categoryDictDatas: getDictDatas(DICT_TYPE.BPM_MODEL_CATEGORY), |
|
||||||
}; |
|
||||||
}, |
|
||||||
created() { |
|
||||||
this.id = this.$route.query.id; |
|
||||||
if (!this.id) { |
|
||||||
this.$message.error('未传递 id 参数，无法查看流程信息'); |
|
||||||
return; |
|
||||||
} |
|
||||||
this.getDetail(); |
|
||||||
|
|
||||||
// 获得用户列表 |
|
||||||
this.userOptions = []; |
|
||||||
listSimpleUsers().then(response => { |
|
||||||
this.userOptions.push(...response.data); |
|
||||||
}); |
|
||||||
}, |
|
||||||
methods: { |
|
||||||
/** 获得流程实例 */ |
|
||||||
getDetail() { |
|
||||||
// 获得流程实例相关 |
|
||||||
this.processInstanceLoading = true; |
|
||||||
getProcessInstance(this.id).then(response => { |
|
||||||
if (!response.data) { |
|
||||||
this.$message.error('查询不到流程信息！'); |
|
||||||
return; |
|
||||||
} |
|
||||||
// 设置流程信息 |
|
||||||
this.processInstance = response.data; |
|
||||||
|
|
||||||
// 设置表单信息 |
|
||||||
if (this.processInstance.processDefinition.formType === 10) { |
|
||||||
this.detailForm = { |
|
||||||
...JSON.parse(this.processInstance.processDefinition.formConf), |
|
||||||
disabled: true, // 表单禁用 |
|
||||||
formBtns: false, // 按钮隐藏 |
|
||||||
fields: decodeFields(this.processInstance.processDefinition.formFields) |
|
||||||
} |
|
||||||
// 设置表单的值 |
|
||||||
this.detailForm.fields.forEach(item => { |
|
||||||
const val = this.processInstance.formVariables[item.__vModel__] |
|
||||||
if (val) { |
|
||||||
item.__config__.defaultValue = val |
|
||||||
} |
|
||||||
}); |
|
||||||
} |
|
||||||
|
|
||||||
// 加载流程图 |
|
||||||
getProcessDefinitionBpmnXML(this.processInstance.processDefinition.id).then(response => { |
|
||||||
this.bpmnXML = response.data |
|
||||||
}); |
|
||||||
// 加载活动列表 |
|
||||||
getActivityList({ |
|
||||||
processInstanceId: this.processInstance.id |
|
||||||
}).then(response => { |
|
||||||
this.activityList = response.data; |
|
||||||
}); |
|
||||||
|
|
||||||
// 取消加载中 |
|
||||||
this.processInstanceLoading = false; |
|
||||||
}); |
|
||||||
|
|
||||||
// 获得流程任务列表（审批记录） |
|
||||||
this.tasksLoad = true; |
|
||||||
this.runningTasks = []; |
|
||||||
this.auditForms = []; |
|
||||||
getTaskListByProcessInstanceId(this.id).then(response => { |
|
||||||
// 审批记录 |
|
||||||
this.tasks = response.data; |
|
||||||
// 排序，将未完成的排在前面，已完成的排在后面； |
|
||||||
this.tasks.sort((a, b) => { |
|
||||||
// 有已完成的情况，按照完成时间倒序 |
|
||||||
if (a.endTime && b.endTime) { |
|
||||||
return b.endTime - a.endTime; |
|
||||||
} else if (a.endTime) { |
|
||||||
return 1; |
|
||||||
} else if (b.endTime) { |
|
||||||
return -1; |
|
||||||
// 都是未完成，按照创建时间倒序 |
|
||||||
} else { |
|
||||||
return b.createTime - a.createTime; |
|
||||||
} |
|
||||||
}); |
|
||||||
|
|
||||||
// 需要审核的记录 |
|
||||||
const userId = store.getters.userId; |
|
||||||
this.tasks.forEach(task => { |
|
||||||
if (task.result !== 1) { // 只有待处理才需要 |
|
||||||
return; |
|
||||||
} |
|
||||||
if (!task.assigneeUser || task.assigneeUser.id !== userId) { // 自己不是处理人 |
|
||||||
return; |
|
||||||
} |
|
||||||
this.runningTasks.push({...task}); |
|
||||||
this.auditForms.push({ |
|
||||||
comment: '' |
|
||||||
}) |
|
||||||
}); |
|
||||||
|
|
||||||
// 取消加载中 |
|
||||||
this.tasksLoad = false; |
|
||||||
}); |
|
||||||
}, |
|
||||||
/** 处理选择流程的按钮操作 **/ |
|
||||||
handleSelect(row) { |
|
||||||
// 设置选择的流程 |
|
||||||
this.selectProcessInstance = row; |
|
||||||
|
|
||||||
// 流程表单 |
|
||||||
if (row.formId) { |
|
||||||
// 设置对应的表单 |
|
||||||
this.detailForm = { |
|
||||||
...JSON.parse(row.formConf), |
|
||||||
fields: decodeFields(row.formFields) |
|
||||||
} |
|
||||||
} else if (row.formCustomCreatePath) { |
|
||||||
this.$router.push({ path: row.formCustomCreatePath}); |
|
||||||
// 这里暂时无需加载流程图，因为跳出到另外个 Tab； |
|
||||||
} |
|
||||||
}, |
|
||||||
/** 提交按钮 */ |
|
||||||
submitForm(params) { |
|
||||||
if (!params) { |
|
||||||
return; |
|
||||||
} |
|
||||||
// 设置表单禁用 |
|
||||||
const conf = params.conf; |
|
||||||
conf.disabled = true; // 表单禁用 |
|
||||||
conf.formBtns = false; // 按钮隐藏 |
|
||||||
|
|
||||||
// 提交表单，创建流程 |
|
||||||
const variables = params.values; |
|
||||||
createProcessInstance({ |
|
||||||
processDefinitionId: this.selectProcessInstance.id, |
|
||||||
variables: variables |
|
||||||
}).then(response => { |
|
||||||
this.$modal.msgSuccess("发起流程成功"); |
|
||||||
// 关闭当前窗口 |
|
||||||
this.$tab.closeOpenPage(); |
|
||||||
this.$router.go(-1); |
|
||||||
}).catch(() => { |
|
||||||
conf.disabled = false; // 表单开启 |
|
||||||
conf.formBtns = true; // 按钮展示 |
|
||||||
}) |
|
||||||
}, |
|
||||||
getDateStar(ms) { |
|
||||||
return getDate(ms); |
|
||||||
}, |
|
||||||
getTimelineItemIcon(item) { |
|
||||||
if (item.result === 1) { |
|
||||||
return 'el-icon-time'; |
|
||||||
} |
|
||||||
if (item.result === 2) { |
|
||||||
return 'el-icon-check'; |
|
||||||
} |
|
||||||
if (item.result === 3) { |
|
||||||
return 'el-icon-close'; |
|
||||||
} |
|
||||||
if (item.result === 4) { |
|
||||||
return 'el-icon-remove-outline'; |
|
||||||
} |
|
||||||
return ''; |
|
||||||
}, |
|
||||||
getTimelineItemType(item) { |
|
||||||
if (item.result === 1) { |
|
||||||
return 'primary'; |
|
||||||
} |
|
||||||
if (item.result === 2) { |
|
||||||
return 'success'; |
|
||||||
} |
|
||||||
if (item.result === 3) { |
|
||||||
return 'danger'; |
|
||||||
} |
|
||||||
if (item.result === 4) { |
|
||||||
return 'info'; |
|
||||||
} |
|
||||||
return ''; |
|
||||||
}, |
|
||||||
/** 处理审批通过和不通过的操作 */ |
|
||||||
handleAudit(task, pass) { |
|
||||||
const index = this.runningTasks.indexOf(task); |
|
||||||
this.$refs['form' + index][0].validate(valid => { |
|
||||||
if (!valid) { |
|
||||||
return; |
|
||||||
} |
|
||||||
const data = { |
|
||||||
id: task.id, |
|
||||||
comment: this.auditForms[index].comment |
|
||||||
} |
|
||||||
if (pass) { |
|
||||||
approveTask(data).then(response => { |
|
||||||
this.$modal.msgSuccess("审批通过成功！"); |
|
||||||
this.getDetail(); // 获得最新详情 |
|
||||||
}); |
|
||||||
} else { |
|
||||||
rejectTask(data).then(response => { |
|
||||||
this.$modal.msgSuccess("审批不通过成功！"); |
|
||||||
this.getDetail(); // 获得最新详情 |
|
||||||
}); |
|
||||||
} |
|
||||||
}); |
|
||||||
}, |
|
||||||
/** 处理转派审批人 */ |
|
||||||
handleUpdateAssignee(task) { |
|
||||||
// 设置表单 |
|
||||||
this.resetUpdateAssigneeForm(); |
|
||||||
this.updateAssignee.form.id = task.id; |
|
||||||
// 设置为打开 |
|
||||||
this.updateAssignee.open = true; |
|
||||||
}, |
|
||||||
/** 提交转派审批人 */ |
|
||||||
submitUpdateAssigneeForm() { |
|
||||||
this.$refs['updateAssigneeForm'].validate(valid => { |
|
||||||
if (!valid) { |
|
||||||
return; |
|
||||||
} |
|
||||||
updateTaskAssignee(this.updateAssignee.form).then(response => { |
|
||||||
this.$modal.msgSuccess("转派任务成功！"); |
|
||||||
this.updateAssignee.open = false; |
|
||||||
this.getDetail(); // 获得最新详情 |
|
||||||
}); |
|
||||||
}); |
|
||||||
}, |
|
||||||
/** 取消转派审批人 */ |
|
||||||
cancelUpdateAssigneeForm() { |
|
||||||
this.updateAssignee.open = false; |
|
||||||
this.resetUpdateAssigneeForm(); |
|
||||||
}, |
|
||||||
/** 重置转派审批人 */ |
|
||||||
resetUpdateAssigneeForm() { |
|
||||||
this.updateAssignee.form = { |
|
||||||
id: undefined, |
|
||||||
assigneeUserId: undefined, |
|
||||||
}; |
|
||||||
this.resetForm("updateAssigneeForm"); |
|
||||||
}, |
|
||||||
/** 处理审批退回的操作 */ |
|
||||||
handleDelegate(task) { |
|
||||||
this.$modal.msgError("暂不支持【委派】功能，可以使用【转派】替代！"); |
|
||||||
}, |
|
||||||
/** 处理审批退回的操作 */ |
|
||||||
handleBack(task) { |
|
||||||
this.$modal.msgError("暂不支持【退回】功能！"); |
|
||||||
} |
|
||||||
} |
|
||||||
}; |
|
||||||
</script> |
|
||||||
|
|
||||||
<style lang="scss"> |
|
||||||
.my-process-designer { |
|
||||||
height: calc(100vh - 200px); |
|
||||||
} |
|
||||||
|
|
||||||
.box-card { |
|
||||||
width: 100%; |
|
||||||
margin-bottom: 20px; |
|
||||||
} |
|
||||||
</style> |
|
||||||
@ -1,187 +0,0 @@ |
|||||||
<template> |
|
||||||
<div class="app-container"> |
|
||||||
<doc-alert title="工作流" url="https://doc.iocoder.cn/bpm" /> |
|
||||||
|
|
||||||
<!-- 搜索工作栏 --> |
|
||||||
<el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch" label-width="68px"> |
|
||||||
<el-form-item label="流程名" prop="name"> |
|
||||||
<el-input v-model="queryParams.name" placeholder="请输入流程名" clearable @keyup.enter.native="handleQuery"/> |
|
||||||
</el-form-item> |
|
||||||
<el-form-item label="所属流程" prop="processDefinitionId"> |
|
||||||
<el-input v-model="queryParams.processDefinitionId" placeholder="请输入流程定义的编号" clearable @keyup.enter.native="handleQuery"/> |
|
||||||
</el-form-item> |
|
||||||
<el-form-item label="流程分类" prop="category"> |
|
||||||
<el-select v-model="queryParams.category" placeholder="请选择流程分类" clearable> |
|
||||||
<el-option v-for="dict in this.getDictDatas(DICT_TYPE.BPM_MODEL_CATEGORY)" |
|
||||||
:key="dict.value" :label="dict.label" :value="dict.value"/> |
|
||||||
</el-select> |
|
||||||
</el-form-item> |
|
||||||
<el-form-item label="提交时间"> |
|
||||||
<el-date-picker v-model="dateRangeCreateTime" style="width: 240px" value-format="yyyy-MM-dd" |
|
||||||
type="daterange" range-separator="-" start-placeholder="开始日期" end-placeholder="结束日期" /> |
|
||||||
</el-form-item> |
|
||||||
<el-form-item label="状态" prop="status"> |
|
||||||
<el-select v-model="queryParams.status" placeholder="请选择状态" clearable> |
|
||||||
<el-option v-for="dict in this.getDictDatas(DICT_TYPE.BPM_PROCESS_INSTANCE_STATUS)" |
|
||||||
:key="dict.value" :label="dict.label" :value="dict.value"/> |
|
||||||
</el-select> |
|
||||||
</el-form-item> |
|
||||||
<el-form-item label="结果" prop="result"> |
|
||||||
<el-select v-model="queryParams.result" placeholder="请选择流结果" clearable> |
|
||||||
<el-option v-for="dict in this.getDictDatas(DICT_TYPE.BPM_PROCESS_INSTANCE_RESULT)" |
|
||||||
:key="dict.value" :label="dict.label" :value="dict.value"/> |
|
||||||
</el-select> |
|
||||||
</el-form-item> |
|
||||||
<el-form-item> |
|
||||||
<el-button type="primary" icon="el-icon-search" @click="handleQuery">搜索</el-button> |
|
||||||
<el-button icon="el-icon-refresh" @click="resetQuery">重置</el-button> |
|
||||||
</el-form-item> |
|
||||||
</el-form> |
|
||||||
|
|
||||||
<!-- 操作工具栏 --> |
|
||||||
<el-row :gutter="10" class="mb8"> |
|
||||||
<el-col :span="1.5"> |
|
||||||
<el-button type="primary" plain icon="el-icon-plus" size="mini" @click="handleAdd" |
|
||||||
v-hasPermi="['bpm:process-instance:query']">发起流程</el-button> |
|
||||||
</el-col> |
|
||||||
<right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar> |
|
||||||
</el-row> |
|
||||||
|
|
||||||
<!-- 列表 --> |
|
||||||
<el-table v-loading="loading" :data="list"> |
|
||||||
<el-table-column label="编号" align="center" prop="id" width="320" /> |
|
||||||
<el-table-column label="流程名" align="center" prop="name" /> |
|
||||||
<el-table-column label="流程分类" align="center" prop="category"> |
|
||||||
<template slot-scope="scope"> |
|
||||||
<dict-tag :type="DICT_TYPE.BPM_MODEL_CATEGORY" :value="scope.row.category" /> |
|
||||||
</template> |
|
||||||
</el-table-column> |
|
||||||
<el-table-column label="当前审批任务" align="center" prop="tasks"> |
|
||||||
<template slot-scope="scope"> |
|
||||||
<el-button v-for="task in scope.row.tasks" :key="task" type="text" @click="handleFormDetail(task.id)"> |
|
||||||
<span>{{ task.name }}</span> |
|
||||||
</el-button> |
|
||||||
</template> |
|
||||||
</el-table-column> |
|
||||||
<el-table-column label="状态" align="center" prop="status"> |
|
||||||
<template slot-scope="scope"> |
|
||||||
<dict-tag :type="DICT_TYPE.BPM_PROCESS_INSTANCE_STATUS" :value="scope.row.status" /> |
|
||||||
</template> |
|
||||||
</el-table-column> |
|
||||||
<el-table-column label="结果" align="center" prop="result"> |
|
||||||
<template slot-scope="scope"> |
|
||||||
<dict-tag :type="DICT_TYPE.BPM_PROCESS_INSTANCE_RESULT" :value="scope.row.result"/> |
|
||||||
</template> |
|
||||||
</el-table-column> |
|
||||||
<el-table-column label="提交时间" align="center" prop="createTime" width="180"> |
|
||||||
<template slot-scope="scope"> |
|
||||||
<span>{{ parseTime(scope.row.createTime) }}</span> |
|
||||||
</template> |
|
||||||
</el-table-column> |
|
||||||
<el-table-column label="结束时间" align="center" prop="createTime" width="180"> |
|
||||||
<template slot-scope="scope"> |
|
||||||
<span>{{ parseTime(scope.row.endTime) }}</span> |
|
||||||
</template> |
|
||||||
</el-table-column> |
|
||||||
<el-table-column label="操作" align="center" class-name="small-padding fixed-width"> |
|
||||||
<template slot-scope="scope"> |
|
||||||
<el-button type="text" size="small" icon="el-icon-delete" v-if="scope.row.result === 1" |
|
||||||
v-hasPermi="['bpm:process-instance:cancel']" @click="handleCancel(scope.row)">取消</el-button> |
|
||||||
<el-button size="mini" type="text" icon="el-icon-edit" @click="handleDetail(scope.row)" |
|
||||||
v-hasPermi="['bpm:process-instance:query']">详情</el-button> |
|
||||||
</template> |
|
||||||
</el-table-column> |
|
||||||
</el-table> |
|
||||||
<!-- 分页组件 --> |
|
||||||
<pagination v-show="total > 0" :total="total" :page.sync="queryParams.pageNo" :limit.sync="queryParams.pageSize" |
|
||||||
@pagination="getList"/> |
|
||||||
|
|
||||||
</div> |
|
||||||
</template> |
|
||||||
|
|
||||||
<script> |
|
||||||
import { getMyProcessInstancePage, cancelProcessInstance } from "@/api/bpm/processInstance"; |
|
||||||
|
|
||||||
export default { |
|
||||||
name: "ProcessInstance", |
|
||||||
components: { |
|
||||||
}, |
|
||||||
data() { |
|
||||||
return { |
|
||||||
// 遮罩层 |
|
||||||
loading: true, |
|
||||||
// 显示搜索条件 |
|
||||||
showSearch: true, |
|
||||||
// 总条数 |
|
||||||
total: 0, |
|
||||||
// 工作流的流程实例的拓展列表 |
|
||||||
list: [], |
|
||||||
// 是否显示弹出层 |
|
||||||
dateRangeCreateTime: [], |
|
||||||
// 查询参数 |
|
||||||
queryParams: { |
|
||||||
pageNo: 1, |
|
||||||
pageSize: 10, |
|
||||||
name: null, |
|
||||||
processDefinitionId: null, |
|
||||||
category: null, |
|
||||||
status: null, |
|
||||||
result: null, |
|
||||||
} |
|
||||||
}; |
|
||||||
}, |
|
||||||
created() { |
|
||||||
this.getList(); |
|
||||||
}, |
|
||||||
methods: { |
|
||||||
/** 查询列表 */ |
|
||||||
getList() { |
|
||||||
this.loading = true; |
|
||||||
// 处理查询参数 |
|
||||||
let params = {...this.queryParams}; |
|
||||||
this.addBeginAndEndTime(params, this.dateRangeCreateTime, 'createTime'); |
|
||||||
// 执行查询 |
|
||||||
getMyProcessInstancePage(params).then(response => { |
|
||||||
this.list = response.data.list; |
|
||||||
this.total = response.data.total; |
|
||||||
this.loading = false; |
|
||||||
}); |
|
||||||
}, |
|
||||||
/** 搜索按钮操作 */ |
|
||||||
handleQuery() { |
|
||||||
this.queryParams.pageNo = 1; |
|
||||||
this.getList(); |
|
||||||
}, |
|
||||||
/** 重置按钮操作 */ |
|
||||||
resetQuery() { |
|
||||||
this.dateRangeCreateTime = []; |
|
||||||
this.resetForm("queryForm"); |
|
||||||
this.handleQuery(); |
|
||||||
}, |
|
||||||
/** 新增按钮操作 **/ |
|
||||||
handleAdd() { |
|
||||||
this.$router.push({ path: "/bpm/process-instance/create"}) |
|
||||||
}, |
|
||||||
/** 取消按钮操作 */ |
|
||||||
handleCancel(row) { |
|
||||||
const id = row.id; |
|
||||||
this.$prompt('请输入取消原因？', "取消流程", { |
|
||||||
type: 'warning', |
|
||||||
confirmButtonText: "确定", |
|
||||||
cancelButtonText: "取消", |
|
||||||
inputPattern: /^[\s\S]*.*[^\s][\s\S]*$/, // 判断非空，且非空格 |
|
||||||
inputErrorMessage: "取消原因不能为空", |
|
||||||
}).then(({ value }) => { |
|
||||||
return cancelProcessInstance(id, value); |
|
||||||
}).then(() => { |
|
||||||
this.getList(); |
|
||||||
this.$modal.msgSuccess("取消成功"); |
|
||||||
}) |
|
||||||
}, |
|
||||||
/** 处理详情按钮 */ |
|
||||||
handleDetail(row) { |
|
||||||
this.$router.push({ path: "/bpm/process-instance/detail", query: { id: row.id}}); |
|
||||||
}, |
|
||||||
} |
|
||||||
}; |
|
||||||
</script> |
|
||||||
@ -1,124 +0,0 @@ |
|||||||
<template> |
|
||||||
<div class="app-container"> |
|
||||||
<doc-alert title="工作流" url="https://doc.iocoder.cn/bpm" /> |
|
||||||
|
|
||||||
<!-- 搜索工作栏 --> |
|
||||||
<el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch" label-width="68px"> |
|
||||||
<el-form-item label="流程名" prop="name"> |
|
||||||
<el-input v-model="queryParams.name" placeholder="请输入流程名" clearable @keyup.enter.native="handleQuery"/> |
|
||||||
</el-form-item> |
|
||||||
<el-form-item label="创建时间"> |
|
||||||
<el-date-picker v-model="dateRangeCreateTime" style="width: 240px" value-format="yyyy-MM-dd" |
|
||||||
type="daterange" range-separator="-" start-placeholder="开始日期" end-placeholder="结束日期" /> |
|
||||||
</el-form-item> |
|
||||||
<el-form-item> |
|
||||||
<el-button type="primary" icon="el-icon-search" @click="handleQuery">搜索</el-button> |
|
||||||
<el-button icon="el-icon-refresh" @click="resetQuery">重置</el-button> |
|
||||||
</el-form-item> |
|
||||||
</el-form> |
|
||||||
|
|
||||||
<!-- 列表 --> |
|
||||||
<el-table v-loading="loading" :data="list"> |
|
||||||
<el-table-column label="任务编号" align="center" prop="id" width="320" fixed /> |
|
||||||
<el-table-column label="任务名称" align="center" prop="name" width="200" /> |
|
||||||
<el-table-column label="所属流程" align="center" prop="processInstance.name" width="200" /> |
|
||||||
<el-table-column label="流程发起人" align="center" prop="processInstance.startUserNickname" width="120" /> |
|
||||||
<el-table-column label="结果" align="center" prop="result"> |
|
||||||
<template slot-scope="scope"> |
|
||||||
<dict-tag :type="DICT_TYPE.BPM_PROCESS_INSTANCE_RESULT" :value="scope.row.result"/> |
|
||||||
</template> |
|
||||||
</el-table-column> |
|
||||||
<el-table-column label="审批意见" align="center" prop="comment" width="200" /> |
|
||||||
<el-table-column label="创建时间" align="center" prop="createTime" width="180"> |
|
||||||
<template slot-scope="scope"> |
|
||||||
<span>{{ parseTime(scope.row.createTime) }}</span> |
|
||||||
</template> |
|
||||||
</el-table-column> |
|
||||||
<el-table-column label="审批时间" align="center" prop="endTime" width="180"> |
|
||||||
<template slot-scope="scope"> |
|
||||||
<span>{{ parseTime(scope.row.endTime) }}</span> |
|
||||||
</template> |
|
||||||
</el-table-column> |
|
||||||
<el-table-column label="耗时" align="center" prop="durationInMillis" width="180"> |
|
||||||
<template slot-scope="scope"> |
|
||||||
<span>{{ getDateStar(scope.row.durationInMillis) }}</span> |
|
||||||
</template> |
|
||||||
</el-table-column> |
|
||||||
<el-table-column label="操作" align="center" fixed="right" class-name="small-padding fixed-width"> |
|
||||||
<template slot-scope="scope"> |
|
||||||
<el-button size="mini" type="text" icon="el-icon-edit" @click="handleAudit(scope.row)" |
|
||||||
v-hasPermi="['bpm:task:query']">详情</el-button> |
|
||||||
</template> |
|
||||||
</el-table-column> |
|
||||||
</el-table> |
|
||||||
<!-- 分页组件 --> |
|
||||||
<pagination v-show="total > 0" :total="total" :page.sync="queryParams.pageNo" :limit.sync="queryParams.pageSize" |
|
||||||
@pagination="getList"/> |
|
||||||
|
|
||||||
</div> |
|
||||||
</template> |
|
||||||
|
|
||||||
<script> |
|
||||||
import {getDoneTaskPage} from '@/api/bpm/task' |
|
||||||
import {getDate} from "@/utils/dateUtils"; |
|
||||||
|
|
||||||
export default { |
|
||||||
name: "Done", |
|
||||||
components: { |
|
||||||
}, |
|
||||||
data() { |
|
||||||
return { |
|
||||||
// 遮罩层 |
|
||||||
loading: true, |
|
||||||
// 显示搜索条件 |
|
||||||
showSearch: true, |
|
||||||
// 总条数 |
|
||||||
total: 0, |
|
||||||
// 已办任务列表 |
|
||||||
list: [], |
|
||||||
// 查询参数 |
|
||||||
dateRangeCreateTime: [], |
|
||||||
queryParams: { |
|
||||||
pageNo: 1, |
|
||||||
pageSize: 10, |
|
||||||
name: null, |
|
||||||
}, |
|
||||||
}; |
|
||||||
}, |
|
||||||
created() { |
|
||||||
this.getList(); |
|
||||||
}, |
|
||||||
methods: { |
|
||||||
/** 查询列表 */ |
|
||||||
getList() { |
|
||||||
this.loading = true; |
|
||||||
// 处理查询参数 |
|
||||||
let params = {...this.queryParams}; |
|
||||||
this.addBeginAndEndTime(params, this.dateRangeCreateTime, 'createTime'); |
|
||||||
getDoneTaskPage(params).then(response => { |
|
||||||
this.list = response.data.list; |
|
||||||
this.total = response.data.total; |
|
||||||
this.loading = false; |
|
||||||
}); |
|
||||||
}, |
|
||||||
/** 搜索按钮操作 */ |
|
||||||
handleQuery() { |
|
||||||
this.queryParams.pageNo = 1; |
|
||||||
this.getList(); |
|
||||||
}, |
|
||||||
/** 重置按钮操作 */ |
|
||||||
resetQuery() { |
|
||||||
this.dateRangeCreateTime = []; |
|
||||||
this.resetForm("queryForm"); |
|
||||||
this.handleQuery(); |
|
||||||
}, |
|
||||||
getDateStar(ms) { |
|
||||||
return getDate(ms); |
|
||||||
}, |
|
||||||
/** 处理审批按钮 */ |
|
||||||
handleAudit(row) { |
|
||||||
this.$router.push({ path: "/bpm/process-instance/detail", query: { id: row.processInstance.id}}); |
|
||||||
}, |
|
||||||
} |
|
||||||
}; |
|
||||||
</script> |
|
||||||
@ -1,111 +0,0 @@ |
|||||||
<template> |
|
||||||
<div class="app-container"> |
|
||||||
<doc-alert title="工作流" url="https://doc.iocoder.cn/bpm" /> |
|
||||||
|
|
||||||
<!-- 搜索工作栏 --> |
|
||||||
<el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch" label-width="68px"> |
|
||||||
<el-form-item label="流程名" prop="name"> |
|
||||||
<el-input v-model="queryParams.name" placeholder="请输入流程名" clearable @keyup.enter.native="handleQuery"/> |
|
||||||
</el-form-item> |
|
||||||
<el-form-item label="创建时间"> |
|
||||||
<el-date-picker v-model="dateRangeCreateTime" style="width: 240px" value-format="yyyy-MM-dd" |
|
||||||
type="daterange" range-separator="-" start-placeholder="开始日期" end-placeholder="结束日期" /> |
|
||||||
</el-form-item> |
|
||||||
<el-form-item> |
|
||||||
<el-button type="primary" icon="el-icon-search" @click="handleQuery">搜索</el-button> |
|
||||||
<el-button icon="el-icon-refresh" @click="resetQuery">重置</el-button> |
|
||||||
</el-form-item> |
|
||||||
</el-form> |
|
||||||
|
|
||||||
<!-- 列表 --> |
|
||||||
<el-table v-loading="loading" :data="list"> |
|
||||||
<el-table-column label="任务编号" align="center" prop="id" width="320" /> |
|
||||||
<el-table-column label="任务名称" align="center" prop="name" /> |
|
||||||
<el-table-column label="所属流程" align="center" prop="processInstance.name" /> |
|
||||||
<el-table-column label="流程发起人" align="center" prop="processInstance.startUserNickname" /> |
|
||||||
<el-table-column label="创建时间" align="center" prop="createTime" width="180"> |
|
||||||
<template slot-scope="scope"> |
|
||||||
<span>{{ parseTime(scope.row.createTime) }}</span> |
|
||||||
</template> |
|
||||||
</el-table-column> |
|
||||||
<el-table-column label="状态" align="center" prop="version" width="80"> |
|
||||||
<template slot-scope="scope"> |
|
||||||
<el-tag type="success" v-if="scope.row.suspensionState === 1">激活</el-tag> |
|
||||||
<el-tag type="warning" v-if="scope.row.suspensionState === 2">挂起</el-tag> |
|
||||||
</template> |
|
||||||
</el-table-column> |
|
||||||
<el-table-column label="操作" align="center" class-name="small-padding fixed-width"> |
|
||||||
<template slot-scope="scope"> |
|
||||||
<el-button size="mini" type="text" icon="el-icon-edit" @click="handleAudit(scope.row)" |
|
||||||
v-hasPermi="['bpm:task:update']">审批</el-button> |
|
||||||
</template> |
|
||||||
</el-table-column> |
|
||||||
</el-table> |
|
||||||
<!-- 分页组件 --> |
|
||||||
<pagination v-show="total > 0" :total="total" :page.sync="queryParams.pageNo" :limit.sync="queryParams.pageSize" |
|
||||||
@pagination="getList"/> |
|
||||||
|
|
||||||
</div> |
|
||||||
</template> |
|
||||||
|
|
||||||
<script> |
|
||||||
import {getTodoTaskPage} from '@/api/bpm/task' |
|
||||||
import {listSimpleUsers} from "@/api/system/user"; |
|
||||||
|
|
||||||
export default { |
|
||||||
name: "Todo", |
|
||||||
components: { |
|
||||||
}, |
|
||||||
data() { |
|
||||||
return { |
|
||||||
// 遮罩层 |
|
||||||
loading: true, |
|
||||||
// 显示搜索条件 |
|
||||||
showSearch: true, |
|
||||||
// 总条数 |
|
||||||
total: 0, |
|
||||||
// 待办任务列表 |
|
||||||
list: [], |
|
||||||
// 查询参数 |
|
||||||
dateRangeCreateTime: [], |
|
||||||
queryParams: { |
|
||||||
pageNo: 1, |
|
||||||
pageSize: 10, |
|
||||||
name: null, |
|
||||||
}, |
|
||||||
}; |
|
||||||
}, |
|
||||||
created() { |
|
||||||
this.getList(); |
|
||||||
}, |
|
||||||
methods: { |
|
||||||
/** 查询列表 */ |
|
||||||
getList() { |
|
||||||
this.loading = true; |
|
||||||
// 处理查询参数 |
|
||||||
let params = {...this.queryParams}; |
|
||||||
this.addBeginAndEndTime(params, this.dateRangeCreateTime, 'createTime'); |
|
||||||
getTodoTaskPage(params).then(response => { |
|
||||||
this.list = response.data.list; |
|
||||||
this.total = response.data.total; |
|
||||||
this.loading = false; |
|
||||||
}); |
|
||||||
}, |
|
||||||
/** 搜索按钮操作 */ |
|
||||||
handleQuery() { |
|
||||||
this.queryParams.pageNo = 1; |
|
||||||
this.getList(); |
|
||||||
}, |
|
||||||
/** 重置按钮操作 */ |
|
||||||
resetQuery() { |
|
||||||
this.dateRangeCreateTime = []; |
|
||||||
this.resetForm("queryForm"); |
|
||||||
this.handleQuery(); |
|
||||||
}, |
|
||||||
/** 处理审批按钮 */ |
|
||||||
handleAudit(row) { |
|
||||||
this.$router.push({ path: "/bpm/process-instance/detail", query: { id: row.processInstance.id}}); |
|
||||||
}, |
|
||||||
} |
|
||||||
}; |
|
||||||
</script> |
|
||||||
@ -1,337 +0,0 @@ |
|||||||
<template> |
|
||||||
<div> |
|
||||||
<!-- 列表弹窗 --> |
|
||||||
<el-dialog title="任务分配规则" :visible.sync="visible" width="800px" append-to-body> |
|
||||||
<el-table v-loading="loading" :data="list"> |
|
||||||
<el-table-column label="任务名" align="center" prop="taskDefinitionName" width="120" fixed /> |
|
||||||
<el-table-column label="任务标识" align="center" prop="taskDefinitionKey" width="120" show-tooltip-when-overflow /> |
|
||||||
<el-table-column label="规则类型" align="center" prop="type" width="120"> |
|
||||||
<template slot-scope="scope"> |
|
||||||
<dict-tag :type="DICT_TYPE.BPM_TASK_ASSIGN_RULE_TYPE" :value="scope.row.type" /> |
|
||||||
</template> |
|
||||||
</el-table-column> |
|
||||||
<el-table-column label="规则范围" align="center" prop="options" width="440px"> |
|
||||||
<template slot-scope="scope"> |
|
||||||
<el-tag size="medium" v-if="scope.row.options" v-for="option in scope.row.options" :key="option"> |
|
||||||
{{ getAssignRuleOptionName(scope.row.type, option) }} |
|
||||||
</el-tag> |
|
||||||
</template> |
|
||||||
</el-table-column> |
|
||||||
<el-table-column v-if="modelId" label="操作" align="center" width="80" fixed="right"> |
|
||||||
<template slot-scope="scope"> |
|
||||||
<el-button size="mini" type="text" icon="el-icon-edit" @click="handleUpdateTaskAssignRule(scope.row)" |
|
||||||
v-hasPermi="['bpm:task-assign-rule:update']">修改</el-button> |
|
||||||
</template> |
|
||||||
</el-table-column> |
|
||||||
</el-table> |
|
||||||
</el-dialog> |
|
||||||
<!-- 添加/修改弹窗 --> |
|
||||||
<el-dialog title="修改任务规则" :visible.sync="open" width="500px" append-to-body> |
|
||||||
<el-form ref="taskAssignRuleForm" :model="form" :rules="rules" label-width="110px"> |
|
||||||
<el-form-item label="任务名称" prop="taskDefinitionName"> |
|
||||||
<el-input v-model="form.taskDefinitionName" disabled /> |
|
||||||
</el-form-item> |
|
||||||
<el-form-item label="任务标识" prop="taskDefinitionKey"> |
|
||||||
<el-input v-model="form.taskDefinitionKey" disabled /> |
|
||||||
</el-form-item> |
|
||||||
<el-form-item label="规则类型" prop="type"> |
|
||||||
<el-select v-model="form.type" clearable style="width: 100%"> |
|
||||||
<el-option v-for="dict in taskAssignRuleTypeDictDatas" :key="parseInt(dict.value)" :label="dict.label" :value="parseInt(dict.value)"/> |
|
||||||
</el-select> |
|
||||||
</el-form-item> |
|
||||||
<el-form-item v-if="form.type === 10" label="指定角色" prop="roleIds"> |
|
||||||
<el-select v-model="form.roleIds" multiple clearable style="width: 100%"> |
|
||||||
<el-option v-for="item in roleOptions" :key="parseInt(item.id)" :label="item.name" :value="parseInt(item.id)" /> |
|
||||||
</el-select> |
|
||||||
</el-form-item> |
|
||||||
<el-form-item v-if="form.type === 20 || form.type === 21" label="指定部门" prop="deptIds"> |
|
||||||
<treeselect v-model="form.deptIds" :options="deptTreeOptions" multiple flat :defaultExpandLevel="3" |
|
||||||
placeholder="请选择指定部门" :normalizer="normalizer"/> |
|
||||||
</el-form-item> |
|
||||||
<el-form-item v-if="form.type === 22" label="指定岗位" prop="postIds"> |
|
||||||
<el-select v-model="form.postIds" multiple clearable style="width: 100%"> |
|
||||||
<el-option v-for="item in postOptions" :key="parseInt(item.id)" :label="item.name" :value="parseInt(item.id)" /> |
|
||||||
</el-select> |
|
||||||
</el-form-item> |
|
||||||
<el-form-item v-if="form.type === 30" label="指定用户" prop="userIds"> |
|
||||||
<el-select v-model="form.userIds" multiple clearable style="width: 100%"> |
|
||||||
<el-option v-for="item in userOptions" :key="parseInt(item.id)" :label="item.nickname" :value="parseInt(item.id)" /> |
|
||||||
</el-select> |
|
||||||
</el-form-item> |
|
||||||
<el-form-item v-if="form.type === 40" label="指定用户组" prop="userGroupIds"> |
|
||||||
<el-select v-model="form.userGroupIds" multiple clearable style="width: 100%"> |
|
||||||
<el-option v-for="item in userGroupOptions" :key="parseInt(item.id)" :label="item.name" :value="parseInt(item.id)" /> |
|
||||||
</el-select> |
|
||||||
</el-form-item> |
|
||||||
<el-form-item v-if="form.type === 50" label="指定脚本" prop="scripts"> |
|
||||||
<el-select v-model="form.scripts" multiple clearable style="width: 100%"> |
|
||||||
<el-option v-for="dict in taskAssignScriptDictDatas" :key="parseInt(dict.value)" |
|
||||||
:label="dict.label" :value="parseInt(dict.value)"/> |
|
||||||
</el-select> |
|
||||||
</el-form-item> |
|
||||||
</el-form> |
|
||||||
<div slot="footer" class="dialog-footer"> |
|
||||||
<el-button type="primary" @click="submitAssignRuleForm">确 定</el-button> |
|
||||||
<el-button @click="cancelAssignRuleForm">取 消</el-button> |
|
||||||
</div> |
|
||||||
</el-dialog> |
|
||||||
</div> |
|
||||||
</template> |
|
||||||
|
|
||||||
<script> |
|
||||||
import {DICT_TYPE, getDictDatas} from "@/utils/dict"; |
|
||||||
import {createTaskAssignRule, getTaskAssignRuleList, updateTaskAssignRule} from "@/api/bpm/taskAssignRule"; |
|
||||||
import {listSimpleRoles} from "@/api/system/role"; |
|
||||||
import {listSimpleDepts} from "@/api/system/dept"; |
|
||||||
|
|
||||||
import Treeselect from "@riophae/vue-treeselect"; |
|
||||||
import "@riophae/vue-treeselect/dist/vue-treeselect.css"; |
|
||||||
import {listSimplePosts} from "@/api/system/post"; |
|
||||||
import {listSimpleUsers} from "@/api/system/user"; |
|
||||||
import {listSimpleUserGroups} from "@/api/bpm/userGroup"; |
|
||||||
|
|
||||||
export default { |
|
||||||
name: "taskAssignRuleDialog", |
|
||||||
components: { |
|
||||||
Treeselect |
|
||||||
}, |
|
||||||
data() { |
|
||||||
return { |
|
||||||
// 如下参数，可传递 |
|
||||||
modelId: undefined, // 流程模型的编号。如果 modelId 非空，则用于流程模型的查看与配置 |
|
||||||
processDefinitionId: undefined, // 流程定义的编号。如果 processDefinitionId 非空，则用于流程定义的查看，不支持配置 |
|
||||||
visible: false, |
|
||||||
|
|
||||||
// 任务分配规则表单 |
|
||||||
row: undefined, // 选中的流程模型 |
|
||||||
list: [], // 选中流程模型的任务分配规则们 |
|
||||||
loading: false, // 加载中 |
|
||||||
open: false, // 是否打开 |
|
||||||
form: {}, // 表单 |
|
||||||
rules: { // 表单校验规则 |
|
||||||
type: [{ required: true, message: "规则类型不能为空", trigger: "change" }], |
|
||||||
roleIds: [{required: true, message: "指定角色不能为空", trigger: "change" }], |
|
||||||
deptIds: [{required: true, message: "指定部门不能为空", trigger: "change" }], |
|
||||||
postIds: [{required: true, message: "指定岗位不能为空", trigger: "change"}], |
|
||||||
userIds: [{required: true, message: "指定用户不能为空", trigger: "change"}], |
|
||||||
userGroupIds: [{required: true, message: "指定用户组不能为空", trigger: "change"}], |
|
||||||
scripts: [{required: true, message: "指定脚本不能为空", trigger: "change"}], |
|
||||||
}, |
|
||||||
|
|
||||||
// 各种下拉框 |
|
||||||
roleOptions: [], |
|
||||||
deptOptions: [], |
|
||||||
deptTreeOptions: [], |
|
||||||
postOptions: [], |
|
||||||
userOptions: [], |
|
||||||
userGroupOptions: [], |
|
||||||
|
|
||||||
// 数据字典 |
|
||||||
modelFormTypeDictDatas: getDictDatas(DICT_TYPE.BPM_MODEL_FORM_TYPE), |
|
||||||
taskAssignRuleTypeDictDatas: getDictDatas(DICT_TYPE.BPM_TASK_ASSIGN_RULE_TYPE), |
|
||||||
taskAssignScriptDictDatas: getDictDatas(DICT_TYPE.BPM_TASK_ASSIGN_SCRIPT), |
|
||||||
}; |
|
||||||
}, |
|
||||||
methods: { |
|
||||||
initModel(modelId) { |
|
||||||
this.modelId = modelId; |
|
||||||
this.processDefinitionId = undefined; |
|
||||||
|
|
||||||
// 初始化所有下拉框 |
|
||||||
this.init0(); |
|
||||||
}, |
|
||||||
initProcessDefinition(processDefinitionId) { |
|
||||||
this.modelId = undefined; |
|
||||||
this.processDefinitionId = processDefinitionId; |
|
||||||
|
|
||||||
// 初始化所有下拉框 |
|
||||||
this.init0(); |
|
||||||
}, |
|
||||||
/** 初始化 */ |
|
||||||
init0() { |
|
||||||
// 设置可见 |
|
||||||
this.visible = true; |
|
||||||
// 获得列表 |
|
||||||
this.getList(); |
|
||||||
|
|
||||||
// 获得角色列表 |
|
||||||
this.roleOptions = []; |
|
||||||
listSimpleRoles().then(response => { |
|
||||||
this.roleOptions.push(...response.data); |
|
||||||
}); |
|
||||||
// 获得部门列表 |
|
||||||
this.deptOptions = []; |
|
||||||
this.deptTreeOptions = []; |
|
||||||
listSimpleDepts().then(response => { |
|
||||||
this.deptOptions.push(...response.data); |
|
||||||
this.deptTreeOptions.push(...this.handleTree(response.data, "id")); |
|
||||||
}); |
|
||||||
// 获得岗位列表 |
|
||||||
this.postOptions = []; |
|
||||||
listSimplePosts().then(response => { |
|
||||||
this.postOptions.push(...response.data); |
|
||||||
}); |
|
||||||
// 获得用户列表 |
|
||||||
this.userOptions = []; |
|
||||||
listSimpleUsers().then(response => { |
|
||||||
this.userOptions.push(...response.data); |
|
||||||
}); |
|
||||||
// 获得用户组列表 |
|
||||||
this.userGroupOptions = []; |
|
||||||
listSimpleUserGroups().then(response => { |
|
||||||
this.userGroupOptions.push(...response.data); |
|
||||||
}); |
|
||||||
}, |
|
||||||
/** 获得任务分配规则列表 */ |
|
||||||
getList() { |
|
||||||
this.loading = true; |
|
||||||
getTaskAssignRuleList({ |
|
||||||
modelId: this.modelId, |
|
||||||
processDefinitionId: this.processDefinitionId, |
|
||||||
}).then(response => { |
|
||||||
this.loading = false; |
|
||||||
this.list = response.data; |
|
||||||
}) |
|
||||||
}, |
|
||||||
/** 处理修改任务分配规则的按钮操作 */ |
|
||||||
handleUpdateTaskAssignRule(row) { |
|
||||||
// 先重置标识 |
|
||||||
this.resetAssignRuleForm(); |
|
||||||
// 设置表单 |
|
||||||
this.form = { |
|
||||||
...row, |
|
||||||
options: [], |
|
||||||
roleIds: [], |
|
||||||
deptIds: [], |
|
||||||
postIds: [], |
|
||||||
userIds: [], |
|
||||||
userGroupIds: [], |
|
||||||
scripts: [], |
|
||||||
}; |
|
||||||
// 将 options 赋值到对应的 roleIds 等选项 |
|
||||||
if (row.type === 10) { |
|
||||||
this.form.roleIds.push(...row.options); |
|
||||||
} else if (row.type === 20 || row.type === 21) { |
|
||||||
this.form.deptIds.push(...row.options); |
|
||||||
} else if (row.type === 22) { |
|
||||||
this.form.postIds.push(...row.options); |
|
||||||
} else if (row.type === 30) { |
|
||||||
this.form.userIds.push(...row.options); |
|
||||||
} else if (row.type === 40) { |
|
||||||
this.form.userGroupIds.push(...row.options); |
|
||||||
} else if (row.type === 50) { |
|
||||||
this.form.scripts.push(...row.options); |
|
||||||
} |
|
||||||
this.open = true; |
|
||||||
}, |
|
||||||
/** 提交任务分配规则的表单 */ |
|
||||||
submitAssignRuleForm() { |
|
||||||
this.$refs["taskAssignRuleForm"].validate(valid => { |
|
||||||
if (valid) { |
|
||||||
// 构建表单 |
|
||||||
let form = { |
|
||||||
...this.form, |
|
||||||
taskDefinitionName: undefined, |
|
||||||
}; |
|
||||||
// 将 roleIds 等选项赋值到 options 中 |
|
||||||
if (form.type === 10) { |
|
||||||
form.options = form.roleIds; |
|
||||||
} else if (form.type === 20 || form.type === 21) { |
|
||||||
form.options = form.deptIds; |
|
||||||
} else if (form.type === 22) { |
|
||||||
form.options = form.postIds; |
|
||||||
} else if (form.type === 30) { |
|
||||||
form.options = form.userIds; |
|
||||||
} else if (form.type === 40) { |
|
||||||
form.options = form.userGroupIds; |
|
||||||
} else if (form.type === 50) { |
|
||||||
form.options = form.scripts; |
|
||||||
} |
|
||||||
form.roleIds = undefined; |
|
||||||
form.deptIds = undefined; |
|
||||||
form.postIds = undefined; |
|
||||||
form.userIds = undefined; |
|
||||||
form.userGroupIds = undefined; |
|
||||||
form.scripts = undefined; |
|
||||||
// 新增 |
|
||||||
if (!form.id) { |
|
||||||
form.modelId = this.modelId; // 模型编号 |
|
||||||
createTaskAssignRule(form).then(response => { |
|
||||||
this.$modal.msgSuccess("修改成功"); |
|
||||||
this.open = false; |
|
||||||
this.getList(); |
|
||||||
}); |
|
||||||
// 修改 |
|
||||||
} else { |
|
||||||
form.taskDefinitionKey = undefined; // 无法修改 |
|
||||||
updateTaskAssignRule(form).then(response => { |
|
||||||
this.$modal.msgSuccess("修改成功"); |
|
||||||
this.open = false; |
|
||||||
this.getList(); |
|
||||||
}); |
|
||||||
} |
|
||||||
} |
|
||||||
}); |
|
||||||
}, |
|
||||||
/** 取消任务分配规则的表单 */ |
|
||||||
cancelAssignRuleForm() { |
|
||||||
this.open = false; |
|
||||||
this.resetAssignRuleForm(); |
|
||||||
}, |
|
||||||
/** 表单重置 */ |
|
||||||
resetAssignRuleForm() { |
|
||||||
this.form = {}; |
|
||||||
this.resetForm("taskAssignRuleForm"); |
|
||||||
}, |
|
||||||
getAssignRuleOptionName(type, option) { |
|
||||||
if (type === 10) { |
|
||||||
for (const roleOption of this.roleOptions) { |
|
||||||
if (roleOption.id === option) { |
|
||||||
return roleOption.name; |
|
||||||
} |
|
||||||
} |
|
||||||
} else if (type === 20 || type === 21) { |
|
||||||
for (const deptOption of this.deptOptions) { |
|
||||||
if (deptOption.id === option) { |
|
||||||
return deptOption.name; |
|
||||||
} |
|
||||||
} |
|
||||||
} else if (type === 22) { |
|
||||||
for (const postOption of this.postOptions) { |
|
||||||
if (postOption.id === option) { |
|
||||||
return postOption.name; |
|
||||||
} |
|
||||||
} |
|
||||||
} else if (type === 30) { |
|
||||||
for (const userOption of this.userOptions) { |
|
||||||
if (userOption.id === option) { |
|
||||||
return userOption.nickname; |
|
||||||
} |
|
||||||
} |
|
||||||
} else if (type === 40) { |
|
||||||
for (const userGroupOption of this.userGroupOptions) { |
|
||||||
if (userGroupOption.id === option) { |
|
||||||
return userGroupOption.name; |
|
||||||
} |
|
||||||
} |
|
||||||
} else if (type === 50) { |
|
||||||
option = option + ''; // 转换成 string |
|
||||||
for (const dictData of this.taskAssignScriptDictDatas) { |
|
||||||
if (dictData.value === option) { |
|
||||||
return dictData.label; |
|
||||||
} |
|
||||||
} |
|
||||||
} |
|
||||||
return '未知(' + option + ')'; |
|
||||||
}, |
|
||||||
// 格式化部门的下拉框 |
|
||||||
normalizer(node) { |
|
||||||
return { |
|
||||||
id: node.id, |
|
||||||
label: node.name, |
|
||||||
children: node.children |
|
||||||
} |
|
||||||
} |
|
||||||
} |
|
||||||
}; |
|
||||||
</script> |
|
||||||
@ -1,276 +0,0 @@ |
|||||||
<template> |
|
||||||
<div class="app-container"> |
|
||||||
|
|
||||||
<!-- 搜索工作栏 --> |
|
||||||
<el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch" label-width="68px"> |
|
||||||
<el-form-item label="区域名" prop="name"> |
|
||||||
<el-input v-model="queryParams.name" placeholder="请输入" clearable @keyup.enter.native="handleQuery"/> |
|
||||||
</el-form-item> |
|
||||||
<el-form-item label="创建时间筛选" label-width="100px"> |
|
||||||
<el-date-picker v-model="dateRangeCreateTime" style="width: 240px" value-format="yyyy-MM-dd" |
|
||||||
type="daterange" range-separator="-" start-placeholder="开始日期" end-placeholder="结束日期" /> |
|
||||||
</el-form-item> |
|
||||||
<el-form-item> |
|
||||||
<el-button type="primary" icon="el-icon-search" @click="handleQuery">搜索</el-button> |
|
||||||
<el-button icon="el-icon-refresh" @click="resetQuery">重置</el-button> |
|
||||||
</el-form-item> |
|
||||||
</el-form> |
|
||||||
|
|
||||||
<!-- 操作工具栏 --> |
|
||||||
<el-row :gutter="10" class="mb8"> |
|
||||||
<el-col :span="1.5"> |
|
||||||
<el-button type="primary" plain icon="el-icon-plus" size="mini" @click="handleAdd" |
|
||||||
v-hasPermi="['farm:area:create']">新增</el-button> |
|
||||||
</el-col> |
|
||||||
<el-col :span="1.5"> |
|
||||||
<el-button type="warning" plain icon="el-icon-download" size="mini" @click="handleExport" :loading="exportLoading" |
|
||||||
v-hasPermi="['farm:area:export']">导出</el-button> |
|
||||||
</el-col> |
|
||||||
<right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar> |
|
||||||
</el-row> |
|
||||||
|
|
||||||
<!-- 列表 --> |
|
||||||
<el-table :data="list" style="width: 100%;margin-bottom: 20px;" row-key="id" border lazy |
|
||||||
:tree-props="{children: 'children', hasChildren: 'hasChildren'}"> |
|
||||||
<el-table-column label="ID" align="center" prop="id" /> |
|
||||||
<el-table-column label="区域名" align="center" prop="name" /> |
|
||||||
<el-table-column label="唯一占用" align="center" prop="occupied" > |
|
||||||
<template slot-scope="scope"> |
|
||||||
<el-button type="danger" v-if="!scope.row.occupied">未占用</el-button> |
|
||||||
<el-button type="success" v-if="scope.row.occupied">已占用</el-button> |
|
||||||
</template> |
|
||||||
</el-table-column> |
|
||||||
<el-table-column label="面积(亩)" align="center" prop="area" /> |
|
||||||
<el-table-column label="创建时间" align="center" prop="createTime" width="180"> |
|
||||||
<template slot-scope="scope"> |
|
||||||
<span>{{ parseTime(scope.row.createTime) }}</span> |
|
||||||
</template> |
|
||||||
</el-table-column> |
|
||||||
<el-table-column label="操作" align="center" class-name="small-padding fixed-width"> |
|
||||||
<template slot-scope="scope"> |
|
||||||
<el-button size="mini" type="text" icon="el-icon-edit" @click="handleUpdate(scope.row)" |
|
||||||
v-hasPermi="['farm:area:update']">修改</el-button> |
|
||||||
<el-button size="mini" type="text" icon="el-icon-delete" @click="handleDelete(scope.row)" |
|
||||||
v-hasPermi="['farm:area:delete']">删除</el-button> |
|
||||||
</template> |
|
||||||
</el-table-column> |
|
||||||
</el-table> |
|
||||||
<!-- 分页组件 --> |
|
||||||
<pagination v-show="total > 0" :total="total" :page.sync="queryParams.pageNo" :limit.sync="queryParams.pageSize" |
|
||||||
@pagination="getList"/> |
|
||||||
|
|
||||||
<!-- 对话框(添加 / 修改) --> |
|
||||||
<el-dialog :title="title" :visible.sync="open" :close-on-click-modal="false" width="500px" append-to-body> |
|
||||||
<el-form ref="form" :model="form" :rules="rules" label-width="80px"> |
|
||||||
<el-form-item label="上级区域选址" prop="twoAreaList"> |
|
||||||
<el-cascader :options="twoAreaList" :props="{emitPath:false, checkStrictly:true}" v-model="form.parentId" placeholder="不选择,默认为第一级区域"></el-cascader> |
|
||||||
</el-form-item> |
|
||||||
<el-form-item label="区域名" prop="name"> |
|
||||||
<el-input v-model="form.name" placeholder="请输入" /> |
|
||||||
</el-form-item> |
|
||||||
<el-form-item label="面积(亩)" prop="area"> |
|
||||||
<el-input v-model="form.area" placeholder="请输入" /> |
|
||||||
</el-form-item> |
|
||||||
</el-form> |
|
||||||
<div slot="footer" class="dialog-footer"> |
|
||||||
<el-button type="primary" @click="submitForm">确 定</el-button> |
|
||||||
<el-button @click="cancel">取 消</el-button> |
|
||||||
</div> |
|
||||||
</el-dialog> |
|
||||||
</div> |
|
||||||
</template> |
|
||||||
|
|
||||||
<script> |
|
||||||
import { createArea, updateArea, deleteArea, getArea, getAreaPage, exportAreaExcel } from "@/api/farm/area"; |
|
||||||
|
|
||||||
export default { |
|
||||||
name: "Area", |
|
||||||
components: { |
|
||||||
}, |
|
||||||
data() { |
|
||||||
return { |
|
||||||
// 遮罩层 |
|
||||||
loading: true, |
|
||||||
// 导出遮罩层 |
|
||||||
exportLoading: false, |
|
||||||
// 显示搜索条件 |
|
||||||
showSearch: true, |
|
||||||
// 总条数 |
|
||||||
total: 0, |
|
||||||
// 列表 |
|
||||||
list: [], |
|
||||||
// 弹出层标题 |
|
||||||
title: "", |
|
||||||
// 是否显示弹出层 |
|
||||||
open: false, |
|
||||||
dateRangeCreateTime: [], |
|
||||||
// 查询参数 |
|
||||||
queryParams: { |
|
||||||
pageNo: 1, |
|
||||||
pageSize: 400, |
|
||||||
name: null, |
|
||||||
}, |
|
||||||
// 表单参数 |
|
||||||
form: {}, |
|
||||||
// 表单校验 |
|
||||||
rules: { |
|
||||||
}, |
|
||||||
|
|
||||||
firstList:[], |
|
||||||
assembleList:[], |
|
||||||
|
|
||||||
allAreaList:[], //提供给新增和修改数据 |
|
||||||
twoAreaList:[] //用于新增和修改展示数据 |
|
||||||
}; |
|
||||||
}, |
|
||||||
created() { |
|
||||||
this.getList(); |
|
||||||
}, |
|
||||||
methods: { |
|
||||||
/** 查询列表 */ |
|
||||||
getList() { |
|
||||||
this.loading = true; |
|
||||||
// 处理查询参数 |
|
||||||
let params = {...this.queryParams}; |
|
||||||
this.addBeginAndEndTime(params, this.dateRangeCreateTime, 'createTime'); |
|
||||||
// 执行查询 |
|
||||||
getAreaPage(params).then(response => { |
|
||||||
this.allAreaList = response.data.list; |
|
||||||
this.list = response.data.list; |
|
||||||
this.total = response.data.total; |
|
||||||
let filterList = this.list.filter(t => t.parentId == 0); |
|
||||||
let oneList = []; |
|
||||||
filterList.forEach((one) => { |
|
||||||
let twoList = []; |
|
||||||
let filterTwoList = this.list.filter(t => t.parentId == one.id); |
|
||||||
filterTwoList.forEach(two =>{ |
|
||||||
let filterThreeList = this.list.filter(t => t.parentId == two.id); |
|
||||||
let threeList = []; |
|
||||||
filterThreeList.forEach(three =>{ |
|
||||||
threeList.push({id:three.id, name:three.name, occupied:three.occupied, area:three.area, createTime:three.createTime}); |
|
||||||
}) |
|
||||||
twoList.push({id:two.id, name:two.name, occupied:two.occupied, area:two.area, createTime:two.createTime, children:threeList}) |
|
||||||
}) |
|
||||||
oneList.push({id:one.id, name:one.name, occupied:one.occupied, area:one.area, createTime:one.createTime, children:twoList}); |
|
||||||
}) |
|
||||||
|
|
||||||
this.list = oneList; |
|
||||||
this.loading = false; |
|
||||||
}); |
|
||||||
}, |
|
||||||
/** 取消按钮 */ |
|
||||||
cancel() { |
|
||||||
this.open = false; |
|
||||||
this.reset(); |
|
||||||
}, |
|
||||||
/** 表单重置 */ |
|
||||||
reset() { |
|
||||||
this.form = { |
|
||||||
id: undefined, |
|
||||||
name: undefined, |
|
||||||
}; |
|
||||||
this.resetForm("form"); |
|
||||||
}, |
|
||||||
/** 搜索按钮操作 */ |
|
||||||
handleQuery() { |
|
||||||
this.queryParams.pageNo = 1; |
|
||||||
this.getList(); |
|
||||||
}, |
|
||||||
/** 重置按钮操作 */ |
|
||||||
resetQuery() { |
|
||||||
this.dateRangeCreateTime = []; |
|
||||||
this.resetForm("queryForm"); |
|
||||||
this.handleQuery(); |
|
||||||
}, |
|
||||||
/** 新增按钮操作 */ |
|
||||||
handleAdd() { |
|
||||||
this.reset(); |
|
||||||
this.assembleArea(); |
|
||||||
this.open = true; |
|
||||||
this.title = "添加"; |
|
||||||
}, |
|
||||||
/** 修改按钮操作 */ |
|
||||||
handleUpdate(row) { |
|
||||||
this.reset(); |
|
||||||
const id = row.id; |
|
||||||
this.assembleArea(); |
|
||||||
getArea(id).then(response => { |
|
||||||
this.form = response.data; |
|
||||||
this.open = true; |
|
||||||
this.title = "修改"; |
|
||||||
}); |
|
||||||
}, |
|
||||||
/** 提交按钮 */ |
|
||||||
submitForm() { |
|
||||||
this.$refs["form"].validate(valid => { |
|
||||||
if (!valid) { |
|
||||||
return; |
|
||||||
} |
|
||||||
// 修改的提交 |
|
||||||
if (this.form.id != null) { |
|
||||||
updateArea(this.form).then(response => { |
|
||||||
this.$modal.msgSuccess("修改成功"); |
|
||||||
this.open = false; |
|
||||||
this.getList(); |
|
||||||
}); |
|
||||||
return; |
|
||||||
} |
|
||||||
// 添加的提交 |
|
||||||
createArea(this.form).then(response => { |
|
||||||
this.$modal.msgSuccess("新增成功"); |
|
||||||
this.open = false; |
|
||||||
this.getList(); |
|
||||||
}); |
|
||||||
}); |
|
||||||
}, |
|
||||||
/** 删除按钮操作 */ |
|
||||||
handleDelete(row) { |
|
||||||
const id = row.id; |
|
||||||
this.$modal.confirm('是否确认删除编号为"' + id + '"的数据项?').then(function() { |
|
||||||
return deleteArea(id); |
|
||||||
}).then(() => { |
|
||||||
this.getList(); |
|
||||||
this.$modal.msgSuccess("删除成功"); |
|
||||||
}).catch(() => {}); |
|
||||||
}, |
|
||||||
/** 导出按钮操作 */ |
|
||||||
handleExport() { |
|
||||||
// 处理查询参数 |
|
||||||
let params = {...this.queryParams}; |
|
||||||
params.pageNo = undefined; |
|
||||||
params.pageSize = undefined; |
|
||||||
this.addBeginAndEndTime(params, this.dateRangeCreateTime, 'createTime'); |
|
||||||
// 执行导出 |
|
||||||
this.$modal.confirm('是否确认导出所有数据项?').then(() => { |
|
||||||
this.exportLoading = true; |
|
||||||
return exportAreaExcel(params); |
|
||||||
}).then(response => { |
|
||||||
this.$download.excel(response, '${table.classComment}.xls'); |
|
||||||
this.exportLoading = false; |
|
||||||
}).catch(() => {}); |
|
||||||
}, |
|
||||||
|
|
||||||
assembleArea(){ |
|
||||||
//先拿到一级区域 |
|
||||||
let firstLsit = this.allAreaList.filter(t => t.parentId == 0); |
|
||||||
let secondList = []; |
|
||||||
//在根据一级区域拿到二级区域 |
|
||||||
let oneList = []; |
|
||||||
firstLsit.forEach(first =>{ |
|
||||||
let list = this.allAreaList.filter(area => area.parentId == first.id); |
|
||||||
let twoList = []; |
|
||||||
list.forEach(item => { |
|
||||||
secondList.push(item); |
|
||||||
twoList.push({value:item.id, label:item.name}); |
|
||||||
}); |
|
||||||
if(twoList.length != 0){ |
|
||||||
oneList.push({value:first.id, label:first.name, children:twoList}); |
|
||||||
}else{ |
|
||||||
oneList.push({value:first.id, label:first.name}); |
|
||||||
} |
|
||||||
}); |
|
||||||
this.twoAreaList = oneList; |
|
||||||
} |
|
||||||
} |
|
||||||
}; |
|
||||||
</script> |
|
||||||
@ -1,286 +0,0 @@ |
|||||||
<template> |
|
||||||
<div class="app-container"> |
|
||||||
|
|
||||||
<!-- 搜索工作栏 --> |
|
||||||
<el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch" label-width="68px"> |
|
||||||
<el-form-item label="物料名" prop="name"> |
|
||||||
<el-input v-model="queryParams.name" placeholder="请输入物料名" clearable @keyup.enter.native="handleQuery"/> |
|
||||||
</el-form-item> |
|
||||||
<el-form-item label="创建时间"> |
|
||||||
<el-date-picker v-model="dateRangeCreateTime" style="width: 240px" value-format="yyyy-MM-dd" |
|
||||||
type="daterange" range-separator="-" start-placeholder="开始日期" end-placeholder="结束日期" /> |
|
||||||
</el-form-item> |
|
||||||
<el-form-item> |
|
||||||
<el-button type="primary" icon="el-icon-search" @click="handleQuery">搜索</el-button> |
|
||||||
<el-button icon="el-icon-refresh" @click="resetQuery">重置</el-button> |
|
||||||
</el-form-item> |
|
||||||
</el-form> |
|
||||||
|
|
||||||
<!-- 操作工具栏 --> |
|
||||||
<el-row :gutter="10" class="mb8"> |
|
||||||
<el-col :span="1.5"> |
|
||||||
<el-button type="primary" plain icon="el-icon-plus" size="mini" @click="handleAdd" |
|
||||||
v-hasPermi="['farm:crop:create']">新增</el-button> |
|
||||||
</el-col> |
|
||||||
<el-col :span="1.5"> |
|
||||||
<el-button type="warning" plain icon="el-icon-download" size="mini" @click="handleExport" :loading="exportLoading" |
|
||||||
v-hasPermi="['farm:crop:export']">导出</el-button> |
|
||||||
</el-col> |
|
||||||
<right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar> |
|
||||||
</el-row> |
|
||||||
|
|
||||||
<!-- 列表 --> |
|
||||||
<el-table v-loading="loading" :data="list"> |
|
||||||
<el-table-column label="作物id" align="center" prop="id" /> |
|
||||||
<el-table-column label="作物名" align="center" prop="name" /> |
|
||||||
<el-table-column label="作物品种" align="center" prop="variety"/> |
|
||||||
<el-table-column label="作物图片" align="center" prop="images" > |
|
||||||
<template slot-scope="scope"> |
|
||||||
<el-image |
|
||||||
v-if="scope.row.images != null && scope.row.images[0] != null" |
|
||||||
:src="scope.row.images[0]" :preview-src-list="scope.row.images"> |
|
||||||
</el-image> |
|
||||||
</template> |
|
||||||
</el-table-column> |
|
||||||
<el-table-column label="当前库存" align="center" prop="stock" /> |
|
||||||
<el-table-column label="ERP物料id" align="center" prop="materialId" /> |
|
||||||
<el-table-column label="ERP物料名字" align="center"> |
|
||||||
<template slot-scope="scope"> |
|
||||||
<span v-if="scope.row.materialId"> {{erpNameConvert(scope.row.materialId)}} </span> |
|
||||||
</template> |
|
||||||
</el-table-column> |
|
||||||
|
|
||||||
<el-table-column label="创建时间" align="center" prop="createTime" width="180"> |
|
||||||
<template slot-scope="scope"> |
|
||||||
<span>{{ parseTime(scope.row.createTime) }}</span> |
|
||||||
</template> |
|
||||||
</el-table-column> |
|
||||||
<el-table-column label="操作" align="center" class-name="small-padding fixed-width"> |
|
||||||
<template slot-scope="scope"> |
|
||||||
<el-button size="mini" type="text" icon="el-icon-edit" @click="handleUpdate(scope.row)" |
|
||||||
v-hasPermi="['farm:crop:update']">修改</el-button> |
|
||||||
<el-button size="mini" type="text" icon="el-icon-delete" @click="handleDelete(scope.row)" |
|
||||||
v-hasPermi="['farm:crop:delete']">删除</el-button> |
|
||||||
</template> |
|
||||||
</el-table-column> |
|
||||||
</el-table> |
|
||||||
<!-- 分页组件 --> |
|
||||||
<pagination v-show="total > 0" :total="total" :page.sync="queryParams.pageNo" :limit.sync="queryParams.pageSize" |
|
||||||
@pagination="getList"/> |
|
||||||
|
|
||||||
<!-- 对话框(添加 / 修改) --> |
|
||||||
<el-dialog :title="title" :visible.sync="open" :close-on-click-modal="false" width="800px" append-to-body> |
|
||||||
<el-form ref="form" :model="form" :rules="rules" label-width="120px"> |
|
||||||
<el-form-item label="作物名" prop="name"> |
|
||||||
<el-input v-model="form.name" placeholder="请输入作物名" /> |
|
||||||
</el-form-item> |
|
||||||
<el-form-item label="作物品种名" prop="variety"> |
|
||||||
<el-input v-model="form.variety" placeholder="请输入作物品种" /> |
|
||||||
</el-form-item> |
|
||||||
<el-form-item label="图片："> |
|
||||||
<imageUpload v-model="form.images"/> |
|
||||||
</el-form-item> |
|
||||||
<el-form-item label="当前库存" prop="stock"> |
|
||||||
<el-input v-model="form.stock" placeholder="请输入当前库存" /> |
|
||||||
</el-form-item> |
|
||||||
|
|
||||||
<el-form-item label="ERP物料id" prop="materialId"> |
|
||||||
<el-select v-model="form.materialId" filterable placeholder="请先选择ERP物料"> |
|
||||||
<el-option v-for="item in materialList" :key="item.id" :label="item.name" :value="item.id"> |
|
||||||
{{ item.name }} |
|
||||||
</el-option> |
|
||||||
</el-select> |
|
||||||
</el-form-item> |
|
||||||
|
|
||||||
</el-form> |
|
||||||
<div slot="footer" class="dialog-footer"> |
|
||||||
<el-button type="primary" @click="submitForm">确 定</el-button> |
|
||||||
<el-button @click="cancel">取 消</el-button> |
|
||||||
</div> |
|
||||||
</el-dialog> |
|
||||||
</div> |
|
||||||
</template> |
|
||||||
|
|
||||||
<script> |
|
||||||
import { createCrop, updateCrop, deleteCrop, getCrop, getCropPage, exportCropExcel, getMaterialList } from "@/api/farm/crop"; |
|
||||||
import ImageUpload from '@/components/ImageUpload'; |
|
||||||
import Editor from '@/components/Editor'; |
|
||||||
|
|
||||||
export default { |
|
||||||
name: "Crop", |
|
||||||
components: { |
|
||||||
ImageUpload, |
|
||||||
Editor |
|
||||||
}, |
|
||||||
data() { |
|
||||||
return { |
|
||||||
// 遮罩层 |
|
||||||
loading: true, |
|
||||||
// 导出遮罩层 |
|
||||||
exportLoading: false, |
|
||||||
// 显示搜索条件 |
|
||||||
showSearch: true, |
|
||||||
// 总条数 |
|
||||||
total: 0, |
|
||||||
// 列表 |
|
||||||
list: [], |
|
||||||
// 弹出层标题 |
|
||||||
title: "", |
|
||||||
// 是否显示弹出层 |
|
||||||
open: false, |
|
||||||
dateRangeCreateTime: [], |
|
||||||
// 查询参数 |
|
||||||
queryParams: { |
|
||||||
pageNo: 1, |
|
||||||
pageSize: 10, |
|
||||||
name: null, |
|
||||||
images: null, |
|
||||||
stock: null, |
|
||||||
}, |
|
||||||
// 表单参数 |
|
||||||
form: {}, |
|
||||||
// 表单校验 |
|
||||||
rules: { |
|
||||||
name: [{ required: true, message: "物料名不能为空", trigger: "blur" }], |
|
||||||
stock: [{ required: true, message: "当前库存不能为空", trigger: "blur" }], |
|
||||||
}, |
|
||||||
|
|
||||||
materialList :[] |
|
||||||
}; |
|
||||||
}, |
|
||||||
created() { |
|
||||||
this.getList(); |
|
||||||
}, |
|
||||||
methods: { |
|
||||||
/** 查询列表 */ |
|
||||||
getList() { |
|
||||||
this.loading = true; |
|
||||||
// 处理查询参数 |
|
||||||
let params = {...this.queryParams}; |
|
||||||
this.addBeginAndEndTime(params, this.dateRangeCreateTime, 'createTime'); |
|
||||||
// 执行查询 |
|
||||||
getCropPage(params).then(response => { |
|
||||||
this.list = response.data.list; |
|
||||||
this.total = response.data.total; |
|
||||||
this.loading = false; |
|
||||||
this.getErpMaterial(); |
|
||||||
}); |
|
||||||
}, |
|
||||||
getErpMaterial(){ |
|
||||||
getMaterialList().then(res =>{ |
|
||||||
this.materialList = res; |
|
||||||
}) |
|
||||||
}, |
|
||||||
/** 取消按钮 */ |
|
||||||
cancel() { |
|
||||||
this.open = false; |
|
||||||
this.reset(); |
|
||||||
}, |
|
||||||
/** 表单重置 */ |
|
||||||
reset() { |
|
||||||
this.form = { |
|
||||||
id: undefined, |
|
||||||
name: undefined, |
|
||||||
images: undefined, |
|
||||||
stock: undefined, |
|
||||||
materialId: undefined, |
|
||||||
}; |
|
||||||
this.resetForm("form"); |
|
||||||
}, |
|
||||||
/** 搜索按钮操作 */ |
|
||||||
handleQuery() { |
|
||||||
this.queryParams.pageNo = 1; |
|
||||||
this.getList(); |
|
||||||
}, |
|
||||||
/** 重置按钮操作 */ |
|
||||||
resetQuery() { |
|
||||||
this.dateRangeCreateTime = []; |
|
||||||
this.resetForm("queryForm"); |
|
||||||
this.handleQuery(); |
|
||||||
}, |
|
||||||
/** 新增按钮操作 */ |
|
||||||
handleAdd() { |
|
||||||
this.reset(); |
|
||||||
this.open = true; |
|
||||||
this.title = "添加"; |
|
||||||
}, |
|
||||||
/** 修改按钮操作 */ |
|
||||||
handleUpdate(row) { |
|
||||||
this.reset(); |
|
||||||
const id = row.id; |
|
||||||
getCrop(id).then(response => { |
|
||||||
this.form = response.data; |
|
||||||
this.open = true; |
|
||||||
this.title = "修改"; |
|
||||||
}); |
|
||||||
}, |
|
||||||
/** 提交按钮 */ |
|
||||||
submitForm() { |
|
||||||
this.$refs["form"].validate(valid => { |
|
||||||
if (!valid) { |
|
||||||
return; |
|
||||||
} |
|
||||||
this.judgePictureExists(); |
|
||||||
// 修改的提交 |
|
||||||
if (this.form.id != null) { |
|
||||||
updateCrop(this.form).then(response => { |
|
||||||
this.$modal.msgSuccess("修改成功"); |
|
||||||
this.open = false; |
|
||||||
this.getList(); |
|
||||||
}); |
|
||||||
return; |
|
||||||
} |
|
||||||
// 添加的提交 |
|
||||||
createCrop(this.form).then(response => { |
|
||||||
this.$modal.msgSuccess("新增成功"); |
|
||||||
this.open = false; |
|
||||||
this.getList(); |
|
||||||
}); |
|
||||||
}); |
|
||||||
}, |
|
||||||
/*判断图片是否存在*/ |
|
||||||
judgePictureExists(){ |
|
||||||
if (this.form.images == "") { |
|
||||||
this.form.images = []; |
|
||||||
}else{ |
|
||||||
let imagesType = typeof(this.form.images); |
|
||||||
if (imagesType == "string") { |
|
||||||
let imgArr = this.form.images.split(",") |
|
||||||
this.form.images = imgArr; |
|
||||||
} |
|
||||||
} |
|
||||||
return; |
|
||||||
}, |
|
||||||
/** 删除按钮操作 */ |
|
||||||
handleDelete(row) { |
|
||||||
const id = row.id; |
|
||||||
this.$modal.confirm('是否确认删除编号为"' + id + '"的数据项?').then(function() { |
|
||||||
return deleteCrop(id); |
|
||||||
}).then(() => { |
|
||||||
this.getList(); |
|
||||||
this.$modal.msgSuccess("删除成功"); |
|
||||||
}).catch(() => {}); |
|
||||||
}, |
|
||||||
/** 导出按钮操作 */ |
|
||||||
handleExport() { |
|
||||||
// 处理查询参数 |
|
||||||
let params = {...this.queryParams}; |
|
||||||
params.pageNo = undefined; |
|
||||||
params.pageSize = undefined; |
|
||||||
this.addBeginAndEndTime(params, this.dateRangeCreateTime, 'createTime'); |
|
||||||
// 执行导出 |
|
||||||
this.$modal.confirm('是否确认导出所有数据项?').then(() => { |
|
||||||
this.exportLoading = true; |
|
||||||
return exportCropExcel(params); |
|
||||||
}).then(response => { |
|
||||||
this.$download.excel(response, '${table.classComment}.xls'); |
|
||||||
this.exportLoading = false; |
|
||||||
}).catch(() => {}); |
|
||||||
}, |
|
||||||
erpNameConvert(materialId){ |
|
||||||
let list = this.materialList.filter(m => m.id == materialId); |
|
||||||
return list.length == 0 ? "" : list[0].name; |
|
||||||
}, |
|
||||||
} |
|
||||||
}; |
|
||||||
</script> |
|
||||||
@ -1,301 +0,0 @@ |
|||||||
<template> |
|
||||||
<div class="app-container"> |
|
||||||
|
|
||||||
<!-- 搜索工作栏 --> |
|
||||||
<el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch" label-width="68px"> |
|
||||||
<el-form-item label="作物名" prop="cropId"> |
|
||||||
<el-select v-model="queryParams.cropId" placeholder="请选择" clearable size="small"> |
|
||||||
<el-option v-for="item in cropList" :label="item.name" :value="item.id" :key="item.id" /> |
|
||||||
</el-select> |
|
||||||
</el-form-item> |
|
||||||
<el-form-item label="操作类型" prop="type"> |
|
||||||
<el-select v-model="queryParams.type" placeholder="请选择出入库" clearable size="small"> |
|
||||||
<el-option label="出库" value="0" /> |
|
||||||
<el-option label="入库" value="1" /> |
|
||||||
</el-select> |
|
||||||
</el-form-item> |
|
||||||
<el-form-item label="操作时间"> |
|
||||||
<el-date-picker v-model="dateRangeCreateTime" style="width: 240px" value-format="yyyy-MM-dd" |
|
||||||
type="daterange" range-separator="-" start-placeholder="开始日期" end-placeholder="结束日期" /> |
|
||||||
</el-form-item> |
|
||||||
<el-form-item> |
|
||||||
<el-button type="primary" icon="el-icon-search" @click="handleQuery">搜索</el-button> |
|
||||||
<el-button icon="el-icon-refresh" @click="resetQuery">重置</el-button> |
|
||||||
</el-form-item> |
|
||||||
</el-form> |
|
||||||
|
|
||||||
<!-- 操作工具栏 --> |
|
||||||
<el-row :gutter="10" class="mb8"> |
|
||||||
<el-col :span="1.5"> |
|
||||||
<el-button type="primary" plain icon="el-icon-plus" size="mini" @click="handleAdd" |
|
||||||
v-hasPermi="['farm:crop-record:create']">新增</el-button> |
|
||||||
</el-col> |
|
||||||
<el-col :span="1.5"> |
|
||||||
<el-button type="warning" plain icon="el-icon-download" size="mini" @click="handleExport" :loading="exportLoading" |
|
||||||
v-hasPermi="['farm:crop-record:export']">导出</el-button> |
|
||||||
</el-col> |
|
||||||
<right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar> |
|
||||||
</el-row> |
|
||||||
|
|
||||||
<!-- 列表 --> |
|
||||||
<el-table v-loading="loading" :data="list"> |
|
||||||
<el-table-column label="序列号" align="center" prop="id" /> |
|
||||||
<el-table-column label="作物名" align="center" prop="resourceType" > |
|
||||||
<template slot-scope="scope"> |
|
||||||
<span v-if="scope.row.cropId"> {{cropList.find(t=>t.id == scope.row.cropId ).name}} </span> |
|
||||||
</template> |
|
||||||
</el-table-column> |
|
||||||
<el-table-column label="出入库" align="center" prop="type" /> |
|
||||||
<el-table-column label="操作数量" align="center" prop="stock" /> |
|
||||||
<el-table-column label="剩余数量" align="center" prop="afterStock" /> |
|
||||||
<el-table-column label="操作时间" align="center" prop="createTime" width="180"> |
|
||||||
<template slot-scope="scope"> |
|
||||||
<span>{{ parseTime(scope.row.createTime) }}</span> |
|
||||||
</template> |
|
||||||
</el-table-column> |
|
||||||
<!-- <el-table-column label="操作" align="center" class-name="small-padding fixed-width"> |
|
||||||
<template slot-scope="scope"> |
|
||||||
<span>业务原因不支持操作</span> --> |
|
||||||
<!-- <el-button size="mini" type="text" icon="el-icon-edit" @click="handleUpdate(scope.row)" |
|
||||||
v-hasPermi="['farm:crop-record:update']">修改</el-button> --> |
|
||||||
<!-- <el-button size="mini" type="text" icon="el-icon-delete" @click="handleDelete(scope.row)" |
|
||||||
v-hasPermi="['farm:crop-record:delete']">删除</el-button> --> |
|
||||||
<!-- </template> |
|
||||||
</el-table-column> --> |
|
||||||
</el-table> |
|
||||||
<!-- 分页组件 --> |
|
||||||
<pagination v-show="total > 0" :total="total" :page.sync="queryParams.pageNo" :limit.sync="queryParams.pageSize" |
|
||||||
@pagination="getList"/> |
|
||||||
|
|
||||||
<!-- 对话框(添加 / 修改) --> |
|
||||||
<el-dialog :title="title" :visible.sync="open" :close-on-click-modal="false" width="500px" append-to-body> |
|
||||||
<el-form ref="form" :model="form" :rules="rules" label-width="80px"> |
|
||||||
<el-form-item label="作物选择"> |
|
||||||
<el-select v-model="form.cropId" placeholder="请选择" @change="selectCrop"> |
|
||||||
<el-option v-for="item in cropList" :key="item.id" :label="item.name" :value="item.id"> {{item.name}} |
|
||||||
</el-option> |
|
||||||
</el-select> |
|
||||||
</el-form-item> |
|
||||||
<el-form-item label="操作类型" prop="type"> |
|
||||||
<el-radio-group v-model="form.type"> |
|
||||||
<el-radio :label="false" @change="changeType(false)">出库</el-radio> |
|
||||||
<el-radio :label="true" @change="changeType(true)">入库</el-radio> |
|
||||||
</el-radio-group> |
|
||||||
</el-form-item> |
|
||||||
|
|
||||||
<el-form-item label="当前数量" prop="currentStock"> |
|
||||||
<span> {{currentStock}} </span> |
|
||||||
</el-form-item> |
|
||||||
|
|
||||||
|
|
||||||
<el-form-item label="操作数量" prop="stock"> |
|
||||||
<el-input v-model="form.stock" type="number" placeholder="请输入操作数量" @blur="stockChange(form.stock)"/> |
|
||||||
</el-form-item> |
|
||||||
<el-form-item label="剩余数量" prop="afterStock"> |
|
||||||
<el-input v-model="form.afterStock" type="number" :disabled="true" placeholder="请输入剩余数量" /> |
|
||||||
</el-form-item> |
|
||||||
</el-form> |
|
||||||
<div slot="footer" class="dialog-footer"> |
|
||||||
<el-button type="primary" @click="submitForm">确 定</el-button> |
|
||||||
<el-button @click="cancel">取 消</el-button> |
|
||||||
</div> |
|
||||||
</el-dialog> |
|
||||||
</div> |
|
||||||
</template> |
|
||||||
|
|
||||||
<script> |
|
||||||
import { createCropRecord, updateCropRecord, deleteCropRecord, getCropRecord, getCropRecordPage, exportCropRecordExcel } from "@/api/farm/cropRecord"; |
|
||||||
import Editor from '@/components/Editor'; |
|
||||||
import { getCropPage, getCrop } from "@/api/farm/crop"; |
|
||||||
|
|
||||||
|
|
||||||
export default { |
|
||||||
name: "CropRecord", |
|
||||||
components: { |
|
||||||
Editor |
|
||||||
}, |
|
||||||
data() { |
|
||||||
return { |
|
||||||
// 遮罩层 |
|
||||||
loading: true, |
|
||||||
// 导出遮罩层 |
|
||||||
exportLoading: false, |
|
||||||
// 显示搜索条件 |
|
||||||
showSearch: true, |
|
||||||
// 总条数 |
|
||||||
total: 0, |
|
||||||
// 列表 |
|
||||||
list: [], |
|
||||||
// 弹出层标题 |
|
||||||
title: "", |
|
||||||
// 是否显示弹出层 |
|
||||||
open: false, |
|
||||||
dateRangeCreateTime: [], |
|
||||||
// 查询参数 |
|
||||||
queryParams: { |
|
||||||
pageNo: 1, |
|
||||||
pageSize: 10, |
|
||||||
cropId: null, |
|
||||||
type: null, |
|
||||||
stock: null, |
|
||||||
afterStock: null, |
|
||||||
}, |
|
||||||
// 表单参数 |
|
||||||
form: {}, |
|
||||||
// 表单校验 |
|
||||||
rules: { |
|
||||||
stock: [{ required: true, message: "操作数量不能为空", trigger: "blur" }], |
|
||||||
afterStock: [{ required: true, message: "剩余数量不能为空", trigger: "blur" }], |
|
||||||
}, |
|
||||||
cropList:[], //作物List |
|
||||||
currentStock: null |
|
||||||
}; |
|
||||||
}, |
|
||||||
created() { |
|
||||||
this.getCrop(); |
|
||||||
this.getList(); |
|
||||||
}, |
|
||||||
methods: { |
|
||||||
/**查询作物名 */ |
|
||||||
getCrop(){ |
|
||||||
getCropPage({ |
|
||||||
pageNo: 1, |
|
||||||
pageSize: 100, |
|
||||||
name: null |
|
||||||
}).then(res=>{ |
|
||||||
this.cropList = res.data.list; |
|
||||||
}) |
|
||||||
}, |
|
||||||
|
|
||||||
/** 查询列表 */ |
|
||||||
getList() { |
|
||||||
this.loading = true; |
|
||||||
// 处理查询参数 |
|
||||||
let params = {...this.queryParams}; |
|
||||||
this.addBeginAndEndTime(params, this.dateRangeCreateTime, 'createTime'); |
|
||||||
// 执行查询 |
|
||||||
getCropRecordPage(params).then(response => { |
|
||||||
response.data.list.forEach(item =>{ |
|
||||||
item.type = item.type ? "入库" : "出库"; |
|
||||||
}) |
|
||||||
this.list = response.data.list; |
|
||||||
this.total = response.data.total; |
|
||||||
this.loading = false; |
|
||||||
}); |
|
||||||
}, |
|
||||||
/** 取消按钮 */ |
|
||||||
cancel() { |
|
||||||
this.open = false; |
|
||||||
this.reset(); |
|
||||||
}, |
|
||||||
/** 表单重置 */ |
|
||||||
reset() { |
|
||||||
this.form = { |
|
||||||
id: undefined, |
|
||||||
cropId: undefined, |
|
||||||
type: false, |
|
||||||
stock: undefined, |
|
||||||
afterStock: undefined, |
|
||||||
}; |
|
||||||
this.currentStock = undefined; |
|
||||||
this.getCrop(); |
|
||||||
this.resetForm("form"); |
|
||||||
}, |
|
||||||
/** 搜索按钮操作 */ |
|
||||||
handleQuery() { |
|
||||||
this.queryParams.pageNo = 1; |
|
||||||
this.getList(); |
|
||||||
}, |
|
||||||
/** 重置按钮操作 */ |
|
||||||
resetQuery() { |
|
||||||
this.dateRangeCreateTime = []; |
|
||||||
this.resetForm("queryForm"); |
|
||||||
this.handleQuery(); |
|
||||||
}, |
|
||||||
/** 新增按钮操作 */ |
|
||||||
handleAdd() { |
|
||||||
this.reset(); |
|
||||||
this.open = true; |
|
||||||
this.title = "添加"; |
|
||||||
}, |
|
||||||
/** 修改按钮操作 */ |
|
||||||
handleUpdate(row) { |
|
||||||
this.reset(); |
|
||||||
const id = row.id; |
|
||||||
getCropRecord(id).then(response => { |
|
||||||
this.form = response.data; |
|
||||||
this.open = true; |
|
||||||
this.title = "修改"; |
|
||||||
this.selectCrop(response.data.cropId); |
|
||||||
}); |
|
||||||
}, |
|
||||||
/** 提交按钮 */ |
|
||||||
submitForm() { |
|
||||||
this.$refs["form"].validate(valid => { |
|
||||||
if (!valid) { |
|
||||||
return; |
|
||||||
} |
|
||||||
// 修改的提交 |
|
||||||
if (this.form.id != null) { |
|
||||||
updateCropRecord(this.form).then(response => { |
|
||||||
this.$modal.msgSuccess("修改成功"); |
|
||||||
this.open = false; |
|
||||||
this.getList(); |
|
||||||
}); |
|
||||||
return; |
|
||||||
} |
|
||||||
// 添加的提交 |
|
||||||
createCropRecord(this.form).then(response => { |
|
||||||
this.$modal.msgSuccess("新增成功"); |
|
||||||
this.open = false; |
|
||||||
this.getList(); |
|
||||||
}); |
|
||||||
}); |
|
||||||
}, |
|
||||||
/** 删除按钮操作 */ |
|
||||||
handleDelete(row) { |
|
||||||
const id = row.id; |
|
||||||
this.$modal.confirm('是否确认删除编号为"' + id + '"的数据项?').then(function() { |
|
||||||
return deleteCropRecord(id); |
|
||||||
}).then(() => { |
|
||||||
this.getList(); |
|
||||||
this.$modal.msgSuccess("删除成功"); |
|
||||||
}).catch(() => {}); |
|
||||||
}, |
|
||||||
/** 导出按钮操作 */ |
|
||||||
handleExport() { |
|
||||||
// 处理查询参数 |
|
||||||
let params = {...this.queryParams}; |
|
||||||
params.pageNo = undefined; |
|
||||||
params.pageSize = undefined; |
|
||||||
this.addBeginAndEndTime(params, this.dateRangeCreateTime, 'createTime'); |
|
||||||
// 执行导出 |
|
||||||
this.$modal.confirm('是否确认导出所有数据项?').then(() => { |
|
||||||
this.exportLoading = true; |
|
||||||
return exportCropRecordExcel(params); |
|
||||||
}).then(response => { |
|
||||||
this.$download.excel(response, '${table.classComment}.xls'); |
|
||||||
this.exportLoading = false; |
|
||||||
}).catch(() => {}); |
|
||||||
}, |
|
||||||
selectCrop(rows){ |
|
||||||
this.cropList.forEach(crop =>{ |
|
||||||
if(crop.id == rows){ |
|
||||||
this.currentStock = crop.stock; |
|
||||||
} |
|
||||||
}) |
|
||||||
}, |
|
||||||
stockChange(number){ |
|
||||||
if(this.form.type){ |
|
||||||
this.form.afterStock = parseInt(this.currentStock) + parseInt(number); |
|
||||||
}else{ |
|
||||||
this.form.afterStock = parseInt(this.currentStock) - parseInt(number); |
|
||||||
} |
|
||||||
}, |
|
||||||
changeType(boolType){ |
|
||||||
this.stockChange(this.form.stock); |
|
||||||
} |
|
||||||
}, |
|
||||||
|
|
||||||
}; |
|
||||||
</script> |
|
||||||
@ -1,544 +0,0 @@ |
|||||||
<template> |
|
||||||
<div class="app-container"> |
|
||||||
|
|
||||||
<!-- 搜索工作栏 --> |
|
||||||
<el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch" label-width="68px"> |
|
||||||
<el-form-item label="项目名" prop="projectId"> |
|
||||||
<el-select v-model="queryParams.projectId" filterable placeholder="请单选"> |
|
||||||
<el-option v-for="item in projectList" :key="item.id" :label="item.id" :value="item.id"> |
|
||||||
{{ item.id }} |
|
||||||
</el-option> |
|
||||||
</el-select> |
|
||||||
</el-form-item> |
|
||||||
<el-form-item label="创建时间"> |
|
||||||
<el-date-picker v-model="dateRangeCreateTime" style="width: 240px" value-format="yyyy-MM-dd" |
|
||||||
type="daterange" range-separator="-" start-placeholder="开始日期" end-placeholder="结束日期" /> |
|
||||||
</el-form-item> |
|
||||||
<el-form-item> |
|
||||||
<el-button type="primary" icon="el-icon-search" @click="handleQuery">搜索</el-button> |
|
||||||
<el-button icon="el-icon-refresh" @click="resetQuery">重置</el-button> |
|
||||||
</el-form-item> |
|
||||||
</el-form> |
|
||||||
|
|
||||||
<!-- 操作工具栏 --> |
|
||||||
<el-row :gutter="10" class="mb8"> |
|
||||||
<el-col :span="1.5"> |
|
||||||
<el-button type="primary" plain icon="el-icon-plus" size="mini" @click="handleAdd" |
|
||||||
v-hasPermi="['farm:discuss:create']">新增</el-button> |
|
||||||
</el-col> |
|
||||||
<el-col :span="1.5"> |
|
||||||
<el-button type="warning" plain icon="el-icon-download" size="mini" @click="handleExport" :loading="exportLoading" |
|
||||||
v-hasPermi="['farm:discuss:export']">导出</el-button> |
|
||||||
</el-col> |
|
||||||
<el-col :span="1.5"> |
|
||||||
<el-button type="danger" size="mini" @click="dialogVisible = true">第一次进来请先看活动规则</el-button> |
|
||||||
</el-col> |
|
||||||
<right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar> |
|
||||||
</el-row> |
|
||||||
|
|
||||||
<!-- 列表 --> |
|
||||||
<el-table v-loading="loading" stripe :data="list"> |
|
||||||
<el-table-column label="讨论ID" align="center" prop="id" /> |
|
||||||
<el-table-column label="项目ID/名" align="center" prop="projectId"> |
|
||||||
<template slot-scope="scope"> |
|
||||||
<span v-if="scope.row.projectId">{{convertProject(scope.row.projectId)}}</span> |
|
||||||
</template> |
|
||||||
</el-table-column> |
|
||||||
<el-table-column label="任务ID" align="center" prop="taskId" /> |
|
||||||
<el-table-column label="任务内容" align="center" prop="taskId" width="120"> |
|
||||||
<template slot-scope="scope"> |
|
||||||
<span v-if="scope.row.taskId">{{convertTask(scope.row.taskId)}}</span> |
|
||||||
</template> |
|
||||||
</el-table-column> |
|
||||||
<el-table-column label="需要的资源" align="center" prop="resources" width="180"> |
|
||||||
<template slot-scope="scope"> |
|
||||||
<span>{{resouceConvert(scope.row.resources)}}</span> |
|
||||||
</template> |
|
||||||
</el-table-column> |
|
||||||
<el-table-column label="采收数量" align="center" prop="recoveryNumber" /> |
|
||||||
<el-table-column label="工时" align="center" prop="workingHours" /> |
|
||||||
<!-- <el-table-column label="执行人" align="center" prop="joinPerson" width="80" > |
|
||||||
<template slot-scope="scope"> |
|
||||||
<span v-if="scope.row.joinPerson">{{executorPersonConvert(scope.row.joinPerson)}}</span> |
|
||||||
</template> |
|
||||||
</el-table-column> --> |
|
||||||
<el-table-column label="参与人数" align="center" prop="joinNumber" /> |
|
||||||
<el-table-column label="总工时" align="center"> |
|
||||||
<template slot-scope="scope"> |
|
||||||
<span>{{countTotalHour(scope.row.workingHours, scope.row.joinNumber)}}</span> |
|
||||||
</template> |
|
||||||
</el-table-column> |
|
||||||
<!-- <el-table-column label="讨论内容" align="center" prop="content" /> --> |
|
||||||
<el-table-column label="事件图片" align="center" prop="images"> |
|
||||||
<template slot-scope="scope"> |
|
||||||
<el-image |
|
||||||
v-if="scope.row.images != null && scope.row.images[0] != null" |
|
||||||
:src="scope.row.images[0]" :preview-src-list="scope.row.images"> |
|
||||||
</el-image> |
|
||||||
</template> |
|
||||||
</el-table-column> |
|
||||||
<el-table-column label="执行时间" align="center" prop="executeTime" width="180"> |
|
||||||
<template slot-scope="scope"> |
|
||||||
<span>{{ parseTime(scope.row.executeTime) }}</span> |
|
||||||
</template> |
|
||||||
</el-table-column> |
|
||||||
<el-table-column label="创建时间" align="center" prop="createTime" width="180"> |
|
||||||
<template slot-scope="scope"> |
|
||||||
<span>{{ parseTime(scope.row.createTime) }}</span> |
|
||||||
</template> |
|
||||||
</el-table-column> |
|
||||||
<el-table-column label="操作" align="center" class-name="small-padding fixed-width"> |
|
||||||
<template slot-scope="scope"> |
|
||||||
<el-button size="mini" type="text" icon="el-icon-edit" @click="handleUpdate(scope.row)" |
|
||||||
v-hasPermi="['farm:discuss:update']">修改</el-button> |
|
||||||
<el-button size="mini" type="text" icon="el-icon-delete" @click="handleDelete(scope.row)" |
|
||||||
v-hasPermi="['farm:discuss:delete']">删除</el-button> |
|
||||||
</template> |
|
||||||
</el-table-column> |
|
||||||
</el-table> |
|
||||||
<!-- 分页组件 --> |
|
||||||
<pagination v-show="total > 0" :total="total" :page.sync="queryParams.pageNo" :limit.sync="queryParams.pageSize" |
|
||||||
@pagination="getList"/> |
|
||||||
|
|
||||||
<!-- 对话框(添加 / 修改) --> |
|
||||||
<el-dialog :title="title" :visible.sync="open" :close-on-click-modal="false" width="500px" append-to-body> |
|
||||||
<el-form ref="form" :model="form" :rules="rules" label-width="80px"> |
|
||||||
<el-form-item label="项目" prop="projectId"> |
|
||||||
<el-select v-model="form.projectId" placeholder="请选择项目" @change="changeProject" :disabled="canSelect"> |
|
||||||
<el-option |
|
||||||
v-for="item in projectList" |
|
||||||
:key="item.id" |
|
||||||
:label="item.name" |
|
||||||
:value="item.id"> |
|
||||||
</el-option> |
|
||||||
</el-select> |
|
||||||
</el-form-item> |
|
||||||
<el-form-item label="任务" prop="taskId"> |
|
||||||
<el-select v-model="form.taskId" placeholder="请选择任务" @change="changeTask" > |
|
||||||
<el-option |
|
||||||
v-for="item in selectTaskList" |
|
||||||
:key="item.id" |
|
||||||
:label="item.name" |
|
||||||
:value="item.id"> |
|
||||||
</el-option> |
|
||||||
</el-select> |
|
||||||
</el-form-item> |
|
||||||
<el-form-item label="讨论"> |
|
||||||
<editor v-model="form.content" :min-height="192"/> |
|
||||||
</el-form-item> |
|
||||||
<el-form-item label="讨论图片"> |
|
||||||
<imageUpload v-model="form.images"/> |
|
||||||
</el-form-item> |
|
||||||
<el-button type="primary" @click="addResource">添加资源</el-button> |
|
||||||
<el-form-item label="资源选择" v-for="(item,index) in form.resources" :key="index"> |
|
||||||
<el-cascader :options="twoList" clearable v-model="item.resourceId"> |
|
||||||
</el-cascader> |
|
||||||
<el-input v-model="item.num"/> |
|
||||||
<el-button @click="deleteResource(item)">删除</el-button> |
|
||||||
</el-form-item> |
|
||||||
<el-form-item label="工时" prop="workingHours"> |
|
||||||
<el-input v-model="form.workingHours" placeholder="请输入工时" /> |
|
||||||
</el-form-item> |
|
||||||
<el-form-item label="采收数量" prop="recoveryNumber"> |
|
||||||
<el-input id="recoveryNumber" v-model="form.recoveryNumber" :disabled="canInput" placeholder="采收任务类型请填写数量" /> |
|
||||||
</el-form-item> |
|
||||||
<!-- <el-form-item label="执行人" prop="joinPerson"> |
|
||||||
<el-select v-model="form.joinPerson" filterable multiple placeholder="请先选择项目"> |
|
||||||
<el-option v-for="item in selectCpUserList" :key="item.id" :label="item.name" :value="item.id"> |
|
||||||
{{ item.name }} |
|
||||||
</el-option> |
|
||||||
</el-select> |
|
||||||
</el-form-item> --> |
|
||||||
<el-form-item label="参与人数" prop="joinNumber"> |
|
||||||
<el-input v-model="form.joinNumber" placeholder="请输入参与人数" /> |
|
||||||
</el-form-item> |
|
||||||
<el-form-item label="执行时间" prop="executeTime"> |
|
||||||
<el-date-picker clearable v-model="form.executeTime" type="datetime" value-format="timestamp" |
|
||||||
placeholder="选择" /> |
|
||||||
</el-form-item> |
|
||||||
</el-form> |
|
||||||
<div slot="footer" class="dialog-footer"> |
|
||||||
<el-button type="primary" @click="submitForm">确 定</el-button> |
|
||||||
<el-button @click="cancel">取 消</el-button> |
|
||||||
</div> |
|
||||||
</el-dialog> |
|
||||||
|
|
||||||
<!-- 活动规则提示 --> |
|
||||||
<el-dialog title="活动规则提示" :visible.sync="dialogVisible" width="70%"> |
|
||||||
<el-form label-width="80px"> |
|
||||||
<el-form-item>新增活动只能选择进行中的项目下的进行中的任务</el-form-item> |
|
||||||
<!-- <el-form-item>执行人只能从项目的成员中选择</el-form-item> --> |
|
||||||
<el-form-item>提交活动后，任务自动变成已完成，并新增执行人的工时</el-form-item> |
|
||||||
<el-form-item>如果任务类型是采收， 则会将采收数量同步到ERP对应物料数量</el-form-item> |
|
||||||
</el-form> |
|
||||||
<span slot="footer" class="dialog-footer"> |
|
||||||
<el-button type="primary" @click="dialogVisible = false">确 定</el-button> |
|
||||||
</span> |
|
||||||
</el-dialog> |
|
||||||
</div> |
|
||||||
</template> |
|
||||||
|
|
||||||
<script> |
|
||||||
import { createDiscuss, updateDiscuss, deleteDiscuss, getDiscuss, getDiscussPage, exportDiscussExcel } from "@/api/farm/discuss"; |
|
||||||
import ImageUpload from '@/components/ImageUpload'; |
|
||||||
import Editor from '@/components/Editor'; |
|
||||||
import { getProjectPage } from "@/api/farm/project"; |
|
||||||
import { getTaskPage } from "@/api/farm/task"; |
|
||||||
import { getTaskCatePage } from "@/api/farm/taskCate"; |
|
||||||
import { getCpUserPage } from "@/api/system/cpUser"; |
|
||||||
import { getResourceTypePage } from "@/api/farm/resourceType"; |
|
||||||
import { getResourcePage } from "@/api/farm/resource"; |
|
||||||
|
|
||||||
export default { |
|
||||||
name: "Discuss", |
|
||||||
components: { |
|
||||||
ImageUpload, |
|
||||||
Editor, |
|
||||||
}, |
|
||||||
data() { |
|
||||||
return { |
|
||||||
//活动规则 |
|
||||||
dialogVisible: false, |
|
||||||
//采收input |
|
||||||
canInput : true, |
|
||||||
//项目、任务能否选择 |
|
||||||
canSelect: false, |
|
||||||
// 遮罩层 |
|
||||||
loading: true, |
|
||||||
// 导出遮罩层 |
|
||||||
exportLoading: false, |
|
||||||
// 显示搜索条件 |
|
||||||
showSearch: true, |
|
||||||
// 总条数 |
|
||||||
total: 0, |
|
||||||
// 农场任务讨论列表 |
|
||||||
list: [], |
|
||||||
// 弹出层标题 |
|
||||||
title: "", |
|
||||||
// 是否显示弹出层 |
|
||||||
open: false, |
|
||||||
dateRangeCreateTime: [], |
|
||||||
// 查询参数 |
|
||||||
queryParams: { |
|
||||||
pageNo: 1, |
|
||||||
pageSize: 10, |
|
||||||
projectId: null, |
|
||||||
taskId: null, |
|
||||||
content: null, |
|
||||||
images: null, |
|
||||||
resources: null, |
|
||||||
}, |
|
||||||
// 表单参数 |
|
||||||
form: { |
|
||||||
recoveryNumber: '0' |
|
||||||
}, |
|
||||||
// 表单校验 |
|
||||||
rules: { |
|
||||||
projectId: [{ required: true, message: "不能为空", trigger: "blur" }], |
|
||||||
taskId: [{ required: true, message: "不能为空", trigger: "blur" }], |
|
||||||
}, |
|
||||||
projectList:[], |
|
||||||
taskList:[], |
|
||||||
selectTaskList:[], //对应项目的任务 |
|
||||||
taskCateList:[], |
|
||||||
cpUserList:[], //所有cpUser |
|
||||||
selectCpUserList:[], //参与人 |
|
||||||
|
|
||||||
resourceTypeList:[], |
|
||||||
resourceList:[], |
|
||||||
twoList: [] |
|
||||||
}; |
|
||||||
}, |
|
||||||
|
|
||||||
created() { |
|
||||||
this.getProject(); |
|
||||||
this.getTaskCateList(); |
|
||||||
this.getCpUserList(); |
|
||||||
}, |
|
||||||
methods: { |
|
||||||
getCpUserList() { |
|
||||||
getCpUserPage({ |
|
||||||
pageNo: 1, |
|
||||||
pageSize: 400 |
|
||||||
}).then(res => { |
|
||||||
this.cpUserList = res.data.list; |
|
||||||
}) |
|
||||||
}, |
|
||||||
executorPersonConvert(joinPerson){ |
|
||||||
let executorPersonName = ""; |
|
||||||
joinPerson.forEach(joinId =>{ |
|
||||||
this.cpUserList.forEach(user =>{ |
|
||||||
if(joinId == user.id){ |
|
||||||
executorPersonName += user.name +"\n"; |
|
||||||
} |
|
||||||
}) |
|
||||||
}) |
|
||||||
return executorPersonName; |
|
||||||
}, |
|
||||||
getTaskCateList() { |
|
||||||
getTaskCatePage({ |
|
||||||
pageNo: 1, |
|
||||||
pageSize: 400 |
|
||||||
}).then(res => { |
|
||||||
this.taskCateList = res.data.list.filter(t => t.parentId != 0); |
|
||||||
}) |
|
||||||
}, |
|
||||||
/*获取项目列表*/ |
|
||||||
getProject(){ |
|
||||||
getProjectPage({ |
|
||||||
pageNo: 1, |
|
||||||
pageSize: 400, |
|
||||||
}).then(res=>{ |
|
||||||
this.projectList = res.data.list; |
|
||||||
this.getTask(); |
|
||||||
}) |
|
||||||
}, |
|
||||||
/*获取任务列表*/ |
|
||||||
getTask(){ |
|
||||||
getTaskPage({ |
|
||||||
pageNo: 1, |
|
||||||
pageSize: 400, |
|
||||||
draft:false, |
|
||||||
}).then(res=>{ |
|
||||||
this.taskList = res.data.list; |
|
||||||
this.getResourceTypeList(); |
|
||||||
}) |
|
||||||
}, |
|
||||||
/*资源类型 */ |
|
||||||
getResourceTypeList(){ |
|
||||||
getResourceTypePage({ |
|
||||||
pageNo: 1, |
|
||||||
pageSize: 400 |
|
||||||
}).then(res =>{ |
|
||||||
this.resourceTypeList = res.data.list; |
|
||||||
this.getResourceList(); |
|
||||||
}) |
|
||||||
}, |
|
||||||
/*资源 */ |
|
||||||
getResourceList(){ |
|
||||||
getResourcePage({ |
|
||||||
pageNo: 1, |
|
||||||
pageSize: 400 |
|
||||||
}).then(res => { |
|
||||||
this.resourceList = res.data.list; |
|
||||||
this.twoRescoure(); |
|
||||||
this.getList(); |
|
||||||
}) |
|
||||||
}, |
|
||||||
/** 查询列表 */ |
|
||||||
getList() { |
|
||||||
this.loading = true; |
|
||||||
// 处理查询参数 |
|
||||||
let params = {...this.queryParams}; |
|
||||||
this.addBeginAndEndTime(params, this.dateRangeCreateTime, 'createTime'); |
|
||||||
// 执行查询 |
|
||||||
getDiscussPage(params).then(response => { |
|
||||||
this.list = response.data.list; |
|
||||||
this.total = response.data.total; |
|
||||||
this.loading = false; |
|
||||||
}); |
|
||||||
}, |
|
||||||
/** 取消按钮 */ |
|
||||||
cancel() { |
|
||||||
this.open = false; |
|
||||||
this.reset(); |
|
||||||
}, |
|
||||||
/** 表单重置 */ |
|
||||||
reset() { |
|
||||||
this.form = { |
|
||||||
id: undefined, |
|
||||||
projectId: undefined, |
|
||||||
taskId: undefined, |
|
||||||
content: undefined, |
|
||||||
images: undefined, |
|
||||||
resources: [], |
|
||||||
recoveryNumber:undefined |
|
||||||
}; |
|
||||||
this.canInput = true, |
|
||||||
this.canSelect = false, |
|
||||||
this.resetForm("form"); |
|
||||||
}, |
|
||||||
/** 搜索按钮操作 */ |
|
||||||
handleQuery() { |
|
||||||
this.queryParams.pageNo = 1; |
|
||||||
this.getList(); |
|
||||||
}, |
|
||||||
/** 重置按钮操作 */ |
|
||||||
resetQuery() { |
|
||||||
this.dateRangeCreateTime = []; |
|
||||||
this.resetForm("queryForm"); |
|
||||||
this.handleQuery(); |
|
||||||
}, |
|
||||||
/** 新增按钮操作 */ |
|
||||||
handleAdd() { |
|
||||||
this.reset(); |
|
||||||
this.twoRescoure(); |
|
||||||
this.projectList = this.projectList.filter(item => item.state == 'STARTING'); |
|
||||||
this.open = true; |
|
||||||
this.title = "添加农场任务讨论"; |
|
||||||
}, |
|
||||||
/** 修改按钮操作 */ |
|
||||||
handleUpdate(row) { |
|
||||||
this.reset(); |
|
||||||
this.canSelect = true; |
|
||||||
this.twoRescoure(); |
|
||||||
const id = row.id; |
|
||||||
getDiscuss(id).then(response => { |
|
||||||
this.form = response.data; |
|
||||||
this.open = true; |
|
||||||
this.title = "修改农场任务讨论"; |
|
||||||
this.showCpUserList(response.data.projectId); |
|
||||||
}); |
|
||||||
}, |
|
||||||
/** 提交按钮 */ |
|
||||||
submitForm() { |
|
||||||
this.$refs["form"].validate(valid => { |
|
||||||
if (!valid) { |
|
||||||
return; |
|
||||||
} |
|
||||||
this.judgePictureExists(); |
|
||||||
// 修改的提交 |
|
||||||
if (this.form.id != null) { |
|
||||||
updateDiscuss(this.form).then(response => { |
|
||||||
this.$modal.msgSuccess("修改成功"); |
|
||||||
this.open = false; |
|
||||||
this.getList(); |
|
||||||
}); |
|
||||||
return; |
|
||||||
} |
|
||||||
// 添加的提交 |
|
||||||
createDiscuss(this.form).then(response => { |
|
||||||
this.$modal.msgSuccess("新增成功"); |
|
||||||
this.open = false; |
|
||||||
this.getList(); |
|
||||||
}); |
|
||||||
}); |
|
||||||
}, |
|
||||||
/*判断图片是否存在*/ |
|
||||||
judgePictureExists(){ |
|
||||||
if (this.form.id != null) { |
|
||||||
if (this.form.images == "") { |
|
||||||
this.form.images = []; |
|
||||||
}else{ |
|
||||||
let imagesType = typeof(this.form.images); |
|
||||||
if (imagesType == "string") { |
|
||||||
let imgArr = this.form.images.split(",") |
|
||||||
this.form.images = imgArr; |
|
||||||
} |
|
||||||
} |
|
||||||
return; |
|
||||||
} |
|
||||||
if (this.form.images == undefined || this.form.images =="") { |
|
||||||
this.form.images = []; |
|
||||||
} |
|
||||||
}, |
|
||||||
/** 删除按钮操作 */ |
|
||||||
handleDelete(row) { |
|
||||||
const id = row.id; |
|
||||||
this.$modal.confirm('是否确认删除农场任务讨论编号为"' + id + '"的数据项?').then(function() { |
|
||||||
return deleteDiscuss(id); |
|
||||||
}).then(() => { |
|
||||||
this.getList(); |
|
||||||
this.$modal.msgSuccess("删除成功"); |
|
||||||
}).catch(() => {}); |
|
||||||
}, |
|
||||||
/** 导出按钮操作 */ |
|
||||||
handleExport() { |
|
||||||
// 处理查询参数 |
|
||||||
let params = {...this.queryParams}; |
|
||||||
params.pageNo = undefined; |
|
||||||
params.pageSize = undefined; |
|
||||||
this.addBeginAndEndTime(params, this.dateRangeCreateTime, 'createTime'); |
|
||||||
// 执行导出 |
|
||||||
this.$modal.confirm('是否确认导出所有农场任务讨论数据项?').then(() => { |
|
||||||
this.exportLoading = true; |
|
||||||
return exportDiscussExcel(params); |
|
||||||
}).then(response => { |
|
||||||
this.$download.excel(response, '${table.classComment}.xls'); |
|
||||||
this.exportLoading = false; |
|
||||||
}).catch(() => {}); |
|
||||||
}, |
|
||||||
//新增/修改 选择项目时 |
|
||||||
changeProject(row){ |
|
||||||
this.form.taskId = null; |
|
||||||
this.selectTaskList = this.taskList.filter(task => task.status == 'STARTED' && task.projectId == row); |
|
||||||
this.showCpUserList(row); |
|
||||||
}, |
|
||||||
showCpUserList(projectId){ |
|
||||||
let project = this.projectList.filter(project => project.id == projectId)[0]; |
|
||||||
let projectMemberList = []; |
|
||||||
if(project.members != undefined && project.members != null){ |
|
||||||
project.members.forEach(memberId =>{ |
|
||||||
this.cpUserList.forEach(user =>{ |
|
||||||
if(memberId == user.id){ |
|
||||||
projectMemberList.push(user); |
|
||||||
} |
|
||||||
}) |
|
||||||
}) |
|
||||||
} |
|
||||||
this.selectCpUserList = projectMemberList; |
|
||||||
}, |
|
||||||
changeTask(row){ |
|
||||||
this.form.recoveryNumber = null; |
|
||||||
let task = this.taskList.filter(task => task.id == row)[0]; |
|
||||||
let taskCate = this.taskCateList.filter(cate => cate.id == task.taskCateName)[0]; |
|
||||||
if(taskCate.synchronizeErp){ |
|
||||||
//采收数量可编辑 |
|
||||||
this.canInput = false; |
|
||||||
}else{ |
|
||||||
//采收数量不可编辑 |
|
||||||
this.canInput = true; |
|
||||||
} |
|
||||||
}, |
|
||||||
//展示项目名 |
|
||||||
convertProject(projectId){ |
|
||||||
let project = this.projectList.filter(item => item.id == projectId)[0]; |
|
||||||
return project != undefined ? |
|
||||||
project.name != undefined ? project.id +"/\n"+ project.name : project.id |
|
||||||
: projectId; |
|
||||||
}, |
|
||||||
//展示任务类型 任务内容 |
|
||||||
convertTask(taskId){ |
|
||||||
let task = this.taskList.filter(item => item.id == taskId)[0]; |
|
||||||
return task.taskName +"/\n"+ task.taskMsg; |
|
||||||
}, |
|
||||||
resouceConvert(resources){ |
|
||||||
if(resources != undefined){ |
|
||||||
let resouceMsg = ""; |
|
||||||
resources.forEach(item =>{ |
|
||||||
let typeName = this.resourceTypeList.filter(type => type.id == item.resourceId[0])[0]; |
|
||||||
let resName = this.resourceList.filter(name => name.id == item.resourceId[1])[0]; |
|
||||||
resouceMsg += typeName.name +"/" + resName.name +":" + item.num +"\n"; |
|
||||||
}) |
|
||||||
return resouceMsg; |
|
||||||
} |
|
||||||
}, |
|
||||||
addResource(){ |
|
||||||
let resourceTmp = {num:1} |
|
||||||
this.form.resources = this.form.resources.concat(resourceTmp) |
|
||||||
}, |
|
||||||
deleteResource(item){ |
|
||||||
this.form.resources = this.form.resources.filter(res => res!=item) |
|
||||||
}, |
|
||||||
twoRescoure() { |
|
||||||
let firstList = []; |
|
||||||
this.resourceTypeList.forEach((type) => { |
|
||||||
let secondList = []; |
|
||||||
this.resourceList.forEach((res) => { |
|
||||||
if (res.resourceType == type.id) { |
|
||||||
secondList.push({ value: res.id, label: res.name }); |
|
||||||
} |
|
||||||
}) |
|
||||||
firstList.push({ value: type.id, label: type.name, children: secondList }); |
|
||||||
}) |
|
||||||
this.twoList = firstList; |
|
||||||
}, |
|
||||||
//计算总工时 |
|
||||||
countTotalHour(hour, number){ |
|
||||||
if(hour != undefined && number != undefined){ |
|
||||||
return (hour * number).toFixed(1); |
|
||||||
} |
|
||||||
} |
|
||||||
} |
|
||||||
}; |
|
||||||
</script> |
|
||||||
@ -1,376 +0,0 @@ |
|||||||
<template> |
|
||||||
<div class="app-container"> |
|
||||||
|
|
||||||
<!-- 搜索工作栏 --> |
|
||||||
<el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch" label-width="68px"> |
|
||||||
<el-form-item label="项目名" prop="projectId"> |
|
||||||
<el-input v-model="queryParams.projectId" placeholder="请输入" clearable @keyup.enter.native="handleQuery"/> |
|
||||||
</el-form-item> |
|
||||||
<el-form-item label="任务名" prop="taskId"> |
|
||||||
<el-input v-model="queryParams.taskId" placeholder="请输入" clearable @keyup.enter.native="handleQuery"/> |
|
||||||
</el-form-item> |
|
||||||
<el-form-item label="事件名" prop="name"> |
|
||||||
<el-input v-model="queryParams.name" placeholder="请输入" clearable @keyup.enter.native="handleQuery"/> |
|
||||||
</el-form-item> |
|
||||||
<el-form-item label="创建时间"> |
|
||||||
<el-date-picker v-model="dateRangeCreateTime" style="width: 240px" value-format="yyyy-MM-dd" |
|
||||||
type="daterange" range-separator="-" start-placeholder="开始日期" end-placeholder="结束日期" /> |
|
||||||
</el-form-item> |
|
||||||
<el-form-item> |
|
||||||
<el-button type="primary" icon="el-icon-search" @click="handleQuery">搜索</el-button> |
|
||||||
<el-button icon="el-icon-refresh" @click="resetQuery">重置</el-button> |
|
||||||
</el-form-item> |
|
||||||
</el-form> |
|
||||||
|
|
||||||
<!-- 操作工具栏 --> |
|
||||||
<el-row :gutter="10" class="mb8"> |
|
||||||
<el-col :span="1.5"> |
|
||||||
<el-button type="primary" plain icon="el-icon-plus" size="mini" @click="handleAdd" |
|
||||||
v-hasPermi="['farm:event:create']">新增</el-button> |
|
||||||
</el-col> |
|
||||||
<el-col :span="1.5"> |
|
||||||
<el-button type="warning" plain icon="el-icon-download" size="mini" @click="handleExport" :loading="exportLoading" |
|
||||||
v-hasPermi="['farm:event:export']">导出</el-button> |
|
||||||
</el-col> |
|
||||||
<right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar> |
|
||||||
</el-row> |
|
||||||
|
|
||||||
<!-- 列表 --> |
|
||||||
<el-table v-loading="loading" stripe :data="list"> |
|
||||||
<el-table-column label="事件ID" align="center" prop="id" /> |
|
||||||
<el-table-column label="项目名" align="center" prop="projectId"> |
|
||||||
<template slot-scope="scope"> |
|
||||||
<span>{{projectList.find(p => p.id == scope.row.projectId).name}}</span> |
|
||||||
</template> |
|
||||||
</el-table-column> |
|
||||||
<el-table-column label="任务类型及内容" align="center" prop="taskId"> |
|
||||||
<template slot-scope="scope"> |
|
||||||
<span>{{taskConvert(scope.row.taskId)}}</span> |
|
||||||
</template> |
|
||||||
</el-table-column> |
|
||||||
<el-table-column label="事件名" align="center" prop="name" /> |
|
||||||
<el-table-column label="事件内容" align="center" prop="content" /> |
|
||||||
<el-table-column label="事件图片" align="center" prop="images"> |
|
||||||
<template slot-scope="scope"> |
|
||||||
<el-image |
|
||||||
v-if="scope.row.images[0] != null" |
|
||||||
:src="scope.row.images[0]" :preview-src-list="scope.row.images"> |
|
||||||
</el-image> |
|
||||||
</template> |
|
||||||
</el-table-column> |
|
||||||
<el-table-column label="创建时间" align="center" prop="createTime" width="180"> |
|
||||||
<template slot-scope="scope"> |
|
||||||
<span>{{ parseTime(scope.row.createTime) }}</span> |
|
||||||
</template> |
|
||||||
</el-table-column> |
|
||||||
<el-table-column label="操作" align="center" class-name="small-padding fixed-width"> |
|
||||||
<template slot-scope="scope"> |
|
||||||
<el-button size="mini" type="text" icon="el-icon-edit" @click="handleUpdate(scope.row)" |
|
||||||
v-hasPermi="['farm:event:update']">修改</el-button> |
|
||||||
<el-button size="mini" type="text" icon="el-icon-delete" @click="handleDelete(scope.row)" |
|
||||||
v-hasPermi="['farm:event:delete']">删除</el-button> |
|
||||||
</template> |
|
||||||
</el-table-column> |
|
||||||
</el-table> |
|
||||||
<!-- 分页组件 --> |
|
||||||
<pagination v-show="total > 0" :total="total" :page.sync="queryParams.pageNo" :limit.sync="queryParams.pageSize" |
|
||||||
@pagination="getList"/> |
|
||||||
|
|
||||||
<!-- 对话框(添加 / 修改) --> |
|
||||||
<el-dialog :title="title" :visible.sync="open" :close-on-click-modal="false" width="500px" append-to-body> |
|
||||||
<el-form ref="form" :model="form" :rules="rules" label-width="80px"> |
|
||||||
<el-form-item label="项目" prop="projectId"> |
|
||||||
<el-select v-model="form.projectId" placeholder="请选择项目"> |
|
||||||
<el-option |
|
||||||
v-for="item in projectList" |
|
||||||
:key="item.id" |
|
||||||
:label="item.name" |
|
||||||
:value="item.id"> |
|
||||||
</el-option> |
|
||||||
</el-select> |
|
||||||
</el-form-item> |
|
||||||
<el-form-item label="任务" prop="projectId"> |
|
||||||
<el-select v-model="form.taskId" placeholder="请选择任务"> |
|
||||||
<el-option |
|
||||||
v-for="item in taskList" |
|
||||||
:key="item.id" |
|
||||||
:label="item.name" |
|
||||||
:value="item.id"> |
|
||||||
</el-option> |
|
||||||
</el-select> |
|
||||||
</el-form-item> |
|
||||||
<el-form-item label="事件名" prop="name"> |
|
||||||
<el-input v-model="form.name" placeholder="请输入" /> |
|
||||||
</el-form-item> |
|
||||||
<el-form-item label="内容"> |
|
||||||
<editor v-model="form.content" :min-height="192"/> |
|
||||||
</el-form-item> |
|
||||||
<el-form-item label="图片"> |
|
||||||
<imageUpload v-model="form.images"/> |
|
||||||
</el-form-item> |
|
||||||
</el-form> |
|
||||||
<div slot="footer" class="dialog-footer"> |
|
||||||
<el-button type="primary" @click="submitForm">确 定</el-button> |
|
||||||
<el-button @click="cancel">取 消</el-button> |
|
||||||
</div> |
|
||||||
</el-dialog> |
|
||||||
</div> |
|
||||||
</template> |
|
||||||
|
|
||||||
<script> |
|
||||||
import { createEvent, updateEvent, deleteEvent, getEvent, getEventPage, getEventSearchPage, exportEventExcel } from "@/api/farm/event"; |
|
||||||
import ImageUpload from '@/components/ImageUpload'; |
|
||||||
import Editor from '@/components/Editor'; |
|
||||||
import { getProjectPage } from "@/api/farm/project"; |
|
||||||
import { getTaskPage } from "@/api/farm/task"; |
|
||||||
import {getTaskCatePage} from "@/api/farm/taskCate"; |
|
||||||
|
|
||||||
export default { |
|
||||||
name: "Event", |
|
||||||
components: { |
|
||||||
ImageUpload, |
|
||||||
Editor, |
|
||||||
}, |
|
||||||
data() { |
|
||||||
return { |
|
||||||
// 遮罩层 |
|
||||||
loading: true, |
|
||||||
// 导出遮罩层 |
|
||||||
exportLoading: false, |
|
||||||
// 显示搜索条件 |
|
||||||
showSearch: true, |
|
||||||
// 总条数 |
|
||||||
total: 0, |
|
||||||
// 农场任务事件列表 |
|
||||||
list: [], |
|
||||||
// 弹出层标题 |
|
||||||
title: "", |
|
||||||
// 是否显示弹出层 |
|
||||||
open: false, |
|
||||||
dateRangeCreateTime: [], |
|
||||||
// 查询参数 |
|
||||||
queryParams: { |
|
||||||
pageNo: 1, |
|
||||||
pageSize: 10, |
|
||||||
projectId: null, |
|
||||||
taskId: null, |
|
||||||
name: null, |
|
||||||
content: null, |
|
||||||
images: null, |
|
||||||
}, |
|
||||||
// 表单参数 |
|
||||||
form: {}, |
|
||||||
// 表单校验 |
|
||||||
rules: { |
|
||||||
projectId: [{ required: true, message: "不能为空", trigger: "blur" }], |
|
||||||
taskId: [{ required: true, message: "不能为空", trigger: "blur" }], |
|
||||||
}, |
|
||||||
taskList:[], |
|
||||||
projectList:[], |
|
||||||
projectId:'', |
|
||||||
taskId:'', |
|
||||||
taskCateList:[] |
|
||||||
}; |
|
||||||
}, |
|
||||||
created() { |
|
||||||
this.getProject(); |
|
||||||
this.getTaskCate(); |
|
||||||
}, |
|
||||||
methods: { |
|
||||||
taskConvert(task){ |
|
||||||
let taskArr = this.taskList.filter(t => t.id == task)[0]; |
|
||||||
let taskTypeName = ""; |
|
||||||
let taskName = ""; |
|
||||||
this.taskCateList.forEach(cate =>{ |
|
||||||
if (cate.id == taskArr.taskCateId) { |
|
||||||
taskTypeName = cate.name; |
|
||||||
} |
|
||||||
if (cate.id == taskArr.taskCateName) { |
|
||||||
taskName = cate.name; |
|
||||||
} |
|
||||||
}) |
|
||||||
return taskTypeName + "/" +taskName; |
|
||||||
}, |
|
||||||
/*获取项目列表*/ |
|
||||||
getProject(){ |
|
||||||
getProjectPage({ |
|
||||||
pageNo: 1, |
|
||||||
pageSize: 100, |
|
||||||
}).then(res=>{ |
|
||||||
this.projectList = res.data.list; |
|
||||||
this.getTask(); |
|
||||||
}) |
|
||||||
}, |
|
||||||
/*获取任务列表*/ |
|
||||||
getTask(){ |
|
||||||
getTaskPage({ |
|
||||||
pageNo: 1, |
|
||||||
pageSize: 100, |
|
||||||
}).then(res=>{ |
|
||||||
this.taskList = res.data.list; |
|
||||||
this.getList(); |
|
||||||
}) |
|
||||||
}, |
|
||||||
getTaskCate(){ |
|
||||||
getTaskCatePage({ |
|
||||||
pageNo: 1, |
|
||||||
pageSize: 100, |
|
||||||
}).then(res =>{ |
|
||||||
this.taskCateList = res.data.list; |
|
||||||
}) |
|
||||||
}, |
|
||||||
|
|
||||||
/** 查询列表 */ |
|
||||||
getList() { |
|
||||||
this.loading = true; |
|
||||||
// 处理查询参数 |
|
||||||
let params = {...this.queryParams}; |
|
||||||
this.addBeginAndEndTime(params, this.dateRangeCreateTime, 'createTime'); |
|
||||||
// 执行查询 |
|
||||||
getEventPage(params).then(response => { |
|
||||||
this.list = response.data.list; |
|
||||||
this.total = response.data.total; |
|
||||||
this.loading = false; |
|
||||||
}); |
|
||||||
}, |
|
||||||
/** 搜索条件查询列表 */ |
|
||||||
getSearchList() { |
|
||||||
this.loading = true; |
|
||||||
// 处理查询参数 |
|
||||||
let params = {...this.queryParams}; |
|
||||||
this.addBeginAndEndTime(params, this.dateRangeCreateTime, 'createTime'); |
|
||||||
// 执行查询 |
|
||||||
getEventSearchPage(params).then(response => { |
|
||||||
response.data.list.forEach(eve => { |
|
||||||
this.projectList.forEach(project =>{ |
|
||||||
if(project.id == eve.projectId){ |
|
||||||
eve.projectId = project.name; |
|
||||||
} |
|
||||||
}); |
|
||||||
this.taskList.forEach(task =>{ |
|
||||||
if (task.id == eve.taskId) { |
|
||||||
eve.taskId = task.name; |
|
||||||
} |
|
||||||
}) |
|
||||||
}); |
|
||||||
this.list = response.data.list; |
|
||||||
this.total = response.data.total; |
|
||||||
this.loading = false; |
|
||||||
}); |
|
||||||
}, |
|
||||||
|
|
||||||
/** 取消按钮 */ |
|
||||||
cancel() { |
|
||||||
this.open = false; |
|
||||||
this.reset(); |
|
||||||
}, |
|
||||||
/** 表单重置 */ |
|
||||||
reset() { |
|
||||||
this.form = { |
|
||||||
id: undefined, |
|
||||||
projectId: undefined, |
|
||||||
taskId: undefined, |
|
||||||
name: undefined, |
|
||||||
content: undefined, |
|
||||||
images: undefined, |
|
||||||
}; |
|
||||||
this.resetForm("form"); |
|
||||||
}, |
|
||||||
/** 搜索按钮操作 */ |
|
||||||
handleQuery() { |
|
||||||
this.queryParams.pageNo = 1; |
|
||||||
this.getSearchList(); |
|
||||||
}, |
|
||||||
/** 重置按钮操作 */ |
|
||||||
resetQuery() { |
|
||||||
this.dateRangeCreateTime = []; |
|
||||||
this.resetForm("queryForm"); |
|
||||||
this.handleQuery(); |
|
||||||
}, |
|
||||||
/** 新增按钮操作 */ |
|
||||||
handleAdd() { |
|
||||||
this.reset(); |
|
||||||
this.open = true; |
|
||||||
this.title = "添加农场任务事件"; |
|
||||||
}, |
|
||||||
/** 修改按钮操作 */ |
|
||||||
handleUpdate(row) { |
|
||||||
this.reset(); |
|
||||||
const id = row.id; |
|
||||||
getEvent(id).then(response => { |
|
||||||
this.form = response.data; |
|
||||||
this.open = true; |
|
||||||
this.title = "修改农场任务事件"; |
|
||||||
}); |
|
||||||
}, |
|
||||||
/** 提交按钮 */ |
|
||||||
submitForm() { |
|
||||||
this.$refs["form"].validate(valid => { |
|
||||||
if (!valid) { |
|
||||||
return; |
|
||||||
} |
|
||||||
this.judgePictureExists(); |
|
||||||
// 修改的提交 |
|
||||||
if (this.form.id != null) { |
|
||||||
updateEvent(this.form).then(response => { |
|
||||||
this.$modal.msgSuccess("修改成功"); |
|
||||||
this.open = false; |
|
||||||
this.getList(); |
|
||||||
}); |
|
||||||
return; |
|
||||||
} |
|
||||||
// 添加的提交 |
|
||||||
createEvent(this.form).then(response => { |
|
||||||
this.$modal.msgSuccess("新增成功"); |
|
||||||
this.open = false; |
|
||||||
this.getList(); |
|
||||||
}); |
|
||||||
}); |
|
||||||
}, |
|
||||||
/*判断图片是否存在*/ |
|
||||||
judgePictureExists(){ |
|
||||||
if (this.form.id != null) { |
|
||||||
if (this.form.images == "") { |
|
||||||
this.form.images = []; |
|
||||||
}else{ |
|
||||||
let imagesType = typeof(this.form.images); |
|
||||||
if (imagesType == "string") { |
|
||||||
let imgArr = this.form.images.split(",") |
|
||||||
this.form.images = imgArr; |
|
||||||
} |
|
||||||
} |
|
||||||
return; |
|
||||||
} |
|
||||||
if (this.form.images == undefined || this.form.images =="") { |
|
||||||
this.form.images = []; |
|
||||||
} |
|
||||||
}, |
|
||||||
/** 删除按钮操作 */ |
|
||||||
handleDelete(row) { |
|
||||||
const id = row.id; |
|
||||||
this.$modal.confirm('是否确认删除农场任务事件编号为"' + id + '"的数据项?').then(function() { |
|
||||||
return deleteEvent(id); |
|
||||||
}).then(() => { |
|
||||||
this.getList(); |
|
||||||
this.$modal.msgSuccess("删除成功"); |
|
||||||
}).catch(() => {}); |
|
||||||
}, |
|
||||||
/** 导出按钮操作 */ |
|
||||||
handleExport() { |
|
||||||
// 处理查询参数 |
|
||||||
let params = {...this.queryParams}; |
|
||||||
params.pageNo = undefined; |
|
||||||
params.pageSize = undefined; |
|
||||||
this.addBeginAndEndTime(params, this.dateRangeCreateTime, 'createTime'); |
|
||||||
// 执行导出 |
|
||||||
this.$modal.confirm('是否确认导出所有农场任务事件数据项?').then(() => { |
|
||||||
this.exportLoading = true; |
|
||||||
return exportEventExcel(params); |
|
||||||
}).then(response => { |
|
||||||
this.$download.excel(response, '${table.classComment}.xls'); |
|
||||||
this.exportLoading = false; |
|
||||||
}).catch(() => {}); |
|
||||||
} |
|
||||||
} |
|
||||||
}; |
|
||||||
</script> |
|
||||||
@ -1,258 +0,0 @@ |
|||||||
<template> |
|
||||||
<div class="app-container"> |
|
||||||
|
|
||||||
<!-- 搜索工作栏 --> |
|
||||||
<el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch" label-width="68px"> |
|
||||||
<el-form-item label="类型" prop="type"> |
|
||||||
<el-select v-model="queryParams.type" placeholder="请选择类型" clearable size="small"> |
|
||||||
<el-option label="请选择字典生成" value="" /> |
|
||||||
</el-select> |
|
||||||
</el-form-item> |
|
||||||
<el-form-item label="标题" prop="title"> |
|
||||||
<el-input v-model="queryParams.title" placeholder="请输入标题" clearable @keyup.enter.native="handleQuery"/> |
|
||||||
</el-form-item> |
|
||||||
<el-form-item label="用户id" prop="userId"> |
|
||||||
<el-input v-model="queryParams.userId" placeholder="请输入用户id" clearable @keyup.enter.native="handleQuery"/> |
|
||||||
</el-form-item> |
|
||||||
<el-form-item label="创建时间"> |
|
||||||
<el-date-picker v-model="dateRangeCreateTime" style="width: 240px" value-format="yyyy-MM-dd" |
|
||||||
type="daterange" range-separator="-" start-placeholder="开始日期" end-placeholder="结束日期" /> |
|
||||||
</el-form-item> |
|
||||||
<el-form-item> |
|
||||||
<el-button type="primary" icon="el-icon-search" @click="handleQuery">搜索</el-button> |
|
||||||
<el-button icon="el-icon-refresh" @click="resetQuery">重置</el-button> |
|
||||||
</el-form-item> |
|
||||||
</el-form> |
|
||||||
|
|
||||||
<!-- 操作工具栏 --> |
|
||||||
<el-row :gutter="10" class="mb8"> |
|
||||||
<!-- <el-col :span="1.5"> |
|
||||||
<el-button type="primary" plain icon="el-icon-plus" size="mini" @click="handleAdd" |
|
||||||
v-hasPermi="['farm:log-msg:create']">新增</el-button> |
|
||||||
</el-col> --> |
|
||||||
<el-col :span="1.5"> |
|
||||||
<el-button type="warning" plain icon="el-icon-download" size="mini" @click="handleExport" :loading="exportLoading" |
|
||||||
v-hasPermi="['farm:log-msg:export']">导出</el-button> |
|
||||||
</el-col> |
|
||||||
<right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar> |
|
||||||
</el-row> |
|
||||||
|
|
||||||
<!-- 列表 --> |
|
||||||
<el-table v-loading="loading" :data="list"> |
|
||||||
<el-table-column label="" align="center" prop="id" /> |
|
||||||
<el-table-column label="类型" align="center" prop="type" /> |
|
||||||
<el-table-column label="操作" align="center" prop="operation" /> |
|
||||||
<el-table-column label="标题" align="center" prop="title" /> |
|
||||||
<el-table-column label="任务内容" align="center" prop="msg" /> |
|
||||||
<el-table-column label="用户" align="center" prop="userId"> |
|
||||||
<template slot-scope="scope"> |
|
||||||
<span>{{ userConver(scope.row.userId)}}</span> |
|
||||||
</template> |
|
||||||
</el-table-column> |
|
||||||
<el-table-column label="创建时间" align="center" prop="createTime" width="180"> |
|
||||||
<template slot-scope="scope"> |
|
||||||
<span>{{ parseTime(scope.row.createTime) }}</span> |
|
||||||
</template> |
|
||||||
</el-table-column> |
|
||||||
<!-- <el-table-column label="操作" align="center" class-name="small-padding fixed-width"> |
|
||||||
<template slot-scope="scope"> |
|
||||||
<el-button size="mini" type="text" icon="el-icon-edit" @click="handleUpdate(scope.row)" |
|
||||||
v-hasPermi="['farm:log-msg:update']">修改</el-button> |
|
||||||
<el-button size="mini" type="text" icon="el-icon-delete" @click="handleDelete(scope.row)" |
|
||||||
v-hasPermi="['farm:log-msg:delete']">删除</el-button> |
|
||||||
</template> |
|
||||||
</el-table-column> --> |
|
||||||
</el-table> |
|
||||||
<!-- 分页组件 --> |
|
||||||
<pagination v-show="total > 0" :total="total" :page.sync="queryParams.pageNo" :limit.sync="queryParams.pageSize" |
|
||||||
@pagination="getList"/> |
|
||||||
|
|
||||||
<!-- 对话框(添加 / 修改) --> |
|
||||||
<el-dialog :title="title" :visible.sync="open" width="500px" append-to-body> |
|
||||||
<el-form ref="form" :model="form" :rules="rules" label-width="80px"> |
|
||||||
<el-form-item label="类型" prop="type"> |
|
||||||
<el-select v-model="form.type" placeholder="请选择类型"> |
|
||||||
<el-option label="请选择字典生成" value="" /> |
|
||||||
</el-select> |
|
||||||
</el-form-item> |
|
||||||
<el-form-item label="标题" prop="title"> |
|
||||||
<el-input v-model="form.title" placeholder="请输入标题" /> |
|
||||||
</el-form-item> |
|
||||||
<el-form-item label="用户id" prop="userId"> |
|
||||||
<el-input v-model="form.userId" placeholder="请输入用户id" /> |
|
||||||
</el-form-item> |
|
||||||
</el-form> |
|
||||||
<div slot="footer" class="dialog-footer"> |
|
||||||
<el-button type="primary" @click="submitForm">确 定</el-button> |
|
||||||
<el-button @click="cancel">取 消</el-button> |
|
||||||
</div> |
|
||||||
</el-dialog> |
|
||||||
</div> |
|
||||||
</template> |
|
||||||
|
|
||||||
<script> |
|
||||||
import { createLogMsg, updateLogMsg, deleteLogMsg, getLogMsg, getLogMsgPage, exportLogMsgExcel } from "@/api/farm/logMsg"; |
|
||||||
import {listUser} from "@/api/system/user"; |
|
||||||
|
|
||||||
export default { |
|
||||||
name: "LogMsg", |
|
||||||
components: { |
|
||||||
}, |
|
||||||
data() { |
|
||||||
return { |
|
||||||
// 遮罩层 |
|
||||||
loading: true, |
|
||||||
// 导出遮罩层 |
|
||||||
exportLoading: false, |
|
||||||
// 显示搜索条件 |
|
||||||
showSearch: true, |
|
||||||
// 总条数 |
|
||||||
total: 0, |
|
||||||
// 列表 |
|
||||||
list: [], |
|
||||||
// 弹出层标题 |
|
||||||
title: "", |
|
||||||
// 是否显示弹出层 |
|
||||||
open: false, |
|
||||||
dateRangeCreateTime: [], |
|
||||||
// 查询参数 |
|
||||||
queryParams: { |
|
||||||
pageNo: 1, |
|
||||||
pageSize: 10, |
|
||||||
type: null, |
|
||||||
title: null, |
|
||||||
userId: null, |
|
||||||
}, |
|
||||||
// 表单参数 |
|
||||||
form: {}, |
|
||||||
// 表单校验 |
|
||||||
rules: { |
|
||||||
}, |
|
||||||
|
|
||||||
systemUserList:[] |
|
||||||
}; |
|
||||||
}, |
|
||||||
created() { |
|
||||||
this.getList(); |
|
||||||
}, |
|
||||||
methods: { |
|
||||||
/** 查询列表 */ |
|
||||||
getList() { |
|
||||||
this.loading = true; |
|
||||||
// 处理查询参数 |
|
||||||
let params = {...this.queryParams}; |
|
||||||
this.addBeginAndEndTime(params, this.dateRangeCreateTime, 'createTime'); |
|
||||||
// 执行查询 |
|
||||||
getLogMsgPage(params).then(response => { |
|
||||||
this.list = response.data.list; |
|
||||||
this.total = response.data.total; |
|
||||||
this.loading = false; |
|
||||||
this.getSysUserList(); |
|
||||||
}); |
|
||||||
}, |
|
||||||
getSysUserList(){ |
|
||||||
listUser({ |
|
||||||
pageNo:1, |
|
||||||
pageSize:200 |
|
||||||
}).then(res=>{ |
|
||||||
this.systemUserList = res.data.list; |
|
||||||
}) |
|
||||||
}, |
|
||||||
/** 取消按钮 */ |
|
||||||
cancel() { |
|
||||||
this.open = false; |
|
||||||
this.reset(); |
|
||||||
}, |
|
||||||
/** 表单重置 */ |
|
||||||
reset() { |
|
||||||
this.form = { |
|
||||||
id: undefined, |
|
||||||
type: undefined, |
|
||||||
title: undefined, |
|
||||||
userId: undefined, |
|
||||||
}; |
|
||||||
this.resetForm("form"); |
|
||||||
}, |
|
||||||
/** 搜索按钮操作 */ |
|
||||||
handleQuery() { |
|
||||||
this.queryParams.pageNo = 1; |
|
||||||
this.getList(); |
|
||||||
}, |
|
||||||
/** 重置按钮操作 */ |
|
||||||
resetQuery() { |
|
||||||
this.dateRangeCreateTime = []; |
|
||||||
this.resetForm("queryForm"); |
|
||||||
this.handleQuery(); |
|
||||||
}, |
|
||||||
/** 新增按钮操作 */ |
|
||||||
handleAdd() { |
|
||||||
this.reset(); |
|
||||||
this.open = true; |
|
||||||
this.title = "添加"; |
|
||||||
}, |
|
||||||
/** 修改按钮操作 */ |
|
||||||
handleUpdate(row) { |
|
||||||
this.reset(); |
|
||||||
const id = row.id; |
|
||||||
getLogMsg(id).then(response => { |
|
||||||
this.form = response.data; |
|
||||||
this.open = true; |
|
||||||
this.title = "修改"; |
|
||||||
}); |
|
||||||
}, |
|
||||||
/** 提交按钮 */ |
|
||||||
submitForm() { |
|
||||||
this.$refs["form"].validate(valid => { |
|
||||||
if (!valid) { |
|
||||||
return; |
|
||||||
} |
|
||||||
// 修改的提交 |
|
||||||
if (this.form.id != null) { |
|
||||||
updateLogMsg(this.form).then(response => { |
|
||||||
this.$modal.msgSuccess("修改成功"); |
|
||||||
this.open = false; |
|
||||||
this.getList(); |
|
||||||
}); |
|
||||||
return; |
|
||||||
} |
|
||||||
// 添加的提交 |
|
||||||
createLogMsg(this.form).then(response => { |
|
||||||
this.$modal.msgSuccess("新增成功"); |
|
||||||
this.open = false; |
|
||||||
this.getList(); |
|
||||||
}); |
|
||||||
}); |
|
||||||
}, |
|
||||||
/** 删除按钮操作 */ |
|
||||||
handleDelete(row) { |
|
||||||
const id = row.id; |
|
||||||
this.$modal.confirm('是否确认删除编号为"' + id + '"的数据项?').then(function() { |
|
||||||
return deleteLogMsg(id); |
|
||||||
}).then(() => { |
|
||||||
this.getList(); |
|
||||||
this.$modal.msgSuccess("删除成功"); |
|
||||||
}).catch(() => {}); |
|
||||||
}, |
|
||||||
/** 导出按钮操作 */ |
|
||||||
handleExport() { |
|
||||||
// 处理查询参数 |
|
||||||
let params = {...this.queryParams}; |
|
||||||
params.pageNo = undefined; |
|
||||||
params.pageSize = undefined; |
|
||||||
this.addBeginAndEndTime(params, this.dateRangeCreateTime, 'createTime'); |
|
||||||
// 执行导出 |
|
||||||
this.$modal.confirm('是否确认导出所有数据项?').then(() => { |
|
||||||
this.exportLoading = true; |
|
||||||
return exportLogMsgExcel(params); |
|
||||||
}).then(response => { |
|
||||||
this.$download.excel(response, '${table.classComment}.xls'); |
|
||||||
this.exportLoading = false; |
|
||||||
}).catch(() => {}); |
|
||||||
}, |
|
||||||
userConver(userId){ |
|
||||||
let sa = this.systemUserList.filter(user => user.id == userId)[0]; |
|
||||||
return sa == undefined ? userId : sa.nickname; |
|
||||||
} |
|
||||||
} |
|
||||||
}; |
|
||||||
</script> |
|
||||||
@ -1,584 +0,0 @@ |
|||||||
<style> |
|
||||||
.el-table .cell{ |
|
||||||
white-space: pre-line; |
|
||||||
} |
|
||||||
</style> |
|
||||||
|
|
||||||
|
|
||||||
<template> |
|
||||||
<div class="app-container"> |
|
||||||
|
|
||||||
<!-- 搜索工作栏 --> |
|
||||||
<el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch" label-width="68px"> |
|
||||||
|
|
||||||
<el-form-item label="项目名" prop="name"> |
|
||||||
<el-input v-model="queryParams.name" placeholder="请输入" clearable @keyup.enter.native="handleQuery"/> |
|
||||||
</el-form-item> |
|
||||||
<el-form-item label="状态" prop="state"> |
|
||||||
<el-select v-model="queryParams.state" filterable placeholder="请单选"> |
|
||||||
<el-option v-for="item in searchState" :key="item.id" :label="item.name" :value="item.id"> |
|
||||||
{{ item.name }} |
|
||||||
</el-option> |
|
||||||
</el-select> |
|
||||||
</el-form-item> |
|
||||||
<el-form-item label="区域" prop="areaId"> |
|
||||||
<el-select v-model="queryParams.areaId" filterable placeholder="请单选"> |
|
||||||
<el-option v-for="item in areasList" :key="item.id" :label="item.name" :value="item.id"> |
|
||||||
{{ item.name }} |
|
||||||
</el-option> |
|
||||||
</el-select> |
|
||||||
</el-form-item> |
|
||||||
<el-form-item label="成员名" prop="executorName"> |
|
||||||
<el-select v-model="queryParams.executorName" filterable placeholder="请单选"> |
|
||||||
<el-option v-for="item in membersList" :key="item.id" :label="item.name" :value="item.id"> |
|
||||||
{{ item.name }} |
|
||||||
</el-option> |
|
||||||
</el-select> |
|
||||||
</el-form-item> |
|
||||||
<el-form-item label="优先级" prop="weight"> |
|
||||||
<el-input v-model="queryParams.weight" placeholder="请输入" clearable @keyup.enter.native="handleQuery"/> |
|
||||||
</el-form-item> |
|
||||||
<!-- <el-form-item label="开始时间"> |
|
||||||
<el-date-picker v-model="dateRangePlanStartTime" style="width: 240px" value-format="yyyy-MM-dd" |
|
||||||
type="daterange" range-separator="-" start-placeholder="开始日期" end-placeholder="结束日期" /> |
|
||||||
</el-form-item> |
|
||||||
<el-form-item label="结束时间"> |
|
||||||
<el-date-picker v-model="dateRangePlanEndTime" style="width: 240px" value-format="yyyy-MM-dd" |
|
||||||
type="daterange" range-separator="-" start-placeholder="开始日期" end-placeholder="结束日期" /> |
|
||||||
</el-form-item> --> |
|
||||||
<el-form-item label="创建时间"> |
|
||||||
<el-date-picker v-model="dateRangeCreateTime" style="width: 240px" value-format="yyyy-MM-dd" |
|
||||||
type="daterange" range-separator="-" start-placeholder="开始日期" end-placeholder="结束日期" /> |
|
||||||
</el-form-item> |
|
||||||
<el-form-item> |
|
||||||
<el-button type="primary" icon="el-icon-search" @click="handleQuery">搜索</el-button> |
|
||||||
<el-button icon="el-icon-refresh" @click="resetQuery">重置</el-button> |
|
||||||
</el-form-item> |
|
||||||
</el-form> |
|
||||||
|
|
||||||
<!-- 操作工具栏 --> |
|
||||||
<el-row :gutter="10" class="mb8"> |
|
||||||
<el-col :span="1.5"> |
|
||||||
<el-button type="primary" plain icon="el-icon-plus" size="mini" @click="handleAdd" |
|
||||||
v-hasPermi="['farm:project:create']">新增</el-button> |
|
||||||
</el-col> |
|
||||||
<el-col :span="1.5"> |
|
||||||
<el-button type="warning" plain icon="el-icon-download" size="mini" @click="handleExport" :loading="exportLoading" |
|
||||||
v-hasPermi="['farm:project:export']">导出</el-button> |
|
||||||
</el-col> |
|
||||||
<el-col :span="1.5"> |
|
||||||
<el-button type="danger" size="mini" @click="dialogVisible = true">第一次进来请先看项目规则</el-button> |
|
||||||
</el-col> |
|
||||||
<right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar> |
|
||||||
</el-row> |
|
||||||
|
|
||||||
<!-- 列表 --> |
|
||||||
<el-table v-loading="loading" :data="list" stripe > |
|
||||||
<el-table-column label="ID" align="center" prop="id" /> |
|
||||||
<el-table-column label="项目状态" align="center" prop="state" > |
|
||||||
<template slot-scope="scope"> |
|
||||||
<el-button type="info" v-if="scope.row.state == 'PLAN'">计划中</el-button> |
|
||||||
<el-button type="primary" v-if="scope.row.state == 'STARTING'">进行中</el-button> |
|
||||||
<el-button type="success" v-if="scope.row.state == 'FINISH'">已完成</el-button> |
|
||||||
</template> |
|
||||||
</el-table-column> |
|
||||||
<el-table-column label="项目名" align="center" prop="name" /> |
|
||||||
<el-table-column label="区域名" align="center" prop="areas" width="180" > |
|
||||||
<template slot-scope="scope"> |
|
||||||
<span>{{areasConvert(scope.row.areas)}}</span> |
|
||||||
</template> |
|
||||||
</el-table-column> |
|
||||||
<el-table-column label="面积" align="center" prop="plantArea"/> |
|
||||||
<el-table-column label="作物名" align="center" prop="cropId" > |
|
||||||
<template slot-scope="scope"> |
|
||||||
<span> {{cropList.find(t=>t.id == scope.row.cropId ).name}} </span> |
|
||||||
</template> |
|
||||||
</el-table-column> |
|
||||||
<el-table-column label="负责人" align="center" prop="mainPerson"> |
|
||||||
<template slot-scope="scope"> |
|
||||||
<span>{{mainPersonConvert(scope.row.mainPerson)}}</span> |
|
||||||
</template> |
|
||||||
</el-table-column> |
|
||||||
<!-- <el-table-column label="项目成员" align="center" prop="members"> |
|
||||||
<template slot-scope="scope"> |
|
||||||
<span>{{membersConvert(scope.row.members)}}</span> |
|
||||||
</template> |
|
||||||
</el-table-column> --> |
|
||||||
<el-table-column label="作物图片" align="center" prop="images"> |
|
||||||
<template slot-scope="scope"> |
|
||||||
<el-image |
|
||||||
v-if="scope.row.images != null && scope.row.images[0] != null" |
|
||||||
:src="scope.row.images[0]" :preview-src-list="scope.row.images"> |
|
||||||
</el-image> |
|
||||||
</template> |
|
||||||
</el-table-column> |
|
||||||
<el-table-column label="育苗日期" align="center" prop="growSeedTime" width="180"> |
|
||||||
<template slot-scope="scope"> |
|
||||||
<span>{{ parseTime(scope.row.growSeedTime) }}</span> |
|
||||||
</template> |
|
||||||
</el-table-column> |
|
||||||
<el-table-column label="种植日期" align="center" prop="plantTime" width="180"> |
|
||||||
<template slot-scope="scope"> |
|
||||||
<span>{{ parseTime(scope.row.plantTime) }}</span> |
|
||||||
</template> |
|
||||||
</el-table-column> |
|
||||||
<el-table-column label="采收开始日期" align="center" prop="planStartTime" width="180"> |
|
||||||
<template slot-scope="scope"> |
|
||||||
<span>{{ parseTime(scope.row.planStartTime) }}</span> |
|
||||||
</template> |
|
||||||
</el-table-column> |
|
||||||
<el-table-column label="种植结束日期" align="center" prop="planEndTime" width="180"> |
|
||||||
<template slot-scope="scope"> |
|
||||||
<span>{{ parseTime(scope.row.planEndTime) }}</span> |
|
||||||
</template> |
|
||||||
</el-table-column> |
|
||||||
<el-table-column label="优先级" align="center" prop="weight" /> |
|
||||||
<el-table-column label="创建时间" align="center" prop="createTime" width="180"> |
|
||||||
<template slot-scope="scope"> |
|
||||||
<span>{{ parseTime(scope.row.createTime) }}</span> |
|
||||||
</template> |
|
||||||
</el-table-column> |
|
||||||
<el-table-column label="操作" align="center" class-name="small-padding fixed-width"> |
|
||||||
<template slot-scope="scope"> |
|
||||||
<el-button size="mini" type="text" icon="el-icon-edit" @click="handleUpdate(scope.row)" |
|
||||||
v-hasPermi="['farm:project:update']">修改</el-button> |
|
||||||
<el-button size="mini" type="text" icon="el-icon-delete" @click="handleDelete(scope.row)" |
|
||||||
v-hasPermi="['farm:project:delete']">删除</el-button> |
|
||||||
</template> |
|
||||||
</el-table-column> |
|
||||||
</el-table> |
|
||||||
<!-- 分页组件 --> |
|
||||||
<pagination v-show="total > 0" :total="total" :page.sync="queryParams.pageNo" :limit.sync="queryParams.pageSize" |
|
||||||
@pagination="getList"/> |
|
||||||
|
|
||||||
<!-- 对话框(添加 / 修改) --> |
|
||||||
<el-dialog :title="title" :visible.sync="open" :close-on-click-modal="false" width="500px" append-to-body> |
|
||||||
<el-form ref="form" :model="form" :rules="rules" label-width="80px"> |
|
||||||
<el-form-item label="项目名" prop="name"> |
|
||||||
<el-input v-model="form.name" placeholder="请输入" /> |
|
||||||
</el-form-item> |
|
||||||
<el-form-item label="区域选择" prop="assemAreaList"> |
|
||||||
<el-cascader :options="assemAreaList" :props="props" emitPath clearable ref="chooseA" v-model="form.areas"> |
|
||||||
</el-cascader> |
|
||||||
</el-form-item> |
|
||||||
<el-form-item label="种植面积" prop="plantArea"> |
|
||||||
<el-input v-model="form.plantArea" placeholder="请输入" /> |
|
||||||
</el-form-item> |
|
||||||
<el-form-item label="作物选择" prop="cropId"> |
|
||||||
<el-select v-model="form.cropId" filterable placeholder="请选择" @change="changeCrop"> |
|
||||||
<el-option v-for="item in cropList" :key="item.id" :label="item.name" :value="item.id"> {{item.name}} |
|
||||||
</el-option> |
|
||||||
</el-select> |
|
||||||
</el-form-item> |
|
||||||
<el-form-item label="负责人" prop="mainPerson"> |
|
||||||
<el-select v-model="form.mainPerson" filterable placeholder="请选择"> |
|
||||||
<el-option v-for="item in membersList" :key="item.id" :label="item.name" :value="item.id"> {{item.name}} |
|
||||||
</el-option> |
|
||||||
</el-select> |
|
||||||
</el-form-item> |
|
||||||
<!-- <el-form-item label="成员选择" prop="members"> |
|
||||||
<el-select v-model="form.members" filterable multiple placeholder="请选择"> |
|
||||||
<el-option v-for="item in membersList" :key="item.id" :label="item.name" :value="item.id"> {{item.name}} |
|
||||||
</el-option> |
|
||||||
</el-select> |
|
||||||
</el-form-item> --> |
|
||||||
<el-form-item label="育苗日期" prop="growSeedTime"> |
|
||||||
<el-date-picker clearable v-model="form.growSeedTime" type="datetime" value-format="yyyy-MM-dd HH:mm:ss" placeholder="决定项目状态" /> |
|
||||||
</el-form-item> |
|
||||||
<el-form-item label="种植日期" prop="plantTime"> |
|
||||||
<el-date-picker clearable v-model="form.plantTime" type="datetime" value-format="yyyy-MM-dd HH:mm:ss" placeholder="选择" /> |
|
||||||
</el-form-item> |
|
||||||
<el-form-item label="采收开始日期" prop="planStartTime"> |
|
||||||
<el-date-picker clearable v-model="form.planStartTime" type="datetime" value-format="yyyy-MM-dd HH:mm:ss" placeholder="选择" /> |
|
||||||
</el-form-item> |
|
||||||
<el-form-item label="种植结束日期" prop="planEndTime"> |
|
||||||
<el-date-picker clearable v-model="form.planEndTime" type="datetime" value-format="yyyy-MM-dd HH:mm:ss" placeholder="选择" /> |
|
||||||
</el-form-item> |
|
||||||
<el-form-item label="优先级" prop="weight"> |
|
||||||
<el-input v-model="form.weight" placeholder="请输入数字(1第一优先,99最后优先)" /> |
|
||||||
</el-form-item> |
|
||||||
<el-form-item label="项目状态" prop="state"> |
|
||||||
<el-radio-group v-model="form.state"> |
|
||||||
<el-radio :label="0" :disabled="true">计划中</el-radio> |
|
||||||
<el-radio :label="1" :disabled="true">进行中</el-radio> |
|
||||||
<el-radio :label="2">已完成</el-radio> |
|
||||||
</el-radio-group> |
|
||||||
</el-form-item> |
|
||||||
<el-form-item label="作物图片"> |
|
||||||
<imageUpload v-model="form.images" :disabled=true /> |
|
||||||
</el-form-item> |
|
||||||
</el-form> |
|
||||||
<div slot="footer" class="dialog-footer"> |
|
||||||
<el-button type="primary" @click="submitForm">确 定</el-button> |
|
||||||
<el-button @click="cancel">取 消</el-button> |
|
||||||
</div> |
|
||||||
</el-dialog> |
|
||||||
|
|
||||||
<!-- 项目规则提示 --> |
|
||||||
<el-dialog title="项目规则提示" :visible.sync="dialogVisible" width="70%"> |
|
||||||
<el-form label-width="80px"> |
|
||||||
<el-form-item>添加计划中的项目时，不会做任何限制，可随意添加</el-form-item> |
|
||||||
<el-form-item>项目更改为进行中的时候，会检查区域占用情况，未占用，则更改成功，并占用区域。如果区域已占用，项目无法更改为进行中</el-form-item> |
|
||||||
<el-form-item>项目的作物、区域、成员,将作为项目下任务所选择的基础信息</el-form-item> |
|
||||||
<el-form-item>进行中的项目不可以修改作物、区域</el-form-item> |
|
||||||
<el-form-item>项目更改为完成时，会检查改项目下所有任务是否完成，如果有未完成的则更改失败。更改成功会释放占用的区域</el-form-item> |
|
||||||
<el-form-item>已完成项目不可进行任务修改</el-form-item> |
|
||||||
<el-form-item>项目的状态只能由计划中 ——> 进行中 ——>已完成，不可逆向变更状态</el-form-item> |
|
||||||
</el-form> |
|
||||||
<span slot="footer" class="dialog-footer"> |
|
||||||
<el-button type="primary" @click="dialogVisible = false">确 定</el-button> |
|
||||||
</span> |
|
||||||
</el-dialog> |
|
||||||
|
|
||||||
</div> |
|
||||||
</template> |
|
||||||
|
|
||||||
<script> |
|
||||||
import { createProject, updateProject, deleteProject, getProject, getProjectPage, exportProjectExcel, getProjectSearchPage } from "@/api/farm/project"; |
|
||||||
import ImageUpload from '@/components/ImageUpload'; |
|
||||||
import Editor from '@/components/Editor'; |
|
||||||
import { getAreaPage} from "@/api/farm/area"; |
|
||||||
import { getCropPage} from "@/api/farm/crop"; |
|
||||||
import { getCpUserPage} from "@/api/system/cpUser" |
|
||||||
|
|
||||||
|
|
||||||
export default { |
|
||||||
name: "Project", |
|
||||||
components: { |
|
||||||
ImageUpload, |
|
||||||
Editor, |
|
||||||
}, |
|
||||||
data() { |
|
||||||
return { |
|
||||||
//项目规则 |
|
||||||
dialogVisible: false, |
|
||||||
// 遮罩层 |
|
||||||
loading: true, |
|
||||||
// 导出遮罩层 |
|
||||||
exportLoading: false, |
|
||||||
// 显示搜索条件 |
|
||||||
showSearch: true, |
|
||||||
// 总条数 |
|
||||||
total: 0, |
|
||||||
// 农场项目列表 |
|
||||||
list: [], |
|
||||||
// 弹出层标题 |
|
||||||
title: "", |
|
||||||
// 是否显示弹出层 |
|
||||||
open: false, |
|
||||||
dateRangePlanStartTime: [], |
|
||||||
dateRangePlanEndTime: [], |
|
||||||
dateRangeCreateTime: [], |
|
||||||
// 查询参数 |
|
||||||
queryParams: { |
|
||||||
pageNo: 1, |
|
||||||
pageSize: 10, |
|
||||||
name: null, |
|
||||||
content: null, |
|
||||||
resources: null, |
|
||||||
images: null, |
|
||||||
weight: null, |
|
||||||
areas: null, |
|
||||||
cropId: null, |
|
||||||
members: null |
|
||||||
}, |
|
||||||
// 表单参数 |
|
||||||
form: {}, |
|
||||||
props: { multiple: true , emitPath: false}, |
|
||||||
// 表单校验 |
|
||||||
rules: { |
|
||||||
name: [{ required: true, message: "不能为空", trigger: "blur" }], |
|
||||||
areas:[{ required: true, message: "不能为空", trigger: "blur" }], |
|
||||||
cropId:[{ required: true, message: "不能为空", trigger: "blur" }], |
|
||||||
members:[{ required: true, message: "不能为空", trigger: "blur" }], |
|
||||||
growSeedTime:[{ required: true, message: "不能为空", trigger: "blur" }], |
|
||||||
plantTime:[{ required: true, message: "不能为空", trigger: "blur" }], |
|
||||||
planStartTime: [{ required: true, message: "不能为空", trigger: "blur" }], |
|
||||||
planEndTime: [{ required: true, message: "不能为空", trigger: "blur" }], |
|
||||||
weight: [{ required: true, message: "不能为空", trigger: "blur" }], |
|
||||||
}, |
|
||||||
searchState:[ |
|
||||||
{id:'PLAN', name:'计划中'}, |
|
||||||
{id:'STARTING', name:'进行中'}, |
|
||||||
{id:'FINISH', name:'已完成'} |
|
||||||
], |
|
||||||
areasList:[], |
|
||||||
cropList:[], |
|
||||||
membersList:[], |
|
||||||
|
|
||||||
assemAreaList: [], |
|
||||||
areasParentList: [], |
|
||||||
areasSonList: [] |
|
||||||
}; |
|
||||||
}, |
|
||||||
created() { |
|
||||||
this.getList(); |
|
||||||
}, |
|
||||||
methods: { |
|
||||||
mainPersonConvert(mainPersonId){ |
|
||||||
let mainPerson = this.membersList.filter(item => item.id == mainPersonId)[0]; |
|
||||||
return mainPerson.name; |
|
||||||
}, |
|
||||||
membersConvert(members){ |
|
||||||
let membersName = ""; |
|
||||||
if(members != undefined){ |
|
||||||
this.membersList.forEach(item =>{ |
|
||||||
members.forEach(memberId =>{ |
|
||||||
if (memberId == item.id) { |
|
||||||
membersName += item.name +"\n"; |
|
||||||
} |
|
||||||
}) |
|
||||||
}) |
|
||||||
} |
|
||||||
|
|
||||||
return membersName; |
|
||||||
}, |
|
||||||
areasConvert(areas){ |
|
||||||
let areasName = ""; |
|
||||||
areas.forEach(selectArea =>{ |
|
||||||
let firstName = ""; |
|
||||||
let secondName = ""; |
|
||||||
let thiredName = ""; |
|
||||||
this.areasList.forEach(area => { |
|
||||||
if(area.id == selectArea){ |
|
||||||
thiredName = area.name; |
|
||||||
if(area.parentId != 0){ |
|
||||||
let tempArea = this.areasList.filter(parent => parent.id == area.parentId)[0]; |
|
||||||
secondName = tempArea.name; |
|
||||||
if(tempArea.parentId != 0){ |
|
||||||
tempArea = this.areasList.filter(parent => parent.id == tempArea.parentId)[0]; |
|
||||||
firstName = tempArea.name; |
|
||||||
} |
|
||||||
} |
|
||||||
} |
|
||||||
|
|
||||||
}) |
|
||||||
|
|
||||||
let name = ""; |
|
||||||
if(firstName != ''){ |
|
||||||
name = (firstName+"/"+secondName+"/"+thiredName+"\n"); |
|
||||||
}else{ |
|
||||||
name = (secondName+"/"+thiredName+"\n"); |
|
||||||
} |
|
||||||
areasName += name; |
|
||||||
}) |
|
||||||
return areasName; |
|
||||||
}, |
|
||||||
getCropList(){ |
|
||||||
getCropPage({ |
|
||||||
pageNo: 1, |
|
||||||
pageSize: 100 |
|
||||||
}).then(res =>{ |
|
||||||
this.cropList = res.data.list; |
|
||||||
}) |
|
||||||
}, |
|
||||||
getAreasList(){ |
|
||||||
getAreaPage({ |
|
||||||
pageNo: 1, |
|
||||||
pageSize: 100, |
|
||||||
}).then(res =>{ |
|
||||||
this.areasList = res.data.list; |
|
||||||
}) |
|
||||||
}, |
|
||||||
getCpUserList(){ |
|
||||||
getCpUserPage({ |
|
||||||
pageNo: 1, |
|
||||||
pageSize: 400 |
|
||||||
}).then(res =>{ |
|
||||||
this.membersList = res.data.list; |
|
||||||
}) |
|
||||||
}, |
|
||||||
/** 查询项目列表 */ |
|
||||||
getList() { |
|
||||||
this.getAreasList(); |
|
||||||
this.getCropList(); |
|
||||||
this.getCpUserList(); |
|
||||||
// this.assemArea(); |
|
||||||
this.loading = true; |
|
||||||
// 处理查询参数 |
|
||||||
let params = {...this.queryParams}; |
|
||||||
this.addBeginAndEndTime(params, this.dateRangePlanStartTime, 'planStartTime'); |
|
||||||
this.addBeginAndEndTime(params, this.dateRangePlanEndTime, 'planEndTime'); |
|
||||||
this.addBeginAndEndTime(params, this.dateRangeCreateTime, 'createTime'); |
|
||||||
// 执行查询 |
|
||||||
getProjectPage(params).then(response => { |
|
||||||
this.list = response.data.list; |
|
||||||
this.total = response.data.total; |
|
||||||
this.loading = false; |
|
||||||
}); |
|
||||||
}, |
|
||||||
/* 搜索条件查询项目列表*/ |
|
||||||
getSearchList(){ |
|
||||||
this.loading = true; |
|
||||||
//处理查询参数 |
|
||||||
let params = {...this.queryParams}; |
|
||||||
this.addBeginAndEndTime(params, this.dateRangePlanStartTime, 'planStartTime'); |
|
||||||
this.addBeginAndEndTime(params, this.dateRangePlanEndTime, 'planEndTime'); |
|
||||||
this.addBeginAndEndTime(params, this.dateRangeCreateTime, 'createTime'); |
|
||||||
//执行查询 |
|
||||||
getProjectPage(params).then(response =>{ |
|
||||||
this.list = response.data.list; |
|
||||||
this.total = response.data.total; |
|
||||||
this.loading = false; |
|
||||||
}) |
|
||||||
}, |
|
||||||
|
|
||||||
/** 取消按钮 */ |
|
||||||
cancel() { |
|
||||||
this.open = false; |
|
||||||
this.reset(); |
|
||||||
}, |
|
||||||
/** 表单重置 */ |
|
||||||
reset() { |
|
||||||
this.form = { |
|
||||||
id: undefined, |
|
||||||
name: undefined, |
|
||||||
content: undefined, |
|
||||||
resources: undefined, |
|
||||||
images: undefined, |
|
||||||
planStartTime: undefined, |
|
||||||
planEndTime: undefined, |
|
||||||
weight: undefined, |
|
||||||
areas: undefined, |
|
||||||
cropId:undefined, |
|
||||||
members: undefined |
|
||||||
}; |
|
||||||
this.resetForm("form"); |
|
||||||
}, |
|
||||||
/** 搜索按钮操作 */ |
|
||||||
handleQuery() { |
|
||||||
this.queryParams.pageNo = 1; |
|
||||||
this.getSearchList(); |
|
||||||
}, |
|
||||||
/** 重置按钮操作 */ |
|
||||||
resetQuery() { |
|
||||||
this.dateRangePlanStartTime = []; |
|
||||||
this.dateRangePlanEndTime = []; |
|
||||||
this.dateRangeCreateTime = []; |
|
||||||
this.resetForm("queryForm"); |
|
||||||
this.queryParams.pageNo = 1; |
|
||||||
this.getList(); |
|
||||||
}, |
|
||||||
/** 新增按钮操作 */ |
|
||||||
handleAdd() { |
|
||||||
this.reset(); |
|
||||||
this.getCpUserList(); |
|
||||||
this.assemArea(); |
|
||||||
this.open = true; |
|
||||||
this.title = "添加农场项目"; |
|
||||||
}, |
|
||||||
/** 修改按钮操作 */ |
|
||||||
handleUpdate(row) { |
|
||||||
this.reset(); |
|
||||||
this.assemArea(); |
|
||||||
const id = row.id; |
|
||||||
getProject(id).then(response => { |
|
||||||
this.form = response.data; |
|
||||||
this.open = true; |
|
||||||
this.title = "修改农场项目"; |
|
||||||
}); |
|
||||||
}, |
|
||||||
/** 提交按钮 */ |
|
||||||
submitForm() { |
|
||||||
console.log("提交信息",this.form); |
|
||||||
this.$refs["form"].validate(valid => { |
|
||||||
if (!valid) { |
|
||||||
return; |
|
||||||
} |
|
||||||
this.judgePictureExists(); |
|
||||||
// 修改的提交 |
|
||||||
if (this.form.id != null) { |
|
||||||
updateProject(this.form).then(response => { |
|
||||||
this.$modal.msgSuccess("修改成功"); |
|
||||||
this.open = false; |
|
||||||
this.getList(); |
|
||||||
}); |
|
||||||
return; |
|
||||||
} |
|
||||||
// 添加的提交 |
|
||||||
createProject(this.form).then(response => { |
|
||||||
this.$modal.msgSuccess("新增成功"); |
|
||||||
this.open = false; |
|
||||||
this.getList(); |
|
||||||
}); |
|
||||||
}); |
|
||||||
}, |
|
||||||
/*判断图片是否存在*/ |
|
||||||
judgePictureExists(){ |
|
||||||
if (this.form.id != null) { |
|
||||||
if (this.form.images == "") { |
|
||||||
this.form.images = []; |
|
||||||
}else{ |
|
||||||
let imagesType = typeof(this.form.images); |
|
||||||
if (imagesType == "string") { |
|
||||||
let imgArr = this.form.images.split(",") |
|
||||||
this.form.images = imgArr; |
|
||||||
} |
|
||||||
} |
|
||||||
return; |
|
||||||
} |
|
||||||
if (this.form.images == undefined || this.form.images =="") { |
|
||||||
this.form.images = []; |
|
||||||
} |
|
||||||
}, |
|
||||||
/** 删除按钮操作 */ |
|
||||||
handleDelete(row) { |
|
||||||
const id = row.id; |
|
||||||
this.$modal.confirm('是否确认删除农场项目编号为"' + id + '"的数据项?').then(function() { |
|
||||||
return deleteProject(id); |
|
||||||
}).then(() => { |
|
||||||
this.getList(); |
|
||||||
this.$modal.msgSuccess("删除成功"); |
|
||||||
}).catch(() => {}); |
|
||||||
}, |
|
||||||
/** 导出按钮操作 */ |
|
||||||
handleExport() { |
|
||||||
// 处理查询参数 |
|
||||||
let params = {...this.queryParams}; |
|
||||||
params.pageNo = undefined; |
|
||||||
params.pageSize = undefined; |
|
||||||
this.addBeginAndEndTime(params, this.dateRangePlanStartTime, 'planStartTime'); |
|
||||||
this.addBeginAndEndTime(params, this.dateRangePlanEndTime, 'planEndTime'); |
|
||||||
this.addBeginAndEndTime(params, this.dateRangeCreateTime, 'createTime'); |
|
||||||
// 执行导出 |
|
||||||
this.$modal.confirm('是否确认导出所有农场项目数据项?').then(() => { |
|
||||||
this.exportLoading = true; |
|
||||||
return exportProjectExcel(params); |
|
||||||
}).then(response => { |
|
||||||
this.$download.excel(response, '${table.classComment}.xls'); |
|
||||||
this.exportLoading = false; |
|
||||||
}).catch(() => {}); |
|
||||||
}, |
|
||||||
|
|
||||||
assemArea() { |
|
||||||
let parentLsit = this.areasList.filter(t => t.parentId == 0); |
|
||||||
let sonList = this.areasList.filter(s => s.parentId != 0); |
|
||||||
let firstList = []; |
|
||||||
parentLsit.forEach(p => { |
|
||||||
this.areasParentList.push(p); |
|
||||||
let secondList = []; |
|
||||||
sonList.forEach(s => { |
|
||||||
if (p.id == s.parentId) { |
|
||||||
let three = this.areasList.filter(t => t.parentId == s.id); |
|
||||||
if(three.length == 0){ |
|
||||||
secondList.push({ value: s.id, label: s.name}); |
|
||||||
}else{ |
|
||||||
let threeList = []; |
|
||||||
three.forEach(three =>{ |
|
||||||
threeList.push({value:three.id, label:three.name}) |
|
||||||
}) |
|
||||||
secondList.push({ value: s.id, label: s.name ,children:threeList}); |
|
||||||
} |
|
||||||
} |
|
||||||
}) |
|
||||||
firstList.push({ value: p.id, label: p.name, children: secondList }) |
|
||||||
}) |
|
||||||
this.assemAreaList = firstList; |
|
||||||
}, |
|
||||||
changeCrop(row){ |
|
||||||
let crop = this.cropList.filter(c => c.id == row); |
|
||||||
this.form.images = crop[0].images; |
|
||||||
} |
|
||||||
} |
|
||||||
}; |
|
||||||
</script> |
|
||||||
@ -1,373 +0,0 @@ |
|||||||
<template> |
|
||||||
<div class="app-container"> |
|
||||||
|
|
||||||
<!-- 搜索工作栏 --> |
|
||||||
<el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch" label-width="68px"> |
|
||||||
<el-form-item label="资源类型" prop="resourceType"> |
|
||||||
<el-select v-model="queryParams.resourceType" placeholder="请选择" clearable size="small"> |
|
||||||
<el-option v-for="item in resourceTypeList" :label="item.name" :value="item.id" :key="item.id" /> |
|
||||||
</el-select> |
|
||||||
</el-form-item> |
|
||||||
<el-form-item label="资源名称" prop="name"> |
|
||||||
<el-input v-model="queryParams.name" placeholder="请输入" clearable @keyup.enter.native="handleQuery"/> |
|
||||||
</el-form-item> |
|
||||||
<!-- <el-form-item label="可用事件开始"> |
|
||||||
<el-date-picker v-model="dateRangeValidityStartTime" style="width: 240px" value-format="yyyy-MM-dd" |
|
||||||
type="daterange" range-separator="-" start-placeholder="开始日期" end-placeholder="结束日期" /> |
|
||||||
</el-form-item> |
|
||||||
<el-form-item label="可用事件结束"> |
|
||||||
<el-date-picker v-model="dateRangeValidityEndTime" style="width: 240px" value-format="yyyy-MM-dd" |
|
||||||
type="daterange" range-separator="-" start-placeholder="开始日期" end-placeholder="结束日期" /> |
|
||||||
</el-form-item> --> |
|
||||||
<el-form-item label="唯一占用" prop="solo"> |
|
||||||
<el-select v-model="queryParams.solo" placeholder="唯一占用" clearable size="small"> |
|
||||||
<el-option label="是" value="true" /> |
|
||||||
<el-option label="否" value="false" /> |
|
||||||
</el-select> |
|
||||||
</el-form-item> |
|
||||||
<el-form-item label="创建时间"> |
|
||||||
<el-date-picker v-model="dateRangeCreateTime" style="width: 240px" value-format="yyyy-MM-dd" |
|
||||||
type="daterange" range-separator="-" start-placeholder="开始日期" end-placeholder="结束日期" /> |
|
||||||
</el-form-item> |
|
||||||
<el-form-item> |
|
||||||
<el-button type="primary" icon="el-icon-search" @click="handleQuery">搜索</el-button> |
|
||||||
<el-button icon="el-icon-refresh" @click="resetQuery">重置</el-button> |
|
||||||
</el-form-item> |
|
||||||
</el-form> |
|
||||||
|
|
||||||
<!-- 操作工具栏 --> |
|
||||||
<el-row :gutter="10" class="mb8"> |
|
||||||
<el-col :span="1.5"> |
|
||||||
<el-button type="primary" plain icon="el-icon-plus" size="mini" @click="handleAdd" |
|
||||||
v-hasPermi="['farm:resource:create']">新增</el-button> |
|
||||||
</el-col> |
|
||||||
<el-col :span="1.5"> |
|
||||||
<el-button type="warning" plain icon="el-icon-download" size="mini" @click="handleExport" :loading="exportLoading" |
|
||||||
v-hasPermi="['farm:resource:export']">导出</el-button> |
|
||||||
</el-col> |
|
||||||
<right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar> |
|
||||||
</el-row> |
|
||||||
|
|
||||||
<!-- 列表 --> |
|
||||||
<el-table v-loading="loading" stripe :data="list"> |
|
||||||
<el-table-column label="ID" align="center" prop="id" /> |
|
||||||
<el-table-column label="资源类型" align="center" prop="resourceType" > |
|
||||||
<template slot-scope="scope"> |
|
||||||
<span> {{resourceTypeList.find(t=>t.id == scope.row.resourceType ).name}} </span> |
|
||||||
</template> |
|
||||||
</el-table-column> |
|
||||||
<el-table-column label="名称" align="center" prop="name" /> |
|
||||||
<el-table-column label="保管人" align="center" prop="custodianId" > |
|
||||||
<template slot-scope="scope"> |
|
||||||
<span> {{custodianUserList.find(t=>t.id == scope.row.custodianId ).name}} </span> |
|
||||||
</template> |
|
||||||
</el-table-column> |
|
||||||
<el-table-column label="单位" align="center" prop="unit" /> |
|
||||||
<el-table-column label="数量" align="center" prop="number" /> |
|
||||||
<el-table-column label="图片" align="center" prop="images" > |
|
||||||
<template slot-scope="scope"> |
|
||||||
<el-image |
|
||||||
v-if="scope.row.images[0] != null" :src="scope.row.images[0]" :preview-src-list="scope.row.images"> |
|
||||||
</el-image> |
|
||||||
</template> |
|
||||||
</el-table-column> |
|
||||||
<el-table-column label="开始时间" align="center" prop="validityStartTime" width="180"> |
|
||||||
<template slot-scope="scope"> |
|
||||||
<span>{{ parseTime(scope.row.validityStartTime) }}</span> |
|
||||||
</template> |
|
||||||
</el-table-column> |
|
||||||
<el-table-column label="结束时间" align="center" prop="validityEndTime" width="180"> |
|
||||||
<template slot-scope="scope"> |
|
||||||
<span>{{ parseTime(scope.row.validityEndTime) }}</span> |
|
||||||
</template> |
|
||||||
</el-table-column> |
|
||||||
<el-table-column label="唯一" align="center" prop="solo" > |
|
||||||
<template slot-scope="scope"> |
|
||||||
<el-button type="danger" v-if="scope.row.solo">唯一</el-button> |
|
||||||
<el-button type="success" v-if="!scope.row.solo">任意</el-button> |
|
||||||
</template> |
|
||||||
</el-table-column> |
|
||||||
<el-table-column label="是否被占用" align="center" prop="occupied" > |
|
||||||
<template slot-scope="scope"> |
|
||||||
<el-button type="danger" v-if="scope.row.occupied">被占用</el-button> |
|
||||||
<el-button type="success" v-if="!scope.row.occupied">否</el-button> |
|
||||||
</template> |
|
||||||
</el-table-column> |
|
||||||
<el-table-column label="" align="center" prop="createTime" width="180"> |
|
||||||
<template slot-scope="scope"> |
|
||||||
<span>{{ parseTime(scope.row.createTime) }}</span> |
|
||||||
</template> |
|
||||||
</el-table-column> |
|
||||||
<el-table-column label="操作" align="center" class-name="small-padding fixed-width"> |
|
||||||
<template slot-scope="scope"> |
|
||||||
<el-button size="mini" type="text" icon="el-icon-edit" @click="handleUpdate(scope.row)" |
|
||||||
v-hasPermi="['farm:resource:update']">修改</el-button> |
|
||||||
<el-button size="mini" type="text" icon="el-icon-delete" @click="handleDelete(scope.row)" |
|
||||||
v-hasPermi="['farm:resource:delete']">删除</el-button> |
|
||||||
</template> |
|
||||||
</el-table-column> |
|
||||||
</el-table> |
|
||||||
<!-- 分页组件 --> |
|
||||||
<pagination v-show="total > 0" :total="total" :page.sync="queryParams.pageNo" :limit.sync="queryParams.pageSize" |
|
||||||
@pagination="getList"/> |
|
||||||
|
|
||||||
<!-- 对话框(添加 / 修改) --> |
|
||||||
<el-dialog :title="title" :visible.sync="open" :close-on-click-modal="false" width="800px" append-to-body> |
|
||||||
<el-form ref="form" :model="form" :rules="rules" label-width="120px"> |
|
||||||
<el-form-item label="资源类型：" prop="resourceType"> |
|
||||||
<el-select v-model="form.resourceType" placeholder="请选择"> |
|
||||||
<el-option v-for="item in resourceTypeList" :label="item.name" :value="item.id" :key="item.id" /> |
|
||||||
</el-select> |
|
||||||
</el-form-item> |
|
||||||
<el-form-item label="资源名称：" prop="name"> |
|
||||||
<el-input v-model="form.name" placeholder="请输入" /> |
|
||||||
</el-form-item> |
|
||||||
<el-form-item label="保管人" prop="custodianId"> |
|
||||||
<el-select v-model="form.custodianId" placeholder="请选择"> |
|
||||||
<el-option v-for="item in custodianUserList" :label="item.name" :value="item.id" :key="item.id" /> |
|
||||||
</el-select> |
|
||||||
</el-form-item> |
|
||||||
<el-form-item label="单位" prop="unit"> |
|
||||||
<el-input v-model="form.unit" placeholder="请输入: 例如：千克、个、斤" /> |
|
||||||
</el-form-item> |
|
||||||
<el-form-item label="数量" prop="number"> |
|
||||||
<el-input v-model="form.number" placeholder="请输入数字"/> |
|
||||||
</el-form-item> |
|
||||||
|
|
||||||
<el-form-item label="资源描述："> |
|
||||||
<editor v-model="form.content" :min-height="192"/> |
|
||||||
</el-form-item> |
|
||||||
<el-form-item label="图片："> |
|
||||||
<imageUpload v-model="form.images"/> |
|
||||||
</el-form-item> |
|
||||||
<el-form-item label="有效期开始：" prop="validityStartTime"> |
|
||||||
<el-date-picker clearable v-model="form.validityStartTime" type="datetime" value-format="timestamp" placeholder="选择" /> |
|
||||||
</el-form-item> |
|
||||||
<el-form-item label="有效期结束：" prop="validityEndTime"> |
|
||||||
<el-date-picker clearable v-model="form.validityEndTime" type="datetime" value-format="timestamp" placeholder="选择" /> |
|
||||||
</el-form-item> |
|
||||||
<el-form-item label="唯一占用：" prop="solo"> |
|
||||||
<el-radio-group v-model="form.solo"> |
|
||||||
<el-radio :label="false">否</el-radio> |
|
||||||
<el-radio :label="true">是</el-radio> |
|
||||||
</el-radio-group> |
|
||||||
</el-form-item> |
|
||||||
</el-form> |
|
||||||
<div slot="footer" class="dialog-footer"> |
|
||||||
<el-button type="primary" @click="submitForm">确 定</el-button> |
|
||||||
<el-button @click="cancel">取 消</el-button> |
|
||||||
</div> |
|
||||||
</el-dialog> |
|
||||||
</div> |
|
||||||
</template> |
|
||||||
|
|
||||||
<script> |
|
||||||
import { createResource, updateResource, deleteResource, getResource, getResourcePage, exportResourceExcel } from "@/api/farm/resource"; |
|
||||||
import { getResourceTypePage } from "@/api/farm/resourceType"; |
|
||||||
import { getCpUserPage } from "@/api/system/cpUser"; |
|
||||||
import ImageUpload from '@/components/ImageUpload'; |
|
||||||
import Editor from '@/components/Editor'; |
|
||||||
|
|
||||||
export default { |
|
||||||
name: "Resource", |
|
||||||
components: { |
|
||||||
ImageUpload, |
|
||||||
Editor, |
|
||||||
}, |
|
||||||
data() { |
|
||||||
return { |
|
||||||
// 遮罩层 |
|
||||||
loading: true, |
|
||||||
// 导出遮罩层 |
|
||||||
exportLoading: false, |
|
||||||
// 显示搜索条件 |
|
||||||
showSearch: true, |
|
||||||
// 总条数 |
|
||||||
total: 0, |
|
||||||
// 农场资源列表 |
|
||||||
list: [], |
|
||||||
// 弹出层标题 |
|
||||||
title: "", |
|
||||||
// 是否显示弹出层 |
|
||||||
open: false, |
|
||||||
dateRangeValidityStartTime: [], |
|
||||||
dateRangeValidityEndTime: [], |
|
||||||
dateRangeCreateTime: [], |
|
||||||
// 查询参数 |
|
||||||
queryParams: { |
|
||||||
pageNo: 1, |
|
||||||
pageSize: 10, |
|
||||||
resourceType: null, |
|
||||||
name: null, |
|
||||||
content: null, |
|
||||||
images: null, |
|
||||||
solo: null, |
|
||||||
}, |
|
||||||
// 表单参数 |
|
||||||
form: {}, |
|
||||||
// 表单校验 |
|
||||||
rules: { |
|
||||||
resourceType: [{ required: true, message: "资源类型不能为空", trigger: "blur" }], |
|
||||||
name: [{ required: true, message: "资源名称不能为空", trigger: "blur" }], |
|
||||||
validityStartTime: [{ required: true, message: "有效期开始不能为空", trigger: "blur" }], |
|
||||||
validityEndTime: [{ required: true, message: "有效期结束不能为空", trigger: "blur" }], |
|
||||||
}, |
|
||||||
resourceTypeList:[], |
|
||||||
custodianUserList:[], //保管人 |
|
||||||
}; |
|
||||||
}, |
|
||||||
created() { |
|
||||||
this.getResourceType(); |
|
||||||
this.getCustodianUser(); |
|
||||||
this.getList(); |
|
||||||
}, |
|
||||||
methods: { |
|
||||||
/** 查询列表 */ |
|
||||||
getList() { |
|
||||||
this.loading = true; |
|
||||||
// 处理查询参数 |
|
||||||
let params = {...this.queryParams}; |
|
||||||
this.addBeginAndEndTime(params, this.dateRangeValidityStartTime, 'validityStartTime'); |
|
||||||
this.addBeginAndEndTime(params, this.dateRangeValidityEndTime, 'validityEndTime'); |
|
||||||
this.addBeginAndEndTime(params, this.dateRangeCreateTime, 'createTime'); |
|
||||||
// 执行查询 |
|
||||||
getResourcePage(params).then(response => { |
|
||||||
this.list = response.data.list; |
|
||||||
this.total = response.data.total; |
|
||||||
this.loading = false; |
|
||||||
}); |
|
||||||
}, |
|
||||||
getResourceType(){ |
|
||||||
getResourceTypePage({ |
|
||||||
pageNo: 1, |
|
||||||
pageSize: 20, |
|
||||||
name: null, |
|
||||||
}).then(res=>{ |
|
||||||
this.resourceTypeList = res.data.list; |
|
||||||
}) |
|
||||||
}, |
|
||||||
getCustodianUser(){ |
|
||||||
getCpUserPage({ |
|
||||||
pageNo: 1, |
|
||||||
pageSize: 100 |
|
||||||
}).then(res =>{ |
|
||||||
this.custodianUserList = res.data.list; |
|
||||||
}) |
|
||||||
}, |
|
||||||
/** 取消按钮 */ |
|
||||||
cancel() { |
|
||||||
this.open = false; |
|
||||||
this.reset(); |
|
||||||
}, |
|
||||||
/** 表单重置 */ |
|
||||||
reset() { |
|
||||||
this.form = { |
|
||||||
id: undefined, |
|
||||||
resourceType: undefined, |
|
||||||
name: undefined, |
|
||||||
content: undefined, |
|
||||||
images: undefined, |
|
||||||
validityStartTime: undefined, |
|
||||||
validityEndTime: undefined, |
|
||||||
solo: false, |
|
||||||
}; |
|
||||||
this.resetForm("form"); |
|
||||||
}, |
|
||||||
/** 搜索按钮操作 */ |
|
||||||
handleQuery() { |
|
||||||
this.queryParams.pageNo = 1; |
|
||||||
this.getList(); |
|
||||||
}, |
|
||||||
/** 重置按钮操作 */ |
|
||||||
resetQuery() { |
|
||||||
this.dateRangeValidityStartTime = []; |
|
||||||
this.dateRangeValidityEndTime = []; |
|
||||||
this.dateRangeCreateTime = []; |
|
||||||
this.resetForm("queryForm"); |
|
||||||
this.handleQuery(); |
|
||||||
}, |
|
||||||
/** 新增按钮操作 */ |
|
||||||
handleAdd() { |
|
||||||
this.reset(); |
|
||||||
this.open = true; |
|
||||||
this.title = "添加农场资源"; |
|
||||||
}, |
|
||||||
/** 修改按钮操作 */ |
|
||||||
handleUpdate(row) { |
|
||||||
this.reset(); |
|
||||||
const id = row.id; |
|
||||||
getResource(id).then(response => { |
|
||||||
this.form = response.data; |
|
||||||
this.open = true; |
|
||||||
this.title = "修改农场资源"; |
|
||||||
}); |
|
||||||
}, |
|
||||||
/** 提交按钮 */ |
|
||||||
submitForm() { |
|
||||||
console.log("农场资源提交信息", this.form); |
|
||||||
this.$refs["form"].validate(valid => { |
|
||||||
if (!valid) { |
|
||||||
return; |
|
||||||
} |
|
||||||
this.judgePictureExists(); |
|
||||||
// 修改的提交 |
|
||||||
if (this.form.id != null) { |
|
||||||
updateResource(this.form).then(response => { |
|
||||||
this.$modal.msgSuccess("修改成功"); |
|
||||||
this.open = false; |
|
||||||
this.getList(); |
|
||||||
}); |
|
||||||
return; |
|
||||||
} |
|
||||||
// 添加的提交 |
|
||||||
createResource(this.form).then(response => { |
|
||||||
this.$modal.msgSuccess("新增成功"); |
|
||||||
this.open = false; |
|
||||||
this.getList(); |
|
||||||
}); |
|
||||||
}); |
|
||||||
}, |
|
||||||
/*判断图片是否存在*/ |
|
||||||
judgePictureExists(){ |
|
||||||
if (this.form.images == "") { |
|
||||||
this.form.images = []; |
|
||||||
}else{ |
|
||||||
let imagesType = typeof(this.form.images); |
|
||||||
if (imagesType == "string") { |
|
||||||
let imgArr = this.form.images.split(",") |
|
||||||
this.form.images = imgArr; |
|
||||||
} |
|
||||||
} |
|
||||||
return; |
|
||||||
}, |
|
||||||
/** 删除按钮操作 */ |
|
||||||
handleDelete(row) { |
|
||||||
const id = row.id; |
|
||||||
this.$modal.confirm('是否确认删除农场资源编号为"' + id + '"的数据项?').then(function() { |
|
||||||
return deleteResource(id); |
|
||||||
}).then(() => { |
|
||||||
this.getList(); |
|
||||||
this.$modal.msgSuccess("删除成功"); |
|
||||||
}).catch(() => {}); |
|
||||||
}, |
|
||||||
/** 导出按钮操作 */ |
|
||||||
handleExport() { |
|
||||||
// 处理查询参数 |
|
||||||
let params = {...this.queryParams}; |
|
||||||
params.pageNo = undefined; |
|
||||||
params.pageSize = undefined; |
|
||||||
this.addBeginAndEndTime(params, this.dateRangeValidityStartTime, 'validityStartTime'); |
|
||||||
this.addBeginAndEndTime(params, this.dateRangeValidityEndTime, 'validityEndTime'); |
|
||||||
this.addBeginAndEndTime(params, this.dateRangeCreateTime, 'createTime'); |
|
||||||
// 执行导出 |
|
||||||
this.$modal.confirm('是否确认导出所有农场资源数据项?').then(() => { |
|
||||||
this.exportLoading = true; |
|
||||||
return exportResourceExcel(params); |
|
||||||
}).then(response => { |
|
||||||
this.$download.excel(response, '${table.classComment}.xls'); |
|
||||||
this.exportLoading = false; |
|
||||||
}).catch(() => {}); |
|
||||||
} |
|
||||||
} |
|
||||||
}; |
|
||||||
</script> |
|
||||||
@ -1,214 +0,0 @@ |
|||||||
<template> |
|
||||||
<div class="app-container"> |
|
||||||
|
|
||||||
<!-- 搜索工作栏 --> |
|
||||||
<el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch" label-width="68px"> |
|
||||||
<el-form-item label="名称" prop="name"> |
|
||||||
<el-input v-model="queryParams.name" placeholder="请输入名称" clearable @keyup.enter.native="handleQuery"/> |
|
||||||
</el-form-item> |
|
||||||
<el-form-item label="创建时间筛选" label-width="100px"> |
|
||||||
<el-date-picker v-model="dateRangeCreateTime" style="width: 240px" value-format="yyyy-MM-dd" |
|
||||||
type="daterange" range-separator="-" start-placeholder="开始日期" end-placeholder="结束日期" /> |
|
||||||
</el-form-item> |
|
||||||
<el-form-item> |
|
||||||
<el-button type="primary" icon="el-icon-search" @click="handleQuery">搜索</el-button> |
|
||||||
<el-button icon="el-icon-refresh" @click="resetQuery">重置</el-button> |
|
||||||
</el-form-item> |
|
||||||
</el-form> |
|
||||||
|
|
||||||
<!-- 操作工具栏 --> |
|
||||||
<el-row :gutter="10" class="mb8"> |
|
||||||
<el-col :span="1.5"> |
|
||||||
<el-button type="primary" plain icon="el-icon-plus" size="mini" @click="handleAdd" |
|
||||||
v-hasPermi="['farm:resource-type:create']">新增</el-button> |
|
||||||
</el-col> |
|
||||||
<el-col :span="1.5"> |
|
||||||
<el-button type="warning" plain icon="el-icon-download" size="mini" @click="handleExport" :loading="exportLoading" |
|
||||||
v-hasPermi="['farm:resource-type:export']">导出</el-button> |
|
||||||
</el-col> |
|
||||||
<right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar> |
|
||||||
</el-row> |
|
||||||
|
|
||||||
<!-- 列表 --> |
|
||||||
<el-table v-loading="loading" stripe :data="list"> |
|
||||||
<el-table-column label="ID" align="center" prop="id" /> |
|
||||||
<el-table-column label="名称" align="center" prop="name" /> |
|
||||||
<el-table-column label="创建时间" align="center" prop="createTime" width="180"> |
|
||||||
<template slot-scope="scope"> |
|
||||||
<span>{{ parseTime(scope.row.createTime) }}</span> |
|
||||||
</template> |
|
||||||
</el-table-column> |
|
||||||
<el-table-column label="操作" align="center" class-name="small-padding fixed-width"> |
|
||||||
<template slot-scope="scope"> |
|
||||||
<el-button size="mini" type="text" icon="el-icon-edit" @click="handleUpdate(scope.row)" |
|
||||||
v-hasPermi="['farm:resource-type:update']">修改</el-button> |
|
||||||
<el-button size="mini" type="text" icon="el-icon-delete" @click="handleDelete(scope.row)" |
|
||||||
v-hasPermi="['farm:resource-type:delete']">删除</el-button> |
|
||||||
</template> |
|
||||||
</el-table-column> |
|
||||||
</el-table> |
|
||||||
<!-- 分页组件 --> |
|
||||||
<pagination v-show="total > 0" :total="total" :page.sync="queryParams.pageNo" :limit.sync="queryParams.pageSize" |
|
||||||
@pagination="getList"/> |
|
||||||
|
|
||||||
<!-- 对话框(添加 / 修改) --> |
|
||||||
<el-dialog :title="title" :visible.sync="open" :close-on-click-modal="false" width="600px" append-to-body> |
|
||||||
<el-form ref="form" :model="form" :rules="rules" label-width="120px"> |
|
||||||
<el-form-item label="名称：" prop="name"> |
|
||||||
<el-input v-model="form.name" placeholder="请输入" /> |
|
||||||
</el-form-item> |
|
||||||
</el-form> |
|
||||||
<div slot="footer" class="dialog-footer"> |
|
||||||
<el-button type="primary" @click="submitForm">确 定</el-button> |
|
||||||
<el-button @click="cancel">取 消</el-button> |
|
||||||
</div> |
|
||||||
</el-dialog> |
|
||||||
</div> |
|
||||||
</template> |
|
||||||
|
|
||||||
<script> |
|
||||||
import { createResourceType, updateResourceType, deleteResourceType, getResourceType, getResourceTypePage, exportResourceTypeExcel } from "@/api/farm/resourceType"; |
|
||||||
|
|
||||||
export default { |
|
||||||
name: "ResourceType", |
|
||||||
components: { |
|
||||||
}, |
|
||||||
data() { |
|
||||||
return { |
|
||||||
// 遮罩层 |
|
||||||
loading: true, |
|
||||||
// 导出遮罩层 |
|
||||||
exportLoading: false, |
|
||||||
// 显示搜索条件 |
|
||||||
showSearch: true, |
|
||||||
// 总条数 |
|
||||||
total: 0, |
|
||||||
// 农场资源分类列表 |
|
||||||
list: [], |
|
||||||
// 弹出层标题 |
|
||||||
title: "", |
|
||||||
// 是否显示弹出层 |
|
||||||
open: false, |
|
||||||
dateRangeCreateTime: [], |
|
||||||
// 查询参数 |
|
||||||
queryParams: { |
|
||||||
pageNo: 1, |
|
||||||
pageSize: 10, |
|
||||||
name: null, |
|
||||||
}, |
|
||||||
// 表单参数 |
|
||||||
form: {}, |
|
||||||
// 表单校验 |
|
||||||
rules: { |
|
||||||
} |
|
||||||
}; |
|
||||||
}, |
|
||||||
created() { |
|
||||||
this.getList(); |
|
||||||
}, |
|
||||||
methods: { |
|
||||||
/** 查询列表 */ |
|
||||||
getList() { |
|
||||||
this.loading = true; |
|
||||||
// 处理查询参数 |
|
||||||
let params = {...this.queryParams}; |
|
||||||
this.addBeginAndEndTime(params, this.dateRangeCreateTime, 'createTime'); |
|
||||||
// 执行查询 |
|
||||||
getResourceTypePage(params).then(response => { |
|
||||||
this.list = response.data.list; |
|
||||||
this.total = response.data.total; |
|
||||||
this.loading = false; |
|
||||||
}); |
|
||||||
}, |
|
||||||
/** 取消按钮 */ |
|
||||||
cancel() { |
|
||||||
this.open = false; |
|
||||||
this.reset(); |
|
||||||
}, |
|
||||||
/** 表单重置 */ |
|
||||||
reset() { |
|
||||||
this.form = { |
|
||||||
id: undefined, |
|
||||||
name: undefined, |
|
||||||
}; |
|
||||||
this.resetForm("form"); |
|
||||||
}, |
|
||||||
/** 搜索按钮操作 */ |
|
||||||
handleQuery() { |
|
||||||
this.queryParams.pageNo = 1; |
|
||||||
this.getList(); |
|
||||||
}, |
|
||||||
/** 重置按钮操作 */ |
|
||||||
resetQuery() { |
|
||||||
this.dateRangeCreateTime = []; |
|
||||||
this.resetForm("queryForm"); |
|
||||||
this.handleQuery(); |
|
||||||
}, |
|
||||||
/** 新增按钮操作 */ |
|
||||||
handleAdd() { |
|
||||||
this.reset(); |
|
||||||
this.open = true; |
|
||||||
this.title = "添加农场资源分类"; |
|
||||||
}, |
|
||||||
/** 修改按钮操作 */ |
|
||||||
handleUpdate(row) { |
|
||||||
this.reset(); |
|
||||||
const id = row.id; |
|
||||||
getResourceType(id).then(response => { |
|
||||||
this.form = response.data; |
|
||||||
this.open = true; |
|
||||||
this.title = "修改农场资源分类"; |
|
||||||
}); |
|
||||||
}, |
|
||||||
/** 提交按钮 */ |
|
||||||
submitForm() { |
|
||||||
this.$refs["form"].validate(valid => { |
|
||||||
if (!valid) { |
|
||||||
return; |
|
||||||
} |
|
||||||
// 修改的提交 |
|
||||||
if (this.form.id != null) { |
|
||||||
updateResourceType(this.form).then(response => { |
|
||||||
this.$modal.msgSuccess("修改成功"); |
|
||||||
this.open = false; |
|
||||||
this.getList(); |
|
||||||
}); |
|
||||||
return; |
|
||||||
} |
|
||||||
// 添加的提交 |
|
||||||
createResourceType(this.form).then(response => { |
|
||||||
this.$modal.msgSuccess("新增成功"); |
|
||||||
this.open = false; |
|
||||||
this.getList(); |
|
||||||
}); |
|
||||||
}); |
|
||||||
}, |
|
||||||
/** 删除按钮操作 */ |
|
||||||
handleDelete(row) { |
|
||||||
const id = row.id; |
|
||||||
this.$modal.confirm('是否确认删除农场资源分类编号为"' + id + '"的数据项?').then(function() { |
|
||||||
return deleteResourceType(id); |
|
||||||
}).then(() => { |
|
||||||
this.getList(); |
|
||||||
this.$modal.msgSuccess("删除成功"); |
|
||||||
}).catch(() => {}); |
|
||||||
}, |
|
||||||
/** 导出按钮操作 */ |
|
||||||
handleExport() { |
|
||||||
// 处理查询参数 |
|
||||||
let params = {...this.queryParams}; |
|
||||||
params.pageNo = undefined; |
|
||||||
params.pageSize = undefined; |
|
||||||
this.addBeginAndEndTime(params, this.dateRangeCreateTime, 'createTime'); |
|
||||||
// 执行导出 |
|
||||||
this.$modal.confirm('是否确认导出所有农场资源分类数据项?').then(() => { |
|
||||||
this.exportLoading = true; |
|
||||||
return exportResourceTypeExcel(params); |
|
||||||
}).then(response => { |
|
||||||
this.$download.excel(response, '${table.classComment}.xls'); |
|
||||||
this.exportLoading = false; |
|
||||||
}).catch(() => {}); |
|
||||||
} |
|
||||||
} |
|
||||||
}; |
|
||||||
</script> |
|
||||||
@ -1,767 +0,0 @@ |
|||||||
<style> |
|
||||||
.el-table .cell { |
|
||||||
white-space: pre-line; |
|
||||||
} |
|
||||||
</style> |
|
||||||
|
|
||||||
<template> |
|
||||||
<div class="app-container"> |
|
||||||
<!-- 搜索工作栏 --> |
|
||||||
<el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch" label-width="68px"> |
|
||||||
<el-form-item label="项目名" prop="projectId"> |
|
||||||
<el-select v-model="queryParams.projectId" filterable placeholder="请单选"> |
|
||||||
<el-option v-for="item in projectList" :key="item.id" :label="item.name" :value="item.id"> |
|
||||||
{{ item.name }} |
|
||||||
</el-option> |
|
||||||
</el-select> |
|
||||||
</el-form-item> |
|
||||||
<el-form-item label="负责人" prop="mainPerson"> |
|
||||||
<el-select v-model="queryParams.mainPerson" filterable placeholder="请单选"> |
|
||||||
<el-option v-for="item in cpUserList" :key="item.id" :label="item.name" :value="item.id"> |
|
||||||
{{ item.name }} |
|
||||||
</el-option> |
|
||||||
</el-select> |
|
||||||
</el-form-item> |
|
||||||
<el-form-item label="任务名" prop="taskCateId"> |
|
||||||
<el-select v-model="queryParams.taskCateId" filterable placeholder="请单选"> |
|
||||||
<el-option v-for="item in cateOneList" :key="item.id" :label="item.name" :value="item.id"> |
|
||||||
{{ item.name }} |
|
||||||
</el-option> |
|
||||||
</el-select> |
|
||||||
</el-form-item> |
|
||||||
<el-form-item label="任务内容" prop="taskCateName"> |
|
||||||
<el-select v-model="queryParams.taskCateName" filterable placeholder="请单选"> |
|
||||||
<el-option v-for="item in cateTwoList" :key="item.id" :label="item.name" :value="item.id"> |
|
||||||
{{ item.name }} |
|
||||||
</el-option> |
|
||||||
</el-select> |
|
||||||
</el-form-item> |
|
||||||
<el-form-item label="区域" prop="areaId"> |
|
||||||
<el-select v-model="queryParams.areaId" filterable placeholder="请单选"> |
|
||||||
<el-option v-for="item in areasList" :key="item.id" :label="item.name" :value="item.id"> |
|
||||||
{{ item.name }} |
|
||||||
</el-option> |
|
||||||
</el-select> |
|
||||||
</el-form-item> |
|
||||||
<el-form-item label="作物名" prop="cropId"> |
|
||||||
<el-select v-model="queryParams.cropId" filterable placeholder="请单选"> |
|
||||||
<el-option v-for="item in cropList" :key="item.id" :label="item.name" :value="item.id"> |
|
||||||
{{ item.name }} |
|
||||||
</el-option> |
|
||||||
</el-select> |
|
||||||
</el-form-item> |
|
||||||
<!-- <el-form-item label="资源名" prop="areas"> |
|
||||||
<el-select v-model="queryParams.resourceId" filterable placeholder="请单选"> |
|
||||||
<el-option v-for="item in resourceList" :key="item.id" :label="item.name" :value="item.id"> |
|
||||||
{{ item.name }} |
|
||||||
</el-option> |
|
||||||
</el-select> |
|
||||||
</el-form-item> --> |
|
||||||
<el-form-item label="创建时间"> |
|
||||||
<el-date-picker v-model="dateRangeCreateTime" style="width: 240px" value-format="yyyy-MM-dd" |
|
||||||
type="daterange" range-separator="-" start-placeholder="开始日期" end-placeholder="结束日期" /> |
|
||||||
</el-form-item> |
|
||||||
<el-form-item label="优先级" prop="weight"> |
|
||||||
<el-input v-model="queryParams.weight" placeholder="请输入优先级" clearable @keyup.enter.native="handleQuery" /> |
|
||||||
</el-form-item> |
|
||||||
<el-form-item> |
|
||||||
<el-button type="primary" icon="el-icon-search" @click="handleQuery">搜索</el-button> |
|
||||||
<el-button icon="el-icon-refresh" @click="resetQuery">重置</el-button> |
|
||||||
</el-form-item> |
|
||||||
</el-form> |
|
||||||
|
|
||||||
<!-- 操作工具栏 --> |
|
||||||
<el-row :gutter="10" class="mb8"> |
|
||||||
<el-col :span="1.5"> |
|
||||||
<el-button type="primary" plain icon="el-icon-plus" size="mini" @click="handleAdd" |
|
||||||
v-hasPermi="['farm:task:create']">新增</el-button> |
|
||||||
</el-col> |
|
||||||
<el-col :span="1.5"> |
|
||||||
<el-button type="warning" plain icon="el-icon-download" size="mini" @click="handleExport" |
|
||||||
:loading="exportLoading" v-hasPermi="['farm:task:export']">导出</el-button> |
|
||||||
</el-col> |
|
||||||
<el-col :span="1.5"> |
|
||||||
<el-button type="danger" size="mini" @click="dialogVisible = true">第一次进来请先看任务规则</el-button> |
|
||||||
</el-col> |
|
||||||
<right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar> |
|
||||||
</el-row> |
|
||||||
|
|
||||||
<!-- 列表 --> |
|
||||||
<el-table v-loading="loading" stripe :data="list"> |
|
||||||
<el-table-column label="任务ID" fixed align="center" prop="id" /> |
|
||||||
<el-table-column label="任务状态" fixed align="center" prop="status" > |
|
||||||
<template slot-scope="scope"> |
|
||||||
<el-button type="info" v-if="scope.row.status == 'PLAN'">计划中</el-button> |
|
||||||
<el-button type="info" v-if="scope.row.status == 'READY'">准备中</el-button> |
|
||||||
<el-button type="primary" v-if="scope.row.status == 'STARTED'">已开始</el-button> |
|
||||||
<el-button type="danger" v-if="scope.row.status == 'EXCEPTION'">异常状态</el-button> |
|
||||||
<el-button type="success" v-if="scope.row.status == 'COMPLETE'">任务完成</el-button> |
|
||||||
<el-button type="danger" v-if="scope.row.status == 'RETRY'">返工</el-button> |
|
||||||
<el-button type="danger" v-if="scope.row.status == 'END'">任务关闭</el-button> |
|
||||||
</template> |
|
||||||
</el-table-column> |
|
||||||
<el-table-column label="项目名" fixed align="center" prop="projectName"> |
|
||||||
<template slot-scope="scope"> |
|
||||||
<span>{{scope.row.projectName != undefind ? scope.row.projectName : scope.row.id}}</span> |
|
||||||
</template> |
|
||||||
</el-table-column> |
|
||||||
<el-table-column label="负责人" align="center" prop="mainPerson"> |
|
||||||
<template slot-scope="scope"> |
|
||||||
<span>{{scope.row.mainPersonName}}</span> |
|
||||||
</template> |
|
||||||
</el-table-column> |
|
||||||
<el-table-column label="区域" align="center" prop="areas" width="180" > |
|
||||||
<template slot-scope="scope"> |
|
||||||
<span>{{areaConvert(scope.row.areaNameList)}}</span> |
|
||||||
</template> |
|
||||||
</el-table-column> |
|
||||||
<el-table-column label="作物名" align="center" prop="cropName"> |
|
||||||
<template slot-scope="scope"> |
|
||||||
<span> {{scope.row.cropName}} </span> |
|
||||||
</template> |
|
||||||
</el-table-column> |
|
||||||
<el-table-column label="任务名" align="center" prop="taskCateId"> |
|
||||||
<template slot-scope="scope"> |
|
||||||
<span> {{scope.row.taskName}} </span> |
|
||||||
</template> |
|
||||||
</el-table-column> |
|
||||||
<el-table-column label="任务内容" align="center" prop="taskCateName"> |
|
||||||
<template slot-scope="scope"> |
|
||||||
<span> {{scope.row.taskMsg}} </span> |
|
||||||
</template> |
|
||||||
</el-table-column> |
|
||||||
<!-- <el-table-column label="需要的资源" align="center" prop="resources" width="180"> |
|
||||||
<template slot-scope="scope"> |
|
||||||
<span>{{resouceConvert(scope.row.taskResourceList)}}</span> |
|
||||||
</template> |
|
||||||
</el-table-column> --> |
|
||||||
<el-table-column label="优先级" align="center" prop="weight" /> |
|
||||||
<el-table-column label="预计执行时间" align="center" prop="planStartTime" width="180"> |
|
||||||
<template slot-scope="scope"> |
|
||||||
<span>{{ parseTime(scope.row.planStartTime) }}</span> |
|
||||||
</template> |
|
||||||
</el-table-column> |
|
||||||
<el-table-column label="创建时间" align="center" prop="createTime" width="180"> |
|
||||||
<template slot-scope="scope"> |
|
||||||
<span>{{ parseTime(scope.row.createTime) }}</span> |
|
||||||
</template> |
|
||||||
</el-table-column> |
|
||||||
<el-table-column label="操作" align="center" class-name="small-padding fixed-width"> |
|
||||||
<template slot-scope="scope"> |
|
||||||
<el-button size="mini" type="text" icon="el-icon-edit" @click="handleUpdate(scope.row)" |
|
||||||
v-hasPermi="['farm:task:update']" v-if="scope.row.status != 'COMPLETE'">修改</el-button> |
|
||||||
<el-button size="mini" type="text" icon="el-icon-delete" @click="handleDelete(scope.row)" |
|
||||||
v-hasPermi="['farm:task:delete']">撤回</el-button> |
|
||||||
</template> |
|
||||||
</el-table-column> |
|
||||||
</el-table> |
|
||||||
<!-- 分页组件 --> |
|
||||||
<pagination v-show="total > 0" :total="total" :page.sync="queryParams.pageNo" :limit.sync="queryParams.pageSize" |
|
||||||
@pagination="getList" /> |
|
||||||
|
|
||||||
<!-- 对话框(添加 / 修改) --> |
|
||||||
<el-dialog :title="title" :visible.sync="open" :close-on-click-modal="false" width="900px" append-to-body> |
|
||||||
<el-form ref="form" :model="form" :rules="rules" label-width="80px"> |
|
||||||
<el-form-item label="项目选择" prop="projectId"> |
|
||||||
<el-select v-model="form.projectId" placeholder="只能选择进行中的项目" @change="changeProject"> |
|
||||||
<el-option v-for="item in projectList" :key="item.id" :label="item.id+'/'+item.name" :value="item.id"> |
|
||||||
{{ item.name }} |
|
||||||
</el-option> |
|
||||||
</el-select> |
|
||||||
</el-form-item> |
|
||||||
<el-form-item label="作物选择" prop="cropId"> |
|
||||||
<el-select v-model="form.cropId" placeholder="请先选择项目"> |
|
||||||
<el-option v-for="item in selectCropList" :key="item.id" :label="item.name" :value="item.id"> |
|
||||||
{{ item.name }} |
|
||||||
</el-option> |
|
||||||
</el-select> |
|
||||||
</el-form-item> |
|
||||||
<el-form-item label="负责人" prop="mainPerson"> |
|
||||||
<el-select v-model="form.mainPerson" filterable placeholder="请先选择项目"> |
|
||||||
<el-option v-for="item in selectCpUserList" :key="item.id" :label="item.name" :value="item.id"> |
|
||||||
{{ item.name }} |
|
||||||
</el-option> |
|
||||||
</el-select> |
|
||||||
</el-form-item> |
|
||||||
<el-form-item label="区域选择" prop="assemAreaList"> |
|
||||||
<el-cascader :options="assemAreaList" :props="props" emitPath clearable ref="chooseA" v-model="form.areas" placeholder="请先选择项目"> |
|
||||||
</el-cascader> |
|
||||||
</el-form-item> |
|
||||||
<el-form-item label="任务类型" prop="taskCateId"> |
|
||||||
<el-select v-model="form.taskCateId" placeholder="请选择" @change="changeCateOne"> |
|
||||||
<el-option v-for="item in cateOneList" :key="item.id" :label="item.name" :value="item.id"> |
|
||||||
{{ item.name }} |
|
||||||
</el-option> |
|
||||||
</el-select> |
|
||||||
</el-form-item> |
|
||||||
<el-form-item label="任务内容" prop="taskCateName"> |
|
||||||
<el-select v-model="form.taskCateName" placeholder="请选择"> |
|
||||||
<el-option v-for="item in cateTwoList" :key="item.id" :label="item.name" :value="item.id"> |
|
||||||
{{ item.name }} |
|
||||||
</el-option> |
|
||||||
</el-select> |
|
||||||
</el-form-item> |
|
||||||
<!-- <el-button type="primary" @click="addResource">添加资源</el-button> |
|
||||||
<el-form-item label="资源选择" v-for="(item,index) in form.resources" :key="index"> |
|
||||||
<el-cascader :options="twoList" clearable v-model="item.resourceId"> |
|
||||||
</el-cascader> |
|
||||||
<el-input v-model="item.num"/> |
|
||||||
<el-button @click="deleteResource(item)">删除</el-button> |
|
||||||
</el-form-item> --> |
|
||||||
<el-form-item label="任务图片"> |
|
||||||
<imageUpload v-model="form.images" /> |
|
||||||
</el-form-item> |
|
||||||
<el-form-item label="预计执行时间" prop="planStartTime"> |
|
||||||
<el-date-picker clearable v-model="form.planStartTime" type="datetime" value-format="timestamp" |
|
||||||
placeholder="选择" /> |
|
||||||
</el-form-item> |
|
||||||
<el-form-item label="优先级" prop="weight"> |
|
||||||
<el-input v-model="form.weight" placeholder="请输入优先级" /> |
|
||||||
</el-form-item> |
|
||||||
<!-- <el-form-item label="任务状态" prop="status"> |
|
||||||
<el-radio-group v-model="form.status"> |
|
||||||
<el-radio :label="0">计划中</el-radio> |
|
||||||
<el-radio :label="1">准备中 </el-radio> |
|
||||||
<el-radio :label="2">已开始</el-radio> |
|
||||||
</el-radio-group> |
|
||||||
</el-form-item> --> |
|
||||||
<!-- <el-form-item label="状态" prop="status"> |
|
||||||
<el-select v-model="form.status" placeholder="请选择"> |
|
||||||
<el-option v-for="item in taskStatus" :key="item.id" :label="item.desc" :value="item.id"> |
|
||||||
{{ item.desc }} |
|
||||||
</el-option> |
|
||||||
</el-select> |
|
||||||
</el-form-item> --> |
|
||||||
</el-form> |
|
||||||
<div slot="footer" class="dialog-footer"> |
|
||||||
<el-button type="primary" @click="submitForm">确 定</el-button> |
|
||||||
<el-button @click="cancel">取 消</el-button> |
|
||||||
</div> |
|
||||||
</el-dialog> |
|
||||||
|
|
||||||
<!-- 项目规则提示 --> |
|
||||||
<el-dialog title="项目规则提示" :visible.sync="dialogVisible" width="70%"> |
|
||||||
<el-form label-width="80px"> |
|
||||||
<el-form-item>新增任务,只能选择进行中的任务</el-form-item> |
|
||||||
<el-form-item>作物只能选择项目的作物，负责人只能从项目成员中选择，区域只能从项目区域中选择</el-form-item> |
|
||||||
<el-form-item>任务状态为计划中、准备中，不做任何检查</el-form-item> |
|
||||||
<el-form-item>任务状态更改为进行中，会检查唯一资源占用情况，如果被占用，则更改失败。未被占用,则变成占用，更改成功</el-form-item> |
|
||||||
<el-form-item>任务状态更改为完成，会返还唯一资源数量，并更改资源为未占用</el-form-item> |
|
||||||
<el-form-item>已完成的任务不能修改任何信息，修改按钮隐藏</el-form-item> |
|
||||||
<el-form-item>任务状态由系统根据执行时间计算， 计划中、准备中的到了执行时间自动变成已开始</el-form-item> |
|
||||||
<el-form-item>执行时间不能添加今天之前的， 如果是今天 状态为已开始，如果是明天 状态为计划中</el-form-item> |
|
||||||
<el-form-item>任务状态(完成),只能由提交活动变成完成状态</el-form-item> |
|
||||||
</el-form> |
|
||||||
<span slot="footer" class="dialog-footer"> |
|
||||||
<el-button type="primary" @click="dialogVisible = false">确 定</el-button> |
|
||||||
</span> |
|
||||||
</el-dialog> |
|
||||||
|
|
||||||
</div> |
|
||||||
</template> |
|
||||||
|
|
||||||
<script> |
|
||||||
import { createTask, updateTask, deleteTask, getTask, getTaskPage, getTaskSearchPage, exportTaskExcel, getAdminTaskPage} from "@/api/farm/task"; |
|
||||||
import ImageUpload from '@/components/ImageUpload'; |
|
||||||
import Editor from '@/components/Editor'; |
|
||||||
import { getResourcePage } from "@/api/farm/resource"; |
|
||||||
import { getProjectPage } from "@/api/farm/project"; |
|
||||||
import { getCropPage } from "@/api/farm/crop"; |
|
||||||
import { getResourceTypePage } from "@/api/farm/resourceType"; |
|
||||||
import { getTaskCatePage } from "@/api/farm/taskCate"; |
|
||||||
import { getCpUserPage } from "@/api/system/cpUser"; |
|
||||||
import { getAreaPage } from "@/api/farm/area"; |
|
||||||
|
|
||||||
|
|
||||||
export default { |
|
||||||
name: "Task", |
|
||||||
components: { |
|
||||||
Editor, |
|
||||||
ImageUpload, |
|
||||||
}, |
|
||||||
data() { |
|
||||||
return { |
|
||||||
//任务规则 |
|
||||||
dialogVisible: false, |
|
||||||
// 遮罩层 |
|
||||||
loading: true, |
|
||||||
// 导出遮罩层 |
|
||||||
exportLoading: false, |
|
||||||
// 显示搜索条件 |
|
||||||
showSearch: true, |
|
||||||
// 总条数 |
|
||||||
total: 0, |
|
||||||
// 农场项目列表 |
|
||||||
list: [], |
|
||||||
// 弹出层标题 |
|
||||||
title: "", |
|
||||||
// 是否显示弹出层 |
|
||||||
open: false, |
|
||||||
dateRangePlanStartTime: [], |
|
||||||
dateRangePlanEndTime: [], |
|
||||||
dateRangeCreateTime: [], |
|
||||||
// 查询参数 |
|
||||||
queryParams: { |
|
||||||
pageNo: 1, |
|
||||||
pageSize: 10, |
|
||||||
taskCateId: null, |
|
||||||
taskCateName: null, |
|
||||||
resources: null, |
|
||||||
images: null, |
|
||||||
weight: null, |
|
||||||
projectId: null, |
|
||||||
cropId: null, |
|
||||||
cropNum: null, |
|
||||||
workingHours: null, |
|
||||||
draft: false, |
|
||||||
|
|
||||||
areaId:null, |
|
||||||
// executorName:null |
|
||||||
}, |
|
||||||
// 表单参数 |
|
||||||
form: { |
|
||||||
}, |
|
||||||
// 表单校验 |
|
||||||
rules: { |
|
||||||
projectId: [{ required: true, message: "不能为空", trigger: "blur" }], |
|
||||||
mainPerson: [{ required: true, message: "不能为空", trigger: "blur" }], |
|
||||||
cropId: [{ required: true, message: "不能为空", trigger: "blur" }], |
|
||||||
cropNum: [{ required: true, message: "不能为空", trigger: "blur" }], |
|
||||||
taskCateId: [{ required: true, message: "不能为空", trigger: "blur" }], |
|
||||||
taskCateName: [{ required: true, message: "不能为空", trigger: "blur" }], |
|
||||||
workingHours: [{ required: true, message: "不能为空", trigger: "blur" }], |
|
||||||
planStartTime: [{ required: true, message: "不能为空", trigger: "blur" }], |
|
||||||
planEndTime: [{ required: true, message: "不能为空", trigger: "blur" }], |
|
||||||
weight: [{ required: true, message: "不能为空", trigger: "blur" }], |
|
||||||
}, |
|
||||||
// taskStatus:[ |
|
||||||
// {id:0, name:"PLAN", desc:"计划中"}, |
|
||||||
// {id:1, name:"READY", desc:"准备中"}, |
|
||||||
// {id:2, name:"STARTED", desc:"已开始"}, |
|
||||||
// // {id:3, name:"EXCEPTION", desc:"异常状态"}, |
|
||||||
// // {id:4, name:"COMPLETE", desc:"任务完成"}, |
|
||||||
// // {id:5, name:"RETRY", desc:"返工"}, |
|
||||||
// // {id:6, name:"END", desc:"任务关闭"}, |
|
||||||
// ], |
|
||||||
// taskStatusSel:[], |
|
||||||
resourceList: [], |
|
||||||
selectResourceList: [], |
|
||||||
projectList: [], |
|
||||||
cropList: [], |
|
||||||
selectCropList:[], //新增修改 作物 |
|
||||||
|
|
||||||
resourceTypeList: [], |
|
||||||
resourceNumberList: [], |
|
||||||
|
|
||||||
twoList: [], |
|
||||||
props: { multiple: true , emitPath: false}, |
|
||||||
|
|
||||||
cpUserList: [], |
|
||||||
executorPerson: [], |
|
||||||
|
|
||||||
selectCpUserList: [], //新增修改 根据项目id 展示员工 |
|
||||||
|
|
||||||
taskCateAllList: [], //未组装的 |
|
||||||
taskCateList: [], //组装好的 |
|
||||||
|
|
||||||
cateOneList: [], |
|
||||||
cateTwoList: [], |
|
||||||
|
|
||||||
areasList: [], |
|
||||||
assemAreaList: [], |
|
||||||
areasParentList: [], |
|
||||||
areasSonList: [], |
|
||||||
}; |
|
||||||
}, |
|
||||||
created() { |
|
||||||
this.getTaskCateList(); |
|
||||||
this.getAreasList(); |
|
||||||
this.getProjectList(); |
|
||||||
this.getResource(); |
|
||||||
this.getCpUserList(); |
|
||||||
this.getCropList(); |
|
||||||
}, |
|
||||||
methods: { |
|
||||||
startMethod(){ |
|
||||||
this.getResource(); |
|
||||||
this.getResourceTypeList(); |
|
||||||
this.getProjectList(); |
|
||||||
this.getCpUserList(); |
|
||||||
this.getCropList(); |
|
||||||
this.getTaskCateList(); |
|
||||||
this.getAreasList(); |
|
||||||
}, |
|
||||||
executorPersonConvert(executorPerson){ |
|
||||||
let executorPersonName = ""; |
|
||||||
executorPerson.forEach(person => { |
|
||||||
executorPersonName += person + "\n"; |
|
||||||
}) |
|
||||||
return executorPersonName; |
|
||||||
}, |
|
||||||
areaConvert(area){ |
|
||||||
let areaMsg = ""; |
|
||||||
area.forEach(item =>{ |
|
||||||
areaMsg += item +"\n"; |
|
||||||
}) |
|
||||||
return areaMsg; |
|
||||||
}, |
|
||||||
resouceConvert(resources){ |
|
||||||
let resouceMsg = ""; |
|
||||||
if(resources != null){ |
|
||||||
resources.forEach(item =>{ |
|
||||||
resouceMsg += item.resourceType +"/" + item.resourceName +":" + item.num +"\n"; |
|
||||||
}) |
|
||||||
} |
|
||||||
return resouceMsg; |
|
||||||
}, |
|
||||||
addResource(){ |
|
||||||
let resourceTmp = {num:1} |
|
||||||
this.form.resources = this.form.resources.concat(resourceTmp) |
|
||||||
}, |
|
||||||
deleteResource(item){ |
|
||||||
this.form.resources = this.form.resources.filter(res => res!=item) |
|
||||||
}, |
|
||||||
getAreasList() { |
|
||||||
getAreaPage({ |
|
||||||
pageNo: 1, |
|
||||||
pageSize: 100 |
|
||||||
}).then(res => { |
|
||||||
this.areasList = res.data.list; |
|
||||||
}) |
|
||||||
}, |
|
||||||
getTaskCateList() { |
|
||||||
getTaskCatePage({ |
|
||||||
pageNo: 1, |
|
||||||
pageSize: 100 |
|
||||||
}).then(res => { |
|
||||||
this.taskCateList = res.data.list; |
|
||||||
this.taskCateAllList = res.data.list; |
|
||||||
|
|
||||||
let catefilterList = this.taskCateList.filter(t => t.parentId == 0); |
|
||||||
this.cateOneList = catefilterList; |
|
||||||
this.cateTwoList = this.taskCateList.filter(t => t.parentId != 0); |
|
||||||
let cateFirstList = []; |
|
||||||
catefilterList.forEach(one => { |
|
||||||
let cateSecondList = []; |
|
||||||
this.taskCateList.forEach(two => { |
|
||||||
if (one.id == two.parentId) { |
|
||||||
cateSecondList.push({ value: two.id, label: two.name }) |
|
||||||
} |
|
||||||
}) |
|
||||||
cateFirstList.push({ value: one.id, label: one.name, children: cateSecondList }) |
|
||||||
}); |
|
||||||
this.taskCateList = cateFirstList; |
|
||||||
}) |
|
||||||
}, |
|
||||||
getCpUserList() { |
|
||||||
getCpUserPage({ |
|
||||||
pageNo: 1, |
|
||||||
pageSize: 400 |
|
||||||
}).then(res => { |
|
||||||
this.cpUserList = res.data.list; |
|
||||||
}) |
|
||||||
}, |
|
||||||
getCropList() { |
|
||||||
getCropPage({ |
|
||||||
pageNo: 1, |
|
||||||
pageSize: 100 |
|
||||||
}).then(res => { |
|
||||||
this.cropList = res.data.list; |
|
||||||
}) |
|
||||||
}, |
|
||||||
getProjectList() { |
|
||||||
getProjectPage({ |
|
||||||
pageNo: 1, |
|
||||||
pageSize: 100, |
|
||||||
state: 'STARTING' //只看进行中的项目 |
|
||||||
}).then(res => { |
|
||||||
this.projectList = res.data.list; |
|
||||||
this.projectList.forEach(item =>{ |
|
||||||
item.name == undefined ? item.name = item.id : item.name; |
|
||||||
}) |
|
||||||
}) |
|
||||||
}, |
|
||||||
/**查询资源*/ |
|
||||||
getResource() { |
|
||||||
getResourcePage({ |
|
||||||
pageNo: 1, |
|
||||||
pageSize: 10, |
|
||||||
}).then(res => { |
|
||||||
this.resourceList = res.data.list; |
|
||||||
this.twoRescoure(); |
|
||||||
this.getList(); |
|
||||||
}) |
|
||||||
}, |
|
||||||
getResourceTypeList() { |
|
||||||
getResourceTypePage({ |
|
||||||
pageNo: 1, |
|
||||||
pageSize: 100 |
|
||||||
}).then(res => { |
|
||||||
this.resourceTypeList = res.data.list; |
|
||||||
}) |
|
||||||
}, |
|
||||||
/** 查询任务列表 */ |
|
||||||
getList() { |
|
||||||
this.loading = true; |
|
||||||
// this.assemArea(); |
|
||||||
// 处理查询参数 |
|
||||||
let params = { ...this.queryParams }; |
|
||||||
this.addBeginAndEndTime(params, this.dateRangePlanStartTime, 'planStartTime'); |
|
||||||
this.addBeginAndEndTime(params, this.dateRangePlanEndTime, 'planEndTime'); |
|
||||||
this.addBeginAndEndTime(params, this.dateRangeCreateTime, 'createTime'); |
|
||||||
|
|
||||||
getAdminTaskPage(params).then(response =>{ |
|
||||||
this.list = response.data.list; |
|
||||||
this.total = response.data.total; |
|
||||||
this.loading = false; |
|
||||||
}) |
|
||||||
|
|
||||||
}, |
|
||||||
/** 搜索条件查询任务列表 */ |
|
||||||
getSearchList() { |
|
||||||
this.loading = true; |
|
||||||
// 处理查询参数 |
|
||||||
let params = { ...this.queryParams }; |
|
||||||
this.addBeginAndEndTime(params, this.dateRangePlanStartTime, 'planStartTime'); |
|
||||||
this.addBeginAndEndTime(params, this.dateRangePlanEndTime, 'planEndTime'); |
|
||||||
this.addBeginAndEndTime(params, this.dateRangeCreateTime, 'createTime'); |
|
||||||
// 执行查询 |
|
||||||
getAdminTaskPage(params).then(response => { |
|
||||||
this.list = response.data.list; |
|
||||||
this.total = response.data.total; |
|
||||||
this.loading = false; |
|
||||||
}); |
|
||||||
}, |
|
||||||
|
|
||||||
/** 取消按钮 */ |
|
||||||
cancel() { |
|
||||||
this.open = false; |
|
||||||
this.reset(); |
|
||||||
}, |
|
||||||
/** 表单重置 */ |
|
||||||
reset() { |
|
||||||
this.form = { |
|
||||||
id: undefined, |
|
||||||
taskCateId: undefined, |
|
||||||
taskCateName: undefined, |
|
||||||
resources: [], |
|
||||||
images: undefined, |
|
||||||
planStartTime: undefined, |
|
||||||
planEndTime: undefined, |
|
||||||
weight: undefined, |
|
||||||
projectName: undefined, |
|
||||||
cropId: undefined, |
|
||||||
cropNum: undefined, |
|
||||||
mainPerson: undefined, |
|
||||||
executorPerson: undefined, |
|
||||||
workingHours: undefined, |
|
||||||
projectId:undefined, |
|
||||||
areaId:undefined, |
|
||||||
executorName:undefined |
|
||||||
}; |
|
||||||
this.selectCpUserList = []; |
|
||||||
this.resetForm("form"); |
|
||||||
}, |
|
||||||
/** 搜索按钮操作 */ |
|
||||||
handleQuery() { |
|
||||||
this.queryParams.pageNo = 1; |
|
||||||
this.getSearchList(); |
|
||||||
}, |
|
||||||
/** 重置按钮操作 */ |
|
||||||
resetQuery() { |
|
||||||
this.dateRangePlanStartTime = []; |
|
||||||
this.dateRangePlanEndTime = []; |
|
||||||
this.dateRangeCreateTime = []; |
|
||||||
this.resetForm("queryForm"); |
|
||||||
this.handleQuery(); |
|
||||||
}, |
|
||||||
/** 新增按钮操作 */ |
|
||||||
handleAdd() { |
|
||||||
this.startMethod(); |
|
||||||
this.reset(); |
|
||||||
this.twoRescoure(); |
|
||||||
// this.assemArea(); |
|
||||||
this.resourceNumberList = []; |
|
||||||
this.open = true; |
|
||||||
this.title = "添加农场任务"; |
|
||||||
}, |
|
||||||
/** 修改按钮操作 */ |
|
||||||
handleUpdate(row) { |
|
||||||
this.startMethod(); |
|
||||||
this.reset(); |
|
||||||
// this.assemArea(); |
|
||||||
const id = row.id; |
|
||||||
getTask(id).then(response => { |
|
||||||
this.form = response.data; |
|
||||||
this.open = true; |
|
||||||
this.title = "修改农场任务"; |
|
||||||
let project = this.projectList.filter(project => project.id == response.data.projectId)[0]; |
|
||||||
this.changeCpUser(project); |
|
||||||
this.showAreaByProject(project); |
|
||||||
this.selectCropList = this.cropList.filter(crop => crop.id == project.cropId); |
|
||||||
}); |
|
||||||
}, |
|
||||||
/** 提交按钮 */ |
|
||||||
submitForm() { |
|
||||||
console.log("提交按钮", this.form); |
|
||||||
this.$refs["form"].validate(valid => { |
|
||||||
if (!valid) { |
|
||||||
return; |
|
||||||
} |
|
||||||
|
|
||||||
this.judgePictureExists(); |
|
||||||
// 修改的提交 |
|
||||||
if (this.form.id != null) { |
|
||||||
updateTask(this.form).then(response => { |
|
||||||
this.$modal.msgSuccess("修改成功"); |
|
||||||
this.open = false; |
|
||||||
this.getList(); |
|
||||||
}); |
|
||||||
return; |
|
||||||
} |
|
||||||
// 添加的提交 |
|
||||||
createTask(this.form).then(response => { |
|
||||||
this.$modal.msgSuccess("新增成功"); |
|
||||||
this.open = false; |
|
||||||
this.getList(); |
|
||||||
}); |
|
||||||
}); |
|
||||||
}, |
|
||||||
/*判断图片是否存在*/ |
|
||||||
judgePictureExists(){ |
|
||||||
if (this.form.id != null) { |
|
||||||
if (this.form.images == "") { |
|
||||||
this.form.images = []; |
|
||||||
}else{ |
|
||||||
let imagesType = typeof(this.form.images); |
|
||||||
if (imagesType == "string") { |
|
||||||
let imgArr = this.form.images.split(",") |
|
||||||
this.form.images = imgArr; |
|
||||||
} |
|
||||||
} |
|
||||||
return; |
|
||||||
} |
|
||||||
if (this.form.images == undefined || this.form.images =="") { |
|
||||||
this.form.images = []; |
|
||||||
} |
|
||||||
}, |
|
||||||
/** 删除按钮操作 */ |
|
||||||
handleDelete(row) { |
|
||||||
const id = row.id; |
|
||||||
this.$modal.confirm('是否确认删除农场项目编号为"' + id + '"的数据项?').then(function () { |
|
||||||
return deleteTask(id); |
|
||||||
}).then(() => { |
|
||||||
this.getList(); |
|
||||||
this.$modal.msgSuccess("删除成功"); |
|
||||||
}).catch(() => { }); |
|
||||||
}, |
|
||||||
/** 导出按钮操作 */ |
|
||||||
handleExport() { |
|
||||||
// 处理查询参数 |
|
||||||
let params = { ...this.queryParams }; |
|
||||||
params.pageNo = undefined; |
|
||||||
params.pageSize = undefined; |
|
||||||
this.addBeginAndEndTime(params, this.dateRangePlanStartTime, 'planStartTime'); |
|
||||||
this.addBeginAndEndTime(params, this.dateRangePlanEndTime, 'planEndTime'); |
|
||||||
this.addBeginAndEndTime(params, this.dateRangeCreateTime, 'createTime'); |
|
||||||
// 执行导出 |
|
||||||
this.$modal.confirm('是否确认导出所有农场项目数据项?').then(() => { |
|
||||||
this.exportLoading = true; |
|
||||||
return exportTaskExcel(params); |
|
||||||
}).then(response => { |
|
||||||
this.$download.excel(response, '${table.classComment}.xls'); |
|
||||||
this.exportLoading = false; |
|
||||||
}).catch(() => { }); |
|
||||||
}, |
|
||||||
twoRescoure() { |
|
||||||
let firstList = []; |
|
||||||
this.resourceTypeList.forEach((type) => { |
|
||||||
let secondList = []; |
|
||||||
this.resourceList.forEach((res) => { |
|
||||||
if (res.resourceType == type.id) { |
|
||||||
secondList.push({ value: res.id, label: res.name }); |
|
||||||
} |
|
||||||
}) |
|
||||||
firstList.push({ value: type.id, label: type.name, children: secondList }); |
|
||||||
}) |
|
||||||
this.twoList = firstList; |
|
||||||
}, |
|
||||||
changeCateOne(row) { |
|
||||||
this.form.taskCateName = undefined; |
|
||||||
this.cateTwoList = this.taskCateAllList.filter(t => t.parentId == row); |
|
||||||
}, |
|
||||||
changeProject(row) { |
|
||||||
let project = this.projectList.filter(project => project.id == row)[0]; |
|
||||||
//根据项目 自动展示作物 |
|
||||||
this.form.cropId = null; |
|
||||||
this.selectCropList = this.cropList.filter(crop => crop.id == project.cropId); |
|
||||||
|
|
||||||
//根据项目 展示区域 |
|
||||||
this.form.areas = null; |
|
||||||
this.showAreaByProject(project); |
|
||||||
|
|
||||||
|
|
||||||
//清楚 可选成员数量 |
|
||||||
this.selectCpUserList = []; |
|
||||||
this.form.mainPerson = null; |
|
||||||
this.form.executorPerson = null; |
|
||||||
this.changeCpUser(project); |
|
||||||
}, |
|
||||||
changeCpUser(project){ |
|
||||||
this.selectCpUserList = this.cpUserList.filter(item => item.id == project.mainPerson); |
|
||||||
}, |
|
||||||
showAreaByProject(project){ |
|
||||||
//根据项目 展示可选区域 |
|
||||||
let first = []; |
|
||||||
let second =[]; |
|
||||||
let third =[]; |
|
||||||
this.areasList.forEach(ar =>{ |
|
||||||
project.areas.forEach(sel =>{ |
|
||||||
if(ar.id == sel){ |
|
||||||
if(ar.parentId != 0){ |
|
||||||
let parentAr = this.areasList.filter(item => item.id == ar.parentId)[0]; |
|
||||||
let thi = this.areasList.filter(item => item.id == sel)[0] |
|
||||||
if(parentAr.parentId != 0){ |
|
||||||
let ppA = this.areasList.filter(item => item.id == parentAr.parentId)[0]; |
|
||||||
first.push(ppA); |
|
||||||
second.push(parentAr); |
|
||||||
third.push(thi); |
|
||||||
}else{ |
|
||||||
first.push(parentAr); |
|
||||||
second.push(thi); |
|
||||||
} |
|
||||||
} |
|
||||||
} |
|
||||||
}) |
|
||||||
}) |
|
||||||
|
|
||||||
let setFirst = new Set(first); |
|
||||||
let setSecond = new Set(second); |
|
||||||
|
|
||||||
let oneList = []; |
|
||||||
setFirst.forEach(fi =>{ |
|
||||||
let twoList = []; |
|
||||||
setSecond.forEach(se =>{ |
|
||||||
if(se.parentId == fi.id){ |
|
||||||
let threeList = []; |
|
||||||
third.forEach(th =>{ |
|
||||||
if(th.parentId == se.id){ |
|
||||||
threeList.push({value:th.id, label:th.name}); |
|
||||||
} |
|
||||||
}) |
|
||||||
if(threeList.length != 0){ |
|
||||||
twoList.push({value:se.id, label:se.name, children:threeList}); |
|
||||||
}else{ |
|
||||||
twoList.push({value:se.id, label:se.name}); |
|
||||||
} |
|
||||||
} |
|
||||||
}) |
|
||||||
oneList.push({value:fi.id, label:fi.name, children:twoList}); |
|
||||||
}) |
|
||||||
this.assemAreaList = oneList; |
|
||||||
} |
|
||||||
|
|
||||||
|
|
||||||
} |
|
||||||
}; |
|
||||||
</script> |
|
||||||
@ -1,278 +0,0 @@ |
|||||||
<template> |
|
||||||
<div class="app-container"> |
|
||||||
|
|
||||||
<!-- 搜索工作栏 --> |
|
||||||
<el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch" label-width="68px"> |
|
||||||
|
|
||||||
<el-form-item label="名称" prop="name"> |
|
||||||
<el-input v-model="queryParams.name" placeholder="请输入" clearable @keyup.enter.native="handleQuery"/> |
|
||||||
</el-form-item> |
|
||||||
<el-form-item label="创建时间"> |
|
||||||
<el-date-picker v-model="dateRangeCreateTime" style="width: 240px" value-format="yyyy-MM-dd" |
|
||||||
type="daterange" range-separator="-" start-placeholder="开始日期" end-placeholder="结束日期" /> |
|
||||||
</el-form-item> |
|
||||||
<el-form-item> |
|
||||||
<el-button type="primary" icon="el-icon-search" @click="handleQuery">搜索</el-button> |
|
||||||
<el-button icon="el-icon-refresh" @click="resetQuery">重置</el-button> |
|
||||||
</el-form-item> |
|
||||||
</el-form> |
|
||||||
|
|
||||||
<!-- 操作工具栏 --> |
|
||||||
<el-row :gutter="10" class="mb8"> |
|
||||||
<el-col :span="1.5"> |
|
||||||
<el-button type="primary" plain icon="el-icon-plus" size="mini" @click="handleAdd" |
|
||||||
v-hasPermi="['farm:task-cate:create']">新增</el-button> |
|
||||||
</el-col> |
|
||||||
<el-col :span="1.5"> |
|
||||||
<el-button type="warning" plain icon="el-icon-download" size="mini" @click="handleExport" :loading="exportLoading" |
|
||||||
v-hasPermi="['farm:task-cate:export']">导出</el-button> |
|
||||||
</el-col> |
|
||||||
<right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar> |
|
||||||
</el-row> |
|
||||||
|
|
||||||
<!-- 列表 --> |
|
||||||
<el-table :data="list" style="width: 100%;margin-bottom: 20px;" row-key="id" border lazy |
|
||||||
:tree-props="{children: 'children', hasChildren: 'hasChildren'}"> |
|
||||||
<el-table-column prop="id" label="id" sortable width="180"></el-table-column> |
|
||||||
<el-table-column prop="name" label="名" sortable width="180"></el-table-column> |
|
||||||
<el-table-column prop="unit" label="单位" sortable width="80"></el-table-column> |
|
||||||
|
|
||||||
<el-table-column prop="synchronizeErp" label="是否同步到ERP" align="center" sortable="180"> |
|
||||||
<template slot-scope="scope"> |
|
||||||
<el-button type="success" v-if="!scope.row.synchronizeErp">否</el-button> |
|
||||||
<el-button type="danger" v-if="scope.row.synchronizeErp">是</el-button> |
|
||||||
</template> |
|
||||||
</el-table-column> |
|
||||||
|
|
||||||
<el-table-column label="创建时间" align="center" prop="createTime" width="180"> |
|
||||||
<template slot-scope="scope"> |
|
||||||
<span>{{ parseTime(scope.row.createTime) }}</span> |
|
||||||
</template> |
|
||||||
</el-table-column> |
|
||||||
<el-table-column label="操作" align="center" class-name="small-padding fixed-width"> |
|
||||||
<template slot-scope="scope"> |
|
||||||
<el-button size="mini" type="text" icon="el-icon-edit" @click="handleUpdate(scope.row)" |
|
||||||
v-hasPermi="['farm:task-cate:update']">修改</el-button> |
|
||||||
<el-button size="mini" type="text" icon="el-icon-delete" @click="handleDelete(scope.row)" |
|
||||||
v-hasPermi="['farm:task-cate:delete']">删除</el-button> |
|
||||||
</template> |
|
||||||
</el-table-column> |
|
||||||
</el-table> |
|
||||||
|
|
||||||
<!-- 分页组件 --> |
|
||||||
<pagination v-show="total > 0" :total="total" :page.sync="queryParams.pageNo" :limit.sync="queryParams.pageSize" |
|
||||||
@pagination="getList"/> |
|
||||||
|
|
||||||
<!-- 对话框(添加 / 修改) --> |
|
||||||
<el-dialog :title="title" :visible.sync="open" :close-on-click-modal="false" width="500px" append-to-body> |
|
||||||
<el-form ref="form" :model="form" :rules="rules" label-width="80px"> |
|
||||||
<el-form-item label="上级" prop="projectId"> |
|
||||||
<el-select v-model="form.parentId" placeholder="请选择"> |
|
||||||
<el-option |
|
||||||
v-for="item in parentList" |
|
||||||
:key="item.id" |
|
||||||
:label="item.name" |
|
||||||
:value="item.id"> |
|
||||||
{{item.name}} |
|
||||||
</el-option> |
|
||||||
</el-select> |
|
||||||
</el-form-item> |
|
||||||
<el-form-item label="分类名称" prop="name"> |
|
||||||
<el-input v-model="form.name" placeholder="请输入" /> |
|
||||||
</el-form-item> |
|
||||||
<el-form-item label="任务单位" prop="unit"> |
|
||||||
<el-input v-model="form.unit" placeholder="请输入" /> |
|
||||||
</el-form-item> |
|
||||||
<el-form-item label="同步到erp" prop="synchronizeErp"> |
|
||||||
<el-radio-group v-model="form.synchronizeErp"> |
|
||||||
<el-radio :label=false>不同步</el-radio> |
|
||||||
<el-radio :label=true>同步</el-radio> |
|
||||||
</el-radio-group> |
|
||||||
</el-form-item> |
|
||||||
</el-form> |
|
||||||
<div slot="footer" class="dialog-footer"> |
|
||||||
<el-button type="primary" @click="submitForm">确 定</el-button> |
|
||||||
<el-button @click="cancel">取 消</el-button> |
|
||||||
</div> |
|
||||||
</el-dialog> |
|
||||||
</div> |
|
||||||
</template> |
|
||||||
|
|
||||||
<script> |
|
||||||
import { createTaskCate, updateTaskCate, deleteTaskCate, getTaskCate, getTaskCatePage, exportTaskCateExcel } from "@/api/farm/taskCate"; |
|
||||||
|
|
||||||
export default { |
|
||||||
name: "TaskCate", |
|
||||||
components: { |
|
||||||
}, |
|
||||||
data() { |
|
||||||
return { |
|
||||||
// 遮罩层 |
|
||||||
loading: true, |
|
||||||
// 导出遮罩层 |
|
||||||
exportLoading: false, |
|
||||||
// 显示搜索条件 |
|
||||||
showSearch: true, |
|
||||||
// 总条数 |
|
||||||
total: 0, |
|
||||||
// 任务类型列表 |
|
||||||
list: [], |
|
||||||
// 弹出层标题 |
|
||||||
title: "", |
|
||||||
// 是否显示弹出层 |
|
||||||
open: false, |
|
||||||
dateRangeCreateTime: [], |
|
||||||
// 查询参数 |
|
||||||
queryParams: { |
|
||||||
pageNo: 1, |
|
||||||
pageSize: 100, |
|
||||||
parentId: null, |
|
||||||
name: null, |
|
||||||
}, |
|
||||||
// 表单参数 |
|
||||||
form: {}, |
|
||||||
// 表单校验 |
|
||||||
rules: { |
|
||||||
name: [{ required: true, message: "不能为空", trigger: "blur" }], |
|
||||||
}, |
|
||||||
|
|
||||||
cateList:[], |
|
||||||
|
|
||||||
parentList:[] |
|
||||||
}; |
|
||||||
}, |
|
||||||
created() { |
|
||||||
this.getList(); |
|
||||||
}, |
|
||||||
methods: { |
|
||||||
/** 查询列表 */ |
|
||||||
getList() { |
|
||||||
this.loading = true; |
|
||||||
// 处理查询参数 |
|
||||||
let params = {...this.queryParams}; |
|
||||||
this.addBeginAndEndTime(params, this.dateRangeCreateTime, 'createTime'); |
|
||||||
// 执行查询 |
|
||||||
getTaskCatePage(params).then(response => { |
|
||||||
this.list = response.data.list; |
|
||||||
this.total = response.data.total; |
|
||||||
|
|
||||||
this.cateList = this.list; |
|
||||||
let filterList = this.list.filter(t => t.parentId == 0); |
|
||||||
let oneList = []; |
|
||||||
if(filterList.length == 0){ |
|
||||||
//没有上级 |
|
||||||
this.list.forEach(t => { |
|
||||||
oneList.push({id:one.id, name:one.name, unit:one.unit, createTime:one.createTime, synchronizeErp:one.synchronizeErp, children:twoList}); |
|
||||||
}) |
|
||||||
}else{ |
|
||||||
filterList.forEach((one) => { |
|
||||||
let twoList = []; |
|
||||||
this.list.forEach((two) => { |
|
||||||
if(one.id == two.parentId){ |
|
||||||
twoList.push({id:two.id, name:two.name, unit:two.unit, synchronizeErp:two.synchronizeErp, createTime:two.createTime}) |
|
||||||
} |
|
||||||
}) |
|
||||||
oneList.push({id:one.id, name:one.name, unit:one.unit, createTime:one.createTime, synchronizeErp:one.synchronizeErp, children:twoList}); |
|
||||||
}) |
|
||||||
} |
|
||||||
|
|
||||||
this.list = oneList; |
|
||||||
this.loading = false; |
|
||||||
}); |
|
||||||
}, |
|
||||||
/** 取消按钮 */ |
|
||||||
cancel() { |
|
||||||
this.open = false; |
|
||||||
this.reset(); |
|
||||||
}, |
|
||||||
/** 表单重置 */ |
|
||||||
reset() { |
|
||||||
this.form = { |
|
||||||
parentId: undefined, |
|
||||||
name: undefined, |
|
||||||
}; |
|
||||||
this.resetForm("form"); |
|
||||||
}, |
|
||||||
/** 搜索按钮操作 */ |
|
||||||
handleQuery() { |
|
||||||
this.queryParams.pageNo = 1; |
|
||||||
this.getList(); |
|
||||||
}, |
|
||||||
/** 重置按钮操作 */ |
|
||||||
resetQuery() { |
|
||||||
this.dateRangeCreateTime = []; |
|
||||||
this.resetForm("queryForm"); |
|
||||||
this.handleQuery(); |
|
||||||
}, |
|
||||||
/** 新增按钮操作 */ |
|
||||||
handleAdd() { |
|
||||||
this.reset(); |
|
||||||
this.parentList = this.cateList.filter(t => t.parentId == 0); |
|
||||||
|
|
||||||
this.open = true; |
|
||||||
this.title = "添加任务类型"; |
|
||||||
}, |
|
||||||
/** 修改按钮操作 */ |
|
||||||
handleUpdate(row) { |
|
||||||
this.reset(); |
|
||||||
const id = row.id; |
|
||||||
getTaskCate(id).then(response => { |
|
||||||
this.parentList = this.cateList.filter(t => t.parentId == 0); |
|
||||||
|
|
||||||
this.form = response.data; |
|
||||||
this.open = true; |
|
||||||
this.title = "修改任务类型"; |
|
||||||
}); |
|
||||||
}, |
|
||||||
/** 提交按钮 */ |
|
||||||
submitForm() { |
|
||||||
this.$refs["form"].validate(valid => { |
|
||||||
if (!valid) { |
|
||||||
return; |
|
||||||
} |
|
||||||
// 修改的提交 |
|
||||||
if (this.form.id != null) { |
|
||||||
updateTaskCate(this.form).then(response => { |
|
||||||
this.$modal.msgSuccess("修改成功"); |
|
||||||
this.open = false; |
|
||||||
this.getList(); |
|
||||||
}); |
|
||||||
return; |
|
||||||
} |
|
||||||
// 添加的提交 |
|
||||||
createTaskCate(this.form).then(response => { |
|
||||||
this.$modal.msgSuccess("新增成功"); |
|
||||||
this.open = false; |
|
||||||
this.getList(); |
|
||||||
}); |
|
||||||
}); |
|
||||||
}, |
|
||||||
/** 删除按钮操作 */ |
|
||||||
handleDelete(row) { |
|
||||||
const id = row.id; |
|
||||||
this.$modal.confirm('是否确认删除任务类型编号为"' + id + '"的数据项?').then(function() { |
|
||||||
return deleteTaskCate(id); |
|
||||||
}).then(() => { |
|
||||||
this.getList(); |
|
||||||
this.$modal.msgSuccess("删除成功"); |
|
||||||
}).catch(() => {}); |
|
||||||
}, |
|
||||||
/** 导出按钮操作 */ |
|
||||||
handleExport() { |
|
||||||
// 处理查询参数 |
|
||||||
let params = {...this.queryParams}; |
|
||||||
params.pageNo = undefined; |
|
||||||
params.pageSize = undefined; |
|
||||||
this.addBeginAndEndTime(params, this.dateRangeCreateTime, 'createTime'); |
|
||||||
// 执行导出 |
|
||||||
this.$modal.confirm('是否确认导出所有任务类型数据项?').then(() => { |
|
||||||
this.exportLoading = true; |
|
||||||
return exportTaskCateExcel(params); |
|
||||||
}).then(response => { |
|
||||||
this.$download.excel(response, '${table.classComment}.xls'); |
|
||||||
this.exportLoading = false; |
|
||||||
}).catch(() => {}); |
|
||||||
} |
|
||||||
} |
|
||||||
}; |
|
||||||
</script> |
|
||||||
@ -1,401 +0,0 @@ |
|||||||
<template> |
|
||||||
<div class="app-container"> |
|
||||||
|
|
||||||
<!-- 搜索工作栏 --> |
|
||||||
<el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch" label-width="68px"> |
|
||||||
<el-form-item label="" prop="userId"> |
|
||||||
<el-input v-model="queryParams.userId" placeholder="请输入" clearable @keyup.enter.native="handleQuery"/> |
|
||||||
</el-form-item> |
|
||||||
<el-form-item label="" prop="projectId"> |
|
||||||
<el-input v-model="queryParams.projectId" placeholder="请输入" clearable @keyup.enter.native="handleQuery"/> |
|
||||||
</el-form-item> |
|
||||||
<el-form-item label="" prop="taskId"> |
|
||||||
<el-input v-model="queryParams.taskId" placeholder="请输入" clearable @keyup.enter.native="handleQuery"/> |
|
||||||
</el-form-item> |
|
||||||
<el-form-item label="" prop="hour"> |
|
||||||
<el-input v-model="queryParams.hour" placeholder="请输入" clearable @keyup.enter.native="handleQuery"/> |
|
||||||
</el-form-item> |
|
||||||
<el-form-item label=""> |
|
||||||
<el-date-picker v-model="dateRangeCreateTime" style="width: 240px" value-format="yyyy-MM-dd" |
|
||||||
type="daterange" range-separator="-" start-placeholder="开始日期" end-placeholder="结束日期" /> |
|
||||||
</el-form-item> |
|
||||||
<el-form-item> |
|
||||||
<el-button type="primary" icon="el-icon-search" @click="handleQuery">搜索</el-button> |
|
||||||
<el-button icon="el-icon-refresh" @click="resetQuery">重置</el-button> |
|
||||||
</el-form-item> |
|
||||||
</el-form> |
|
||||||
|
|
||||||
<!-- 操作工具栏 --> |
|
||||||
<el-row :gutter="10" class="mb8"> |
|
||||||
<el-col :span="1.5"> |
|
||||||
<el-button type="primary" plain icon="el-icon-plus" size="mini" @click="handleAdd" |
|
||||||
v-hasPermi="['farm:work-hour:create']">新增</el-button> |
|
||||||
</el-col> |
|
||||||
<el-col :span="1.5"> |
|
||||||
<el-button type="warning" plain icon="el-icon-download" size="mini" @click="handleExport" :loading="exportLoading" |
|
||||||
v-hasPermi="['farm:work-hour:export']">导出</el-button> |
|
||||||
</el-col> |
|
||||||
<right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar> |
|
||||||
</el-row> |
|
||||||
|
|
||||||
<!-- 列表 --> |
|
||||||
<el-table v-loading="loading" :data="list"> |
|
||||||
<el-table-column label="id" align="center" prop="id" /> |
|
||||||
<el-table-column label="员工名" align="center" prop="userId" > |
|
||||||
<template slot-scope="scope"> |
|
||||||
<span v-if="scope.row.userId">{{userConvert(scope.row.userId)}}</span> |
|
||||||
</template> |
|
||||||
</el-table-column> |
|
||||||
<el-table-column label="项目名" align="center" prop="projectId" > |
|
||||||
<template slot-scope="scope"> |
|
||||||
<span>{{scope.row.projectId}}</span> |
|
||||||
</template> |
|
||||||
</el-table-column> |
|
||||||
<el-table-column label="任务名" align="center" prop="taskId" > |
|
||||||
<template slot-scope="scope"> |
|
||||||
<span>{{taskConvert(scope.row.taskId)}}</span> |
|
||||||
</template> |
|
||||||
</el-table-column> |
|
||||||
<el-table-column label="工时" align="center" prop="hour" /> |
|
||||||
<el-table-column label="创建时间" align="center" prop="createTime" width="180"> |
|
||||||
<template slot-scope="scope"> |
|
||||||
<span>{{ parseTime(scope.row.createTime) }}</span> |
|
||||||
</template> |
|
||||||
</el-table-column> |
|
||||||
<!-- <el-table-column label="操作" align="center" class-name="small-padding fixed-width"> |
|
||||||
<template slot-scope="scope"> |
|
||||||
<el-button size="mini" type="text" icon="el-icon-edit" @click="handleUpdate(scope.row)" |
|
||||||
v-hasPermi="['farm:work-hour:update']">修改</el-button> |
|
||||||
<el-button size="mini" type="text" icon="el-icon-delete" @click="handleDelete(scope.row)" |
|
||||||
v-hasPermi="['farm:work-hour:delete']">删除</el-button> |
|
||||||
</template> |
|
||||||
</el-table-column> --> |
|
||||||
</el-table> |
|
||||||
<!-- 分页组件 --> |
|
||||||
<pagination v-show="total > 0" :total="total" :page.sync="queryParams.pageNo" :limit.sync="queryParams.pageSize" |
|
||||||
@pagination="getList"/> |
|
||||||
|
|
||||||
<!-- 对话框(添加 / 修改) --> |
|
||||||
<el-dialog :title="title" :visible.sync="open" :close-on-click-modal="false" width="500px" append-to-body> |
|
||||||
<el-form ref="form" :model="form" :rules="rules" label-width="80px"> |
|
||||||
<el-form-item label="项目" prop="projectId"> |
|
||||||
<el-select v-model="form.projectId" @change="chooseProject" placeholder="请选择"> |
|
||||||
<el-option |
|
||||||
v-for="item in projectList" |
|
||||||
:key="item.id" |
|
||||||
:label="item.id +'/'+item.name" |
|
||||||
:value="item.id"> |
|
||||||
{{item.name}} |
|
||||||
</el-option> |
|
||||||
</el-select> |
|
||||||
</el-form-item> |
|
||||||
<el-form-item label="任务" prop="taskId"> |
|
||||||
<el-select v-model="form.taskId" @change="chooseTask" placeholder="请选择"> |
|
||||||
<el-option |
|
||||||
v-for="item in selectTaskList" |
|
||||||
:key="item.id" |
|
||||||
:label="item.taskName +'/'+ item.taskMsg" |
|
||||||
:value="item.id" |
|
||||||
@change="chooseTask"> |
|
||||||
{{item.taskName +"/"+ item.taskMsg}} |
|
||||||
</el-option> |
|
||||||
</el-select> |
|
||||||
</el-form-item> |
|
||||||
<el-form-item label="员工" prop="userId"> |
|
||||||
<el-select v-model="form.userId" placeholder="请选择"> |
|
||||||
<el-option |
|
||||||
v-for="item in selectCpUserList" |
|
||||||
:key="item.id" |
|
||||||
:label="item.name" |
|
||||||
:value="item.id"> |
|
||||||
{{item.name}} |
|
||||||
</el-option> |
|
||||||
</el-select> |
|
||||||
</el-form-item> |
|
||||||
<el-form-item label="工时" prop="hour"> |
|
||||||
<el-input v-model="form.hour" placeholder="请输入" /> |
|
||||||
</el-form-item> |
|
||||||
</el-form> |
|
||||||
<div slot="footer" class="dialog-footer"> |
|
||||||
<el-button type="primary" @click="submitForm">确 定</el-button> |
|
||||||
<el-button @click="cancel">取 消</el-button> |
|
||||||
</div> |
|
||||||
</el-dialog> |
|
||||||
</div> |
|
||||||
</template> |
|
||||||
|
|
||||||
<script> |
|
||||||
import { createWorkHour, updateWorkHour, deleteWorkHour, getWorkHour, getWorkHourPage, exportWorkHourExcel } from "@/api/farm/workHour"; |
|
||||||
import { getProjectPage} from "@/api/farm/project"; |
|
||||||
import { getTaskPage} from "@/api/farm/task"; |
|
||||||
import { getCpUserPage} from "@/api/system/cpUser" |
|
||||||
import { getTaskCatePage} from "@/api/farm/taskCate" |
|
||||||
|
|
||||||
|
|
||||||
export default { |
|
||||||
name: "WorkHour", |
|
||||||
components: { |
|
||||||
}, |
|
||||||
data() { |
|
||||||
return { |
|
||||||
// 遮罩层 |
|
||||||
loading: true, |
|
||||||
// 导出遮罩层 |
|
||||||
exportLoading: false, |
|
||||||
// 显示搜索条件 |
|
||||||
showSearch: true, |
|
||||||
// 总条数 |
|
||||||
total: 0, |
|
||||||
// 列表 |
|
||||||
list: [], |
|
||||||
// 弹出层标题 |
|
||||||
title: "", |
|
||||||
// 是否显示弹出层 |
|
||||||
open: false, |
|
||||||
dateRangeCreateTime: [], |
|
||||||
// 查询参数 |
|
||||||
queryParams: { |
|
||||||
pageNo: 1, |
|
||||||
pageSize: 10, |
|
||||||
userId: null, |
|
||||||
projectId: null, |
|
||||||
taskId: null, |
|
||||||
hour: null, |
|
||||||
}, |
|
||||||
// 表单参数 |
|
||||||
form: {}, |
|
||||||
// 表单校验 |
|
||||||
rules: { |
|
||||||
hour: [{ required: true, message: "不能为空", trigger: "blur" }], |
|
||||||
}, |
|
||||||
|
|
||||||
projectList: [], |
|
||||||
taskList:[], |
|
||||||
selectTaskList:[], |
|
||||||
cpUserList:[], |
|
||||||
selectCpUserList:[], |
|
||||||
taskCateList:[] |
|
||||||
|
|
||||||
}; |
|
||||||
}, |
|
||||||
created() { |
|
||||||
this.getTaskCateList(); |
|
||||||
}, |
|
||||||
methods: { |
|
||||||
getTaskCateList(){ |
|
||||||
getTaskCatePage({ |
|
||||||
pageNo : 1, |
|
||||||
pageSize : 100 |
|
||||||
}).then(res =>{ |
|
||||||
this.taskCateList = res.data.list; |
|
||||||
this.getProjectPageList(); |
|
||||||
}) |
|
||||||
}, |
|
||||||
getProjectPageList(){ |
|
||||||
getProjectPage({ |
|
||||||
pageNo:1, |
|
||||||
pageSize:100 |
|
||||||
}).then(res => { |
|
||||||
this.projectList = res.data.list; |
|
||||||
this.getTaskPageList(); |
|
||||||
}) |
|
||||||
}, |
|
||||||
getTaskPageList(){ |
|
||||||
getTaskPage({ |
|
||||||
pageNo:1, |
|
||||||
pageSize:100 |
|
||||||
}).then(res => { |
|
||||||
this.taskList = res.data.list; |
|
||||||
this.getCpUserPageList(); |
|
||||||
}) |
|
||||||
}, |
|
||||||
getCpUserPageList(){ |
|
||||||
getCpUserPage({ |
|
||||||
pageNo:1, |
|
||||||
pageSize:400 |
|
||||||
}).then(res => { |
|
||||||
this.cpUserList = res.data.list; |
|
||||||
this.getList() |
|
||||||
}) |
|
||||||
}, |
|
||||||
/** 查询列表 */ |
|
||||||
getList() { |
|
||||||
this.loading = true; |
|
||||||
// 处理查询参数 |
|
||||||
let params = {...this.queryParams}; |
|
||||||
this.addBeginAndEndTime(params, this.dateRangeCreateTime, 'createTime'); |
|
||||||
// 执行查询 |
|
||||||
getWorkHourPage(params).then(response => { |
|
||||||
this.list = response.data.list; |
|
||||||
this.total = response.data.total; |
|
||||||
this.loading = false; |
|
||||||
}); |
|
||||||
}, |
|
||||||
/** 取消按钮 */ |
|
||||||
cancel() { |
|
||||||
this.open = false; |
|
||||||
this.reset(); |
|
||||||
}, |
|
||||||
/** 表单重置 */ |
|
||||||
reset() { |
|
||||||
this.form = { |
|
||||||
id: undefined, |
|
||||||
userId: undefined, |
|
||||||
projectId: undefined, |
|
||||||
taskId: undefined, |
|
||||||
hour: undefined, |
|
||||||
}; |
|
||||||
this.resetForm("form"); |
|
||||||
}, |
|
||||||
/** 搜索按钮操作 */ |
|
||||||
handleQuery() { |
|
||||||
this.queryParams.pageNo = 1; |
|
||||||
this.getList(); |
|
||||||
}, |
|
||||||
/** 重置按钮操作 */ |
|
||||||
resetQuery() { |
|
||||||
this.dateRangeCreateTime = []; |
|
||||||
this.resetForm("queryForm"); |
|
||||||
this.handleQuery(); |
|
||||||
}, |
|
||||||
/** 新增按钮操作 */ |
|
||||||
handleAdd() { |
|
||||||
this.reset(); |
|
||||||
this.open = true; |
|
||||||
this.title = "添加"; |
|
||||||
}, |
|
||||||
/** 修改按钮操作 */ |
|
||||||
handleUpdate(row) { |
|
||||||
this.reset(); |
|
||||||
this.getTaskPageList(); |
|
||||||
this.getCpUserPageList(); |
|
||||||
|
|
||||||
const id = row.id; |
|
||||||
getWorkHour(id).then(response => { |
|
||||||
let task = this.taskList.filter(t => t.id == response.data.taskId); |
|
||||||
this.form = response.data; |
|
||||||
this.taskId = task[0].name; |
|
||||||
let taskArr = this.taskList.filter(t => t.projectId == response.data.projectId); |
|
||||||
this.selectTaskList = taskArr; |
|
||||||
let userName = this.cpUserList.filter(t => t.id == response.data.userId); |
|
||||||
this.form.userId = userName[0].name; |
|
||||||
this.selectCpUserList = []; |
|
||||||
let userIdArr = []; |
|
||||||
userIdArr = JSON.parse(task[0].executorPerson); |
|
||||||
userIdArr.push(task[0].mainPerson); |
|
||||||
let userArr = []; |
|
||||||
userIdArr.forEach(item =>{ |
|
||||||
this.cpUserList.forEach(u =>{ |
|
||||||
if(u.id == item){ |
|
||||||
userArr.push(u); |
|
||||||
} |
|
||||||
}) |
|
||||||
}) |
|
||||||
let mapp = new Set(userArr); |
|
||||||
let quchong = Array.from(mapp); |
|
||||||
this.selectCpUserList = quchong; |
|
||||||
|
|
||||||
this.open = true; |
|
||||||
this.title = "修改"; |
|
||||||
|
|
||||||
}); |
|
||||||
}, |
|
||||||
/** 提交按钮 */ |
|
||||||
submitForm() { |
|
||||||
this.$refs["form"].validate(valid => { |
|
||||||
if (!valid) { |
|
||||||
return; |
|
||||||
} |
|
||||||
// 修改的提交 |
|
||||||
if (this.form.id != null) { |
|
||||||
updateWorkHour(this.form).then(response => { |
|
||||||
this.$modal.msgSuccess("修改成功"); |
|
||||||
this.open = false; |
|
||||||
this.getList(); |
|
||||||
}); |
|
||||||
return; |
|
||||||
} |
|
||||||
// 添加的提交 |
|
||||||
createWorkHour(this.form).then(response => { |
|
||||||
this.$modal.msgSuccess("新增成功"); |
|
||||||
this.open = false; |
|
||||||
this.getList(); |
|
||||||
}); |
|
||||||
}); |
|
||||||
}, |
|
||||||
/** 删除按钮操作 */ |
|
||||||
handleDelete(row) { |
|
||||||
const id = row.id; |
|
||||||
this.$modal.confirm('是否确认删除编号为"' + id + '"的数据项?').then(function() { |
|
||||||
return deleteWorkHour(id); |
|
||||||
}).then(() => { |
|
||||||
this.getList(); |
|
||||||
this.$modal.msgSuccess("删除成功"); |
|
||||||
}).catch(() => {}); |
|
||||||
}, |
|
||||||
/** 导出按钮操作 */ |
|
||||||
handleExport() { |
|
||||||
// 处理查询参数 |
|
||||||
let params = {...this.queryParams}; |
|
||||||
params.pageNo = undefined; |
|
||||||
params.pageSize = undefined; |
|
||||||
this.addBeginAndEndTime(params, this.dateRangeCreateTime, 'createTime'); |
|
||||||
// 执行导出 |
|
||||||
this.$modal.confirm('是否确认导出所有数据项?').then(() => { |
|
||||||
this.exportLoading = true; |
|
||||||
return exportWorkHourExcel(params); |
|
||||||
}).then(response => { |
|
||||||
this.$download.excel(response, '${table.classComment}.xls'); |
|
||||||
this.exportLoading = false; |
|
||||||
}).catch(() => {}); |
|
||||||
}, |
|
||||||
|
|
||||||
chooseProject(row){ |
|
||||||
this.form.taskId = undefined; |
|
||||||
this.form.userId = undefined; |
|
||||||
this.selectTaskList = []; |
|
||||||
this.selectCpUserList = []; |
|
||||||
this.taskList.forEach(item=>{ |
|
||||||
if(row == item.projectId){ |
|
||||||
this.selectTaskList.push(item); |
|
||||||
} |
|
||||||
}) |
|
||||||
|
|
||||||
}, |
|
||||||
|
|
||||||
chooseTask(row){ |
|
||||||
this.form.userId = undefined; |
|
||||||
this.selectCpUserList = []; |
|
||||||
let arr = this.selectTaskList.filter(t => t.id == row)[0]; |
|
||||||
let userIdList = []; |
|
||||||
userIdList.push(arr.mainPerson); |
|
||||||
arr.executorPerson.forEach(exe =>{ |
|
||||||
userIdList.push(exe); |
|
||||||
}) |
|
||||||
|
|
||||||
let userList = []; |
|
||||||
this.cpUserList.forEach(user =>{ |
|
||||||
userIdList.forEach(id =>{ |
|
||||||
if(user.id == id){ |
|
||||||
userList.push(user); |
|
||||||
} |
|
||||||
}) |
|
||||||
}) |
|
||||||
|
|
||||||
let mapp = new Set(userList); |
|
||||||
let quchong = Array.from(mapp); |
|
||||||
this.selectCpUserList = quchong; |
|
||||||
}, |
|
||||||
|
|
||||||
userConvert(userId){ |
|
||||||
return this.cpUserList.filter(user => user.id == userId)[0].name; |
|
||||||
}, |
|
||||||
taskConvert(taskId){ |
|
||||||
let task = this.taskList.filter(item => item.id == taskId)[0]; |
|
||||||
let cate = this.taskCateList.filter(cate => cate.id == task.taskCateId)[0].name; |
|
||||||
let cateName = this.taskCateList.filter(cate => cate.id == task.taskCateName)[0].name; |
|
||||||
return cate +"/"+ cateName; |
|
||||||
}, |
|
||||||
} |
|
||||||
}; |
|
||||||
</script> |
|
||||||
Loading…
Reference in new issue