7 changed files with 818 additions and 170 deletions
@ -0,0 +1,280 @@ |
|||
<template> |
|||
<div> |
|||
|
|||
<div class="tab-header webtop"> |
|||
<!-- 标题 --> |
|||
<div>采购入库</div> |
|||
<!-- start 添加修改按钮 --> |
|||
<div> |
|||
<el-button type="primary" size="small" :disabled="submitdisabled" @click="saveOrUpdate">确认</el-button> |
|||
<el-button type="info" size="small" @click="handleReturn()">关闭</el-button> |
|||
</div> |
|||
<!-- end 添加修改按钮 --> |
|||
<!-- end 详情按钮 --> |
|||
</div> |
|||
|
|||
<div class="listconadd"> |
|||
|
|||
<el-form ref="form_obj" :model="formobj" :rules="rules" class="formaddcopy02"> |
|||
<!-- <div class="title"> |
|||
<div>基础信息</div> |
|||
</div> --> |
|||
<el-row class="first_row"> |
|||
<el-col :span="8"> |
|||
<div class="span-sty"><span class="must">*</span> 入库日期</div> |
|||
<el-form-item prop="storageTime"> <el-date-picker v-model="formobj.storageTime" type="date" |
|||
class="addinputw addinputInfo" value-format="yyyy-MM-dd" placeholder="选择日期"> |
|||
</el-date-picker></el-form-item> |
|||
</el-col> |
|||
<el-col :span="16"> |
|||
<div class="span-sty">备注</div> |
|||
<el-form-item><el-input v-model="formobj.remarks" placeholder="" class="addinputw addinputInfo" |
|||
clearable /></el-form-item> |
|||
</el-col> |
|||
|
|||
</el-row> |
|||
|
|||
<div class="title titleOne"> |
|||
<div>商品列表</div> |
|||
</div> |
|||
<el-table v-loading="listLoading" :data="formobj.list" border style="width: 100%;"> |
|||
<el-table-column fixed width="60" label="序号" type="index" :index="indexMethod" align="center" /> |
|||
<el-table-column fixed label="操作" align="center" width="80"> |
|||
<template slot-scope="scope"> |
|||
<el-button type="primary" size="mini" @click="toDelGoods(scope.$index)">删除</el-button> |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column fixed label="商品名称" prop="goodsSkuTitle" align="center" /> |
|||
<el-table-column label="商品编码" prop="goodsSkuCode" align="center" /> |
|||
<el-table-column label="规格" prop="goodsSkuOwnSpec" align="center" /> |
|||
<el-table-column label="单位" prop="unit" align="center" /> |
|||
<el-table-column label="成本单价" align="center" width="150"> |
|||
<template slot-scope="scope"> |
|||
<el-input ref="focusAssumptionInput" @input="commodityComputeYHAndXSJE1(scope.row)" |
|||
v-model="scope.row.price" clearable placeholder="" |
|||
oninput="value=value.replace(/[^\d.]/g, '').replace(/\.{2,}/g, '.').replace('.', '$#$').replace(/\./g, '').replace('$#$', '.').replace(/^(\-)*(\d+)\.(\d\d).*$/, '$1$2.$3').replace(/^\./g, '')" /> |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column label="总价" prop="totalPrice" align="center" /> |
|||
<el-table-column label="预约单号" prop="yyCode" align="center" /> |
|||
<el-table-column label="预约数量" prop="orderCount" align="center" /> |
|||
<el-table-column label="可入库数量" prop="waitInCount" align="center" /> |
|||
<el-table-column label="入库数量" align="center" width="120"> |
|||
<template slot-scope="scope"> |
|||
<el-input ref="focusAssumptionInput" @input="commodityComputeYHAndXSJE2(scope.row)" |
|||
v-model="scope.row.count" clearable placeholder="" oninput="value=value.replace(/^(0+)|[^\d]+/g,'')" /> |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column label="生产批次号" prop="batch" align="center" /> |
|||
<el-table-column label="入库库位" align="center" width="180"> |
|||
<template slot-scope="scope"> |
|||
<el-select v-model="scope.row.warehouseRackCode" clearable placeholder="请选择" |
|||
@focus="getWarehouseAreaList(scope.row.warehouseSid)" |
|||
@change="selectWarehouseAreaCode(scope.row,$event)"> |
|||
<el-option v-for="(item,i) in warehouseRackList" :key="i" :label="item.rackCode" :value="item.sid"> |
|||
</el-option> |
|||
</el-select> |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column label="明细备注" align="center" width="180"> |
|||
<template slot-scope="scope"> |
|||
<el-input ref="focusAssumptionInput" v-model="scope.row.remarks" clearable placeholder="" /> |
|||
</template> |
|||
</el-table-column> |
|||
</el-table> |
|||
|
|||
</el-form> |
|||
|
|||
</div> |
|||
|
|||
|
|||
</div> |
|||
</template> |
|||
|
|||
<script> |
|||
import req from '@/api/inStorage/receivingGoods.js' |
|||
import { |
|||
getWarehouserack, |
|||
} from '@/api/Common/dictcommons' |
|||
export default { |
|||
components: {}, |
|||
data() { |
|||
return { |
|||
listLoading: false, |
|||
submitdisabled: false, |
|||
formobj: { |
|||
useOrgSid: window.sessionStorage.getItem('orgSid'), |
|||
createOrgSid: window.sessionStorage.getItem('orgSid'), |
|||
userSid: window.sessionStorage.getItem('userSid'), |
|||
storageTime: "", |
|||
remarks: "", |
|||
list: [] |
|||
}, |
|||
rules: { |
|||
storageTime: [{ |
|||
required: true, |
|||
message: '入库日期不能为空', |
|||
trigger: 'change' |
|||
}], |
|||
}, |
|||
warehouseRackList: [] |
|||
} |
|||
}, |
|||
methods: { |
|||
indexMethod(index) { |
|||
return index + 1 |
|||
}, |
|||
|
|||
handleReturn(isreload) { |
|||
if (isreload === 'true') this.$emit('reloadlist') |
|||
this.formobj = { |
|||
useOrgSid: window.sessionStorage.getItem('orgSid'), |
|||
createOrgSid: window.sessionStorage.getItem('orgSid'), |
|||
userSid: window.sessionStorage.getItem('userSid'), |
|||
storageTime: "", |
|||
remarks: "", |
|||
list: [] |
|||
} |
|||
this.submitdisabled = false |
|||
this.$emit('doback') |
|||
}, |
|||
|
|||
showEdit(goodsList) { |
|||
this.$nextTick(() => { |
|||
this.$refs['form_obj'].clearValidate() |
|||
}) |
|||
|
|||
this.formobj.list = JSON.parse(JSON.stringify(goodsList)) |
|||
|
|||
}, |
|||
toDelGoods(index) { |
|||
this.formobj.list.splice(index, 1) |
|||
}, |
|||
commodityComputeYHAndXSJE1(row) { |
|||
|
|||
row.totalPrice = (Number(row.price) * Number(row.orderCount)).toFixed(2) |
|||
|
|||
}, |
|||
commodityComputeYHAndXSJE2(row) { |
|||
|
|||
if (Number(row.count) > Number(row.waitInCount)) { |
|||
row.count = Number(row.waitInCount) |
|||
} |
|||
|
|||
}, |
|||
getWarehouseAreaList(sid) { |
|||
var query = { |
|||
ckSid: sid |
|||
} |
|||
getWarehouserack(query).then((res) => { |
|||
if (res.success) { |
|||
this.warehouseRackList = res.data |
|||
} |
|||
}) |
|||
}, |
|||
selectWarehouseAreaCode(row, val) { |
|||
console.log("selectWarehouseAreaCode", val); |
|||
|
|||
const choose = this.warehouseRackList.filter((item) => item.sid == val) |
|||
console.log('>>>>>>>>>selectWarehouseAreaCode', choose) |
|||
row.warehouseRackCode = choose[0].rackCode |
|||
row.warehouseRackSid = choose[0].sid |
|||
|
|||
}, |
|||
saveOrUpdate() { |
|||
console.log('>>>>>>>>>saveOrUpdate', this.formobj) |
|||
|
|||
|
|||
this.$refs['form_obj'].validate((valid) => { |
|||
if (valid) { |
|||
|
|||
for (var i = this.formobj.list.length - 1; i >= 0; i--) { |
|||
|
|||
var item = this.formobj.list[i] |
|||
|
|||
if (Number(item.price) == 0) { |
|||
this.$message({ |
|||
showClose: true, |
|||
type: 'warning', |
|||
message: '商品单价不能为0' |
|||
}) |
|||
return |
|||
|
|||
} |
|||
if (Number(item.count) == 0) { |
|||
this.$message({ |
|||
showClose: true, |
|||
type: 'warning', |
|||
message: '商品入库数量不能为0' |
|||
}) |
|||
return |
|||
|
|||
} |
|||
|
|||
if (item.warehouseRackSid == '' || item.warehouseRackCode == '') { |
|||
this.$message({ |
|||
showClose: true, |
|||
type: 'warning', |
|||
message: '商品入库库位不能为空' |
|||
}) |
|||
return |
|||
|
|||
} |
|||
} |
|||
|
|||
|
|||
req.createInStorageBill(this.formobj).then((res) => { |
|||
if (res.success) { |
|||
this.$message({ |
|||
showClose: true, |
|||
type: 'success', |
|||
message: '保存成功' |
|||
}) |
|||
this.handleReturn('true') |
|||
} else { |
|||
this.submitdisabled = false |
|||
} |
|||
}).catch(() => { |
|||
this.submitdisabled = false |
|||
}) |
|||
} |
|||
}) |
|||
} |
|||
|
|||
} |
|||
} |
|||
</script> |
|||
<style scoped> |
|||
/deep/ .el-form-item__error { |
|||
margin-left: 120px !important; |
|||
} |
|||
|
|||
.must { |
|||
color: #f00; |
|||
} |
|||
|
|||
.span-sty { |
|||
width: 130px !important; |
|||
} |
|||
|
|||
.addinputInfo { |
|||
margin-left: 120px !important; |
|||
} |
|||
|
|||
.formaddcopy02 .el-row .el-col /deep/ .el-form-item .addinputw { |
|||
margin-left: 120px !important; |
|||
width: calc(100% - 115px); |
|||
} |
|||
|
|||
.first_row { |
|||
border-top: 1px solid #E0E3EB; |
|||
} |
|||
|
|||
.titleOne { |
|||
padding: 7px; |
|||
display: flex; |
|||
flex-direction: row; |
|||
justify-content: space-between; |
|||
align-items: center; |
|||
} |
|||
</style> |
|||
@ -0,0 +1,181 @@ |
|||
<template> |
|||
<div> |
|||
|
|||
<div class="tab-header webtop"> |
|||
<!-- 标题 --> |
|||
<div>入库单详情</div> |
|||
<!-- start 添加修改按钮 --> |
|||
<div> |
|||
<el-button type="info" size="small" @click="handleReturn()">关闭</el-button> |
|||
</div> |
|||
<!-- end 添加修改按钮 --> |
|||
<!-- end 详情按钮 --> |
|||
</div> |
|||
|
|||
<div class="listconadd"> |
|||
|
|||
<el-form ref="form_obj" :model="formobj" class="formaddcopy02"> |
|||
<!-- <div class="title"> |
|||
<div>基础信息</div> |
|||
</div> --> |
|||
<el-row class="first_row"> |
|||
<el-col :span="8"> |
|||
<div class="span-sty">操作人</div> |
|||
<el-form-item><span class="addinputInfo">{{ formobj.operatorName }}</span></el-form-item> |
|||
</el-col> |
|||
<el-col :span="8"> |
|||
<div class="span-sty">操作时间</div> |
|||
<el-form-item><span class="addinputInfo">{{ formobj.operatorTime }}</span></el-form-item> |
|||
</el-col> |
|||
|
|||
<el-col :span="8"> |
|||
<div class="span-sty">入库时间</div> |
|||
<el-form-item><span class="addinputInfo">{{ formobj.storageTime }}</span></el-form-item> |
|||
</el-col> |
|||
</el-row> |
|||
|
|||
<el-row> |
|||
|
|||
<el-col :span="8"> |
|||
<div class="span-sty">入库单号</div> |
|||
<el-form-item><span class="addinputInfo">{{ formobj.billNo }}</span></el-form-item> |
|||
</el-col> |
|||
|
|||
<el-col :span="8"> |
|||
<div class="span-sty">预约单号</div> |
|||
<el-form-item><span class="addinputInfo">{{ formobj.sourceBillNo }}</span></el-form-item> |
|||
</el-col> |
|||
<el-col :span="8"> |
|||
<div class="span-sty">入库仓库</div> |
|||
<el-form-item><span class="addinputInfo">{{ formobj.supplierName }}</span></el-form-item> |
|||
</el-col> |
|||
|
|||
</el-row> |
|||
|
|||
<el-row> |
|||
<el-col :span="8"> |
|||
<div class="span-sty">供应商</div> |
|||
<el-form-item><span class="addinputInfo">{{ formobj.supplierName }}</span></el-form-item> |
|||
</el-col> |
|||
<el-col :span="8"> |
|||
<div class="span-sty">承运商</div> |
|||
<el-form-item><span class="addinputInfo">{{ formobj.carrier }}</span></el-form-item> |
|||
</el-col> |
|||
<el-col :span="8"> |
|||
<div class="span-sty">运单号</div> |
|||
<el-form-item><span class="addinputInfo">{{ formobj.waybillNumber }}</span></el-form-item> |
|||
</el-col> |
|||
|
|||
|
|||
</el-row> |
|||
|
|||
<el-row> |
|||
<el-col :span="8"> |
|||
<div class="span-sty">商品总额</div> |
|||
<el-form-item><span class="addinputInfo">{{ formobj.billState }}</span></el-form-item> |
|||
</el-col> |
|||
<el-col :span="16"> |
|||
<div class="span-sty">备注</div> |
|||
<el-form-item><span class="addinputInfo">{{formobj.remarks}}</span></el-form-item> |
|||
</el-col> |
|||
|
|||
</el-row> |
|||
|
|||
<div class="title titleOne"> |
|||
<div>商品列表</div> |
|||
</div> |
|||
<el-table v-loading="listLoading" :data="formobj.list" border style="width: 100%;"> |
|||
<el-table-column fixed width="60" label="序号" type="index" :index="indexMethod" align="center" /> |
|||
<el-table-column fixed label="商品名称" prop="goodsName" align="center" /> |
|||
<el-table-column label="商品编码" prop="goodsCode" align="center" /> |
|||
<el-table-column label="规格" prop="specValue" align="center" /> |
|||
<el-table-column label="单位" prop="unitName" align="center" /> |
|||
<el-table-column label="成本单价" prop="price" align="center" /> |
|||
<el-table-column label="总价" prop="totalPrice" align="center" /> |
|||
<el-table-column label="数量" prop="count" align="center" /> |
|||
<el-table-column label="生产批次号" prop="batchNumber" align="center" /> |
|||
<el-table-column label="入库库位" prop="warehouseRackName" align="center" /> |
|||
<el-table-column label="明细备注" prop="remarks" align="center" /> |
|||
</el-table> |
|||
|
|||
</el-form> |
|||
|
|||
</div> |
|||
|
|||
|
|||
</div> |
|||
</template> |
|||
|
|||
<script> |
|||
import req from '@/api/inStorage/receivingGoods.js' |
|||
|
|||
export default { |
|||
components: {}, |
|||
data() { |
|||
return { |
|||
listLoading: false, |
|||
submitdisabled: false, |
|||
formobj: {}, |
|||
} |
|||
}, |
|||
methods: { |
|||
indexMethod(index) { |
|||
return index + 1 |
|||
}, |
|||
|
|||
handleReturn(isreload) { |
|||
if (isreload === 'true') this.$emit('reloadlist') |
|||
this.$emit('doback') |
|||
}, |
|||
|
|||
showAdd(row) { |
|||
var params = { |
|||
sid: row.sid |
|||
} |
|||
req.selectByBillSid(row.sid) |
|||
.then(resp => { |
|||
if (resp.success) { |
|||
this.formobj = resp.data |
|||
} |
|||
}) |
|||
.catch(e => { |
|||
this.formobj = {} |
|||
}) |
|||
}, |
|||
} |
|||
} |
|||
</script> |
|||
<style scoped> |
|||
/deep/ .el-form-item__error { |
|||
margin-left: 120px !important; |
|||
} |
|||
|
|||
.must { |
|||
color: #f00; |
|||
} |
|||
|
|||
.span-sty { |
|||
width: 130px !important; |
|||
} |
|||
|
|||
.addinputInfo { |
|||
margin-left: 120px !important; |
|||
} |
|||
|
|||
.formaddcopy02 .el-row .el-col /deep/ .el-form-item .addinputw { |
|||
margin-left: 120px !important; |
|||
width: calc(100% - 115px); |
|||
} |
|||
|
|||
.first_row { |
|||
border-top: 1px solid #E0E3EB; |
|||
} |
|||
|
|||
.titleOne { |
|||
padding: 7px; |
|||
display: flex; |
|||
flex-direction: row; |
|||
justify-content: space-between; |
|||
align-items: center; |
|||
} |
|||
</style> |
|||
Loading…
Reference in new issue