<template>
|
<!-- 接收（铜杆） -->
|
<view class="page">
|
<view class="packing-registration-bg" />
|
<u-navbar title="车间订单接收（）" :background="background" :border-bottom="false" :title-bold="true" title-color="#000"
|
back-icon-color="#000" />
|
<u-form :model="form" ref="uForm" :label-width="280" :rules="rules" :error-type="['toast']" class="uForm">
|
<u-form-item label="订单号" :border-bottom="false" prop="value1">
|
<u-input v-model="form.value1" type="select" placeholder="点击选择" @click="openList" />
|
</u-form-item>
|
<u-form-item label="零件号" :border-bottom="false" prop="value2">
|
<u-input v-model="form.value2" placeholder="" disabled />
|
</u-form-item>
|
<u-form-item label="零件描述" :border-bottom="false" prop="value3">
|
<u-input v-model="form.value3" placeholder="" disabled />
|
</u-form-item>
|
<u-form-item label="批量大小" :border-bottom="false" prop="value4">
|
<u-input v-model="form.value4" placeholder="" disabled />
|
</u-form-item>
|
<u-form-item label="剩余数量" :border-bottom="false" prop="value5">
|
<u-input v-model="form.value5" placeholder="" disabled />
|
</u-form-item>
|
<u-form-item label="库位" :border-bottom="false" prop="value6">
|
<u-input v-model="form.value6" placeholder="" disabled />
|
</u-form-item>
|
<u-form-item label="物料和工序" prop="value7">
|
<u-checkbox-group>
|
<u-checkbox :name="item.name" v-for="(item, index) in checkboxList" :key="index" v-model="item.value"
|
@change="changeCheckbox">
|
{{ item.name }}
|
</u-checkbox>
|
</u-checkbox-group>
|
</u-form-item>
|
<u-form-item label="库存接收" :border-bottom="false" prop="value12"></u-form-item>
|
</u-form>
|
<scan></scan>
|
</view>
|
</template>
|
|
<script>
|
import content_bg from '@/static/custom/packing/backBg.png'
|
import scan from "@/components/scan/scan.vue";
|
|
export default {
|
components: {scan },
|
data() {
|
return {
|
background: {
|
backgroundImage: `url(${content_bg})`,
|
backgroundAttachment: 'fixed',
|
backgroundSize: '100% auto',
|
backgroundRepeat: 'no-repeat',
|
},
|
form: {
|
value1: '',
|
value2: '',
|
value3: '',
|
value4: '',
|
value5: '',
|
value6: '',
|
|
},
|
rules: {},
|
checkboxList: [
|
{
|
name: '倒冲',
|
value: false
|
},
|
{
|
name: '工序的自动报告',
|
value: false
|
},
|
{
|
name: '简化物料检查',
|
value: false
|
}
|
],
|
};
|
},
|
onReady() {
|
this.$refs.uForm.setRules(this.rules);
|
},
|
onShow() {
|
let that = this
|
uni.$off('scan') // 每次进来先 移除全局自定义事件监听器
|
uni.$on('scan', function (data) {
|
console.log('onscan');
|
//扫码成功后的回调，你可以写自己的逻辑代码在这里
|
console.log('页面扫码结果：', data.code);
|
if (data.code) {
|
let codeInfo = JSON.parse(data.code)
|
if (codeInfo.WorkNo) {
|
// 扫描报工单二维码
|
that.saveForm(codeInfo);
|
}
|
}
|
})
|
},
|
methods: {
|
// 选择订单号
|
openList() {
|
// if (this.form.value1 === '') {
|
// uni.showToast({
|
// title: '请先扫描或输入报工单号',
|
// icon: 'none'
|
// })
|
// return
|
// }
|
uni.navigateTo({
|
url: '/pages/product/report/orderList'
|
})
|
},
|
// 存订单号
|
setNo(val) {
|
this.form.value3 = val
|
},
|
// 回显扫码的信息-报工单
|
saveForm(val) {
|
let { WorkNo, ProcessName, ORDER_NO } = val
|
this.form.value1 = WorkNo
|
this.form.value2 = ProcessName
|
this.form.value3 = ORDER_NO
|
},
|
setNo(val) {
|
this.form.value3 = val
|
},
|
// 多选处理
|
changeCheckbox(val) {
|
if (val.name === '倒冲') {
|
this.checkboxList[2].value = false
|
}
|
if (val.name === '简化物料检查') {
|
this.checkboxList[0].value = false
|
}
|
},
|
}
|
}
|
</script>
|
|
<style lang="scss" scoped>
|
.page {
|
box-sizing: border-box;
|
}
|
|
.packing-registration-bg {
|
background-color: #f6f9ff;
|
background-image: url("~@/static/custom/packing/backBg.png");
|
padding: 0 20rpx;
|
background-attachment: fixed;
|
background-size: 100% auto;
|
background-repeat: no-repeat;
|
position: fixed;
|
top: 0;
|
bottom: 0;
|
width: 100%;
|
z-index: -1;
|
}
|
|
.uForm {
|
background: #fff;
|
margin: 40rpx 30rpx;
|
padding: 20rpx 30rpx;
|
border-radius: 16rpx;
|
}
|
|
::v-deep .u-input__input {
|
text-align: right !important;
|
}
|
|
.u-form-item {
|
padding: 0;
|
}
|
</style>
|
