add:任务页面

This commit is contained in:
zhangzq
2024-05-23 20:38:43 +08:00
parent d0c7534090
commit e28f6b6efc
20 changed files with 756 additions and 49 deletions

View File

@@ -0,0 +1,441 @@
<template>
<div class="app-container">
<!--工具栏-->
<div class="head-container">
<div v-if="crud.props.searchToggle">
<el-form
:inline="true"
class="demo-form-inline"
label-position="right"
label-width="80px"
label-suffix=":"
>
<el-form-item label="生产车间">
<el-select
v-model="query.product_area"
clearable
filterable
size="mini"
placeholder="区域类型"
class="filter-item"
@change="hand"
>
<el-option
v-for="item in dict.product_area"
:label="item.label"
:value="item.value"
/>
</el-select>
</el-form-item>
<el-form-item label="任务号">
<label slot="label">&nbsp;&nbsp;&nbsp;:</label>
<el-input
v-model="query.task_code"
clearable
style="width: 180px"
placeholder="任务号"
@keyup.enter.native="crud.toQuery"
/>
</el-form-item>
<el-form-item label="载具号">
<label slot="label">&nbsp;&nbsp;&nbsp;:</label>
<el-input
v-model="query.vehicle_code"
clearable
style="width: 180px"
placeholder="载具号"
@keyup.enter.native="crud.toQuery"
/>
</el-form-item>
<el-form-item label="点位编码">
<el-input
v-model="query.point_code"
clearable
style="width: 180px"
placeholder="起点"
@keyup.enter.native="crud.toQuery"
/>
</el-form-item>
<el-form-item label="任务类型">
<el-select
v-model="query.task_type"
style="width: 180px"
placeholder="任务类型"
class="filter-item"
clearable
@change="hand"
>
<el-option
v-for="item in taskTypeList"
:key="item.value"
clearable
:label="item.text"
:value="item.value"
/>
</el-select>
</el-form-item>
<el-form-item label="完成方式">
<el-select
v-model="query.finished_type"
style="width: 180px"
placeholder="完成方式"
class="filter-item"
clearable
@change="hand"
>
<el-option
v-for="item in finishTypeList"
:key="item.code"
clearable
:label="item.name"
:value="item.code"
/>
</el-select>
</el-form-item>
<el-form-item label="创建时间">
<el-date-picker
v-model="query.createTime"
type="daterange"
value-format="yyyy-MM-dd HH:mm:ss"
start-placeholder="开始日期"
end-placeholder="结束日期"
:default-time="['00:00:00', '23:59:59']"
@change="crud.toQuery"
/>
</el-form-item>
<el-form-item label="任务状态">
<el-select
v-model="task_status"
multiple
style="width: 200px"
placeholder="任务状态"
class="filter-item"
clearable
@change="handTaskStatus"
>
<el-option
label="调度中任务"
value="-1"
/>
<el-option
v-for="item in taskStatusList"
:key="item.code"
:label="item.label"
:value="item.value"
/>
</el-select>
</el-form-item>
<rrOperation />
</el-form>
</div>
<!--如果想在工具栏加入更多按钮可以使用插槽方式 slot = 'left' or 'right'-->
<span>
未完成数
<el-input
v-model="undo"
clearable
style="width: 60px"
/>
<el-button type="primary" @click="taskScheduler()">任务调度</el-button>
</span>
<crudOperation :permission="permission" />
<!--表格渲染-->
<el-table
ref="table"
v-loading="crud.loading"
:data="crud.data"
size="mini"
style="width: 100%;"
@selection-change="crud.selectionChangeHandler"
>
<el-table-column prop="task_code" label="任务编码" min-width="100" show-overflow-tooltip />
<el-table-column prop="table_fk_id" label="关联业务" min-width="100" show-overflow-tooltip />
<el-table-column v-if="true" prop="task_id" label="任务标识" min-width="150" show-overflow-tooltip />
<el-table-column v-if="true" prop="material_id" label="物料id" min-width="150" show-overflow-tooltip />
<el-table-column v-if="true" prop="material_spec" label="规格" min-width="150" show-overflow-tooltip />
<el-table-column prop="task_name" label="任务类型" :min-width="flexWidth('task_name',crud.data,'任务类型')" />
<el-table-column prop="acs_task_type" label="acs任务类型" min-width="120" show-overflow-tooltip :formatter="acsTypeName" />
<el-table-column prop="task_status" label="任务状态" width="120px" :formatter="formatTaskStatusName" />
<el-table-column prop="point_code1" label="起点" :min-width="flexWidth('point_code1',crud.data,'起点')" />
<el-table-column prop="point_code2" label="倒料点" :min-width="flexWidth('point_code2',crud.data,'终点')" />
<el-table-column prop="point_code3" label="终点" :min-width="flexWidth('point_code3',crud.data,'返回点')" />
<el-table-column prop="product_area" label="生产车间" />
<el-table-column prop="point1_region_name" label="起点区域" width="120" />
<el-table-column prop="point2_region_name" label="倒料点区域" min-width="120" show-overflow-tooltip />
<el-table-column prop="point3_region_name" label="终点区域" min-width="120" show-overflow-tooltip />
<el-table-column prop="vehicle_code" label="载具编码1" min-width="100" show-overflow-tooltip />
<el-table-column prop="vehicle_type" label="载具类型" min-width="100" show-overflow-tooltip>
<template slot-scope="scope">
{{ dict.label.vehicle_type[scope.row.vehicle_type] }}
</template>
</el-table-column>
<el-table-column prop="remark" label="提示" width="120" show-overflow-tooltip />
<el-table-column prop="finished_type" label="任务完成类型" min-width="100" show-overflow-tooltip>
<template slot-scope="scope">
{{ dict.label.task_finished_type[scope.row.finished_type] }}
</template>
</el-table-column>
<el-table-column prop="create_time" label="创建时间" width="135">
<template slot-scope="scope">
<span>{{ parseTime(scope.row.create_time) }}</span>
</template>
</el-table-column>
<el-table-column prop="update_time" label="修改时间" width="135">
<template slot-scope="scope">
<span>{{ parseTime(scope.row.update_time) }}</span>
</template>
</el-table-column>
<el-table-column prop="priority" label="任务优先级" min-width="100" show-overflow-tooltip />
<el-table-column prop="task_step" label="任务执行步骤" min-width="100" show-overflow-tooltip />
<el-table-column
v-permission="['admin','instruction:edit','instruction:del']"
fixed="right"
label="操作"
width="160px"
align="center"
>
<template slot-scope="scope">
<el-button
type="text"
icon="el-icon-upload"
@click="doOperate(scope.row, 'c')"
>下发</el-button>
<el-button
type="text"
icon="el-icon-success"
@click="doOperate(scope.row, 'a')"
>完成</el-button>
<el-button
type="text"
icon="el-icon-error"
@click="doOperate(scope.row, 'b')"
>取消</el-button>
</template>
</el-table-column>
</el-table>
<!--分页组件-->
<pagination />
</div>
<el-dialog
title="任务详情"
:fullscreen="fullscreen"
:visible.sync="viewDialogVisible"
width="30%"
>
<!-- 组件-->
<!-- <component-->
<!-- :is="currentComponent"-->
<!-- :task-uuid="task_id"-->
<!-- :dialog-visible="viewDialogVisible"-->
<!-- />-->
<span slot="footer" class="dialog-footer">
<el-button @click="viewDialogVisible = false"> </el-button>
<el-button type="primary" @click="viewDialogVisible = false"> </el-button>
</span>
</el-dialog>
</div>
</template>
<script>
import crudTask from '@/views/wms/dispatch_manage/task/task'
import CRUD, { crud, header, presenter } from '@crud/crud'
import rrOperation from '@crud/RR.operation'
import crudOperation from '@crud/CRUD.operation'
import udOperation from '@crud/UD.operation'
import pagination from '@crud/Pagination'
import Treeselect, { LOAD_CHILDREN_OPTIONS } from '@riophae/vue-treeselect'
import '@riophae/vue-treeselect/dist/vue-treeselect.css'
export default {
name: 'Task',
dicts: ['SCH_TASK_TYPE_DTL', 'vehicle_type', 'task_finished_type', 'product_area'],
components: {
pagination, crudOperation, rrOperation, Treeselect, udOperation
},
mixins: [presenter(), header(), crud()],
cruds() {
return CRUD({
title: '任务',
url: 'api/schBaseTask',
idField: 'task_id',
sort: 'task_code,desc',
crudMethod: { ...crudTask },
query: {
task_code: '',
vehicle_code: '',
start_point_code: '',
next_point_code: '',
task_type: '',
finished_type: '',
product_area: 'A1',
task_status: '-1'
},
optShow: {
add: false,
edit: false,
del: false,
download: false,
reset: true
}
})
},
data() {
return {
viewDialogVisible: false,
fullscreen: false,
currentComponent: '',
openParam: {},
undo: 0,
create_time: [],
task_status: ['-1'],
taskStatusList: [],
taskTypeList: [],
acsTaskTypeList: [],
finishTypeList: [],
permission: {
},
rules: {},
classes1: []
}
},
created() {
this.initClass1()
crudTask.getTaskStatus().then(data => {
this.taskStatusList = data
})
crudTask.getFinishType().then(data => {
this.finishTypeList = data
})
crudTask.getTaskType().then(res => {
this.taskTypeList = res
})
crudTask.undo().then(res => {
this.undo = res
})
crudTask.getAcsTaskType().then(res => {
this.acsTaskTypeList = res
})
this.crud.query.task_status = ['-1']
// this.crud.toQuery()
},
methods: {
[CRUD.HOOK.afterRefresh]() {
crudTask.undo().then(res => {
this.undo = res
})
},
initClass1() {
const param = {
parent_class_code: 'task_type'
}
},
taskScheduler() {
crudTask.scheduler().then(res => {
this.crud.notify('操作成功', CRUD.NOTIFICATION_TYPE.SUCCESS)
})
},
buildTree(classes) {
classes.forEach(data => {
if (data.children) {
this.buildTree(data.children)
}
if (data.hasChildren && !data.children) {
data.children = null // 重点代码
}
})
},
hand(value) {
this.crud.toQuery()
},
handTaskStatus(value) {
this.crud.query.task_status = value.toString()
this.crud.toQuery()
},
acsTypeName(row, column) {
for (const item of this.acsTaskTypeList) {
if (Number(item.value) === Number(row.acs_task_type)) {
return item.label
}
}
return ''
},
formatTaskStatusName(row, column) {
for (const item of this.taskStatusList) {
if (item.value === row.task_status) {
return item.label
}
}
return ''
},
doOperate(row, command) {
let method_name = ''
switch (command) {
case 'a':// 完成
method_name = 'forceFinish'
break
case 'b':// 取消
method_name = 'cancel'
break
case 'c':// 下发
method_name = 'immediateNotifyAcs'
break
case 'd':// 详情
method_name = 'view'
break
}
if (method_name === 'view') {
this.view(row)
return
}
const data = {
task_id: row.task_id,
method_name: method_name
}
crudTask.operation(data).then(res => {
this.crud.toQuery()
this.crud.notify('操作成功', CRUD.NOTIFICATION_TYPE.SUCCESS)
}).catch(err => {
console.log(err.response.data.message)
})
},
view(row) {
this.task_id = row.task_id
switch (row.task_type) {
case '01':// 入库
this.fullscreen = true
this.currentComponent = 'IOStore'
break
case '02':// 出库
this.fullscreen = true
this.currentComponent = 'IOStore'
break
case '03':// 入空载具
this.crud.notify('入空载具无详情', CRUD.NOTIFICATION_TYPE.INFO)
return
case '04':// 出空载具
this.crud.notify('出空载具无详情', CRUD.NOTIFICATION_TYPE.INFO)
return
case '05':// 转储
this.fullscreen = true
this.currentComponent = 'DumpInv'
break
case '06':// 质检
this.fullscreen = true
this.currentComponent = 'Quality'
break
}
this.viewDialogVisible = true
}
}
}
</script>
<style scoped>
</style>

