今天主要做一个采购入库单的功能
这个是主从表，所以也是通过online表单设计完成基本功能
1、采购入库单
按照上面生成代码，基本的录入编辑等功能就可以了，当然一些细节需要后续完善
选择商品
2、审核通过
对于库存的更新，需要进行审核通过后才去更新库存，所以需要一些统一的逻辑与接口，同时vue界面也是。
2、1 后端代码
先实现审核标志，后续实现库存更新，库存更新以后通过统一的类来实现
@Override
@Transactional
public Result approvePass(String id) {
ErpInSheet erpInSheet = erpInSheetMapper.selectById(id);
if (erpInSheet == null) {
return Result.error("采购入库单不存在！");
}
if (erpInSheet.getStatus() == 2 ) {
return Result.error("采购入库单已审核通过，不能再次审核！");
}
erpInSheet.setStatus(2); //审核通过标志 2代表通过
SysUser loginUser = iErpThirdService.getLoginUser();
LambdaUpdateWrapper<ErpInSheet> updateOrderWrapper = Wrappers.lambdaUpdate(ErpInSheet.class)
.set(ErpInSheet::getApproveBy, loginUser.getUsername())
.set(ErpInSheet::getApproveTime, LocalDateTime.now())
.eq(ErpInSheet::getId, erpInSheet.getId());
if(erpInSheetMapper.update(erpInSheet, updateOrderWrapper) != 1) {
return Result.error("采购入库单信息已过期，请刷新重试！");
}
return Result.OK("审核通过完成");
}2、2 前端实现
需要建立两个独立Mixns，分别是 NbcioListMixin.js 和NbcioTableModelMixin.js
目前在NbcioListMixin.js先增加下面代码，打开审批按钮的时候，需要修改一些form值，以便变成审核按钮及相关逻辑
handleApprove:function(record){
this.$refs.modalForm.approve=true;
this.$refs.modalForm.edit(record);
this.$refs.modalForm.title="审核详情";
this.$refs.modalForm.okText="审核通过"
this.$refs.modalForm.disableSubmit = true;
},目前在 NbcioTableModelMixin.js 先增加下面的审核通过后的逻辑
/** 审核通过按钮点击事件 */
handleApprove() {
let url = this.url.approvePass, method = 'post'
console.log("handleApprove this.model.id=",this.model.id)
this.confirmLoading = true
httpAction(url, this.model.id, method).then((res) => {
if (res.success) {
this.$message.success(res.message)
this.$emit('ok')
this.close()
} else {
this.$message.warning(res.message)
}
}).finally(() => {
this.confirmLoading = false
})在采购入库单里进行修改，原先的minxs都要修改成新的，
原先的ErpInSheetModal.vue里的j-modal修改成如下：
<j-modal v-if = "approve"
:title="title"
:width="1200"
:okText="okText"
:visible="visible"
:maskClosable="false"
switchFullscreen
@ok="handleApprove"
@cancel="handleCancel">
<erp-in-sheet-form ref="realForm" @ok="submitCallback" :disabled="disableSubmit"/>
</j-modal>
<j-modal v-else
:title="title"
:width="1200"
:visible="visible"
:maskClosable="false"
switchFullscreen
@ok="handleOk"
:okButtonProps="{ class:{'jee-hidden': disableSubmit} }"
@cancel="handleCancel">
<erp-in-sheet-form ref="realForm" @ok="submitCallback" :disabled="disableSubmit"/>
</j-modal>同时增加两个变量和一个方法
data() {
return {
title:'',
width:800,
visible: false,
disableSubmit: false,
okText: "确定",
approve: false,//审核
}
},
methods:{
handleApprove () {
this.$refs.realForm.handleApprove();
},在ErpInSheetForm.vue文件里增加一个审批url
url: {
add: "/purchase/erpInSheet/add",
edit: "/purchase/erpInSheet/edit",
approvePass:"/purchase/erpInSheet/approvePass",
queryById: "/purchase/erpInSheet/queryById",
erpInSheetDetail: {
list: '/purchase/erpInSheet/queryErpInSheetDetailByMainId'
},2、3 审核界面
