jonhon-mes-PDA/pages/production/afterPlatingInStore.vue

<template>
    <ifrm ref="ifrm">
        <!-- 镀后入库 -->
        <uni-forms ref="form" err-show-type="toast">
            <uni-forms-item name="allegation"><input type="text" v-model="value" @confirm="confirm"
                    class="uni-input-border" placeholder="流程卡" /></uni-forms-item>
        </uni-forms>
        <t-table style="margin-top:20rpx">
            <t-tr>
                <t-td>移交类型</t-td>
                <t-td>
                    <picker @change="bindPickerChange" :value="index" :range="array">
                        <view style="font-size: 32rpx;">{{array[index]}}</view>
                    </picker>
                </t-td>
            </t-tr>
            <t-tr>
                <t-td>流程卡号</t-td>
                <t-td>{{ prWorkOrder.cardNo }}</t-td>
            </t-tr>
            <t-tr>
                <t-td>车间订单号</t-td>
                <t-td>{{ prWorkOrder.woCode }}</t-td>
            </t-tr>
            <t-tr>
                <t-td>批次号</t-td>
                <t-td>{{ prWorkOrder.batchNo }}</t-td>
            </t-tr>
            <t-tr>
                <t-td>需求部门</t-td>
                <t-td>{{ prWorkOrder.pjYieldOrder.useDept }}</t-td>
            </t-tr>
            <t-tr>
                <t-td>零件编码</t-td>
                <t-td>{{ prWorkOrder.pjYieldOrder.partCode }}</t-td>
            </t-tr>
            <t-tr>
                <t-td>零件名称</t-td>
                <t-td>{{ prWorkOrder.pjYieldOrder.partName }}</t-td>
            </t-tr>
            <t-tr>
                <t-td>工序号</t-td>
                <t-td>{{ prWorkPlan.orders }}</t-td>
            </t-tr>
            <t-tr>
                <t-td>工序名称</t-td>
                <t-td>{{ prWorkPlan.procedureSet.ppsName }}</t-td>
            </t-tr>
            <t-tr>
                <t-td>班组/供应商</t-td>
                <t-td>{{ makeTeam.tsName || oemCustomer.ocName }}</t-td>
            </t-tr>
            <t-tr>
                <t-td>入库数量</t-td>
                <t-td>{{ prWorkOrder.makeQty }}</t-td>
            </t-tr>
            <t-tr>
                <t-td>移交部门</t-td>
                <t-td><input type="text" v-model="useDept" /></t-td>
            </t-tr>
            <t-tr>
                <t-td style="color:red">重量</t-td>
                <t-td><input type="number" v-model="weight" /></t-td>
            </t-tr>
        </t-table>
        <view class="buttonBox"><button class="button" type="primary"
                :disabled="!(Object.keys(prWorkOrder.pjYieldOrder).length)>0" @click="submitClick">入库</button></view>
    </ifrm>
</template>

<script>
    import ifrm from '@/pages/index/ifrm';
    import tTable from '@/components/t-table/t-table.vue';
    import tTh from '@/components/t-table/t-th.vue';
    import tTr from '@/components/t-table/t-tr.vue';
    import tTd from '@/components/t-table/t-td.vue';
    import scan from '../../mixin/scan.js';
    export default {
        mixins: [scan],
        components: {
            ifrm,
            tTable,
            tTh,
            tTr,
            tTd
        },
        data() {
            return {
                value: '',
                prWorkPlan: {},
                prWorkOrder: {},
                quantity: null,
                makeTeam: {},
                oemCustomer: {},
                weight: 0,
                useDept: null,
                array: ['转工', '入库'],
                index: 1,
            };
        },
        onLoad() {
            this.setData();
        },
        onShow() {},

        methods: {
            bindPickerChange(e) {
                this.index = e.detail.value
                if (e.detail.value == 1) {
                    this.prWorkPlan.prWorkOrder.hrTypeBool = false
                } else {
                    this.prWorkPlan.prWorkOrder.hrTypeBool = true
                }
                this.useDept = ''
            },
            getBarCode(code, isConfirm = false) {
                this.getData(code);
            },
            confirm(e) {
                this.getBarCode(e.target.value, true);
            },
            getData(code) {
                if (!code) return;
                this.value = code;
                this.$ajax.request({
                    url: 'pdaLoad/loadPlateAe/' + code,
                    method: 'GET',
                    success: data => {
                        this.value = '';
                        this.prWorkPlan = data;
                        this.prWorkOrder = data.prWorkOrder;
                        if (data.prWorkOrder.hrTypeBool) {
                            this.index = 0
                        } else {
                            this.index = 1
                        }
                        // 有为空 没有为useDept
                        if (data.prWorkOrder.pjYieldOrder.nextRoam) {
                            this.useDept = '';
                        } else {
                            this.useDept = data.prWorkOrder.pjYieldOrder.useDept;
                        }
                        this.quantity = data.prWorkOrder.makeQty;
                        if (!data.oem) {
                            this.makeTeam = data.makeTeam;
                        }
                        if (data.oemCustomer) {
                            this.oemCustomer = data.oemCustomer;
                        }
                        uni.showToast({
                            title: '数据获取成功'
                        });
                    }
                });
            },
            submitClick() {
                if (this.useDept == '' || this.useDept == null) {
                    return uni.showToast({
                        icon: 'none',
                        title: '请填写移交部门!!!'
                    });
                }
                this.$ajax.request({
                    url: 'pdaSave/savePlateAe',
                    method: 'POST',
                    data: {
                        prWorkPlan: this.prWorkPlan,
                        quantity: this.quantity,
                        makeTeam: this.makeTeam,
                        weight: this.weight,
                        useDept: this.useDept,
                        hrTypeBool: this.prWorkPlan.prWorkOrder.hrTypeBool
                    },
                    success: data => {
                        uni.showToast({
                            title: '入库成功'
                        });
                        this.value = '';
                        this.setData();
                    }
                });
            },
            setData() {
                this.prWorkPlan = {
                    procedureSet: {}
                };
                this.prWorkOrder = {
                    pjYieldOrder: {},
                    nextProcedureSet: {},
                    nextMakeTeam: {},
                    nextBsOemCustomer: {}
                };
                this.quantity = null;
                this.makeTeam = {};
                this.oemCustomer = {};
                this.useDept = null;
                this.weight = null;
            }
        },
        onNavigationBarButtonTap(btn) {
            this.$refs.ifrm.topMenuClick(btn);
        }
    };
</script>

<style scoped>
    .tabsBox {
        margin-top: 40rpx;
    }

    .contentBox {}
</style>