工序出入库

This commit is contained in:
18188916393
2022-07-14 16:34:48 +08:00
parent 36edf3d0d5
commit a20cdd38f9
38 changed files with 4576 additions and 20 deletions

View File

@@ -0,0 +1,187 @@
<template>
<el-dialog
title="请选择终点点位"
append-to-body
:visible.sync="dialogVisible"
destroy-on-close
width="1000px"
@close="close"
@open="open"
>
<el-row style="margin-bottom: 10px;">
<el-col :span="22">
<el-form :inline="true" class="demo-form-inline">
<el-form-item :inline="true" label="模糊搜索:">
<el-input v-model="query.search" placeholder="请输入点位编码或名称" />
</el-form-item>
<rrOperation />
</el-form>
</el-col>
</el-row>
<!--表格渲染-->
<el-table
ref="table"
v-loading="crud.loading"
:data="crud.data"
style="width: 100%;"
size="mini"
border
:cell-style="{'text-align':'center'}"
:header-cell-style="{background:'#f5f7fa',color:'#606266','text-align':'center'}"
@select="handleSelectionChange"
@select-all="onSelectAll"
@current-change="clickChange"
>
<el-table-column v-if="!isSingle" type="selection" width="55" />
<el-table-column v-if="isSingle" label="选择" width="55">
<template slot-scope="scope">
<el-radio v-model="tableRadio" :label="scope.row"><i /></el-radio>
</template>
</el-table-column>
<el-table-column prop="struct_code" label="终点点位编码" show-overflow-tooltip />
<el-table-column prop="struct_name" label="终点点位名称" show-overflow-tooltip />
<el-table-column prop="area_type" label="所属区域" show-overflow-tooltip>
<template slot-scope="scope">
{{ dict.label.sch_area_type[scope.row.area_type] }}
</template>
</el-table-column>
<el-table-column prop="point_type" label="点位类型">
<template slot-scope="scope">
{{ dict.label.sch_point_type[scope.row.point_type] }}
</template>
</el-table-column>
</el-table>
<!--分页组件-->
<pagination />
<span slot="footer" class="dialog-footer">
<el-button @click="dialogVisible = false"> </el-button>
<el-button type="primary" @click="submit"> </el-button>
</span>
</el-dialog>
</template>
<script>
import CRUD, { header, presenter } from '@crud/crud'
import rrOperation from '@crud/RR.operation'
import pagination from '@crud/Pagination'
import crudPoint from '@/api/wms/sch/point'
export default {
name: 'EndPointDialog',
components: { rrOperation, pagination },
dicts: ['sch_area_type', 'sch_point_type'],
cruds() {
return CRUD({ title: '终点点位', url: 'api/point/getEndPoint', crudMethod: { ...crudPoint }, optShow: {}})
},
mixins: [presenter(), header()],
props: {
dialogShow: {
type: Boolean,
default: false
},
isSingle: {
type: Boolean,
default: true
},
openParam: {
type: Object,
default: null
}
},
data() {
return {
formInline: {
search: ''
},
tableRadio: '',
tableData: [],
dialogVisible: false,
material: {}
}
},
watch: {
dialogShow: {
handler(newValue, oldValue) {
this.dialogVisible = newValue
this.material = this.openParam
}
}
},
methods: {
handleClose(done) {
this.$confirm('确认关闭?')
.then(_ => {
done()
})
.catch(_ => {
})
},
open() {
console.log(this.openParam)
debugger
this.query.material_id = this.openParam.material_id
this.query.area_type = this.openParam.area_type
this.query.vehicle_code = this.openParam.vehicle_code
this.query.qty = this.openParam.qty
this.crud.toQuery()
},
close() {
this.crud.resetQuery(false)
this.$emit('update:dialogShow', false)
},
submit() {
// 处理单选
if (this.isSingle && this.tableRadio) {
this.$emit('update:dialogShow', false)
this.$emit('tableChanged2', this.tableRadio)
return
}
this.rows = this.$refs.table.selection
if (this.rows.length <= 0) {
this.$message('请先选择终点点位')
return
}
this.crud.resetQuery(false)
this.$emit('update:dialogShow', false)
this.$emit('tableChanged2', this.rows)
},
handleSelectionChange(val, row) {
if (val.length > 1) {
this.$refs.table.clearSelection()
this.$refs.table.toggleRowSelection(val.pop())
} else {
this.checkrow = row
}
},
onSelectAll() {
this.$refs.table.clearSelection()
},
clickChange(item) {
this.tableRadio = item
},
hand(value) {
this.crud.toQuery()
}
}
}
</script>
<style scoped>
.crud-opts2 {
padding: 4px 0;
display: -webkit-flex;
display: flex;
align-items: center;
}
.crud-opts2 .crud-opts-right2 {
margin-left: auto;
}
.el-table_body tr.current-row>td {
background-color: #e9e500;
}
</style>

View File

@@ -0,0 +1,155 @@
<template>
<el-dialog
title="物料选择"
append-to-body
:visible.sync="dialogVisible"
destroy-on-close
width="1000px"
@close="close"
@open="open"
>
<el-form
:inline="true"
class="demo-form-inline"
label-position="right"
label-width="80px"
label-suffix=":"
>
<el-form-item label="模糊搜索">
<el-input
v-model="query.search"
clearable
size="mini"
placeholder="编码、名称"
@keyup.enter.native="crud.toQuery"
/>
</el-form-item>
<rrOperation />
</el-form>
<!--表格渲染-->
<el-table
ref="table"
v-loading="crud.loading"
:data="crud.data"
style="width: 100%;"
size="mini"
border
:cell-style="{'text-align':'center'}"
:header-cell-style="{background:'#f5f7fa',color:'#606266','text-align':'center'}"
@select="handleSelectionChange"
@select-all="onSelectAll"
@current-change="clickChange"
>
<el-table-column v-if="!isSingle" type="selection" width="55" />
<el-table-column v-if="isSingle" label="选择" width="55">
<template slot-scope="scope">
<el-radio v-model="tableRadio" :label="scope.row"><i /></el-radio>
</template>
</el-table-column>
<el-table-column prop="material_code" label="物料编码" show-overflow-tooltip />
<el-table-column prop="material_name" label="物料名称" show-overflow-tooltip />
<el-table-column prop="material_spec" label="规格" show-overflow-tooltip />
<el-table-column prop="material_model" label="型号" />
<el-table-column prop="english_name" label="外文名称" />
</el-table>
<!--分页组件-->
<pagination />
<span slot="footer" class="dialog-footer">
<el-button @click="dialogVisible = false"> </el-button>
<el-button type="primary" @click="submit"> </el-button>
</span>
</el-dialog>
</template>
<script>
import CRUD, { header, presenter } from '@crud/crud'
import rrOperation from '@crud/RR.operation'
import pagination from '@crud/Pagination'
import '@riophae/vue-treeselect/dist/vue-treeselect.css'
import crudWorkprocedureios from '@/api/wms/st/in/workprocedureios'
export default {
name: 'MaterDialog',
components: { rrOperation, pagination },
cruds() {
return CRUD({ title: '物料', url: 'api/workprocedureiosIn/getMaterial', crudMethod: { ...crudWorkprocedureios }, optShow: {}})
},
mixins: [presenter(), header()],
props: {
dialogShow: {
type: Boolean,
default: false
},
isSingle: {
type: Boolean,
default: true
},
materOptCode: {
type: String,
default: '00'
}
},
data() {
return {
dialogVisible: false,
tableRadio: null,
tableData: []
}
},
watch: {
dialogShow: {
handler(newValue) {
this.dialogVisible = newValue
}
}
},
methods: {
clickChange(item) {
this.tableRadio = item
},
open() {
},
handleSelectionChange(val, row) {
if (val.length > 1) {
this.$refs.table.clearSelection()
this.$refs.table.toggleRowSelection(val.pop())
} else {
this.checkrow = row
}
},
onSelectAll() {
this.$refs.table.clearSelection()
},
close() {
this.crud.resetQuery(false)
this.$emit('update:dialogShow', false)
},
submit() {
// 处理单选
if (this.isSingle && this.tableRadio) {
this.$emit('update:dialogShow', false)
this.$emit('tableChanged3', this.tableRadio)
return
}
this.rows = this.$refs.table.selection
if (this.rows.length <= 0) {
this.$message('请先勾选物料')
return
}
this.crud.resetQuery(false)
this.$emit('update:dialogShow', false)
this.$emit('tableChanged3', this.rows)
}
}
}
</script>
<style rel="stylesheet/scss" lang="scss" scoped>
::v-deep .el-dialog__body {
padding-top: 0px;
}
</style>