View File

@@ -0,0 +1,85 @@
import request from '@/utils/request'
export function add(data) {
return request({
url: 'api/schBaseTask',
method: 'post',
data
})
}
export function del(ids) {
return request({
url: 'api/schBaseTask',
method: 'delete',
data: ids
})
}
export function edit(data) {
return request({
url: 'api/schBaseTask',
method: 'put',
data
})
}
export function getTaskStatus() {
return request({
url: 'api/schBaseTask/taskStatus',
method: 'get'
})
}
export function getTaskType() {
return request({
url: 'api/schBaseTask/taskType',
method: 'post'
})
}
export function getAcsTaskType() {
return request({
url: 'api/schBaseTask/acsTaskType',
method: 'get'
})
}
export function undo() {
return request({
url: 'api/schBaseTask/undo',
method: 'get'
})
}
export function getFinishType() {
return request({
url: 'api/schBaseTask/finishType',
method: 'get'
})
}
export function operation(data) {
return request({
url: 'api/schBaseTask/operation',
method: 'put',
data
})
}
export function scheduler() {
return request({
url: '/api/schBaseTask/task/taskPublish',
method: 'get'
})
}
export default {
add,
edit,
del,
operation,
getTaskStatus,
getTaskType,
getAcsTaskType,
getFinishType,
scheduler,
undo
}

