4 changed files with 628 additions and 20 deletions
-
1src/api/base/normalSearch.js
-
4src/api/material/poReceive.js
-
581src/views/modules/material/com_poReceiving_add_or_update.vue
-
62src/views/modules/material/poReceiving.vue
@ -0,0 +1 @@ |
|||
import { createAPI } from "@/utils/httpRequest.js"; |
|||
@ -0,0 +1,581 @@ |
|||
<template> |
|||
<div class="mod-config"> |
|||
<el-dialog |
|||
width="40%" |
|||
title="入库单明细" |
|||
:close-on-click-modal="false" |
|||
:visible.sync="visible" |
|||
@close="closeSaveDialog"> |
|||
<el-form ref="saveForm" :model="dataForm" label-position="top" label-width="100px" > |
|||
<el-row :gutter="25"> |
|||
<el-col :span="6"> |
|||
<el-form-item label="入库单号"> |
|||
<el-input v-model="dataForm.transNo" disabled ></el-input> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span="6"> |
|||
<el-form-item label="供应商编码"> |
|||
<el-input v-model="dataForm.partnerID" disabled ></el-input> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span="6"> |
|||
<el-form-item label="供应商名称"> |
|||
<el-input v-model="dataForm.partnerName" disabled ></el-input> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span="6"> |
|||
<el-form-item label=" "> |
|||
<el-button type="primary" @click="visible = false">关闭</el-button> |
|||
</el-form-item> |
|||
</el-col> |
|||
</el-row> |
|||
<el-row :gutter="25"> |
|||
<el-col :span="6"> |
|||
<el-form-item label="仓库"> |
|||
<el-input v-model="dataForm.warehouseID" disabled ></el-input> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span="6"> |
|||
<el-form-item label="入库日期"> |
|||
<el-date-picker |
|||
style="width: 120px" |
|||
v-model="dataForm.transDate" |
|||
type="date" |
|||
disabled |
|||
value-format="yyyy-MM-dd" |
|||
placeholder="选择日期"> |
|||
</el-date-picker> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span="6"> |
|||
<el-form-item label="经手人"> |
|||
<el-input v-model="dataForm.receiveName" disabled ></el-input> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span="6"> |
|||
<el-form-item label="采购单号"> |
|||
<el-input v-model="dataForm.orderRef1" disabled ></el-input> |
|||
</el-form-item> |
|||
</el-col> |
|||
</el-row> |
|||
<el-row :gutter="25"> |
|||
<el-col :span="6"> |
|||
<el-form-item label="物料编码"> |
|||
<el-input v-model="dataForm.partNo" ></el-input> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span="6"> |
|||
<el-form-item label="物料描述"> |
|||
<el-input v-model="dataForm.partDesc" disabled ></el-input> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span="6"> |
|||
<el-form-item label="库位"> |
|||
<el-input v-model="dataForm.locationId" ></el-input> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span="6"> |
|||
<el-form-item label=" "> |
|||
<el-button type="primary" @click="dataFormSubmit()">{{'扫描条码入库'}}</el-button> |
|||
</el-form-item> |
|||
</el-col> |
|||
</el-row> |
|||
<el-row :gutter="25"> |
|||
<el-col :span="6"> |
|||
<el-form-item label="批号"> |
|||
<el-input v-model="dataForm.batchNo" ></el-input> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span="6"> |
|||
<el-form-item label="W/D/R"> |
|||
<el-input v-model="dataForm.wdrNo" ></el-input> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span="6"> |
|||
<el-form-item label="生产日期"> |
|||
<el-date-picker |
|||
style="width: 120px" |
|||
v-model="dataForm.manufactureDate" |
|||
type="date" |
|||
value-format="yyyy-MM-dd" |
|||
placeholder="选择日期"> |
|||
</el-date-picker> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span="6"> |
|||
<el-form-item label="失效日期"> |
|||
<el-date-picker |
|||
style="width: 120px" |
|||
v-model="dataForm.expiredDate" |
|||
type="date" |
|||
value-format="yyyy-MM-dd" |
|||
placeholder="选择日期"> |
|||
</el-date-picker> |
|||
</el-form-item> |
|||
</el-col> |
|||
</el-row> |
|||
<el-row :gutter="25"> |
|||
<el-col :span="6"> |
|||
<el-form-item label="每卷数量"> |
|||
<el-input v-model="rollData.perQty" type="number" onkeyup="value=value.replace(/^(0+)|[^\d]+/g,'')" ></el-input> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span="6"> |
|||
<el-form-item label="卷数"> |
|||
<el-input v-model="rollData.rollNumber" type="number" onkeyup="value=value.replace(/^(0+)|[^\d]+/g,'')" ></el-input> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span="6"> |
|||
<el-form-item label=" "> |
|||
<el-button type="primary" @click="createNewRoll()">{{'创建分卷'}}</el-button> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span="6"> |
|||
<el-form-item label=" "> |
|||
<el-button type="primary" @click="dataFormSubmit()">{{'最终保存'}}</el-button> |
|||
<el-button type="primary" @click="visible = false">{{'关闭'}}</el-button> |
|||
</el-form-item> |
|||
</el-col> |
|||
</el-row> |
|||
</el-form> |
|||
<el-table |
|||
:data="dataList" |
|||
height="300" |
|||
border |
|||
v-loading="false" |
|||
style="width: 100%; "> |
|||
<el-table-column |
|||
v-for="(item,index) in columnList" :key="index" |
|||
:sortable="item.columnSortable" |
|||
:prop="item.columnProp" |
|||
:header-align="item.headerAlign" |
|||
:show-overflow-tooltip="item.showOverflowTooltip" |
|||
:align="item.align" |
|||
:fixed="item.fixed==''?false:item.fixed" |
|||
:min-width="item.columnWidth" |
|||
:label="item.columnLabel"> |
|||
<template slot-scope="scope"> |
|||
<span v-if="!item.columnHidden"> {{ scope.row[item.columnProp] }}</span> |
|||
<span v-if="item.columnImage"><img :src="scope.row[item.columnProp]" |
|||
style="width: 100px; height: 80px"/></span> |
|||
</template> |
|||
</el-table-column> |
|||
</el-table> |
|||
</el-dialog> |
|||
|
|||
<Chooselist ref="baseList" @getBaseData="getBaseData"></Chooselist> |
|||
</div> |
|||
</template> |
|||
|
|||
<script> |
|||
import { |
|||
searchTransDetailAndSubCach |
|||
,createNewCachRoll |
|||
,finalSaveTransHeaderDetail |
|||
} from "@/api/material/poReceive.js" |
|||
import Chooselist from '@/views/modules/common/Chooselist' |
|||
import {searchTransDetail} from "../../../api/material/poReceive"; |
|||
export default { |
|||
model:{ |
|||
prop:'value', |
|||
event:'change', |
|||
}, |
|||
props:{ |
|||
value:{ |
|||
required:true, |
|||
type:String, |
|||
} |
|||
}, |
|||
components: { |
|||
Chooselist |
|||
}, |
|||
data () { |
|||
return { |
|||
tagNo:'', |
|||
tagNo1:'', |
|||
visible: false, |
|||
dataForm: { |
|||
site:this.$store.state.user.site, |
|||
warehouseID:'', |
|||
transNo:'', |
|||
partnerID:'', |
|||
partnerName:'', |
|||
transDate:'', |
|||
receiveName:'', |
|||
orderRef1:'', |
|||
partNo:'', |
|||
partDesc:'', |
|||
locationId:'', |
|||
batchNo:'', |
|||
wdrNo:'', |
|||
manufactureDate:'', |
|||
expiredDate:'', |
|||
}, |
|||
rollData:{ |
|||
perQty:'', |
|||
rollNumber:'', |
|||
}, |
|||
dataList:[], |
|||
columnList:[ |
|||
{ |
|||
userId: this.$store.state.user.name, |
|||
functionId: 200001, |
|||
serialNumber: '200001Table4PartNo', |
|||
tableId: "200001Table4", |
|||
tableName: "入库单已扫卷", |
|||
columnProp: "partNo", |
|||
headerAlign: "center", |
|||
align: "left", |
|||
columnLabel: "物料编码", |
|||
columnHidden: false, |
|||
columnImage: false, |
|||
columnSortable: false, |
|||
sortLv: 0, |
|||
status: true, |
|||
fixed: '', |
|||
columnWidth: 80 |
|||
},{ |
|||
userId: this.$store.state.user.name, |
|||
functionId: 200001, |
|||
serialNumber: '200001Table4PartDesc', |
|||
tableId: "200001Table4", |
|||
tableName: "入库单已扫卷", |
|||
columnProp: "partDesc", |
|||
headerAlign: "center", |
|||
align: "left", |
|||
columnLabel: "物料名", |
|||
columnHidden: false, |
|||
columnImage: false, |
|||
columnSortable: false, |
|||
sortLv: 0, |
|||
status: true, |
|||
fixed: '', |
|||
columnWidth: 120 |
|||
},{ |
|||
userId: this.$store.state.user.name, |
|||
functionId: 200001, |
|||
serialNumber: '200001Table4RollNo', |
|||
tableId: "200001Table4", |
|||
tableName: "入库单已扫卷", |
|||
columnProp: "rollNo", |
|||
headerAlign: "center", |
|||
align: "right", |
|||
columnLabel: "卷号", |
|||
columnHidden: false, |
|||
columnImage: false, |
|||
columnSortable: false, |
|||
sortLv: 0, |
|||
status: true, |
|||
fixed: '', |
|||
columnWidth: 80 |
|||
},{ |
|||
userId: this.$store.state.user.name, |
|||
functionId: 200001, |
|||
serialNumber: '200001Table4RollQty', |
|||
tableId: "200001Table4", |
|||
tableName: "入库单已扫卷", |
|||
columnProp: "rollQty", |
|||
headerAlign: "center", |
|||
align: "left", |
|||
columnLabel: "数量", |
|||
columnHidden: false, |
|||
columnImage: false, |
|||
columnSortable: false, |
|||
sortLv: 0, |
|||
status: true, |
|||
fixed: '', |
|||
columnWidth: 60 |
|||
},{ |
|||
userId: this.$store.state.user.name, |
|||
functionId: 200001, |
|||
serialNumber: '200001Table4BatchNo', |
|||
tableId: "200001Table4", |
|||
tableName: "入库单已扫卷", |
|||
columnProp: "batchNo", |
|||
headerAlign: "center", |
|||
align: "left", |
|||
columnLabel: "批号", |
|||
columnHidden: false, |
|||
columnImage: false, |
|||
columnSortable: false, |
|||
sortLv: 0, |
|||
status: true, |
|||
fixed: '', |
|||
columnWidth: 80 |
|||
},{ |
|||
userId: this.$store.state.user.name, |
|||
functionId: 200001, |
|||
serialNumber: '200001Table4WdrNo', |
|||
tableId: "200001Table4", |
|||
tableName: "入库单已扫卷", |
|||
columnProp: "wdrNo", |
|||
headerAlign: "center", |
|||
align: "left", |
|||
columnLabel: "W/D/R", |
|||
columnHidden: false, |
|||
columnImage: false, |
|||
columnSortable: false, |
|||
sortLv: 0, |
|||
status: true, |
|||
fixed: '', |
|||
columnWidth: 80 |
|||
},{ |
|||
userId: this.$store.state.user.name, |
|||
functionId: 200001, |
|||
serialNumber: '200001Table4ManufactureDate', |
|||
tableId: "200001Table4", |
|||
tableName: "入库单已扫卷", |
|||
columnProp: "manufactureDate", |
|||
headerAlign: "center", |
|||
align: "center", |
|||
columnLabel: "生产日期", |
|||
columnHidden: false, |
|||
columnImage: false, |
|||
columnSortable: false, |
|||
sortLv: 0, |
|||
status: true, |
|||
fixed: '', |
|||
columnWidth: 100 |
|||
},{ |
|||
userId: this.$store.state.user.name, |
|||
functionId: 200001, |
|||
serialNumber: '200001Table4ExpiredDate', |
|||
tableId: "200001Table4", |
|||
tableName: "入库单已扫卷", |
|||
columnProp: "expiredDate", |
|||
headerAlign: "center", |
|||
align: "center", |
|||
columnLabel: "失效日期", |
|||
columnHidden: false, |
|||
columnImage: false, |
|||
columnSortable: false, |
|||
sortLv: 0, |
|||
status: true, |
|||
fixed: '', |
|||
columnWidth: 100 |
|||
},{ |
|||
userId: this.$store.state.user.name, |
|||
functionId: 200001, |
|||
serialNumber: '200001Table4LocationID', |
|||
tableId: "200001Table4", |
|||
tableName: "入库单已扫卷", |
|||
columnProp: "locationID", |
|||
headerAlign: "center", |
|||
align: "center", |
|||
columnLabel: "库位", |
|||
columnHidden: false, |
|||
columnImage: false, |
|||
columnSortable: false, |
|||
sortLv: 0, |
|||
status: true, |
|||
fixed: '', |
|||
columnWidth: 70 |
|||
},{ |
|||
userId: this.$store.state.user.name, |
|||
functionId: 200001, |
|||
serialNumber: '200001Table4EnterByName', |
|||
tableId: "200001Table4", |
|||
tableName: "入库单已扫卷", |
|||
columnProp: "enterByName", |
|||
headerAlign: "center", |
|||
align: "left", |
|||
columnLabel: "Created", |
|||
columnHidden: false, |
|||
columnImage: false, |
|||
columnSortable: false, |
|||
sortLv: 0, |
|||
status: true, |
|||
fixed: '', |
|||
columnWidth: 80 |
|||
},{ |
|||
userId: this.$store.state.user.name, |
|||
functionId: 200001, |
|||
serialNumber: '200001Table4EnterDate', |
|||
tableId: "200001Table4", |
|||
tableName: "入库单已扫卷", |
|||
columnProp: "enterDate", |
|||
headerAlign: "center", |
|||
align: "left", |
|||
columnLabel: "Created Time", |
|||
columnHidden: false, |
|||
columnImage: false, |
|||
columnSortable: false, |
|||
sortLv: 0, |
|||
status: true, |
|||
fixed: '', |
|||
columnWidth: 130 |
|||
}, |
|||
], |
|||
} |
|||
}, |
|||
created () { |
|||
|
|||
}, |
|||
methods: { |
|||
// 获取基础数据列表S |
|||
getBaseList (val, type) { |
|||
this.tagNo = val |
|||
this.tagNo1 = type |
|||
this.$nextTick(() => { |
|||
let strVal = '' |
|||
// if (val === 1010) { |
|||
// if(type==1) { |
|||
// strVal = this.dataForm.projectTypeDb |
|||
// } |
|||
// } |
|||
|
|||
this.$refs.baseList.init(val, strVal) |
|||
}) |
|||
}, |
|||
/* 列表方法的回调 */ |
|||
getBaseData (val) { |
|||
if (this.tagNo === 1010) { |
|||
// if(this.tagNo1==1) { |
|||
// this.dataForm.projectTypeDb = val.Base_id |
|||
// this.dataForm.projectType = val.Base_desc |
|||
// } |
|||
} |
|||
|
|||
}, |
|||
init (row) { |
|||
this.rollData={ |
|||
perQty:'', |
|||
rollNumber:'', |
|||
} |
|||
this.cleanData() |
|||
searchTransDetailAndSubCach(row).then(({data})=>{ |
|||
//区分请求成功和失败的状况 |
|||
if (data && data.code == 0) { |
|||
let row= data.row |
|||
this.dataList = data.rows |
|||
this.dataForm={ |
|||
site:row.site, |
|||
warehouseID:row.warehouseID, |
|||
transNo:row.transNo, |
|||
partnerID:row.partnerID, |
|||
partnerName:row.partnerName, |
|||
transDate:row.transDate, |
|||
receiveName:row.receiverName, |
|||
orderRef1:row.orderRef1, |
|||
partNo:'', |
|||
partDesc:'', |
|||
locationId:'', |
|||
batchNo:'', |
|||
wdrNo:'', |
|||
manufactureDate:'', |
|||
expiredDate:'', |
|||
} |
|||
} else { |
|||
this.$message.error(data.msg) |
|||
} |
|||
}) |
|||
this.visible = true |
|||
}, |
|||
createNewRoll(){ |
|||
if(this.dataForm.partNo===''){ |
|||
this.$alert('请输入物料！', '错误', { |
|||
confirmButtonText: '确定' |
|||
}) |
|||
return false |
|||
} |
|||
if(this.dataForm.locationId===''){ |
|||
this.$alert('请选择库位！', '错误', { |
|||
confirmButtonText: '确定' |
|||
}) |
|||
return false |
|||
} |
|||
if(this.dataForm.batchNo===''){ |
|||
this.$alert('请输入批号！', '错误', { |
|||
confirmButtonText: '确定' |
|||
}) |
|||
return false |
|||
} |
|||
if(this.dataForm.manufactureDate===''){ |
|||
this.$alert('请选择生产日期！', '错误', { |
|||
confirmButtonText: '确定' |
|||
}) |
|||
return false |
|||
} |
|||
if(this.dataForm.expiredDate===''){ |
|||
this.$alert('请选择失效日期！', '错误', { |
|||
confirmButtonText: '确定' |
|||
}) |
|||
return false |
|||
} |
|||
if(this.rollData.perQty===''){ |
|||
this.$alert('请输入每卷数量！', '错误', { |
|||
confirmButtonText: '确定' |
|||
}) |
|||
return false |
|||
} |
|||
if(this.rollData.rollNumber===''){ |
|||
this.$alert('请输入卷数量！', '错误', { |
|||
confirmButtonText: '确定' |
|||
}) |
|||
return false |
|||
} |
|||
if(this.rollData.rollNumber>10000){ |
|||
this.$alert('卷数量超过一万！', '错误', { |
|||
confirmButtonText: '确定' |
|||
}) |
|||
return false |
|||
} |
|||
let inData={ |
|||
site:this.dataForm.site, |
|||
transNo:this.dataForm.transNo, |
|||
partNo:this.dataForm.partNo, |
|||
rollNo:'', |
|||
rollQty:this.rollData.perQty, |
|||
batchNo:this.dataForm.batchNo, |
|||
wdrNo:this.dataForm.wdrNo, |
|||
locationID:this.dataForm.locationId, |
|||
manufactureDate:this.dataForm.manufactureDate, |
|||
expiredDate:this.dataForm.expiredDate, |
|||
rollNumber:this.rollData.rollNumber, |
|||
|
|||
} |
|||
createNewCachRoll(inData).then(({data})=>{ |
|||
//区分请求成功和失败的状况 |
|||
if (data && data.code == 0) { |
|||
this.$message.success( '操作成功') |
|||
searchTransDetailAndSubCach(this.dataForm).then(({data})=>{ |
|||
this.dataList = data.rows |
|||
}) |
|||
} else { |
|||
this.$message.error(data.msg) |
|||
} |
|||
}) |
|||
}, |
|||
|
|||
// 表单提交 |
|||
dataFormSubmit () { |
|||
finalSaveTransHeaderDetail(this.dataForm).then(({data})=>{ |
|||
//区分请求成功和失败的状况 |
|||
if (data && data.code == 0) { |
|||
this.$message.success( '操作成功') |
|||
this.visible = false |
|||
this.$emit('refreshDataList') |
|||
|
|||
} else { |
|||
this.$message.error(data.msg) |
|||
} |
|||
}) |
|||
}, |
|||
closeSaveDialog(){ |
|||
this.cleanData() |
|||
}, |
|||
cleanData(){ |
|||
for (var prop in this.dataForm) { |
|||
if (this.dataForm.hasOwnProperty(prop)) { |
|||
this.dataForm[prop] = ''; |
|||
} |
|||
} |
|||
}, |
|||
}, |
|||
} |
|||
</script> |
|||
|
|||
<style > |
|||
|
|||
|
|||
</style> |
|||
Write
Preview
Loading…
Cancel
Save
Reference in new issue