View File

@@ -0,0 +1,768 @@
<template>
<div class="app-container">
<!--工具栏-->
<div class="head-container">
<div v-if="crud.props.searchToggle">
<!-- 搜索 -->
<label class="el-form-item-label">单据编号</label>
<el-input
v-model="query.search"
clearable
placeholder="单据编号"
style="width: 185px;"
class="filter-item"
@keyup.enter.native="crud.toQuery"
/>
<rrOperation :crud="crud" />
</div>
<!--如果想在工具栏加入更多按钮可以使用插槽方式 slot = 'left' or 'right'-->
<crudOperation :permission="permission">
<el-button
slot="right"
class="filter-item"
type="success"
:disabled="work_flag"
:loading="syncLoading"
icon="el-icon-position"
size="mini"
@click="genTask()"
>
生成任务
</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="800px"
>
<el-form ref="form" :model="form" :rules="rules" size="mini" label-width="120px">
<el-row :gutter="20">
<el-col :span="12">
<el-form-item label="单据类型" prop="bill_type">
<el-select
v-model="form.bill_type"
placeholder=""
style="width: 200px"
>
<el-option
v-for="item in bill_types"
:key="item.value"
:label="item.label"
:value="item.value"
/>
</el-select>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="所属工序" prop="workprocedure_id">
<el-select
v-model="form.workprocedure_id"
placeholder=""
style="width: 200px"
@change="selectStartPoint(form.workprocedure_id)"
>
<el-option
v-for="item in workprocedures"
:key="item.workprocedure_id"
:label="item.workprocedure_name"
:value="item.workprocedure_id"
/>
</el-select>
</el-form-item>
</el-col>
</el-row>
<el-row :gutter="20">
<el-col :span="12">
<el-form-item v-if="false" label="物料id">
<el-input v-model="form.material_id" style="width: 200px;" />
</el-form-item>
<el-form-item label="物料" prop="material_name">
<label slot="label">物&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;料</label>
<el-input v-model="form.material_name" style="width: 200px;" @focus="getMater" />
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="载具编码" prop="vehicle_code">
<el-input v-model="form.vehicle_code" style="width: 200px;" />
</el-form-item>
</el-col>
</el-row>
<el-row :gutter="20">
<el-col :span="12">
<el-form-item label="数量">
<label slot="label">数&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;量</label>
<el-input v-model="form.qty" style="width: 200px;" />
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="批次">
<label slot="label">批&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;次</label>
<el-input v-model="form.pcsn" style="width: 200px;" />
</el-form-item>
</el-col>
</el-row>
<el-row :gutter="20">
<el-col :span="12">
<el-form-item label="起始点位" prop="start_point_code">
<el-select
v-model="form.start_point_code"
placeholder=""
style="width: 200px"
clearable
@change="getStartArea(form.start_point_code)"
>
<el-option
v-for="item in startPoints"
:key="item.point_code"
:label="item.point_name"
:value="item.point_code"
/>
</el-select>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item v-if="false" label="终点点位">
<el-input v-model="form.end_point_code" style="width: 200px;" />
</el-form-item>
<el-form-item label="终点点位" prop="end_point_name">
<el-input v-model="form.end_point_name" style="width: 200px;" @focus="getEndPoint(form.material_id,form.end_area,form.vehicle_code,form.qty)" />
</el-form-item>
</el-col>
</el-row>
<el-row :gutter="20">
<el-col :span="12">
<el-form-item label="起始区域">
<el-select
v-model="form.start_area"
placeholder=""
style="width: 200px"
disabled
>
<el-option
v-for="item in dict.sch_area_type"
:key="item.value"
:label="item.label"
:value="item.value"
/>
</el-select>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="终点区域">
<el-select
v-model="form.end_area"
placeholder=""
style="width: 200px"
disabled
>
<el-option
v-for="item in dict.sch_area_type"
:key="item.value"
:label="item.label"
:value="item.value"
/>
</el-select>
</el-form-item>
</el-col>
</el-row>
<!-- <el-row :gutter="20">
<el-col :span="12">
<el-form-item label="客户名称">
<el-select v-model="form.cust_id" filterable clearable class="filter-item" style="width: 200px" placeholder="请选择客户">
<el-option
v-for="item in custList"
:key="item.cust_id"
:label="item.cust_name"
:value="item.cust_id"
/>
</el-select>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="黏次">
<label slot="label">黏&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;次</label>
<el-input v-model="form.mix_seq" style="width: 200px;" />
</el-form-item>
</el-col>
</el-row>-->
<el-row :gutter="20">
<el-col :span="12">
<el-form-item v-if="false" label="是否满托" prop="is_full">
<el-radio v-model="form.is_full" label="1">是</el-radio>
<el-radio v-model="form.is_full" label="0">否</el-radio>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item v-if="false" label="物料工序">
<el-select v-model="form.ivt_workprocedure_id" disabled filterable clearable class="filter-item" style="width: 200px">
<el-option
v-for="item in workprocedures"
:key="item.workprocedure_id"
:label="item.workprocedure_name"
:value="item.workprocedure_id"
/>
</el-select>
</el-form-item>
</el-col>
</el-row>
<el-row :gutter="20">
<el-col :span="24">
<el-form-item label="备注">
<label slot="label">备&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;注</label>
<el-input v-model="form.remark" :rows="3" type="textarea" style="width: 600px;" />
</el-form-item>
</el-col>
</el-row>
</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-dialog
:visible.sync="lookDialog"
title="工序入库单详情查看"
width="800px"
>
<el-form ref="form1" disabled :model="form1" :rules="rules" size="mini" label-width="120px">
<el-row :gutter="20">
<el-col :span="12">
<el-form-item label="单据类型" prop="bill_type">
<el-select
v-model="form1.bill_type"
placeholder=""
style="width: 200px"
>
<el-option
v-for="item in bill_types"
:key="item.value"
:label="item.label"
:value="item.value"
/>
</el-select>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="所属工序" prop="workprocedure_id">
<el-select
v-model="form1.workprocedure_id"
placeholder=""
style="width: 200px"
@change="selectStartPoint(form.workprocedure_id)"
>
<el-option
v-for="item in workprocedures"
:key="item.workprocedure_id"
:label="item.workprocedure_name"
:value="item.workprocedure_id"
/>
</el-select>
</el-form-item>
</el-col>
</el-row>
<el-row :gutter="20">
<el-col :span="12">
<el-form-item v-if="false" label="物料id">
<el-input v-model="form1.material_id" style="width: 200px;" />
</el-form-item>
<el-form-item label="物料" prop="material_name">
<label slot="label">物&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;料</label>
<el-input v-model="form1.material_name" style="width: 200px;" @focus="getMater" />
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="载具编码" prop="vehicle_code">
<el-input v-model="form1.vehicle_code" style="width: 200px;" />
</el-form-item>
</el-col>
</el-row>
<el-row :gutter="20">
<el-col :span="12">
<el-form-item label="数量">
<label slot="label">数&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;量</label>
<el-input v-model="form1.qty" style="width: 200px;" />
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="批次">
<label slot="label">批&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;次</label>
<el-input v-model="form1.pcsn" style="width: 200px;" />
</el-form-item>
</el-col>
</el-row>
<el-row :gutter="20">
<el-col :span="12">
<el-form-item label="起始点位">
<el-select
v-model="form1.start_point_code"
placeholder=""
style="width: 200px"
clearable
@change="getStartArea(form.start_point_code)"
>
<el-option
v-for="item in startPoints"
:key="item.point_code"
:label="item.point_name"
:value="item.point_code"
/>
</el-select>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item v-if="false" label="终点点位">
<el-input v-model="form1.end_point_code" style="width: 200px;" />
</el-form-item>
<el-form-item label="终点点位">
<el-input v-model="form1.end_point_name" style="width: 200px;" @focus="getEndPoint" />
</el-form-item>
</el-col>
</el-row>
<el-row :gutter="20">
<el-col :span="12">
<el-form-item label="起始区域">
<el-select
v-model="form1.start_area"
placeholder=""
style="width: 200px"
disabled
>
<el-option
v-for="item in dict.sch_area_type"
:key="item.value"
:label="item.label"
:value="item.value"
/>
</el-select>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="终点区域">
<el-select
v-model="form1.end_area"
placeholder=""
style="width: 200px"
disabled
>
<el-option
v-for="item in dict.sch_area_type"
:key="item.value"
:label="item.label"
:value="item.value"
/>
</el-select>
</el-form-item>
</el-col>
</el-row>
<!-- <el-row :gutter="20">
<el-col :span="12">
<el-form-item label="客户名称">
<el-select v-model="form1.cust_id" filterable clearable class="filter-item" style="width: 200px" placeholder="请选择客户">
<el-option
v-for="item in custList"
:key="item.cust_id"
:label="item.cust_name"
:value="item.cust_id"
/>
</el-select>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="黏次">
<label slot="label">黏&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;次</label>
<el-input v-model="form1.mix_seq" style="width: 200px;" />
</el-form-item>
</el-col>
</el-row>-->
<el-row :gutter="20">
<el-col :span="12">
<el-form-item label="是否满托">
<el-radio v-model="form1.is_full" label="1">是</el-radio>
<el-radio v-model="form1.is_full" label="0">否</el-radio>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item v-if="false" label="物料工序">
<el-select v-model="form1.ivt_workprocedure_id" disabled filterable clearable class="filter-item" style="width: 200px">
<el-option
v-for="item in workprocedures"
:key="item.workprocedure_id"
:label="item.workprocedure_name"
:value="item.workprocedure_id"
/>
</el-select>
</el-form-item>
</el-col>
</el-row>
<el-row :gutter="20">
<el-col :span="24">
<el-form-item label="备注">
<label slot="label">备&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;注</label>
<el-input v-model="form1.remark" :rows="3" type="textarea" style="width: 600px;" />
</el-form-item>
</el-col>
</el-row>
</el-form>
<div slot="footer" class="dialog-footer">
<el-button @click="lookDialog=false">确认</el-button>
</div>
</el-dialog>
<!--表格渲染-->
<el-table
ref="table"
v-loading="crud.loading"
:data="crud.data"
size="mini"
style="width: 100%;"
:cell-style="{'text-align':'center'}"
:header-cell-style="{'text-align':'center'}"
@selection-change="crud.selectionChangeHandler"
@current-change="handleCurrentChange"
@select="handleSelectionChange"
@select-all="onSelectAll"
>
<el-table-column :selectable="checkboxT" type="selection" width="55" />
<el-table-column prop="bill_code" label="单据编号" width="120">
<template slot-scope="scope">
<el-link type="warning" @click="lookUp(scope.row)">{{ scope.row.bill_code }}</el-link>
</template>
</el-table-column>
<el-table-column prop="bill_type" label="单据类型" width="100">
<template slot-scope="scope">
{{ dict.label.ST_INV_TYPE[scope.row.bill_type] }}
</template>
</el-table-column>
<el-table-column prop="bill_status" label="单据状态">
<template slot-scope="scope">
{{ dict.label.st_bill_status[scope.row.bill_status] }}
</template>
</el-table-column>
<el-table-column prop="workprocedure_name" label="所属工序" width="90" />
<el-table-column prop="material_name" label="物料" width="200px" />
<el-table-column prop="vehicle_code" label="载具编码" width="120px" />
<el-table-column prop="pcsn" label="批次" />
<el-table-column v-if="false" prop="mix_seq" label="黏次" />
<el-table-column prop="qty" label="数量" width="100">
<template slot-scope="scope">
{{ fun(scope.row.qty) }}
</template>
</el-table-column>
<el-table-column prop="unit_name" label="数量单位" />
<el-table-column prop="start_point_name" label="起始点位" width="120" />
<el-table-column prop="start_area" label="起始区域" width="120">
<template slot-scope="scope">
{{ dict.label.sch_area_type[scope.row.start_area] }}
</template>
</el-table-column>
<el-table-column prop="end_point_name" label="终点点位" width="120" />
<el-table-column prop="end_area" label="终点区域" width="120">
<template slot-scope="scope">
{{ dict.label.sch_area_type[scope.row.end_area] }}
</template>
</el-table-column>
<el-table-column prop="cust_name" label="客户" />
<el-table-column prop="create_mode" label="生成方式">
<template slot-scope="scope">
{{ dict.label.ST_CREATE_MODE[scope.row.create_mode] }}
</template>
</el-table-column>
<el-table-column prop="task_id" label="任务标识" width="150" />
<el-table-column prop="remark" label="备注" />
<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 prop="confirm_optname" label="确认人" />
<el-table-column prop="confirm_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"
:disabled-edit="canUd(scope.row)"
:disabled-dle="canUd(scope.row)"
/>
</template>
</el-table-column>
</el-table>
<!--分页组件-->
<pagination />
</div>
<EndPointDialog :dialog-show.sync="endPointDialog" :open-param="openParam" :dialog-matertype="endPointType" @tableChanged2="tableChanged2" />
<MaterDialog :dialog-show.sync="materDialog" :dialog-matertype="materType" @tableChanged3="tableChanged3" />
</div>
</template>
<script>
import crudWorkprocedureios from '@/api/wms/st/in/workprocedureios'
import crudWorkprocedure from '@/api/wms/pdm/workprocedure'
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 EndPointDialog from './EndPointDialog'
import MaterDialog from './MaterDialog'
import crudProducetask from '@/api/wms/pdm/producetask'
const defaultForm = {
iostorinv_id: null,
bill_code: null,
io_type: null,
bill_type: null,
workprocedure_id: null,
material_id: null,
vehicle_code: null,
qty: null,
qty_unit_id: null,
bill_status: null,
start_point_code: null,
end_point_code: null,
start_area: null,
end_area: null,
cust_id: null,
create_mode: null,
task_id: null,
remark: null,
create_id: null,
create_name: null,
create_time: null,
update_optid: null,
update_optname: null,
update_time: null,
confirm_optid: null,
confirm_optname: null,
confirm_time: null,
is_delete: null,
end_point_name: null,
material_name: null,
pcsn: null,
ivt_workprocedure_id: null,
is_full: '1',
mix_seq: ''
}
export default {
name: 'Workprocedureios',
dicts: ['sch_area_type', 'ST_CREATE_MODE', 'st_bill_status', 'ST_INV_TYPE'],
components: { pagination, crudOperation, rrOperation, udOperation, EndPointDialog, MaterDialog },
mixins: [presenter(), header(), form(defaultForm), crud()],
cruds() {
return CRUD({
title: '工序入库',
url: 'api/workprocedureiosIn',
idField: 'iostorinv_id',
sort: 'iostorinv_id,desc',
optShow: {
add: true,
edit: false,
del: false,
download: false
},
crudMethod: { ...crudWorkprocedureios }
})
},
data() {
return {
form1: { iostorinv_id: null, bill_code: null, io_type: null, bill_type: null, workprocedure_id: null, material_id: null, vehicle_code: null, qty: null, qty_unit_id: null, bill_status: null, start_point_code: null, end_point_code: null, start_area: null, end_area: null, cust_id: null, create_mode: null, task_id: null, remark: null, create_id: null, create_name: null, create_time: null, update_optid: null, update_optname: null, update_time: null, confirm_optid: null, confirm_optname: null, confirm_time: null, is_delete: null, end_point_name: null, material_name: null, pcsn: null, ivt_workprocedure_id: null, is_full: null, mix_seq: '' },
endPointDialog: false,
work_flag: true,
materDialog: false,
bill_types: [],
workprocedures: [],
startPoints: [],
permission: {},
openParam: {},
endPointType: '',
materType: '',
currentRow: '',
custList: [],
syncLoading: false,
lookDialog: false,
rules: {
bill_type: [
{ required: true, message: '单据类型不能为空', trigger: 'blur' }
],
workprocedure_id: [
{ required: true, message: '工序不能为空', trigger: 'blur' }
],
material_name: [
{ required: true, message: '物料不能为空', trigger: 'change' }
],
vehicle_code: [
{ required: true, message: '载具编码不能为空', trigger: 'blur' }
],
start_point_code: [
{ required: true, message: '起点点位不能为空', trigger: 'blur' }
],
end_point_name: [
{ required: true, message: '终点点位不能为空', trigger: 'change' }
],
is_full: [
{ required: true, message: '是否满托不能为空', trigger: 'blur' }
]
},
queryTypeOptions: [
{ key: 'bill_code', display_name: '单据编号' }
]
}
},
created() {
this.getBillTypes()
this.queryWorkprocedure()
// this.getCust()
},
methods: {
// 钩子在获取表格数据之前执行false 则代表不获取数据
[CRUD.HOOK.beforeRefresh]() {
return true
},
[CRUD.HOOK.afterToEdit]() {
const queryData = { // eslint-disable-line no-unused-vars
workprocedureid: this.form.workprocedure_id
}
crudWorkprocedureios.selectStartPoint(queryData).then(res => {
this.startPoints = res
})
},
[CRUD.HOOK.beforeSubmit]() {
return true
},
fun(val) {
return Number(val).toFixed(2)
},
getCust() {
crudProducetask.getCust().then(res => {
this.custList = res
})
},
canUd(row) {
return (row.bill_status !== '10')
},
getBillTypes() {
crudWorkprocedureios.getBillTypes().then(res => {
this.bill_types = res
})
},
queryWorkprocedure() {
crudWorkprocedure.queryWorkprocedure().then(res => {
this.workprocedures = res
})
},
async selectStartPoint(workprocedureid) {
this.form.start_point_code = null
this.form.start_area = null
this.form.end_area = null
this.form.end_point_code = null
this.form.end_point_name = null
this.form.ivt_workprocedure_id = workprocedureid
// eslint-disable-next-line no-unused-vars
const end_area = this.form.end_area
const queryData = { // eslint-disable-line no-unused-vars
workprocedureid: workprocedureid
}
await crudWorkprocedureios.selectStartPoint(queryData).then(res => {
this.startPoints = res
})
await crudWorkprocedureios.getEndAareaByworkprocedureId({ workprocedure_id: this.form.workprocedure_id }).then(res => {
if (end_area === '' || end_area === null || end_area === undefined) {
this.form.end_area = res.end_area
}
this.form.qty_unit_id = res.qty_unit_id
})
},
getStartArea(start_point_code) {
const queryData = { // eslint-disable-line no-unused-vars
start_point_code: start_point_code
}
crudWorkprocedureios.getStartArea(queryData).then(res => {
this.form.start_area = res.area_type
})
},
getEndPoint(material_id, end_area, vehicle_code, qty) {
debugger
const material = { material_id: material_id, area_type: end_area, vehicle_code: vehicle_code, qty: qty }
this.openParam = material
console.log(this.openParam)
this.endPointDialog = true
},
getMater() {
this.materDialog = true
},
tableChanged3(row) {
console.log(row)
this.form.material_id = row.material_id
this.form.material_name = row.material_name
},
tableChanged2(row) {
this.form.end_point_code = row.struct_code
this.form.end_point_name = row.struct_name
this.getEndArea(this.form.end_point_code)
},
getEndArea(end_point_code) {
const queryData = { // eslint-disable-line no-unused-vars
start_point_code: end_point_code
}
crudWorkprocedureios.getStartArea(queryData).then(res => {
this.form.end_area = res.area_type
})
},
handleSelectionChange(val, row) {
if (val.length > 1) {
this.$refs.table.clearSelection()
this.$refs.table.toggleRowSelection(val.pop())
this.buttonChange(row)
} else if (val.length === 1) {
this.buttonChange(row)
} else {
this.handleCurrentChange(null)
}
},
onSelectAll() {
this.$refs.table.clearSelection()
this.handleCurrentChange(null)
},
buttonChange(current) {
if (current !== null) {
this.currentRow = current
if (current.bill_status === '10') {
this.work_flag = false
} else {
this.work_flag = true
}
}
},
handleCurrentChange(current) {
if (current === null) {
this.work_flag = true
this.currentRow = {}
}
},
checkboxT(row) {
return row.bill_status !== '99'
},
genTask() {
this.syncLoading = true
crudWorkprocedureios.genTask({ 'iostorinv_id': this.currentRow.iostorinv_id }).then(() => {
this.onSelectAll()
this.crud.toQuery()
this.handleCurrentChange(null)
this.crud.notify('操作成功', CRUD.NOTIFICATION_TYPE.SUCCESS)
this.syncLoading = false
})
},
lookUp(row) {
this.lookDialog = true
const obj = JSON.parse(JSON.stringify(row))
this.form1 = obj
}
}
}
</script>
<style scoped>
</style>