View File

@@ -219,7 +219,7 @@ export default {
},
queryTableDdis() {
if (this.currentdtl !== null) {
crudProductIn.getIosInvDis({'iostorinvdtl_id': this.currentdtl.iostorinvdtl_id}).then(res => {
crudProductIn.getVehicleTask({'iostorinvdtl_id': this.currentdtl.iostorinvdtl_id}).then(res => {
this.tabledis = res
}).catch(() => {
this.tabledis = []

View File

@@ -228,6 +228,7 @@ export default {
formstruc.getHeader(this.query.form_type).then(res => {
this.cols = res
res.forEach(a => {
this.form.form_data[a.value,'']
this.$set(this.query, 'form_query', {})
})
})

View File

@@ -359,7 +359,7 @@ export default {
clcikRow(row, column, event) {
this.form.dtl_row = row
this.form.storage_qty = this.form.dtl_row.plan_qty
crudProductIn.getIosInvDis({ 'iostorinv_id': row.iostorinv_id, 'iostorinvdtl_id': row.iostorinvdtl_id }).then(res => {
crudProductIn.getVehicleTask({ 'iostorinv_id': row.iostorinv_id, 'iostorinvdtl_id': row.iostorinvdtl_id }).then(res => {
if (res.length !== 0) {
this.form.tableMater = res

View File

@@ -144,13 +144,15 @@
<el-table-column min-width="120" show-overflow-tooltip prop="material_name" label="物料名称" align="center" />
<el-table-column min-width="120" show-overflow-tooltip prop="material_spec" label="物料规格" align="center" />
<el-table-column prop="pcsn" label="批次" align="center" width="150" />
<el-table-column show-overflow-tooltip prop="storagevehicle_code" label="托盘号" align="center" />
<el-table-column show-overflow-tooltip prop="vehicle_code" label="托盘号" align="center" />
<el-table-column show-overflow-tooltip prop="bucketunique" label="箱号" align="center" />
<el-table-column prop="plan_qty" :formatter="crud.formatNum3" label="数量 align="center" />
<el-table-column prop="point_code1" label="起始位置" align="center" />
<el-table-column prop="struct_code" label="目的位置" align="center" />
<el-table-column prop="plan_qty" :formatter="crud.formatNum3" label="数量" align="center" />
<el-table-column prop="point_code1" label="起始位置" align="center" width="120"/>
<el-table-column prop="point_code2" label="目的位置" align="center" width="120"/>
<el-table-column prop="task_code" label="任务号" align="center" />
<el-table-column prop="task_status" label="任务状态" align="center" :formatter="formatStatus"/>
<el-table-column prop="source_form_type" label="源单类型" align="center" width="150"/>
<el-table-column show-overflow-tooltip prop="source_form_id" label="源单id" align="center" width="150"/>
</el-table>
</el-card>
</el-dialog>
@@ -222,15 +224,7 @@ export default {
stateFormat(row, column) {
return this.dict.label.FORM_STATUS[row.bill_status]
},
taskdtl_typeFormat(row) {
return this.dict.label.SCH_TASK_TYPE_DTL[row.taskdtl_type]
},
task_statusFormat(row) {
return this.dict.label.task_status[row.task_status]
},
work_statusFormat(row) {
return this.dict.label.work_status[row.work_status]
},
handleDtlCurrentChange(current) {
if (current !== null) {
this.tabledis = []
@@ -258,7 +252,7 @@ export default {
},
queryTableDdis() {
if (this.currentdtl !== null) {
crudProductIn.getIosInvDis({ 'iostorinvdtl_id': this.currentdtl.iostorinvdtl_id }).then(res => {
crudProductIn.getVehicleTask({ 'vehicle_code': this.currentdtl.vehicle_code }).then(res => {
this.tabledis = res
}).catch(() => {
this.tabledis = []
@@ -266,7 +260,7 @@ export default {
}
},
formatStatus(row) {
return this.dict.label.task_status[row.task_status]
return this.dict.label.FORM_STATUS[row.task_status]
},
formatBaseType(row) {
return this.dict.label.PCS_SAL_TYPE[row.base_bill_type]

View File

@@ -38,9 +38,9 @@ export function getPoint(data) {
data
})
}
export function getIosInvDis(data) {
export function getVehicleTask(data) {
return request({
url: '/api/stIvtIostorinvIn/getIosInvDis',
url: '/api/schBaseTask/getVehicleTask',
method: 'post',
data
})
@@ -137,7 +137,7 @@ export default {
add,
edit,
del,
getIosInvDis,
getVehicleTask,
getIosInvDtl,
vehicleCheck,
confirmvehicle,