张江玮
2 years ago
24 changed files with 1125 additions and 308 deletions
@ -0,0 +1,56 @@ |
|||||
|
[交易说明] |
||||
|
交易名： 物料详情分页查询 |
||||
|
所属模块： |
||||
|
功能简述： |
||||
|
版权所有： |
||||
|
表引用： |
||||
|
版本经历： |
||||
|
|
||||
|
[数据库] |
||||
|
--指定数据库，为空采用默认值，默认为db.properties中列出的第一个库 |
||||
|
|
||||
|
[IO定义] |
||||
|
################################################# |
||||
|
## 表字段对应输入参数 |
||||
|
################################################# |
||||
|
输入.flag TYPEAS s_string |
||||
|
|
||||
|
[临时表] |
||||
|
--这边列出来的临时表就会在运行期动态创建 |
||||
|
|
||||
|
[临时变量] |
||||
|
--所有中间过程变量均可在此处定义 |
||||
|
|
||||
|
[业务过程] |
||||
|
|
||||
|
########################################## |
||||
|
# 1、输入输出检查 # |
||||
|
########################################## |
||||
|
|
||||
|
|
||||
|
########################################## |
||||
|
# 2、主过程前处理 # |
||||
|
########################################## |
||||
|
|
||||
|
|
||||
|
########################################## |
||||
|
# 3、业务主过程 # |
||||
|
########################################## |
||||
|
|
||||
|
IF 输入.flag = "1" |
||||
|
PAGEQUERY |
||||
|
SELECT |
||||
|
md.*, |
||||
|
d1.label AS 'furnace_name', |
||||
|
d2.label AS 'material_brick_type_name', |
||||
|
d3.label AS 'product_grade_name' |
||||
|
FROM |
||||
|
md_me_material_detail md |
||||
|
LEFT JOIN sys_dict_detail d1 ON d1.`value` = md.furnace AND d1.`name` = 'furnace' |
||||
|
LEFT JOIN sys_dict_detail d2 ON d2.`value` = md.material_brick_type AND d2.`name` = 'material_brick_type' |
||||
|
LEFT JOIN sys_dict_detail d3 ON d3.`value` = md.product_grade AND d3.`name` = 'product_grade' |
||||
|
WHERE |
||||
|
md.is_delete = '0' |
||||
|
ENDSELECT |
||||
|
ENDPAGEQUERY |
||||
|
ENDIF |
||||
Binary file not shown.
@ -0,0 +1,287 @@ |
|||||
|
<template> |
||||
|
<div v-loading.fullscreen.lock="fullscreenLoading" 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="BOM编码"> |
||||
|
<el-input |
||||
|
v-model="query.name" |
||||
|
clearable |
||||
|
placeholder="BOM编码" |
||||
|
@keyup.enter.native="crud.toQuery" |
||||
|
/> |
||||
|
</el-form-item> |
||||
|
<rrOperation /> |
||||
|
</el-form> |
||||
|
</div> |
||||
|
<!--如果想在工具栏加入更多按钮，可以使用插槽方式， slot = 'left' or 'right'--> |
||||
|
<crudOperation :permission="permission" /> |
||||
|
<!--表单组件--> |
||||
|
<el-dialog |
||||
|
:close-on-click-modal="false" |
||||
|
:before-close="crud.cancelCU" |
||||
|
:visible.sync="crud.status.cu > 0" |
||||
|
:title="crud.status.title" |
||||
|
width="600px" |
||||
|
> |
||||
|
<el-form ref="form" :model="form" :rules="rules" size="mini" label-width="160px" label-suffix="："> |
||||
|
<el-row> |
||||
|
<el-col :span="12"> |
||||
|
<el-form-item label="BOM编码" prop="material_code"> |
||||
|
<el-input :disabled="crud.status.edit" v-model="form.material_code" clearable style="width: 300px" /> |
||||
|
</el-form-item> |
||||
|
</el-col> |
||||
|
</el-row> |
||||
|
<el-row> |
||||
|
<el-col :span="12"> |
||||
|
<el-form-item label="静置时间" prop="standing_time"> |
||||
|
<el-input v-model="form.standing_time" type="number" style="width: 300px" /> |
||||
|
</el-form-item> |
||||
|
</el-col> |
||||
|
</el-row> |
||||
|
<el-row> |
||||
|
<el-col :span="12"> |
||||
|
<el-form-item label="阈值时间" prop="threshold_time"> |
||||
|
<el-input v-model="form.threshold_time" type="number" style="width: 300px" /> |
||||
|
</el-form-item> |
||||
|
</el-col> |
||||
|
</el-row> |
||||
|
</el-form> |
||||
|
<div slot="footer" class="dialog-footer"> |
||||
|
<el-button type="info" @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 prop="material_code" label="BOM编码" :min-width="flexWidth('material_code',crud.data,'BOM编码')" /> |
||||
|
<el-table-column prop="standing_time" label="困料时间" :min-width="flexWidth('standing_time',crud.data,'困料时间')" /> |
||||
|
<el-table-column prop="threshold_time" label="超时时间" :min-width="flexWidth('threshold_time',crud.data,'超时时间')" /> |
||||
|
<el-table-column prop="create_name" label="创建人" :min-width="flexWidth('create_name',crud.data,'创建人')" /> |
||||
|
<el-table-column prop="create_time" label="创建时间" :min-width="flexWidth('create_time',crud.data,'创建时间')" /> |
||||
|
<el-table-column prop="update_optname" label="修改人" :min-width="flexWidth('update_optname',crud.data,'修改人')" /> |
||||
|
<el-table-column prop="update_time" label="修改时间" :min-width="flexWidth('update_time',crud.data,'修改时间')" /> |
||||
|
<el-table-column |
||||
|
v-permission="[]" |
||||
|
label="操作" |
||||
|
fixed="right" |
||||
|
width="120px" |
||||
|
align="center" |
||||
|
> |
||||
|
<template slot-scope="scope"> |
||||
|
<udOperation |
||||
|
:is-visiable-del="false" |
||||
|
:data="scope.row" |
||||
|
:permission="permission" |
||||
|
/> |
||||
|
</template> |
||||
|
</el-table-column> |
||||
|
</el-table> |
||||
|
<!--分页组件--> |
||||
|
<pagination /> |
||||
|
</div> |
||||
|
</div> |
||||
|
</template> |
||||
|
|
||||
|
<script> |
||||
|
import crudMaterialbase from '@/api/wms/basedata/materialbase' |
||||
|
import CRUD, { crud, form, 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 { LOAD_CHILDREN_OPTIONS } from '@riophae/vue-treeselect' |
||||
|
import '@riophae/vue-treeselect/dist/vue-treeselect.css' |
||||
|
import crudClassstandard from '@/api/wms/basedata/classstandard' |
||||
|
import crudMdPbMeasureunit from '@/api/wms/basedata/mdPbMeasureunit' |
||||
|
|
||||
|
const defaultForm = { |
||||
|
material_id: null, |
||||
|
ass_unit_id: null, |
||||
|
material_code: null, |
||||
|
material_name: null, |
||||
|
standing_time: null, |
||||
|
threshold_time: null, |
||||
|
a: null, |
||||
|
b: null, |
||||
|
h: null, |
||||
|
w: null, |
||||
|
product_code: null, |
||||
|
create_id: null, |
||||
|
create_name: null, |
||||
|
create_time: null, |
||||
|
update_optid: null, |
||||
|
update_optname: null, |
||||
|
update_time: null, |
||||
|
weight: null, |
||||
|
material_type: '2' |
||||
|
} |
||||
|
export default { |
||||
|
name: 'BOM', |
||||
|
// 数据字典 |
||||
|
dicts: ['is_used'], |
||||
|
components: { pagination, crudOperation, rrOperation, udOperation }, |
||||
|
mixins: [presenter(), header(), form(defaultForm), crud()], |
||||
|
cruds() { |
||||
|
return CRUD({ |
||||
|
title: 'BOM', |
||||
|
optShow: { add: false, reset: true }, |
||||
|
url: 'api/Materialbase', |
||||
|
idField: 'material_id', |
||||
|
sort: 'material_id,desc', |
||||
|
crudMethod: { ...crudMaterialbase }, |
||||
|
query: { |
||||
|
material_type: '2' |
||||
|
} |
||||
|
}) |
||||
|
}, |
||||
|
data() { |
||||
|
return { |
||||
|
classes1: [], |
||||
|
classes2: [], |
||||
|
classes3: [], |
||||
|
fullscreenLoading: false, |
||||
|
measure_unit: [], |
||||
|
productSeries: [], |
||||
|
permission: {}, |
||||
|
rules: { |
||||
|
material_code: [ |
||||
|
{ required: true, message: '物料编码不能为空', trigger: 'blur' } |
||||
|
] |
||||
|
} |
||||
|
} |
||||
|
}, |
||||
|
created() { |
||||
|
}, |
||||
|
methods: { |
||||
|
// 钩子：在获取表格数据之前执行，false 则代表不获取数据 |
||||
|
[CRUD.HOOK.beforeRefresh]() { |
||||
|
return true |
||||
|
}, |
||||
|
[CRUD.HOOK.beforeToCU](crud, form) { |
||||
|
crudMdPbMeasureunit.getUnit().then(res => { |
||||
|
this.measure_unit = res.content |
||||
|
}) |
||||
|
// 物料标识为空，新增 |
||||
|
if (!form.material_type_id) { |
||||
|
form.material_type_id = null // 必须为null，否则会出现unknown |
||||
|
} else { // 更新 |
||||
|
this.getSubTypes('02', form.material_type_id) |
||||
|
} |
||||
|
// 物料系列为空，新增 |
||||
|
if (!form.product_series) { |
||||
|
form.product_series = null // 必须为null，否则会出现unknown |
||||
|
} else { // 更新 |
||||
|
this.getSubTypes('03', form.product_series) |
||||
|
} |
||||
|
}, |
||||
|
getSubTypes(type, id) { |
||||
|
const that = this |
||||
|
crudClassstandard.getClassSuperior(id).then(res => { |
||||
|
const data = res.content |
||||
|
that.buildTree(data) |
||||
|
if (type === '02') { |
||||
|
that.classes2 = data |
||||
|
} |
||||
|
if (type === '03') { |
||||
|
that.classes3 = data |
||||
|
} |
||||
|
}) |
||||
|
}, |
||||
|
synchronize() { |
||||
|
this.fullscreenLoading = true |
||||
|
crudMaterialbase.synchronize(this.crud.query).then(res => { |
||||
|
this.fullscreenLoading = false |
||||
|
this.crud.notify('同步成功！', CRUD.NOTIFICATION_TYPE.SUCCESS) |
||||
|
}).catch(() => { |
||||
|
this.fullscreenLoading = false |
||||
|
}) |
||||
|
}, |
||||
|
queryClassId() { |
||||
|
const param = { |
||||
|
'class_idStr': this.class_idStr |
||||
|
} |
||||
|
crudClassstandard.queryClassById(param).then(res => { |
||||
|
this.classes = res.content.map(obj => { |
||||
|
if (obj.hasChildren) { |
||||
|
obj.children = null |
||||
|
} |
||||
|
return obj |
||||
|
}) |
||||
|
}) |
||||
|
}, |
||||
|
buildTree(classes) { |
||||
|
classes.forEach(data => { |
||||
|
if (data.children) { |
||||
|
this.buildTree(data.children) |
||||
|
} |
||||
|
if (data.hasChildren && !data.children) { |
||||
|
data.children = null // 重点代码 |
||||
|
} |
||||
|
}) |
||||
|
}, |
||||
|
// 改变状态 |
||||
|
changeEnabled(data, val) { |
||||
|
this.$confirm('此操作将 "' + this.dict.label.is_used[val] + '" ' + data.material_name + ', 是否继续？', '提示', { |
||||
|
confirmButtonText: '确定', |
||||
|
cancelButtonText: '取消', |
||||
|
type: 'warning' |
||||
|
}).then(() => { |
||||
|
crudMaterialbase.edit(data).then(res => { |
||||
|
this.crud.notify(this.dict.label.is_used[val] + '成功', CRUD.NOTIFICATION_TYPE.SUCCESS) |
||||
|
}).catch(() => { |
||||
|
if (data.is_used === '0') { |
||||
|
data.is_used = '1' |
||||
|
return |
||||
|
} |
||||
|
if (data.is_used === '1') { |
||||
|
data.is_used = '0' |
||||
|
} |
||||
|
}) |
||||
|
}).catch(() => { |
||||
|
if (data.is_used === '0') { |
||||
|
data.is_used = '1' |
||||
|
return |
||||
|
} |
||||
|
if (data.is_used === '1') { |
||||
|
data.is_used = '0' |
||||
|
} |
||||
|
}) |
||||
|
}, |
||||
|
// 获取子节点数据 |
||||
|
loadChildNodes({ action, parentNode, callback }) { |
||||
|
if (action === LOAD_CHILDREN_OPTIONS) { |
||||
|
crudClassstandard.getClass({ pid: parentNode.id }).then(res => { |
||||
|
parentNode.children = res.content.map(function(obj) { |
||||
|
if (obj.hasChildren) { |
||||
|
obj.children = null |
||||
|
} |
||||
|
return obj |
||||
|
}) |
||||
|
setTimeout(() => { |
||||
|
callback() |
||||
|
}, 100) |
||||
|
}) |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
</script> |
||||
|
|
||||
|
<style scoped> |
||||
|
|
||||
|
</style> |
||||
@ -0,0 +1,202 @@ |
|||||
|
<template> |
||||
|
<el-dialog |
||||
|
title="BOM选择" |
||||
|
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="90px" |
||||
|
label-suffix="：" |
||||
|
> |
||||
|
<el-form-item label="BOM编码"> |
||||
|
<el-input |
||||
|
v-model="query.name" |
||||
|
clearable |
||||
|
placeholder="BOM编码" |
||||
|
@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="BOM编码" :min-width="flexWidth('material_code',crud.data,'物料编码')" /> |
||||
|
<el-table-column prop="standing_time" label="静置时间" :min-width="flexWidth('standing_time',crud.data,'静置时间')" /> |
||||
|
<el-table-column prop="threshold_time" label="阈值时间" :min-width="flexWidth('threshold_time',crud.data,'阈值时间')" /> |
||||
|
</el-table> |
||||
|
<!--分页组件--> |
||||
|
<pagination /> |
||||
|
<span slot="footer" class="dialog-footer"> |
||||
|
<el-button type="info" @click="dialogVisible = false">取 消</el-button> |
||||
|
<el-button type="primary" @click="submit">确 定</el-button> |
||||
|
</span> |
||||
|
</el-dialog> |
||||
|
</template> |
||||
|
|
||||
|
<script> |
||||
|
|
||||
|
import crudMaterialbase from '@/api/wms/basedata/materialbase' |
||||
|
import CRUD, { header, presenter } from '@crud/crud' |
||||
|
import rrOperation from '@crud/RR.operation' |
||||
|
import pagination from '@crud/Pagination' |
||||
|
import { LOAD_CHILDREN_OPTIONS } from '@riophae/vue-treeselect' |
||||
|
import '@riophae/vue-treeselect/dist/vue-treeselect.css' |
||||
|
import crudClassstandard from '@/api/wms/basedata/classstandard' |
||||
|
|
||||
|
export default { |
||||
|
name: 'BOMDtl', |
||||
|
components: { rrOperation, pagination }, |
||||
|
cruds() { |
||||
|
return CRUD({ |
||||
|
title: 'BOM', |
||||
|
url: 'api/Materialbase', |
||||
|
crudMethod: { ...crudMaterialbase }, |
||||
|
optShow: {}, |
||||
|
query: { |
||||
|
material_type: '2' |
||||
|
} |
||||
|
}) |
||||
|
}, |
||||
|
mixins: [presenter(), header()], |
||||
|
dicts: ['product_series'], |
||||
|
props: { |
||||
|
dialogShow: { |
||||
|
type: Boolean, |
||||
|
default: false |
||||
|
}, |
||||
|
isSingle: { |
||||
|
type: Boolean, |
||||
|
default: true |
||||
|
}, |
||||
|
materOptCode: { |
||||
|
type: String, |
||||
|
default: '00' |
||||
|
} |
||||
|
}, |
||||
|
data() { |
||||
|
return { |
||||
|
dialogVisible: false, |
||||
|
classes: [], |
||||
|
tableRadio: null, |
||||
|
class_idStr: null, |
||||
|
checkrow: null, |
||||
|
rows: [] |
||||
|
} |
||||
|
}, |
||||
|
watch: { |
||||
|
dialogShow: { |
||||
|
handler(newValue) { |
||||
|
this.dialogVisible = newValue |
||||
|
} |
||||
|
} |
||||
|
}, |
||||
|
methods: { |
||||
|
clickChange(item) { |
||||
|
this.tableRadio = item |
||||
|
}, |
||||
|
open() { |
||||
|
const param = { |
||||
|
'materOpt_code': this.materOptCode |
||||
|
} |
||||
|
crudMaterialbase.getMaterOptType(param).then(res => { |
||||
|
this.class_idStr = res.class_idStr |
||||
|
this.crud.query.class_idStr = res.class_idStr |
||||
|
this.crud.toQuery() |
||||
|
this.queryClassId() |
||||
|
}) |
||||
|
}, |
||||
|
queryClassId() { |
||||
|
const param = { |
||||
|
'class_idStr': this.class_idStr |
||||
|
} |
||||
|
crudClassstandard.queryClassById(param).then(res => { |
||||
|
this.classes = res.content.map(obj => { |
||||
|
if (obj.hasChildren) { |
||||
|
obj.children = null |
||||
|
} |
||||
|
return obj |
||||
|
}) |
||||
|
}) |
||||
|
}, |
||||
|
handleSelectionChange(val, row) { |
||||
|
if (this.isSingle) { |
||||
|
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('setBOMValue', 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('setBOMValue', this.rows) |
||||
|
}, |
||||
|
loadClass({ action, parentNode, callback }) { |
||||
|
if (action === LOAD_CHILDREN_OPTIONS) { |
||||
|
crudClassstandard.getClass({ pid: parentNode.id }).then(res => { |
||||
|
parentNode.children = res.content.map(function(obj) { |
||||
|
if (obj.hasChildren) { |
||||
|
obj.children = null |
||||
|
} |
||||
|
return obj |
||||
|
}) |
||||
|
setTimeout(() => { |
||||
|
callback() |
||||
|
}, 100) |
||||
|
}) |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
</script> |
||||
|
<style rel="stylesheet/scss" lang="scss" scoped> |
||||
|
::v-deep .el-dialog__body { |
||||
|
padding-top: 0px; |
||||
|
} |
||||
|
</style> |
||||
|
|
||||
Loading…
Reference in new issue