View File

@@ -0,0 +1,154 @@
<template>
<el-dialog
title="物料选择"
append-to-body
:visible.sync="dialogVisible"
destroy-on-close
width="1000px"
@close="close"
@open="open"
>
<el-form
:inline="true"
class="demo-form-inline"
label-position="right"
label-width="80px"
label-suffix=":"
>
<el-form-item label="模糊搜索">
<el-input
v-model="query.search"
clearable
size="mini"
placeholder="编码、名称"
@keyup.enter.native="crud.toQuery"
/>
</el-form-item>
<rrOperation />
</el-form>
<!--表格渲染-->
<el-table
ref="table"
v-loading="crud.loading"
:data="crud.data"
style="width: 100%;"
size="mini"
border
:header-cell-style="{background:'#f5f7fa',color:'#606266'}"
@select="handleSelectionChange"
@select-all="onSelectAll"
@current-change="clickChange"
>
<el-table-column v-if="!isSingle" type="selection" width="55" />
<el-table-column v-if="isSingle" label="选择" width="55">
<template slot-scope="scope">
<el-radio v-model="tableRadio" :label="scope.row"><i /></el-radio>
</template>
</el-table-column>
<el-table-column prop="material_code" label="物料编码" min-width="150" show-overflow-tooltip />
<el-table-column prop="material_name" label="物料名称" min-width="200" show-overflow-tooltip />
<el-table-column prop="material_spec" label="规格" show-overflow-tooltip />
<el-table-column prop="material_model" label="型号" />
<el-table-column prop="english_name" label="外文名称" />
</el-table>
<!--分页组件-->
<pagination />
<span slot="footer" class="dialog-footer">
<el-button @click="dialogVisible = false"> </el-button>
<el-button type="primary" @click="submit"> </el-button>
</span>
</el-dialog>
</template>
<script>
import CRUD, { header, presenter } from '@crud/crud'
import rrOperation from '@crud/RR.operation'
import pagination from '@crud/Pagination'
import '@riophae/vue-treeselect/dist/vue-treeselect.css'
import crudWorkprocedureios from '@/api/wms/st/out/workprocedureiosOut'
export default {
name: 'MaterDialog',
components: { rrOperation, pagination },
cruds() {
return CRUD({ title: '物料', url: 'api/workprocedureiosIn/getMaterial', crudMethod: { ...crudWorkprocedureios }, optShow: {}})
},
mixins: [presenter(), header()],
props: {
dialogShow: {
type: Boolean,
default: false
},
isSingle: {
type: Boolean,
default: true
},
materOptCode: {
type: String,
default: '00'
}
},
data() {
return {
dialogVisible: false,
tableRadio: null,
tableData: []
}
},
watch: {
dialogShow: {
handler(newValue) {
this.dialogVisible = newValue
}
}
},
methods: {
clickChange(item) {
this.tableRadio = item
},
open() {
},
handleSelectionChange(val, row) {
if (val.length > 1) {
this.$refs.table.clearSelection()
this.$refs.table.toggleRowSelection(val.pop())
} else {
this.checkrow = row
}
},
onSelectAll() {
this.$refs.table.clearSelection()
},
close() {
this.crud.resetQuery(false)
this.$emit('update:dialogShow', false)
},
submit() {
// 处理单选
if (this.isSingle && this.tableRadio) {
this.$emit('update:dialogShow', false)
this.$emit('tableChanged3', this.tableRadio)
return
}
this.rows = this.$refs.table.selection
if (this.rows.length <= 0) {
this.$message('请先勾选物料')
return
}
this.crud.resetQuery(false)
this.$emit('update:dialogShow', false)
this.$emit('tableChanged3', this.rows)
}
}
}
</script>
<style rel="stylesheet/scss" lang="scss" scoped>
::v-deep .el-dialog__body {
padding-top: 0px;
}
</style>

