418 lines
10 KiB
Vue
418 lines
10 KiB
Vue
<template>
|
||
<view>
|
||
<u-navbar back-text="返回" title="拆托/组托" :background="background"></u-navbar>
|
||
<u-form>
|
||
<u-form-item :border-bottom="false">
|
||
<p>扫描托盘：</p>
|
||
<u-input v-model="SettobarCode" placeholder="请输入托盘" :border="true" @confirm="submit2" />
|
||
</u-form-item>
|
||
<radio-group @change="SplitOrMerge">
|
||
<label class="radio">
|
||
<radio value="cb">{{'拆盘'}}</radio>
|
||
</label>
|
||
<label class="radio" style="margin-left: 20px;">
|
||
<radio value="zb">{{'组盘'}}</radio>
|
||
</label>
|
||
</radio-group>
|
||
|
||
<u-form-item>
|
||
<p>扫描条码：</p>
|
||
<u-input class="uni-input" v-model="MaterialPackingcode" :focus="focusBarCode" placeholder="请扫描条码"
|
||
:border="true" @confirm="submit" />
|
||
</u-form-item>
|
||
</u-form>
|
||
<view class="container" style="margin-bottom: 80px;">
|
||
<view class="list-item" v-for="(item, index) in BoxListInfo" :key="item.id">
|
||
<view >
|
||
<view>
|
||
<div>
|
||
<text class="card-description"> 序号: {{BoxListInfo.length - index}}</text>
|
||
</div>
|
||
<div>
|
||
<text class="card-description"> 批次: {{ item.CHARGE }}</text>
|
||
</div>
|
||
<div>
|
||
<text class="card-description"> 料号: {{ item.MATERIALSPECNAME }}</text>
|
||
<text class="card-description"> 阶段: {{ item.PHASE }}</text>
|
||
<text class="card-description"> SDK规格: {{ item.SPECNAME }}</text>
|
||
</div>
|
||
<div>
|
||
<text class="card-description"> 品名: {{ item.DESC_CN }}</text>
|
||
</div>
|
||
<div>
|
||
<text class="card-description"> 实际规格: {{ item.TRUEGG }}</text>
|
||
</div>
|
||
<div>
|
||
<text class="card-description"> 仓库: {{ item.ERPLOCATION }}</text>
|
||
</div>
|
||
<div>
|
||
<text class="card-description"> 货位: {{ item.LOCATIONNAME }}</text>
|
||
</div>
|
||
<div>
|
||
<text class="card-description"> 数量: {{ item.MATERIALQUANTITY }} {{ item.UNIT }}</text>
|
||
</div>
|
||
<div>
|
||
<text class="card-description">
|
||
载具: {{ item.TRAYNAME }}
|
||
库区: {{ item.DESCRIPTION }}
|
||
</text>
|
||
</div>
|
||
<div v-if="SPLIT" class="button-group" style = "margin: 5rpx; padding-bottom: 10rpx; align: center;">
|
||
<u-button type="primary" size="mini" @click="deleteItem(item, index)">删除</u-button>
|
||
</div>
|
||
</view>
|
||
</view>
|
||
</view>
|
||
</view>
|
||
<br />
|
||
<view class="tabbar_bottom">
|
||
<uni-datetime-picker style="align-items: center;" type="date" :clear-icon="false" v-model="commitDate"
|
||
@maskClick="maskClick" />
|
||
<u-button class="btn-bottom" @click="FGStockIn" type="primary" :loading="loading">确定入库</u-button>
|
||
</view>
|
||
<br />
|
||
</view>
|
||
</view>
|
||
</template>
|
||
|
||
<script>
|
||
export default {
|
||
data() {
|
||
return {
|
||
commitDate: '',
|
||
SPLIT: false,
|
||
MERGE: false,
|
||
loading: false,
|
||
userId: "",
|
||
SettobarCode: "", //托盘编号
|
||
MaterialPackingcode: '', //标签编号
|
||
BoxListInfo: [], //后端传回来的绑定表格的数据
|
||
focusKw: false, //库位输入框焦点
|
||
focusBarCode: true, //默认聚焦到条码框
|
||
background: {
|
||
backgroundImage: 'linear-gradient(45deg, rgb(28, 187, 180), rgb(141, 198, 63))'
|
||
}, //返回按钮的样式
|
||
useId: "",
|
||
//对应的材料列表
|
||
column: [ //列
|
||
{
|
||
name: 'MATERIALSPECNAME',
|
||
label: '料号'
|
||
},
|
||
{
|
||
name: 'CHARGE',
|
||
label: '批次',
|
||
align: 'center',
|
||
// fixed: true,
|
||
},
|
||
{
|
||
name: 'DESC_CN',
|
||
label: '品名'
|
||
},
|
||
|
||
{
|
||
name: 'ERPLOCATION',
|
||
label: '库位'
|
||
},
|
||
{
|
||
name: 'LOCATIONNAME',
|
||
label: '货架'
|
||
}, {
|
||
name: 'DESCRIPTION',
|
||
label: '库区'
|
||
}, {
|
||
name: 'TRAYNAME',
|
||
label: '载具'
|
||
},
|
||
{
|
||
name: 'SHELFNAME',
|
||
label: '立体库货架'
|
||
},
|
||
{
|
||
name: 'MATERIALQUANTITY',
|
||
label: '系统数量',
|
||
sorter: true
|
||
},
|
||
{
|
||
name: 'STOCKSTATE',
|
||
label: '库存状态'
|
||
}
|
||
],
|
||
};
|
||
|
||
},
|
||
onUnload() {
|
||
uni.$off('rifdscan')
|
||
},
|
||
onShow() {
|
||
let that = this
|
||
// uni.$off('rifdscan')
|
||
uni.$on('rifdscan', (res) => {
|
||
console.log('扫码结果：', res);
|
||
that.SettobarCode = res.rifd
|
||
})
|
||
this.BoxListInfo = [];
|
||
//发送请求
|
||
this.$MyRequest('/api/ApiQuery', {
|
||
queryId: "GetDURABLENAME_PackingName",
|
||
version: "00001",
|
||
params: {
|
||
DURABLENAME: this.SettobarCode,
|
||
}
|
||
}).then(res => {
|
||
if (res.data.message == "SUCCESS!") {
|
||
this.BoxListInfo = res.data.data
|
||
for (let i = 0; i < this.BoxListInfo.length; i++) {
|
||
console.log(this.BoxListInfo[i])
|
||
this.BoxListInfo[i].ID = '可选'
|
||
}
|
||
} else {
|
||
|
||
}
|
||
}).catch(err => {
|
||
this.$showMessage(err)
|
||
})
|
||
},
|
||
mounted() {
|
||
// let Things = 20
|
||
// for (var i = 0; i < Things; i++) {
|
||
// this.BoxListInfo.push({aa:"1"})
|
||
// }
|
||
const site = uni.getStorageSync('sitename')
|
||
// this.siteName = site
|
||
this.siteName = 'SDK'
|
||
const iduser = uni.getStorageSync('userid')
|
||
this.userId = iduser
|
||
this.getTimeData();
|
||
},
|
||
|
||
methods: {
|
||
deleteItem(row, index) {
|
||
console.log(index, row)
|
||
var url = "//MaturationLibrary/deassignTryByBox"
|
||
this.$MyRequest(url, {
|
||
BARCODE: row.MATERIALPACKINGNAME,
|
||
durableName: this.SettobarCode,
|
||
userId: this.userId
|
||
}).then(res => {
|
||
console.log(res)
|
||
if (res.data.success) {
|
||
try {
|
||
Vue.prototype.$playSuccess()
|
||
} catch (e) {}
|
||
this.submit2()
|
||
} else {
|
||
this.$showMessage(res.data.message)
|
||
try {
|
||
Vue.prototype.$playFail()
|
||
} catch (e) {}
|
||
}
|
||
}).catch(err => {
|
||
this.$showMessage(err)
|
||
try {
|
||
Vue.prototype.$playFail()
|
||
} catch (e) {}
|
||
this.$nextTick(() => {
|
||
this.MaterialPackingcode = ""
|
||
this.focusBarCode = true
|
||
})
|
||
});
|
||
},
|
||
getTimeData() {
|
||
var year = new Date().getFullYear(); //年
|
||
if (year < 1900) year = year + 1900;
|
||
var month = new Date().getMonth() + 1; //月
|
||
if (month < 10) month = '0' + month;
|
||
var day = new Date().getDate(); //日
|
||
if (day < 10) day = '0' + day;
|
||
const calendar1 = year + '-' + month + '-' + day
|
||
this.commitDate = calendar1
|
||
},
|
||
maskClick(e) {
|
||
console.log('maskClick事件:', e);
|
||
},
|
||
cellStyleFn({
|
||
row,
|
||
column,
|
||
rowIndex,
|
||
columnIndex
|
||
}) {
|
||
return {
|
||
backgroundColor: row.STOCKSTATE == 'StockOut' ? 'yellow' : 'white'
|
||
}
|
||
},
|
||
//设置选中状态
|
||
changeischecked() {
|
||
this.ischecked = !this.ischecked //设置选中状态
|
||
},
|
||
SplitOrMerge(e) {
|
||
const selectedValue = e.detail.value;
|
||
if (selectedValue == 'cb') {
|
||
this.SPLIT = true
|
||
this.MERGE = false
|
||
} else if (selectedValue == 'zb') {
|
||
this.SPLIT = false
|
||
this.MERGE = true
|
||
}
|
||
},
|
||
submit() {
|
||
this.focusBarCode = false;
|
||
if (!this.MERGE && !this.SPLIT) {
|
||
try {
|
||
Vue.prototype.$playFail()
|
||
} catch (e) {}
|
||
this.$showMessage("请选择拆盘或组盘")
|
||
this.$nextTick(() => {
|
||
this.MaterialPackingcode = ""
|
||
this.focusBarCode = true
|
||
console.log(this.focusBarCode)
|
||
})
|
||
return
|
||
}
|
||
var url = "//MaturationLibrary/deassignTryByBox"
|
||
if (this.MERGE && !this.SPLIT) {
|
||
url = "//MaturationLibrary/assignTryByBox"
|
||
}
|
||
this.$MyRequest(url, {
|
||
BARCODE: this.MaterialPackingcode,
|
||
durableName: this.SettobarCode,
|
||
userId: this.userId
|
||
}).then(res => {
|
||
if (res.data.success) {
|
||
try {
|
||
Vue.prototype.$playSuccess()
|
||
} catch (e) {}
|
||
|
||
this.submit2()
|
||
} else {
|
||
this.$showMessage(res.data.message)
|
||
this.$nextTick(() => {
|
||
this.MaterialPackingcode = ""
|
||
this.focusBarCode = true
|
||
})
|
||
|
||
try {
|
||
Vue.prototype.$playFail()
|
||
} catch (e) {}
|
||
}
|
||
}).catch(err => {
|
||
this.$showMessage(err)
|
||
try {
|
||
Vue.prototype.$playFail()
|
||
} catch (e) {}
|
||
this.$nextTick(() => {
|
||
this.MaterialPackingcode = ""
|
||
this.focusBarCode = true
|
||
})
|
||
});
|
||
|
||
// this.SettoSubmit()
|
||
},
|
||
submit2() {
|
||
this.BoxListInfo = [];
|
||
//发送请求
|
||
this.$MyRequest('/api/ApiQuery', {
|
||
queryId: "GetDURABLENAME_PackingName",
|
||
version: "00001",
|
||
params: {
|
||
DURABLENAME: this.SettobarCode,
|
||
}
|
||
}).then(res => {
|
||
if (res.data.message == "SUCCESS!") {
|
||
this.BoxListInfo = res.data.data
|
||
for (let i = 0; i < this.BoxListInfo.length; i++) {
|
||
console.log(this.BoxListInfo[i])
|
||
this.BoxListInfo[i].ID = '可选'
|
||
}
|
||
} else {
|
||
|
||
}
|
||
this.$nextTick(() => {
|
||
this.MaterialPackingcode = ""
|
||
this.focusBarCode = true
|
||
})
|
||
}).catch(err => {
|
||
this.$showMessage(err)
|
||
this.$nextTick(() => {
|
||
this.MaterialPackingcode = ""
|
||
this.focusBarCode = true
|
||
})
|
||
})
|
||
|
||
},
|
||
|
||
FGStockIn() {
|
||
console.log(this.commitDate)
|
||
if (this.BoxListInfo.length > 0) {
|
||
this.loading = true;
|
||
let MaterialPackingcodeLIST = this.BoxListInfo.map(item => {
|
||
item.AREANAME = "E"
|
||
item.FLAG = "IN"
|
||
item.ISAGV = "FALSE"
|
||
item.TRANSPORTCOMMANDTYPE = "IN"
|
||
item.TRAYNAME = this.SettobarCode
|
||
item.INDESTINATION = "E"
|
||
return item;
|
||
})
|
||
this.$MyRequest('/MaturationLibrary/AutoStockIn', {
|
||
SITENAME: "SDK",
|
||
commitDate: this.commitDate,
|
||
userId: this.userId,
|
||
AREANAME: "E",
|
||
aimAreaName: "",
|
||
barCode: "",
|
||
durableName: this.SettobarCode,
|
||
MATERIALPACKINGNAME: MaterialPackingcodeLIST
|
||
}).then(res => {
|
||
if (res.data.success) {
|
||
this.loading = false;
|
||
this.resetValue();
|
||
this.$showMessage(res.data.message)
|
||
this.BoxListInfo = [];
|
||
} else {
|
||
this.loading = false;
|
||
this.$showMessage(res.data.message)
|
||
this.BoxListInfo = [];
|
||
}
|
||
}).catch(err => {
|
||
this.loading = false;
|
||
try {
|
||
Vue.prototype.$playFail()
|
||
} catch (e) {}
|
||
this.$showMessage(err)
|
||
});
|
||
} else {
|
||
this.$showMessage("请扫描！")
|
||
try {
|
||
Vue.prototype.$playFail()
|
||
} catch (e) {}
|
||
}
|
||
}
|
||
|
||
}
|
||
}
|
||
</script>
|
||
<style>
|
||
.btn-bottom {
|
||
position: fixed;
|
||
bottom: 0;
|
||
width: 100%;
|
||
left: 0;
|
||
}
|
||
</style>
|
||
<style lang="scss">
|
||
.list-item {
|
||
|
||
margin-top: 16px;
|
||
/* 卡片之间的间距 */
|
||
// padding: 12px;
|
||
/* 卡片内部的内边距 */
|
||
background-color: #aaaa7f;
|
||
/* 卡片背景色 */
|
||
border-radius: 8px;
|
||
/* 卡片边框圆角 */
|
||
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
|
||
/* 卡片阴影效果 */
|
||
}
|
||
</style>
|