|
|
|
@ -18,7 +18,8 @@ |
|
|
|
width="150" |
|
|
|
label="操作"> |
|
|
|
<template slot-scope="scope"> |
|
|
|
<a type="text" size="small" @click="boxModelOpen(scope.row)">装箱</a> |
|
|
|
<a type="text" size="small" v-if="scope.row.status!=='未封箱'" @click="boxModelOpen(scope.row)">查看</a> |
|
|
|
<a type="text" size="small" v-if="scope.row.status!=='已封箱'"@click="boxModelOpen(scope.row)">装箱</a> |
|
|
|
<a type="text" size="small" v-if="scope.row.status==='未封箱'" @click="fengxiang(scope.row)">封箱</a> |
|
|
|
<a type="text" size="small" v-if="scope.row.status==='已封箱'" @click="chaixiang(scope.row)">拆箱</a> |
|
|
|
<a type="text" size="small" v-if="scope.row.status!=='已封箱'" @click="deleteBox(scope.row)">删除</a> |
|
|
|
@ -43,7 +44,7 @@ |
|
|
|
</el-table> |
|
|
|
|
|
|
|
<el-dialog title="卷清单" :visible.sync="boxModelFlag" width="700px" @close="searchTable" style="margin-top: 7px" v-drag :close-on-click-modal="false"> |
|
|
|
<el-form inline="inline" label-position="top" style="margin-left: 7px;margin-top: -5px;"> |
|
|
|
<el-form class="sl" inline="inline" label-position="top" style="margin-left: 7px;margin-top: -5px;"> |
|
|
|
<el-row> |
|
|
|
<el-form-item label="销售发货单号"> |
|
|
|
<el-input v-model="boxData.orderNo" disabled style="width: 130px"></el-input> |
|
|
|
@ -54,8 +55,22 @@ |
|
|
|
<el-form-item label="所在仓库"> |
|
|
|
<el-input v-model="boxData.wareHouseID" disabled style="width: 130px"></el-input> |
|
|
|
</el-form-item> |
|
|
|
</el-row> |
|
|
|
<el-row v-if="!scanDisabled"> |
|
|
|
<el-form-item label="扫描装箱"> |
|
|
|
<el-input v-model="scanRollNo" ref="scanRollNo" @keyup.enter.native="handleScanEnter" style="width: 200px"></el-input> |
|
|
|
<el-input v-model="scanRollNo" ref="scanRollNo" :disabled="scanDisabled" @keyup.enter.native="handleBoxAction" style="width: 200px"></el-input> |
|
|
|
</el-form-item> |
|
|
|
<!-- <el-form-item label="操作类型">--> |
|
|
|
<!-- <el-radio-group v-model="boxActionType" size="small">--> |
|
|
|
<!-- <el-radio-button label="add">添加</el-radio-button>--> |
|
|
|
<!-- <el-radio-button label="delete">删除</el-radio-button>--> |
|
|
|
<!-- </el-radio-group>--> |
|
|
|
<!-- </el-form-item>--> |
|
|
|
<el-form-item label="操作类型" > |
|
|
|
<el-radio-group v-model="boxActionType" > |
|
|
|
<el-radio label="add" border>添加</el-radio> |
|
|
|
<el-radio label="delete" border>删除</el-radio> |
|
|
|
</el-radio-group> |
|
|
|
</el-form-item> |
|
|
|
</el-row> |
|
|
|
</el-form> |
|
|
|
@ -65,6 +80,13 @@ |
|
|
|
stripe |
|
|
|
border |
|
|
|
style="width: 100%;"> |
|
|
|
<el-table-column |
|
|
|
prop="orderId" |
|
|
|
header-align="center" |
|
|
|
align="center" |
|
|
|
min-width="60" |
|
|
|
label="序号"> |
|
|
|
</el-table-column> |
|
|
|
<el-table-column |
|
|
|
prop="finalRollNo" |
|
|
|
header-align="center" |
|
|
|
@ -89,14 +111,14 @@ |
|
|
|
<el-table-column |
|
|
|
prop="receivedDate" |
|
|
|
header-align="center" |
|
|
|
align="right" |
|
|
|
align="center" |
|
|
|
min-width="100" |
|
|
|
label="装箱日期"> |
|
|
|
</el-table-column> |
|
|
|
<el-table-column |
|
|
|
prop="receivedBy" |
|
|
|
header-align="center" |
|
|
|
align="right" |
|
|
|
align="left" |
|
|
|
min-width="100" |
|
|
|
label="装箱人"> |
|
|
|
</el-table-column> |
|
|
|
@ -112,6 +134,7 @@ |
|
|
|
<script> |
|
|
|
|
|
|
|
import { |
|
|
|
deleteBoxRoll, |
|
|
|
deleteSoReceiveBoxesData, |
|
|
|
newSoReceiveBoxesData, scanBoxRoll, |
|
|
|
searchBoxDetail, |
|
|
|
@ -135,6 +158,7 @@ export default { |
|
|
|
page: 1, |
|
|
|
limit: 1000 |
|
|
|
}, |
|
|
|
scanDisabled: false, |
|
|
|
dataListLoading: false, |
|
|
|
currentRow:'', |
|
|
|
columnList: [ |
|
|
|
@ -266,6 +290,7 @@ export default { |
|
|
|
}, |
|
|
|
], |
|
|
|
modelList:[], |
|
|
|
rollList:[], |
|
|
|
boxData:{ |
|
|
|
site:'', |
|
|
|
orderNo:'', |
|
|
|
@ -276,7 +301,7 @@ export default { |
|
|
|
}, |
|
|
|
scanRollNo:'', |
|
|
|
boxModelFlag: false, |
|
|
|
|
|
|
|
boxActionType: 'add', // 新增:添加/删除模式 |
|
|
|
} |
|
|
|
}, |
|
|
|
methods: { |
|
|
|
@ -326,6 +351,7 @@ export default { |
|
|
|
console.log(data2) |
|
|
|
this.searchBox(data2) |
|
|
|
this.boxModelFlag = true |
|
|
|
this.boxActionType='add' |
|
|
|
this.$nextTick(() => { |
|
|
|
this.$refs.scanRollNo.focus(); |
|
|
|
}); |
|
|
|
@ -344,8 +370,14 @@ export default { |
|
|
|
buNo: row.buNo, |
|
|
|
} |
|
|
|
this.searchBox(inData) |
|
|
|
if(row.status==='未封箱'){ |
|
|
|
this.scanDisabled=false |
|
|
|
}else { |
|
|
|
this.scanDisabled = true |
|
|
|
} |
|
|
|
this.scanRollNo='' |
|
|
|
this.boxModelFlag = true |
|
|
|
this.boxActionType='add' |
|
|
|
this.$nextTick(() => { |
|
|
|
this.$refs.scanRollNo.focus(); |
|
|
|
}); |
|
|
|
@ -421,7 +453,7 @@ export default { |
|
|
|
}) |
|
|
|
}, |
|
|
|
|
|
|
|
handleScanEnter() { |
|
|
|
handleBoxAction() { |
|
|
|
const arr = this.scanRollNo.split(';'); |
|
|
|
if (arr.length < 3) { |
|
|
|
this.$message.error('扫描的标签格式不正确!'); |
|
|
|
@ -433,35 +465,74 @@ export default { |
|
|
|
finalRollNo: arr[2], |
|
|
|
boxNo: this.boxData.boxNo, |
|
|
|
}; |
|
|
|
scanBoxRoll(inData).then(({data}) => { |
|
|
|
if (data && data.code === 0) { |
|
|
|
this.$message.success('扫描成功'); |
|
|
|
this.searchBox({ |
|
|
|
site: this.boxData.site, |
|
|
|
boxNo: this.boxData.boxNo, |
|
|
|
buNo: this.boxData.buNo, |
|
|
|
}); |
|
|
|
if(this.boxActionType==='add'){ |
|
|
|
scanBoxRoll(inData).then(({data}) => { |
|
|
|
if (data && data.code === 0) { |
|
|
|
this.$message.success('扫描成功'); |
|
|
|
this.searchBox({ |
|
|
|
site: this.boxData.site, |
|
|
|
boxNo: this.boxData.boxNo, |
|
|
|
buNo: this.boxData.buNo, |
|
|
|
}); |
|
|
|
this.scanRollNo = ''; |
|
|
|
this.$nextTick(() => { |
|
|
|
this.$refs.scanRollNo.focus(); |
|
|
|
}); |
|
|
|
} else { |
|
|
|
this.$message.error(data.msg || '扫描失败'); |
|
|
|
this.scanRollNo = ''; |
|
|
|
this.$nextTick(() => { |
|
|
|
this.$refs.scanRollNo.focus(); |
|
|
|
}); |
|
|
|
} |
|
|
|
}).catch(() => { |
|
|
|
this.$message.error('网络异常,扫描失败'); |
|
|
|
this.scanRollNo = ''; |
|
|
|
this.$nextTick(() => { |
|
|
|
this.$refs.scanRollNo.focus(); |
|
|
|
}); |
|
|
|
} else { |
|
|
|
this.$message.error(data.msg || '扫描失败'); |
|
|
|
}); |
|
|
|
}else { |
|
|
|
|
|
|
|
deleteBoxRoll(inData).then(({data}) => { |
|
|
|
if (data && data.code === 0) { |
|
|
|
this.$message.success('扫描成功'); |
|
|
|
this.searchBox({ |
|
|
|
site: this.boxData.site, |
|
|
|
boxNo: this.boxData.boxNo, |
|
|
|
buNo: this.boxData.buNo, |
|
|
|
}); |
|
|
|
this.scanRollNo = ''; |
|
|
|
this.$nextTick(() => { |
|
|
|
this.$refs.scanRollNo.focus(); |
|
|
|
}); |
|
|
|
} else { |
|
|
|
this.$message.error(data.msg || '扫描失败'); |
|
|
|
this.scanRollNo = ''; |
|
|
|
this.$nextTick(() => { |
|
|
|
this.$refs.scanRollNo.focus(); |
|
|
|
}); |
|
|
|
} |
|
|
|
}).catch(() => { |
|
|
|
this.$message.error('网络异常,扫描失败'); |
|
|
|
this.scanRollNo = ''; |
|
|
|
this.$nextTick(() => { |
|
|
|
this.$refs.scanRollNo.focus(); |
|
|
|
}); |
|
|
|
} |
|
|
|
}).catch(() => { |
|
|
|
this.$message.error('网络异常,扫描失败'); |
|
|
|
this.scanRollNo = ''; |
|
|
|
this.$nextTick(() => { |
|
|
|
this.$refs.scanRollNo.focus(); |
|
|
|
}); |
|
|
|
}); |
|
|
|
} |
|
|
|
|
|
|
|
} |
|
|
|
}, |
|
|
|
watch: { |
|
|
|
boxActionType() { |
|
|
|
this.$nextTick(() => { |
|
|
|
if (this.$refs.scanRollNo) { |
|
|
|
this.$refs.scanRollNo.focus(); |
|
|
|
} |
|
|
|
}); |
|
|
|
} |
|
|
|
}, |
|
|
|
} |
|
|
|
</script> |
|
|
|
|
|
|
|
@ -474,5 +545,9 @@ export default { |
|
|
|
/deep/ .el-table__fixed-right-patch { |
|
|
|
display: none !important; |
|
|
|
} |
|
|
|
|
|
|
|
.sl .el-radio--medium.is-bordered { |
|
|
|
padding: 2px 5px 0px 5px; |
|
|
|
border-radius: 4px; |
|
|
|
height: 20px; |
|
|
|
} |
|
|
|
</style> |