493 lines
17 KiB
Vue
493 lines
17 KiB
Vue
<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="90px"
|
||
label-suffix=":"
|
||
>
|
||
<!-- 搜索 -->
|
||
<el-form-item label="工单编号">
|
||
<el-input
|
||
v-model="query.produceorder_code"
|
||
clearable
|
||
size="small"
|
||
placeholder="请输入工单编号"
|
||
style="width: 200px;"
|
||
class="filter-item"
|
||
/>
|
||
</el-form-item>
|
||
<el-form-item label="物料搜索">
|
||
<el-input
|
||
v-model="query.material"
|
||
clearable
|
||
size="small"
|
||
placeholder="物料编码、名称或规格"
|
||
style="width: 200px;"
|
||
class="filter-item"
|
||
/>
|
||
</el-form-item>
|
||
<el-form-item label="工单类型">
|
||
<el-select
|
||
v-model="query.order_type_scode"
|
||
style="width: 200px"
|
||
clearable
|
||
filterable
|
||
placeholder="请选择"
|
||
@change="crud.toQuery"
|
||
>
|
||
<el-option
|
||
v-for="item in dict.pdm_workorder_type"
|
||
:key="item.id"
|
||
:label="item.label"
|
||
:value="item.value"
|
||
/>
|
||
</el-select>
|
||
</el-form-item>
|
||
<el-form-item label=" 工单状态">
|
||
<el-select
|
||
v-model="order_status"
|
||
style="width: 200px"
|
||
clearable
|
||
multiple
|
||
placeholder="请选择"
|
||
class="filter-item"
|
||
@change="handTaskStatus"
|
||
>
|
||
<el-option
|
||
label="未完成"
|
||
value="-1"
|
||
/>
|
||
<el-option
|
||
v-for="item in dict.pdm_workorder_status"
|
||
:key="item.id"
|
||
:label="item.label"
|
||
:value="item.value"
|
||
/>
|
||
</el-select>
|
||
</el-form-item>
|
||
<el-form-item label="工序名称">
|
||
<el-select
|
||
v-model="query.workorder_procedure"
|
||
clearable
|
||
filterable
|
||
size="mini"
|
||
class="filter-item"
|
||
style="width: 200px"
|
||
@change="crud.toQuery"
|
||
>
|
||
<el-option
|
||
v-for="item in dict.workorder_procedure"
|
||
:label="item.label"
|
||
:value="item.value"
|
||
/>
|
||
</el-select>
|
||
</el-form-item>
|
||
<el-form-item label="生产日期">
|
||
<el-date-picker
|
||
v-model="query.createTime"
|
||
type="daterange"
|
||
value-format="yyyy-MM-dd"
|
||
start-placeholder="开始日期"
|
||
end-placeholder="结束日期"
|
||
:default-time="['00:00:00','23:59:59']"
|
||
@change="crud.toQuery"
|
||
/>
|
||
</el-form-item>
|
||
<rrOperation :crud="crud" />
|
||
</el-form>
|
||
</div>
|
||
<!--如果想在工具栏加入更多按钮，可以使用插槽方式， slot = 'left' or 'right'-->
|
||
<crudOperation :permission="permission">
|
||
<el-button
|
||
slot="right"
|
||
class="filter-item"
|
||
type="success"
|
||
icon="el-icon-position"
|
||
size="mini"
|
||
:disabled="is_disabled(crud.selections.length,crud.selections[0])"
|
||
@click="submits(crud.selections[0])"
|
||
>
|
||
开工
|
||
</el-button>
|
||
<el-button
|
||
slot="right"
|
||
class="filter-item"
|
||
type="danger"
|
||
icon="el-icon-position"
|
||
size="mini"
|
||
:disabled="crud.selections.length !== 1"
|
||
@click="forceFinish(crud.selections[0])"
|
||
>
|
||
强制完成
|
||
</el-button>
|
||
</crudOperation>
|
||
<!--表单组件-->
|
||
<el-dialog
|
||
:close-on-click-modal="false"
|
||
:before-close="crud.cancelCU"
|
||
:visible.sync="crud.status.cu > 0"
|
||
:title="crud.status.title"
|
||
width="1200px"
|
||
>
|
||
<el-form ref="form" :inline="true" :model="form" :rules="rules" size="mini" label-width="160px">
|
||
<el-form-item label="工单类型" prop="order_type_scode">
|
||
<el-select v-model="form.order_type_scode" style="width: 200px" filterable placeholder="请选择">
|
||
<el-option
|
||
v-for="item in dict.pdm_workorder_type"
|
||
:key="item.id"
|
||
:label="item.label"
|
||
:value="item.value"
|
||
/>
|
||
</el-select>
|
||
</el-form-item>
|
||
<el-form-item label="生产日期" prop="produce_date">
|
||
<el-date-picker v-model="form.produce_date" type="date" value-format="yyyy-MM-dd" style="width: 200px;" />
|
||
</el-form-item>
|
||
<el-form-item v-if="false" label="物料标识" prop="material_id">
|
||
<el-input v-model="form.material_id" style="width: 200px;" />
|
||
</el-form-item>
|
||
<el-form-item label="生产设备">
|
||
<el-input
|
||
v-model="form.device_code"
|
||
style="width: 200px;"
|
||
clearable
|
||
@focus="deviceShow=true"
|
||
@clear="form.device_id='', form.device_code=''"
|
||
/>
|
||
</el-form-item>
|
||
<el-form-item label="物料编码" prop="material_code">
|
||
<el-input
|
||
v-model="form.material_code"
|
||
style="width: 200px;"
|
||
clearable
|
||
@focus="materialShow=true"
|
||
@clear="form.material_id='',form.material_code='',form.material_name='',form.material_spec=''"
|
||
/>
|
||
</el-form-item>
|
||
<el-form-item label="物料名称" prop="material_name">
|
||
<el-input
|
||
v-model="form.material_name"
|
||
style="width: 200px;"
|
||
disabled
|
||
/>
|
||
</el-form-item>
|
||
<el-form-item label="物料规格" prop="material_spec">
|
||
<el-input
|
||
v-model="form.material_spec"
|
||
style="width: 200px;"
|
||
disabled
|
||
/>
|
||
</el-form-item>
|
||
<el-form-item label="计划数量" prop="plan_qty">
|
||
<el-input v-model="form.plan_qty" style="width: 200px;" />
|
||
</el-form-item>
|
||
<el-form-item label="载具类型" prop="vehicle_type">
|
||
<el-select v-model="form.vehicle_type" style="width: 200px" filterable placeholder="请选择">
|
||
<el-option
|
||
v-for="item in dict.vehicle_type"
|
||
:label="item.label"
|
||
:value="item.value"
|
||
/>
|
||
</el-select>
|
||
</el-form-item>
|
||
<el-form-item label="所属工序">
|
||
<el-select
|
||
v-model="form.workorder_procedure"
|
||
clearable
|
||
filterable
|
||
size="mini"
|
||
class="filter-item"
|
||
style="width: 200px"
|
||
>
|
||
<el-option
|
||
v-for="item in dict.workorder_procedure"
|
||
:label="item.label"
|
||
:value="item.value"
|
||
/>
|
||
</el-select>
|
||
</el-form-item>
|
||
<el-form-item label="计划开始时间" prop="planproducestart_date">
|
||
<el-date-picker
|
||
v-model="form.planproducestart_date"
|
||
value-format="yyyy-MM-dd HH:mm:ss"
|
||
type="datetime"
|
||
style="width: 200px;"
|
||
/>
|
||
</el-form-item>
|
||
<el-form-item label="计划结束时间" prop="planproduceend_date">
|
||
<el-date-picker
|
||
v-model="form.planproduceend_date"
|
||
value-format="yyyy-MM-dd HH:mm:ss"
|
||
type="datetime"
|
||
style="width: 200px;"
|
||
/>
|
||
</el-form-item>
|
||
<el-form-item label="是否搬运" prop="is_needmove">
|
||
<el-radio
|
||
v-for="item in dict.is_or_not"
|
||
:key="item.id"
|
||
v-model="form.is_needmove"
|
||
:label="item.value"
|
||
>{{ item.label }}
|
||
</el-radio>
|
||
</el-form-item>
|
||
|
||
</el-form>
|
||
<div slot="footer" class="dialog-footer">
|
||
<el-button type="text" @click="crud.cancelCU">取消</el-button>
|
||
<el-button :loading="crud.cu === 2" type="primary" @click="crud.submitCU">确认</el-button>
|
||
</div>
|
||
</el-dialog>
|
||
<!--表格渲染-->
|
||
<el-table
|
||
ref="table"
|
||
v-loading="crud.loading"
|
||
:data="crud.data"
|
||
size="mini"
|
||
style="width: 100%;"
|
||
@selection-change="crud.selectionChangeHandler"
|
||
>
|
||
<el-table-column type="selection" width="55" />
|
||
<el-table-column v-if="false" prop="workorder_id" label="生产班次工单标识" />
|
||
<el-table-column prop="workorder_code" label="工单编号" width="120px">
|
||
<!-- <template slot-scope="scope">-->
|
||
<!-- <el-link type="warning" @click="toView(scope.row)">{{ scope.row.produceorder_code }}</el-link>-->
|
||
<!-- </template>-->
|
||
</el-table-column>
|
||
<el-table-column prop="order_status" label="工单状态">
|
||
<template slot-scope="scope">
|
||
{{ dict.label.pdm_workorder_status[scope.row.order_status] }}
|
||
</template>
|
||
</el-table-column>
|
||
<el-table-column prop="produce_date" label="生产日期" width="100px" />
|
||
<el-table-column prop="plan_qty" label="计划数量" />
|
||
<el-table-column prop="real_qty" label="实际数量" />
|
||
<el-table-column v-if="false" prop="material_id" label="物料标识" />
|
||
<el-table-column prop="device_name" label="设备" width="100" show-overflow-tooltip />
|
||
<el-table-column prop="material_code" label="物料编码" width="100" show-overflow-tooltip />
|
||
<el-table-column prop="material_name" label="物料名称" width="100" show-overflow-tooltip />
|
||
<el-table-column prop="material_spec" label="物料规格" width="100" show-overflow-tooltip />
|
||
<el-table-column prop="planproducestart_date" label="计划开始时间" min-width="150" show-overflow-tooltip />
|
||
<el-table-column prop="planproduceend_date" label="计划结束时间" min-width="150" show-overflow-tooltip />
|
||
<el-table-column prop="realproducestart_date" label="实际开始时间" min-width="150" show-overflow-tooltip />
|
||
<el-table-column prop="realproduceend_date" label="实际结束时间" min-width="150" show-overflow-tooltip />
|
||
<el-table-column prop="vehicle_type" label="载具类型" min-width="120" show-overflow-tooltip>
|
||
<template slot-scope="scope">
|
||
{{ dict.label.vehicle_type[scope.row.vehicle_type] }}
|
||
</template>
|
||
</el-table-column>
|
||
<el-table-column prop="is_needmove" label="是否搬运">
|
||
<template slot-scope="scope">
|
||
{{ dict.label.is_or_not[scope.row.is_needmove] }}
|
||
</template>
|
||
</el-table-column>
|
||
<el-table-column prop="order_type_scode" label="工单类型">
|
||
<template slot-scope="scope">
|
||
{{ dict.label.pdm_workorder_type[scope.row.order_type_scode] }}
|
||
</template>
|
||
</el-table-column>
|
||
<el-table-column prop="create_name" label="创建人" />
|
||
<el-table-column prop="create_time" label="创建时间" width="150" />
|
||
<el-table-column prop="update_optname" label="修改人" />
|
||
<el-table-column prop="update_time" label="修改时间" width="150" />
|
||
<el-table-column v-permission="[]" label="操作" width="120px" align="center" fixed="right">
|
||
<template slot-scope="scope">
|
||
<udOperation
|
||
:data="scope.row"
|
||
:permission="permission"
|
||
/>
|
||
</template>
|
||
</el-table-column>
|
||
</el-table>
|
||
<!--分页组件-->
|
||
<pagination />
|
||
</div>
|
||
<MaterDtl :dialog-show.sync="materialShow" :is-single="true" @setMaterValue="setMaterValue" />
|
||
<DeviceDialog :dialog-show.sync="deviceShow" :is-single="true" @tableChanged="tableChanged" />
|
||
<ViewDialog ref="child3" />
|
||
</div>
|
||
</template>
|
||
|
||
<script>
|
||
import crudWorkorder from '@/api/wms/pdm/workorder'
|
||
import CRUD, { presenter, header, form, crud } 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 MaterDtl from '@/views/wms/pub/MaterDialog'
|
||
import ViewDialog from '@/views/wms/pdm/produce/ViewDialog'
|
||
import DeviceDialog from '@/views/wms/pub/DeviceDialog'
|
||
|
||
const defaultForm = {
|
||
workorder_id: null,
|
||
produceorder_code: null,
|
||
producedeviceorder_code: null,
|
||
shift_type_scode: '01',
|
||
workprocedure_id: null,
|
||
produce_date: null,
|
||
plan_qty: null,
|
||
real_qty: null,
|
||
material_id: null,
|
||
material_code: null,
|
||
material_weight: null,
|
||
vehicle_type: null,
|
||
planproducestart_date: null,
|
||
planproduceend_date: null,
|
||
realproducestart_date: null,
|
||
realproduceend_date: null,
|
||
order_status: '00',
|
||
is_needmove: '1',
|
||
order_type_scode: '01',
|
||
create_id: null,
|
||
create_name: null,
|
||
create_time: null,
|
||
update_optid: null,
|
||
update_optname: null,
|
||
update_time: null,
|
||
sysdeptid: null,
|
||
syscompanyid: null,
|
||
is_delete: null,
|
||
material_name: null,
|
||
device_id: null,
|
||
device_code: null,
|
||
is_canupdate_update: '1',
|
||
material_spec: null,
|
||
sale_id: null
|
||
}
|
||
export default {
|
||
name: 'Produceshiftorder',
|
||
components: { pagination, crudOperation, rrOperation, udOperation, MaterDtl, ViewDialog, DeviceDialog },
|
||
mixins: [presenter(), header(), form(defaultForm), crud()],
|
||
dicts: ['pdm_workorder_status', 'is_used', 'pdm_workorder_type', 'is_or_not', 'vehicle_type', 'workorder_procedure'],
|
||
cruds() {
|
||
return CRUD({
|
||
title: '工单', url: 'api/workorder', idField: 'workorder_id', sort: 'workorder_id,desc',
|
||
optShow: {
|
||
add: true,
|
||
edit: false,
|
||
del: false,
|
||
download: false,
|
||
reset: true
|
||
},
|
||
query: {
|
||
order_status: '-1'
|
||
},
|
||
crudMethod: { ...crudWorkorder }
|
||
})
|
||
},
|
||
data() {
|
||
return {
|
||
classes3: [],
|
||
materType: '01',
|
||
materialShow: false,
|
||
deviceShow: false,
|
||
workprocedureList: [],
|
||
order_status: ['-1'],
|
||
permission: {},
|
||
rules: {
|
||
produceorder_code: [
|
||
{ required: true, message: '生产班次工单编号不能为空', trigger: 'blur' }
|
||
],
|
||
producedeviceorder_code: [
|
||
{ required: true, message: '机台工单号不能为空', trigger: 'blur' }
|
||
],
|
||
produce_date: [
|
||
{ required: true, message: '生产日期不能为空', trigger: 'blur' }
|
||
],
|
||
plan_qty: [
|
||
{ required: true, message: '计划数量不能为空', trigger: 'blur' }
|
||
],
|
||
material_code: [
|
||
{ required: true, message: '物料编码不能为空', trigger: 'change' }
|
||
],
|
||
planproducestart_date: [
|
||
{ required: true, message: '计划生产开始时间不能为空', trigger: 'blur' }
|
||
],
|
||
planproduceend_date: [
|
||
{ required: true, message: '计划生产结束时间不能为空', trigger: 'blur' }
|
||
],
|
||
order_status: [
|
||
{ required: true, message: '工单状态不能为空', trigger: 'blur' }
|
||
],
|
||
is_needmove: [
|
||
{ required: true, message: '是否搬运不能为空', trigger: 'blur' }
|
||
],
|
||
order_type_scode: [
|
||
{ required: true, message: '工单类型不能为空', trigger: 'blur' }
|
||
],
|
||
is_canupdate_update: [
|
||
{ required: true, message: '不能为空', trigger: 'blur' }
|
||
]
|
||
}
|
||
}
|
||
},
|
||
created() {
|
||
},
|
||
methods: {
|
||
// 工单状态多选搜索
|
||
handTaskStatus(value) {
|
||
this.$forceUpdate()
|
||
if (value) {
|
||
this.order_status = JSON.parse(JSON.stringify(value))
|
||
this.query.order_status = this.order_status.toString()
|
||
}
|
||
this.crud.toQuery()
|
||
},
|
||
// 查看
|
||
toView(row) {
|
||
console.log(row)
|
||
if (row !== null) {
|
||
this.$refs.child3.setForm(row)
|
||
}
|
||
},
|
||
// 强制完成
|
||
forceFinish(data) {
|
||
crudWorkorder.forceFinish({ row: data }).then(res => {
|
||
this.crud.notify('操作成功', CRUD.NOTIFICATION_TYPE.SUCCESS)
|
||
this.crud.toQuery()
|
||
})
|
||
},
|
||
// 取两位小数点
|
||
rounding(row, column) {
|
||
return parseFloat(row[column.property]).toFixed(2)
|
||
},
|
||
// 下发按钮禁用条件
|
||
is_disabled(len, row) {
|
||
if (len === 1 && row.order_status === '00') {
|
||
return false
|
||
} else {
|
||
return true
|
||
}
|
||
},
|
||
// 新增编辑给form表单物料相关信息赋值
|
||
setMaterValue(row) {
|
||
this.form.material_id = row.material_id
|
||
this.form.material_code = row.material_code
|
||
this.form.material_name = row.material_name
|
||
this.form.material_spec = row.material_spec
|
||
},
|
||
tableChanged(row) {
|
||
this.form.device_id = row.device_id
|
||
this.form.device_code = row.device_code
|
||
},
|
||
// 下发
|
||
submits(row) {
|
||
crudWorkorder.submits({ workorder_id: row.workorder_id }).then(res => {
|
||
this.crud.notify('下发成功', CRUD.NOTIFICATION_TYPE.SUCCESS)
|
||
this.crud.toQuery()
|
||
})
|
||
}
|
||
}
|
||
}
|
||
</script>
|
||
|
||
<style scoped>
|
||
|
||
</style>
|