zhangzq
2 weeks ago
4 changed files with 280 additions and 17 deletions
@ -0,0 +1,265 @@ |
|||||
|
<template> |
||||
|
<el-dialog |
||||
|
:title="crud.status.title" |
||||
|
append-to-body |
||||
|
fullscreen |
||||
|
:before-close="crud.cancelCU" |
||||
|
:visible.sync="crud.status.cu > 0 || crud.status.view > 0" |
||||
|
width="1200px" |
||||
|
@open="open" |
||||
|
@close="close" |
||||
|
> |
||||
|
<el-row v-show="crud.status.cu > 0" :gutter="20"> |
||||
|
<el-col :span="20" style="border: 1px solid white"> |
||||
|
<span /> |
||||
|
</el-col> |
||||
|
<el-col :span="4"> |
||||
|
<span> |
||||
|
<el-button icon="el-icon-check" size="mini" :loading="crud.cu === 2" type="primary" @click="crud.submitCU">保存</el-button> |
||||
|
<el-button icon="el-icon-close" size="mini" type="info" @click="crud.cancelCU">关闭</el-button> |
||||
|
</span> |
||||
|
</el-col> |
||||
|
</el-row> |
||||
|
|
||||
|
<el-form ref="form" style="border: 1px solid #cfe0df;margin-top: 10px;padding-top: 10px;" :inline="true" :model="form" :rules="rules" size="mini" label-width="85px" label-suffix=":"> |
||||
|
<el-form-item label="载具编码" prop="bill_code"> |
||||
|
<label slot="label">载具编码:</label> |
||||
|
<el-input v-model="form.storagevehicle_code" clearable style="width: 210px" /> |
||||
|
</el-form-item> |
||||
|
<el-form-item label="仓库" prop="stor_id"> |
||||
|
<label slot="label">仓 库:</label> |
||||
|
<el-select |
||||
|
v-model="form.stor_id" |
||||
|
clearable |
||||
|
placeholder="仓库" |
||||
|
class="filter-item" |
||||
|
style="width: 210px" |
||||
|
:disabled="crud.status.view > 0" |
||||
|
> |
||||
|
<el-option |
||||
|
v-for="item in storlist" |
||||
|
:key="item.stor_id" |
||||
|
:label="item.stor_name" |
||||
|
:value="item.stor_id" |
||||
|
/> |
||||
|
</el-select> |
||||
|
</el-form-item> |
||||
|
<el-form-item label="源单据号" prop="ext_code"> |
||||
|
<label slot="label">源单据号:</label> |
||||
|
<el-input v-model="form.ext_code" clearable style="width: 210px" /> |
||||
|
</el-form-item> |
||||
|
<el-form-item label="源单类型" prop="ext_type"> |
||||
|
<el-select |
||||
|
v-model="form.ext_type" |
||||
|
clearable |
||||
|
placeholder="源单类型" |
||||
|
style="width: 210px" |
||||
|
class="filter-item" |
||||
|
:disabled="crud.status.view > 0" |
||||
|
> |
||||
|
<el-option |
||||
|
v-for="item in dict.ST_INV_IN_TYPE" |
||||
|
:key="item.value" |
||||
|
:disabled="item.value === '0003'" |
||||
|
:label="item.label" |
||||
|
:value="item.value" |
||||
|
/> |
||||
|
</el-select> |
||||
|
</el-form-item> |
||||
|
<el-form-item label="备注" prop="remark"> |
||||
|
<label slot="label">备 注:</label> |
||||
|
<el-input v-model="form.remark" style="width: 380px;" rows="2" type="textarea" :disabled="crud.status.view > 0" /> |
||||
|
</el-form-item> |
||||
|
</el-form> |
||||
|
|
||||
|
<!--如果想在工具栏加入更多按钮，可以使用插槽方式， slot = 'left' or 'right'--> |
||||
|
<div class="crud-opts2" style="margin-bottom: 5px;"> |
||||
|
<span class="crud-opts-right2"> |
||||
|
<!--左侧插槽--> |
||||
|
<slot name="left" /> |
||||
|
<el-button |
||||
|
slot="left" |
||||
|
class="filter-item" |
||||
|
type="primary" |
||||
|
icon="el-icon-plus" |
||||
|
size="mini" |
||||
|
@click="insertEvent()" |
||||
|
> |
||||
|
添加物料 |
||||
|
</el-button> |
||||
|
</span> |
||||
|
|
||||
|
</div> |
||||
|
<!--表格渲染--> |
||||
|
<el-table |
||||
|
ref="table" |
||||
|
:data="form.tableData" |
||||
|
style="width: 100%;" |
||||
|
border |
||||
|
:header-cell-style="{background:'#f5f7fa',color:'#606266'}" |
||||
|
> |
||||
|
<el-table-column type="index" label="序号" width="55" align="center" /> |
||||
|
<el-table-column show-overflow-tooltip width="180" prop="material_code" label="物料编码" /> |
||||
|
<el-table-column show-overflow-tooltip width="260" prop="material_name" label="物料名称" /> |
||||
|
<el-table-column show-overflow-tooltip width="260" prop="material_spec" label="物料规格" /> |
||||
|
<el-table-column show-overflow-tooltip width="180" prop="pcsn" label="批次号" > |
||||
|
<template slot-scope="scope"> |
||||
|
<el-input v-model="scope.row.pcsn" style="width: 150px;" ></el-input> |
||||
|
</template> |
||||
|
</el-table-column> |
||||
|
<el-table-column show-overflow-tooltip width="180" prop="qty" label="数量" > |
||||
|
<template slot-scope="scope"> |
||||
|
<el-input-number v-model="scope.row.qty" style="width: 150px;" ></el-input-number> |
||||
|
</template> |
||||
|
</el-table-column> |
||||
|
<el-table-column show-overflow-tooltip width="150" prop="qty_unit_name" label="计量单位名称" /> |
||||
|
<el-table-column v-if="crud.status.cu > 0" align="center" label="操作" width="150" fixed="right"> |
||||
|
<template scope="scope"> |
||||
|
<el-button |
||||
|
type="danger" |
||||
|
class="filter-item" |
||||
|
size="mini" |
||||
|
icon="el-icon-delete" |
||||
|
@click.native.prevent="deleteRow(scope.$index, form.tableData)" |
||||
|
/> |
||||
|
</template> |
||||
|
</el-table-column> |
||||
|
</el-table> |
||||
|
|
||||
|
<MaterialDialog :dialog-show.sync="dtlShow" :is-Single.sync="isSingle" @materialChoose="materialChoose" /> |
||||
|
|
||||
|
</el-dialog> |
||||
|
</template> |
||||
|
|
||||
|
<script> |
||||
|
import CRUD, { crud, form } from '@crud/crud' |
||||
|
import MaterialDialog from '@/views/wms/basedata/material/MaterialDialog' |
||||
|
import crudBsrealstorattr from '@/views/wms/basedata/bsrealstorattr/bsrealstorattr' |
||||
|
|
||||
|
const defaultForm = { |
||||
|
ext_code: '', |
||||
|
storagevehicle_code: '', |
||||
|
stor_id: '', |
||||
|
status: '10', |
||||
|
ext_type: '0', |
||||
|
remark: '', |
||||
|
biz_date: new Date(), |
||||
|
create_mode: '', |
||||
|
tableData: [] |
||||
|
} |
||||
|
|
||||
|
export default { |
||||
|
name: 'AddDialog', |
||||
|
components: { MaterialDialog }, |
||||
|
mixins: [crud(), form(defaultForm)], |
||||
|
dicts: ['io_bill_status', 'ST_QUALITY_SCODE', 'ST_INV_IN_TYPE'], |
||||
|
props: { |
||||
|
dialogShow: { |
||||
|
type: Boolean, |
||||
|
default: false |
||||
|
}, |
||||
|
bussConfig: { |
||||
|
type: Object |
||||
|
}, |
||||
|
openParam: { |
||||
|
type: Object |
||||
|
} |
||||
|
}, |
||||
|
data() { |
||||
|
return { |
||||
|
dialogVisible: false, |
||||
|
dtlShow: false, |
||||
|
isSingle: false, |
||||
|
bill_btn: false, |
||||
|
mater_btn: false, |
||||
|
storlist: [], |
||||
|
billtypelist: [], |
||||
|
rules: { |
||||
|
storagevehicle_code: [ |
||||
|
{ required: true, message: '载具不能为空', trigger: 'blur' } |
||||
|
], |
||||
|
bill_type: [ |
||||
|
{ required: true, message: '业务类型不能为空', trigger: 'blur' } |
||||
|
], |
||||
|
biz_date: [ |
||||
|
{ required: true, message: '业务日期不能为空', trigger: 'blur' } |
||||
|
] |
||||
|
} |
||||
|
} |
||||
|
}, |
||||
|
watch: { |
||||
|
dialogShow: { |
||||
|
handler(newValue, oldValue) { |
||||
|
this.dialogVisible = newValue |
||||
|
} |
||||
|
} |
||||
|
}, |
||||
|
methods: { |
||||
|
open() { |
||||
|
crudBsrealstorattr.getStor().then(res => { |
||||
|
this.storlist = res |
||||
|
}) |
||||
|
}, |
||||
|
close() { |
||||
|
this.$emit('AddChanged') |
||||
|
}, |
||||
|
[CRUD.HOOK.beforeSubmit]() { |
||||
|
// 提交前校验 |
||||
|
if (this.form.tableData.length === 0) { |
||||
|
this.crud.notify('请至少选择一条明细', CRUD.NOTIFICATION_TYPE.INFO) |
||||
|
return false |
||||
|
} |
||||
|
}, |
||||
|
|
||||
|
fun(val) { |
||||
|
return Number(val).toFixed(3) |
||||
|
}, |
||||
|
async insertdtl() { |
||||
|
if (this.form.bill_type === '') { |
||||
|
this.crud.notify('请选择业务类型！', CRUD.NOTIFICATION_TYPE.INFO) |
||||
|
return |
||||
|
} |
||||
|
this.form.tableData.push({ quality_scode: '01', is_active: '1', ivt_level: '01', qty: '0' }) |
||||
|
this.form.detail_count = this.form.tableData.length |
||||
|
}, |
||||
|
deleteRow(index, rows) { |
||||
|
const pcsn = rows[index].pcsn |
||||
|
let len = rows.length |
||||
|
while (len--) { |
||||
|
const obj = rows[len] |
||||
|
if (pcsn === obj.pcsn) { |
||||
|
const index = rows.indexOf(obj) |
||||
|
if (index > -1) { // 移除找到的指定元素 |
||||
|
this.form.total_qty = parseFloat(this.form.total_qty) - parseFloat(rows[index].qty) |
||||
|
rows.splice(index, 1) |
||||
|
this.form.detail_count = this.form.tableData.length |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
}, |
||||
|
materialChoose(row) { |
||||
|
this.form.tableData = row |
||||
|
// this.form.tableData.material_name = row.material_name |
||||
|
// this.form.material_id = row.material_id |
||||
|
// this.form.material_code = row.material_code |
||||
|
// this.form.material_spec = row.material_spec |
||||
|
}, |
||||
|
async insertEvent(row) { |
||||
|
this.dtlShow = true |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
</script> |
||||
|
|
||||
|
<style> |
||||
|
.crud-opts2 { |
||||
|
padding: 4px 0; |
||||
|
display: -webkit-flex; |
||||
|
display: flex; |
||||
|
align-items: center; |
||||
|
} |
||||
|
|
||||
|
.crud-opts2 .crud-opts-right2 { |
||||
|
margin-left: auto; |
||||
|
} |
||||
|
</style> |
||||
Loading…
Reference in new issue