View File

@@ -0,0 +1,200 @@
<template>
<el-dialog
append-to-body
:visible.sync="dialogVisible"
destroy-on-close
width="1000px"
@close="close"
@open="open"
>
<span>起点点位列表:</span>
<!--表格渲染-->
<el-table
ref="table"
v-loading="crud.loading"
:data="crud.data"
style="width: 100%;"
size="mini"
border
:cell-style="{'text-align':'center'}"
:header-cell-style="{background:'#f5f7fa',color:'#606266','text-align':'center'}"
@select="handleSelectionChange"
@select-all="onSelectAll"
@current-change="clickChange"
>
<el-table-column v-if="!isSingle" type="selection" width="55" />
<el-table-column v-if="isSingle" label="选择" width="55">
<template slot-scope="scope">
<el-radio v-model="tableRadio" :label="scope.row"><i /></el-radio>
</template>
</el-table-column>
<el-table-column prop="point_name" label="起点点位名称" min-width="110" show-overflow-tooltip />
<el-table-column prop="area_type" label="所属区域" width="150" show-overflow-tooltip>
<template slot-scope="scope">
{{ dict.label.sch_area_type[scope.row.area_type] }}
</template>
</el-table-column>
<el-table-column prop="material_name" label="物料名称" show-overflow-tooltip />
<el-table-column prop="pcsn" label="批次" show-overflow-tooltip />
<el-table-column prop="vehicle_code111" label="载具编码" show-overflow-tooltip />
<el-table-column prop="canuse_qty" label="可用数" show-overflow-tooltip>
<template slot-scope="scope">
{{ fun(scope.row.canuse_qty) }}
</template>
</el-table-column>
<el-table-column prop="frozen_qty" label="冻结数" show-overflow-tooltip>
<template slot-scope="scope">
{{ fun(scope.row.frozen_qty) }}
</template>
</el-table-column>
<el-table-column prop="ivt_qty" label="库存数" show-overflow-tooltip>
<template slot-scope="scope">
{{ fun(scope.row.ivt_qty) }}
</template>
</el-table-column>
<el-table-column prop="warehousing_qty" label="待入数" show-overflow-tooltip>
<template slot-scope="scope">
{{ fun(scope.row.warehousing_qty) }}
</template>
</el-table-column>
<el-table-column prop="unit_name" label="数量单位" show-overflow-tooltip />
<el-table-column prop="instorage_time" label="入库时间" show-overflow-tooltip />
<el-table-column prop="point_type" label="点位类型">
<template slot-scope="scope">
{{ dict.label.sch_point_type[scope.row.point_type] }}
</template>
</el-table-column>
</el-table>
<!--分页组件-->
<pagination />
<span slot="footer" class="dialog-footer">
<el-button @click="dialogVisible = false"> </el-button>
<el-button type="primary" @click="submit"> </el-button>
</span>
</el-dialog>
</template>
<script>
import CRUD, { presenter, header } from '@crud/crud'
import pagination from '@crud/Pagination'
import crudWorkprocedureiosOut from '@/api/wms/st/out/workprocedureiosOut'
export default {
name: 'StartPointDialog',
components: { pagination },
dicts: ['sch_area_type', 'sch_point_type'],
cruds() {
return CRUD({ title: '起始点位', url: 'api/workprocedureiosOut/getStartPoint', crudMethod: { ...crudWorkprocedureiosOut }, optShow: {}})
},
mixins: [presenter(), header()],
props: {
dialogShow: {
type: Boolean,
default: false
},
isSingle: {
type: Boolean,
default: true
},
openParam: {
type: Object,
default: null
}
},
data() {
return {
formInline: {
search: ''
},
tableRadio: '',
tableData: [],
dialogVisible: false,
material: {}
}
},
watch: {
dialogShow: {
handler(newValue, oldValue) {
this.dialogVisible = newValue
this.material = this.openParam
}
}
},
methods: {
fun(val) {
return Number(val).toFixed(2)
},
handleClose(done) {
this.$confirm('确认关闭?')
.then(_ => {
done()
})
.catch(_ => {
})
},
open() {
console.log(this.openParam)
this.query.material_id = this.openParam.material_id
this.query.is_full = this.openParam.is_full
this.query.ivt_workprocedure_id = this.openParam.ivt_workprocedure_id
this.crud.toQuery()
},
close() {
this.crud.resetQuery(false)
this.$emit('update:dialogShow', false)
},
submit() {
// 处理单选
if (this.isSingle && this.tableRadio) {
this.$emit('update:dialogShow', false)
this.$emit('tableChanged2', this.tableRadio)
return
}
this.rows = this.$refs.table.selection
if (this.rows.length <= 0) {
this.$message('请先选择起点点位')
return
}
this.crud.resetQuery(false)
this.$emit('update:dialogShow', false)
this.$emit('tableChanged2', this.rows)
},
handleSelectionChange(val, row) {
if (val.length > 1) {
this.$refs.table.clearSelection()
this.$refs.table.toggleRowSelection(val.pop())
} else {
this.checkrow = row
}
},
onSelectAll() {
this.$refs.table.clearSelection()
},
clickChange(item) {
this.tableRadio = item
},
hand(value) {
this.crud.toQuery()
}
}
}
</script>
<style scoped>
.crud-opts2 {
padding: 4px 0;
display: -webkit-flex;
display: flex;
align-items: center;
}
.crud-opts2 .crud-opts-right2 {
margin-left: auto;
}
.el-table_body tr.current-row>td {
background-color: #e9e500;
}
</style>

