parent
05b376086b
commit
fea23d343d
@ -0,0 +1,302 @@ |
|||||||
|
<template> |
||||||
|
<div class="app-container"> |
||||||
|
<div> |
||||||
|
<el-form ref="form" :model="form" label-width="80px"> |
||||||
|
<el-form-item label="入库仓库"> |
||||||
|
<el-select |
||||||
|
style="width: 500px" |
||||||
|
v-model="form.no" |
||||||
|
placeholder="请选择" |
||||||
|
clearable |
||||||
|
> |
||||||
|
<el-option |
||||||
|
v-for="item in WarehousingList" |
||||||
|
:key="item.id" |
||||||
|
:label="item.branchName" |
||||||
|
:value="item.id" |
||||||
|
> |
||||||
|
</el-option> |
||||||
|
</el-select> |
||||||
|
</el-form-item> |
||||||
|
<el-form-item label="物料信息"> |
||||||
|
<div v-if="chooselist.length>0"> |
||||||
|
<div v-for="(item,index) in chooselist" :key="index" style="margin-top: 10px"> |
||||||
|
<span>{{ item.goodName+'-'+item.goodsNo+'-'+item.specifications }}</span> |
||||||
|
<el-input v-model="item.qty" style="width: 100px;margin-left: 50px" placeholder="入库数量"></el-input> |
||||||
|
</div> |
||||||
|
</div> |
||||||
|
<el-button style="margin-top: 20px" @click="dialogVisible = true">选择物料</el-button> |
||||||
|
</el-form-item> |
||||||
|
<el-form-item label="容器编码"> |
||||||
|
<el-input style="width: 500px" v-model="form.containerNo" placeholder="请扫描或录入容器编码"></el-input> |
||||||
|
</el-form-item> |
||||||
|
<el-form-item> |
||||||
|
<el-button type="primary" @click="onSubmit">确认入库</el-button> |
||||||
|
<el-button @click="reset()">重置</el-button> |
||||||
|
</el-form-item> |
||||||
|
</el-form> |
||||||
|
</div> |
||||||
|
<!--物料选择--> |
||||||
|
<el-dialog |
||||||
|
title="选择物料" |
||||||
|
:visible.sync="dialogVisible" |
||||||
|
width="50%"> |
||||||
|
<div style="display: flex"> |
||||||
|
<div> |
||||||
|
<el-dropdown @command="handleCommand"> |
||||||
|
<span class="el-dropdown-link"> |
||||||
|
物料分类<i class="el-icon-arrow-down el-icon--right"></i> |
||||||
|
</span> |
||||||
|
<el-dropdown-menu slot="dropdown"> |
||||||
|
<el-dropdown-item command="110">成品</el-dropdown-item> |
||||||
|
<el-dropdown-item command="100">铝合金锭</el-dropdown-item> |
||||||
|
<el-dropdown-item command="101">锌合金锭</el-dropdown-item> |
||||||
|
<el-dropdown-item command="111">模具配件</el-dropdown-item> |
||||||
|
<el-dropdown-item command="102">配件</el-dropdown-item> |
||||||
|
<el-dropdown-item command="108">辅料</el-dropdown-item> |
||||||
|
<el-dropdown-item command="101">模具</el-dropdown-item> |
||||||
|
</el-dropdown-menu> |
||||||
|
</el-dropdown> |
||||||
|
</div> |
||||||
|
<div style="margin-left: 50px"> |
||||||
|
<div class="search-box customer-search"> |
||||||
|
<el-form |
||||||
|
:inline="true" |
||||||
|
:model="searchForm" |
||||||
|
ref="searchForm" |
||||||
|
> |
||||||
|
<el-form-item |
||||||
|
prop="orderNo" |
||||||
|
> |
||||||
|
<el-input |
||||||
|
v-model="searchForm.goodNo" |
||||||
|
placeholder="请输入商品编码" |
||||||
|
clearable |
||||||
|
></el-input> |
||||||
|
</el-form-item> |
||||||
|
<el-form-item |
||||||
|
prop="orderNo" |
||||||
|
> |
||||||
|
<el-input |
||||||
|
v-model="searchForm.goodName" |
||||||
|
placeholder="请输入商品名称" |
||||||
|
clearable |
||||||
|
></el-input> |
||||||
|
</el-form-item> |
||||||
|
<el-form-item |
||||||
|
prop="orderNo" |
||||||
|
> |
||||||
|
<el-input |
||||||
|
v-model="searchForm.mnemonic" |
||||||
|
placeholder="请输入助记码" |
||||||
|
clearable |
||||||
|
></el-input> |
||||||
|
</el-form-item> |
||||||
|
<el-form-item style="margin-left: 15px"> |
||||||
|
<el-button style="margin-left: 10px" size="small" type="primary" @click="searchList()">搜索</el-button> |
||||||
|
</el-form-item> |
||||||
|
</el-form> |
||||||
|
</div> |
||||||
|
<div |
||||||
|
class="layout-full" |
||||||
|
style="padding-top: 42px" |
||||||
|
> |
||||||
|
<heavy-table |
||||||
|
:data="tableData" |
||||||
|
:tableProps="tableProps" |
||||||
|
:config="config" |
||||||
|
:loading="loading" |
||||||
|
@current-change="queryTable" |
||||||
|
:paging="paging" |
||||||
|
@handleselection="handleselection" |
||||||
|
> |
||||||
|
<template v-slot:errMsg="scope"> |
||||||
|
{{ |
||||||
|
scope.row.errMsg === "ERROR" |
||||||
|
? scope.row.errMsg + "?" |
||||||
|
: scope.row.errMsg |
||||||
|
}} |
||||||
|
</template> |
||||||
|
</heavy-table> |
||||||
|
|
||||||
|
</div> |
||||||
|
</div> |
||||||
|
</div> |
||||||
|
<span slot="footer" class="dialog-footer"> |
||||||
|
<!-- <el-button>已选:D23.145.36.7 钢管外丝1寸;D29.182.12.8 回炉料3#</el-button>--> |
||||||
|
<el-button @click="cancel()">取 消</el-button> |
||||||
|
<el-button type="primary" @click="choose()">确认选择</el-button> |
||||||
|
</span> |
||||||
|
</el-dialog> |
||||||
|
</div> |
||||||
|
</template> |
||||||
|
<script> |
||||||
|
import {dealEmptyQueryCondition, getDictLabel} from "@/utils"; |
||||||
|
import {getBranchList, InitInOrder} from "@/api/system/branch"; |
||||||
|
import {getGoods} from "@/api/basicData/goods"; |
||||||
|
export default { |
||||||
|
name: "index", |
||||||
|
dicts: ["goods_classify"], |
||||||
|
data() { |
||||||
|
const _that=this |
||||||
|
return { |
||||||
|
form:{}, |
||||||
|
dialogVisible: false, |
||||||
|
searchForm:{ |
||||||
|
|
||||||
|
}, |
||||||
|
tableData: [ |
||||||
|
{ |
||||||
|
goodNo:1, |
||||||
|
goodName:'shh' |
||||||
|
}, |
||||||
|
{ |
||||||
|
goodNo:2, |
||||||
|
goodName:'cdgf' |
||||||
|
}], |
||||||
|
tableProps:{}, |
||||||
|
config: [ |
||||||
|
// 表头数据 |
||||||
|
{ label: "复选框", type: "selection", prop: "selection", istrue: true }, |
||||||
|
{ |
||||||
|
label: '商品编号', |
||||||
|
prop: 'goodNo', |
||||||
|
width: 160, |
||||||
|
istrue: true |
||||||
|
}, |
||||||
|
{ |
||||||
|
label: '商品名称', |
||||||
|
prop: 'goodName', |
||||||
|
width: 150, |
||||||
|
istrue: true |
||||||
|
}, |
||||||
|
{ |
||||||
|
label: '规格', |
||||||
|
prop: 'specifications', |
||||||
|
istrue: true |
||||||
|
}, |
||||||
|
{ |
||||||
|
label: '型号', |
||||||
|
prop: '', |
||||||
|
istrue: true |
||||||
|
}, |
||||||
|
{ |
||||||
|
label: '所属分类', |
||||||
|
prop: 'specialMana', |
||||||
|
istrue: true, |
||||||
|
filter(row, value) { |
||||||
|
return getDictLabel(value, _that.dict.type.goods_classify); |
||||||
|
}, |
||||||
|
}, |
||||||
|
], |
||||||
|
loading: false, |
||||||
|
paging: { |
||||||
|
page: 1, // 当前页 |
||||||
|
size: 10, // 页面大小 |
||||||
|
total: 0 |
||||||
|
}, |
||||||
|
WarehousingList:[], |
||||||
|
handleSelect:[], |
||||||
|
chooselist:[] |
||||||
|
}; |
||||||
|
}, |
||||||
|
mounted() { |
||||||
|
this.getBranchList() |
||||||
|
this.queryTable() |
||||||
|
}, |
||||||
|
methods: { |
||||||
|
// 仓库列表 |
||||||
|
getBranchList(){ |
||||||
|
getBranchList().then((res)=>{ |
||||||
|
this.WarehousingList=res.rows |
||||||
|
}) |
||||||
|
}, |
||||||
|
// 商品列表 |
||||||
|
async queryTable() { |
||||||
|
this.loading = true |
||||||
|
const request = { |
||||||
|
...this.searchForm, |
||||||
|
pageSize: this.paging.size, |
||||||
|
pageNum: this.paging.page |
||||||
|
} |
||||||
|
dealEmptyQueryCondition(request) |
||||||
|
const { rows, total } = await getGoods(request) |
||||||
|
this.tableData = rows |
||||||
|
this.paging.total = total |
||||||
|
this.loading = false |
||||||
|
}, |
||||||
|
// 确定入库 |
||||||
|
onSubmit(){ |
||||||
|
if(!this.form.no){ |
||||||
|
this.$message.error('请选择入库仓库!') |
||||||
|
return; |
||||||
|
} |
||||||
|
const obj={ |
||||||
|
no:this.form.no, |
||||||
|
orderType:11, |
||||||
|
containerNo:this.form.containerNo, |
||||||
|
detail:this.chooselist |
||||||
|
} |
||||||
|
// console.log('确定入库',obj) |
||||||
|
InitInOrder(obj).then((res)=>{ |
||||||
|
console.log(res) |
||||||
|
}) |
||||||
|
}, |
||||||
|
// 重置 |
||||||
|
reset(){ |
||||||
|
this.form={} |
||||||
|
this.chooselist=[] |
||||||
|
}, |
||||||
|
//商品分类 |
||||||
|
handleCommand(command) { |
||||||
|
this.$message('click on item ' + command); |
||||||
|
}, |
||||||
|
// 复选框 |
||||||
|
handleselection(row){ |
||||||
|
this.handleSelect = row |
||||||
|
}, |
||||||
|
// 选择商品 |
||||||
|
choose(){ |
||||||
|
this.chooselist=[] |
||||||
|
this.handleSelect.forEach((item)=>{ |
||||||
|
let newItem={ |
||||||
|
lineId:0, |
||||||
|
goodsNo:item.goodNo, |
||||||
|
goodName:item.goodName, |
||||||
|
specifications:item.specifications, |
||||||
|
unitMsr:'kg', |
||||||
|
warehouseNo:102 |
||||||
|
} |
||||||
|
this.chooselist.push(newItem) |
||||||
|
}) |
||||||
|
this.searchForm={} |
||||||
|
this.dialogVisible = false |
||||||
|
}, |
||||||
|
// 取消选择 |
||||||
|
cancel(){ |
||||||
|
this.searchForm={} |
||||||
|
this.dialogVisible = false |
||||||
|
}, |
||||||
|
// 商品列表条件查询 |
||||||
|
searchList(){ |
||||||
|
this.paging.page=1 |
||||||
|
this.queryTable() |
||||||
|
} |
||||||
|
}, |
||||||
|
}; |
||||||
|
</script> |
||||||
|
|
||||||
|
<style rel="stylesheet/scss" lang="scss" scoped> |
||||||
|
.app-container{ |
||||||
|
display: flex; |
||||||
|
justify-content: center; |
||||||
|
align-items: center; |
||||||
|
} |
||||||
|
.el-dropdown-link { |
||||||
|
cursor: pointer; |
||||||
|
color: #409EFF; |
||||||
|
} |
||||||
|
.el-icon-arrow-down { |
||||||
|
font-size: 12px; |
||||||
|
} |
||||||
|
</style> |
||||||
Loading…
Reference in new issue