View File

@@ -0,0 +1,611 @@
<template>
<div class="app-container">
<!--工具栏-->
<div class="head-container">
<div v-if="crud.props.searchToggle">
<!-- 搜索 -->
<label class="el-form-item-label">单据编号</label>
<el-input v-model="query.bill_code" clearable placeholder="单据编号" style="width: 185px;" class="filter-item" @keyup.enter.native="crud.toQuery" />
<rrOperation :crud="crud" />
</div>
<!--如果想在工具栏加入更多按钮可以使用插槽方式 slot = 'left' or 'right'-->
<crudOperation :permission="permission">
<el-button
slot="right"
class="filter-item"
type="success"
:disabled="work_flag"
:loading="syncLoading"
icon="el-icon-position"
size="mini"
@click="genTask()"
>
生成任务
</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="750px">
<el-form ref="form" inline :model="form" :rules="rules" size="mini" label-width="120px">
<el-form-item label="单据类型" prop="bill_type">
<el-select
v-model="form.bill_type"
placeholder=""
style="width: 200px"
>
<el-option
v-for="item in bill_types"
:key="item.value"
:label="item.label"
:value="item.value"
/>
</el-select>
</el-form-item>
<el-form-item label="工序名称" prop="workprocedure_id">
<el-select
v-model="form.workprocedure_id"
placeholder=""
style="width: 200px"
@change="selectEndPoint(form.workprocedure_id)"
>
<el-option
v-for="item in workprocedures"
:key="item.workprocedure_id"
:label="item.workprocedure_name"
:value="item.workprocedure_id"
/>
</el-select>
</el-form-item>
<el-form-item v-if="false" label="物料id">
<el-input v-model="form.material_id" style="width: 200px;" />
</el-form-item>
<el-form-item label="物料" prop="material_name">
<label slot="label">物&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;料</label>
<el-input v-model="form.material_name" style="width: 200px;" @focus="materDialog=true" />
</el-form-item>
<el-form-item label="是否满托" prop="is_full">
<el-radio v-model="form.is_full" label="1">是</el-radio>
<el-radio v-model="form.is_full" label="0">否</el-radio>
</el-form-item>
<el-form-item label="物料工序">
<el-select v-model="form.ivt_workprocedure_id" disabled placeholder="" style="width: 200px">
<el-option
v-for="item in allWorkprocedures"
:key="item.workprocedure_id"
:label="item.workprocedure_name"
:value="item.workprocedure_id"
/>
</el-select>
</el-form-item>
<el-form-item label="数量">
<label slot="label">数&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;量</label>
<el-input v-model="form.qty" style="width: 200px;" disabled />
</el-form-item>
<el-form-item label="批次">
<label slot="label">批&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;次</label>
<el-input v-model="form.pcsn" style="width: 200px;" disabled />
</el-form-item>
<el-form-item label="载具编码">
<el-input v-model="form.vehicle_code" style="width: 200px;" disabled />
</el-form-item>
<el-form-item v-if="false" label="起点点位编码">
<el-input v-model="form.start_point_code" style="width: 200px;" />
</el-form-item>
<el-form-item label="起始点位" prop="start_point_name">
<el-input v-model="form.start_point_name" style="width: 200px;" @focus="getStartPoint(form.material_id,form.is_full,form.workprocedure_id)" />
</el-form-item>
<el-form-item label="终点点位" prop="end_point_code">
<el-select
v-model="form.end_point_code"
placeholder=""
style="width: 200px"
clearable
@change="getEndArea(form.end_point_code)"
>
<el-option
v-for="item in endPoints"
:key="item.point_code"
:label="item.point_name"
:value="item.point_code"
/>
</el-select>
</el-form-item>
<el-form-item label="起始区域">
<el-select
v-model="form.start_area"
placeholder=""
style="width: 200px"
disabled
>
<el-option
v-for="item in dict.sch_area_type"
:key="item.value"
:label="item.label"
:value="item.value"
/>
</el-select>
</el-form-item>
<el-form-item label="终点区域">
<el-select
v-model="form.end_area"
placeholder=""
style="width: 200px"
disabled
>
<el-option
v-for="item in dict.sch_area_type"
:key="item.value"
:label="item.label"
:value="item.value"
/>
</el-select>
</el-form-item>
<!-- <el-form-item label="客户名称">
<el-select v-model="form.cust_id" filterable clearable class="filter-item" style="width: 200px" placeholder="请选择客户">
<el-option
v-for="item in custList"
:key="item.cust_id"
:label="item.cust_name"
:value="item.cust_id"
/>
</el-select>
</el-form-item>-->
<!--<el-form-item label="黏次">
<label slot="label">黏&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;次</label>
<el-input v-model="form.mix_seq" style="width: 200px;" />
</el-form-item>-->
<el-form-item label="备注">
<label slot="label">备&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;注</label>
<el-input v-model="form.remark" type="textarea" style="width: 530px;" />
</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-dialog
:visible.sync="lookDialog"
title="工序出库单详情查看"
width="750px"
>
<el-form ref="form1" disabled inline :model="form1" :rules="rules" size="mini" label-width="120px">
<el-form-item label="单据类型" prop="bill_type">
<el-select
v-model="form1.bill_type"
placeholder=""
style="width: 200px"
>
<el-option
v-for="item in bill_types"
:key="item.value"
:label="item.label"
:value="item.value"
/>
</el-select>
</el-form-item>
<el-form-item label="工序名称" prop="workprocedure_id">
<el-select
v-model="form1.workprocedure_id"
placeholder=""
style="width: 200px"
@change="selectEndPoint(form.workprocedure_id)"
>
<el-option
v-for="item in workprocedures"
:key="item.workprocedure_id"
:label="item.workprocedure_name"
:value="item.workprocedure_id"
/>
</el-select>
</el-form-item>
<el-form-item v-if="false" label="物料id">
<el-input v-model="form1.material_id" style="width: 200px;" />
</el-form-item>
<el-form-item label="物料" prop="material_name">
<label slot="label">物&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;料</label>
<el-input v-model="form1.material_name" style="width: 200px;" @focus="materDialog=true" />
</el-form-item>
<el-form-item label="是否满托">
<el-radio v-model="form1.is_full" label="1">是</el-radio>
<el-radio v-model="form1.is_full" label="0">否</el-radio>
</el-form-item>
<el-form-item label="物料工序">
<el-select v-model="form1.ivt_workprocedure_id" disabled filterable clearable class="filter-item" style="width: 200px">
<el-option
v-for="item in allWorkprocedures"
:key="item.workprocedure_id"
:label="item.workprocedure_name"
:value="item.workprocedure_id"
/>
</el-select>
</el-form-item>
<el-form-item label="载具编码" prop="vehicle_code">
<el-input v-model="form1.vehicle_code" style="width: 200px;" />
</el-form-item>
<el-form-item label="数量">
<label slot="label">数&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;量</label>
<el-input v-model="form1.qty" style="width: 200px;" />
</el-form-item>
<el-form-item label="批次">
<label slot="label">批&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;次</label>
<el-input v-model="form1.pcsn" style="width: 200px;" />
</el-form-item>
<el-form-item v-if="false" label="起点点位编码">
<el-input v-model="form1.start_point_code" style="width: 200px;" />
</el-form-item>
<el-form-item label="起始点位">
<el-input v-model="form1.start_point_name" style="width: 200px;" />
</el-form-item>
<el-form-item label="终点点位">
<el-select
v-model="form1.end_point_code"
placeholder=""
style="width: 200px"
clearable
@change="getEndArea(form.end_point_code)"
>
<el-option
v-for="item in endPoints"
:key="item.point_code"
:label="item.point_name"
:value="item.point_code"
/>
</el-select>
</el-form-item>
<el-form-item label="起始区域">
<el-select
v-model="form1.start_area"
placeholder=""
style="width: 200px"
disabled
>
<el-option
v-for="item in dict.sch_area_type"
:key="item.value"
:label="item.label"
:value="item.value"
/>
</el-select>
</el-form-item>
<el-form-item label="终点区域">
<el-select
v-model="form1.end_area"
placeholder=""
style="width: 200px"
disabled
>
<el-option
v-for="item in dict.sch_area_type"
:key="item.value"
:label="item.label"
:value="item.value"
/>
</el-select>
</el-form-item>
<!-- <el-form-item label="客户名称">
<el-select v-model="form1.cust_id" filterable clearable class="filter-item" style="width: 200px" placeholder="请选择客户">
<el-option
v-for="item in custList"
:key="item.cust_id"
:label="item.cust_name"
:value="item.cust_id"
/>
</el-select>
</el-form-item>
<el-form-item label="黏次">
<label slot="label">黏&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;次</label>
<el-input v-model="form1.mix_seq" style="width: 200px;" />
</el-form-item>-->
<el-form-item label="备注">
<label slot="label">备&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;注</label>
<el-input v-model="form1.remark" type="textarea" style="width: 530px;" />
</el-form-item>
</el-form>
<div slot="footer" class="dialog-footer">
<el-button @click="lookDialog=false">确认</el-button>
</div>
</el-dialog>
<!--表格渲染-->
<el-table
ref="table"
v-loading="crud.loading"
:data="crud.data"
size="mini"
style="width: 100%;"
:cell-style="{'text-align':'center'}"
:header-cell-style="{'text-align':'center'}"
@selection-change="crud.selectionChangeHandler"
@current-change="handleCurrentChange"
@select="handleSelectionChange"
@select-all="onSelectAll"
>
<el-table-column :selectable="checkboxT" type="selection" width="55" />
<el-table-column prop="bill_code" label="单据编号" width="140">
<template slot-scope="scope">
<el-link type="warning" @click="lookUp(scope.row)">{{ scope.row.bill_code }}</el-link>
</template>
</el-table-column>
<el-table-column prop="bill_type" label="单据类型" width="100">
<template slot-scope="scope">
{{ dict.label.ST_INV_TYPE[scope.row.bill_type] }}
</template>
</el-table-column>
<el-table-column prop="bill_status" label="单据状态">
<template slot-scope="scope">
{{ dict.label.st_bill_status[scope.row.bill_status] }}
</template>
</el-table-column>
<el-table-column prop="workprocedure_name" label="所属工序" width="90" />
<el-table-column prop="material_name" label="物料" width="200" />
<el-table-column prop="vehicle_code" label="载具编码" width="200" />
<el-table-column prop="pcsn" label="批次" />
<el-table-column prop="mix_seq" label="黏次" />
<el-table-column prop="qty" label="数量" width="100">
<template slot-scope="scope">
{{ fun(scope.row.qty) }}
</template>
</el-table-column>
<el-table-column prop="unit_name" label="数量单位" />
<el-table-column prop="start_point_name" label="起始点位" width="120" />
<el-table-column prop="start_area" label="起始区域" width="120">
<template slot-scope="scope">
{{ dict.label.sch_area_type[scope.row.start_area] }}
</template>
</el-table-column>
<el-table-column prop="end_point_name" label="终点点位" width="120" />
<el-table-column prop="end_area" label="终点区域" width="120">
<template slot-scope="scope">
{{ dict.label.sch_area_type[scope.row.end_area] }}
</template>
</el-table-column>
<el-table-column prop="cust_name" label="客户" />
<el-table-column prop="create_mode" label="生成方式">
<template slot-scope="scope">
{{ dict.label.ST_CREATE_MODE[scope.row.create_mode] }}
</template>
</el-table-column>
<el-table-column prop="task_id" label="任务标识" width="150" />
<el-table-column prop="remark" label="备注" />
<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 prop="confirm_optname" label="确认人" />
<el-table-column prop="confirm_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"
:disabled-edit="canUd(scope.row)"
:disabled-dle="canUd(scope.row)"
/>
</template>
</el-table-column>
</el-table>
<!--分页组件-->
<pagination />
</div>
<MaterDialog :dialog-show.sync="materDialog" :dialog-matertype="materType" @tableChanged3="tableChanged3" />
<StartPointDialog :dialog-show.sync="startPointDialog" :dialog-matertype="startPointType" :open-param="openParam" @tableChanged2="tableChanged2" />
</div>
</template>
<script>
import crudWorkprocedureiosOut from '@/api/wms/st/out/workprocedureiosOut'
import crudWorkprocedure from '@/api/wms/pdm/workprocedure.js'
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 MaterDialog from './MaterDialog'
import StartPointDialog from './StartPointDialog'
import crudProducetask from '@/api/wms/pdm/producetask'
const defaultForm = { iostorinv_id: null, bill_code: null, io_type: null, bill_type: null, workprocedure_id: null, material_id: null, vehicle_code: null, qty: null, qty_unit_id: null, bill_status: null, start_point_code: null, end_point_code: null, start_area: null, end_area: null, cust_id: null, create_mode: null, task_id: null, remark: null, create_id: null, create_name: null, create_time: null, update_optid: null, update_optname: null, update_time: null, confirm_optid: null, confirm_optname: null, confirm_time: null, is_delete: null, start_point_name: null, material_name: null, pcsn: null, ivt_workprocedure_id: null, is_full: '1', mix_seq: '' }
export default {
name: 'WorkprocedureiosOut',
dicts: ['sch_area_type', 'ST_CREATE_MODE', 'st_bill_status', 'ST_INV_TYPE'],
components: { pagination, crudOperation, rrOperation, udOperation, MaterDialog, StartPointDialog },
mixins: [presenter(), header(), form(defaultForm), crud()],
cruds() {
return CRUD({ title: '工序出库', url: 'api/workprocedureiosOut', idField: 'iostorinv_id', sort: 'iostorinv_id,desc', optShow: { add: true, edit: false, del: false, download: false }, crudMethod: { ...crudWorkprocedureiosOut }})
},
data() {
return {
form1: { iostorinv_id: null, bill_code: null, io_type: null, bill_type: null, workprocedure_id: null, material_id: null, vehicle_code: null, qty: null, qty_unit_id: null, bill_status: null, start_point_code: null, end_point_code: null, start_area: null, end_area: null, cust_id: null, create_mode: null, task_id: null, remark: null, create_id: null, create_name: null, create_time: null, update_optid: null, update_optname: null, update_time: null, confirm_optid: null, confirm_optname: null, confirm_time: null, is_delete: null, start_point_name: null, material_name: null, pcsn: null, ivt_workprocedure_id: null, is_full: null, mix_seq: '' },
permission: {
},
custList: [],
bill_types: [],
workprocedures: [],
allWorkprocedures: [],
endPoints: [],
materDialog: false,
materType: '',
startPointDialog: false,
startPointType: '',
openParam: {},
currentRow: '',
work_flag: true,
syncLoading: false,
lookDialog: false,
rules: {
bill_type: [
{ required: true, message: '单据类型不能为空', trigger: 'blur' }
],
workprocedure_id: [
{ required: true, message: '工序名称不能为空', trigger: 'blur' }
],
material_name: [
{ required: true, message: '物料不能为空', trigger: 'change' }
],
end_point_code: [
{ required: true, message: '终点点位不能为空', trigger: 'blur' }
],
start_point_name: [
{ required: true, message: '起点点位不能为空', trigger: 'change' }
],
is_full: [
{ required: true, message: '是否满托不能为空', trigger: 'blur' }
]
},
queryTypeOptions: [
{ key: 'bill_code', display_name: '单据编号' }
]
}
},
created() {
this.getBillTypes()
this.queryWorkprocedure()
/* this.getCust()*/
},
methods: {
// 钩子在获取表格数据之前执行false 则代表不获取数据
[CRUD.HOOK.beforeRefresh]() {
return true
},
fun(val) {
return Number(val).toFixed(2)
},
canUd(row) {
return (row.bill_status !== '10')
},
getCust() {
crudProducetask.getCust().then(res => {
this.custList = res
})
},
getBillTypes() {
crudWorkprocedureiosOut.getBillTypes().then(res => {
this.bill_types = res
})
},
queryWorkprocedure() {
crudWorkprocedureiosOut.queryWorkprocedure().then(res => {
this.workprocedures = res
})
crudWorkprocedure.queryWorkprocedure().then(res => {
this.allWorkprocedures = res
})
},
getEndArea(end_point_code) {
const queryData = { // eslint-disable-line no-unused-vars
start_point_code: end_point_code
}
crudWorkprocedureiosOut.getEndArea(queryData).then(res => {
this.form.end_area = res.area_type
})
},
async selectEndPoint(workprocedureid) {
this.form.end_point_code = null
this.form.end_area = null
this.form.start_area = null
this.form.start_point_code = null
this.form.start_point_name = null
// this.form.ivt_workprocedure_id = workprocedureid
// eslint-disable-next-line no-unused-vars
const start_area = this.form.start_area
const queryData = { // eslint-disable-line no-unused-vars
workprocedureid: workprocedureid
}
await crudWorkprocedureiosOut.selectEndPoint(queryData).then(res => {
this.endPoints = res
})
await crudWorkprocedureiosOut.getEndAareaByworkprocedureId({ workprocedure_id: this.form.workprocedure_id }).then(res => {
if (start_area === '' || start_area === null || start_area === undefined) {
this.form.start_area = res.start_area
}
this.form.qty_unit_id = res.qty_unit_id
})
await crudWorkprocedureiosOut.getIvtWorkprocedureId(queryData).then(res => {
this.form.ivt_workprocedure_id = res.ivt_workprocedure_id
})
},
tableChanged3(row) {
this.form.material_id = row.material_id
this.form.material_name = row.material_name
this.form.start_point_code = null
this.form.start_point_name = null
},
getStartPoint(material_id, is_full, ivt_workprocedure_id) {
const material = { material_id: material_id, is_full: is_full, ivt_workprocedure_id: ivt_workprocedure_id }
this.openParam = material
console.log(this.openParam)
this.startPointDialog = true
},
tableChanged2(row) {
this.form.start_point_code = row.point_code
this.form.start_point_name = row.point_name
this.form.pcsn = row.pcsn
this.form.qty = row.canuse_qty
this.form.vehicle_code = row.vehicle_code111
this.getStartArea(this.form.start_point_code)
},
getStartArea(start_point_code) {
const queryData = { // eslint-disable-line no-unused-vars
start_point_code: start_point_code
}
crudWorkprocedureiosOut.getEndArea(queryData).then(res => {
this.form.start_area = res.area_type
})
},
handleSelectionChange(val, row) {
if (val.length > 1) {
this.$refs.table.clearSelection()
this.$refs.table.toggleRowSelection(val.pop())
this.buttonChange(row)
} else if (val.length === 1) {
this.buttonChange(row)
} else {
this.handleCurrentChange(null)
}
},
onSelectAll() {
this.$refs.table.clearSelection()
this.handleCurrentChange(null)
},
buttonChange(current) {
if (current !== null) {
this.currentRow = current
if (current.bill_status === '10') {
this.work_flag = false
} else {
this.work_flag = true
}
}
},
handleCurrentChange(current) {
if (current === null) {
this.work_flag = true
this.currentRow = {}
}
},
checkboxT(row) {
return row.bill_status !== '99'
},
genTask() {
this.syncLoading = true
crudWorkprocedureiosOut.genTask({ 'iostorinv_id': this.currentRow.iostorinv_id }).then(() => {
this.onSelectAll()
this.crud.toQuery()
this.handleCurrentChange(null)
this.crud.notify('操作成功', CRUD.NOTIFICATION_TYPE.SUCCESS)
this.syncLoading = false
})
},
lookUp(row) {
this.lookDialog = true
const obj = JSON.parse(JSON.stringify(row))
this.form1 = obj
}
}
}
</script>
<style scoped>
</style>