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

<template>
    <ifrm ref="ifrm">
        <!-- 镀后出库 -->
        <uni-forms ref="form" err-show-type="toast"><input type="text" v-model="value" @confirm="confirm"
                class="uni-input-border" placeholder="流程卡" /></uni-forms>
        <t-table style="margin-top:20rpx">
            <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>{{ prWorkOrder.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-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: {},
                prPlateAround: {}
            };
        },
        onLoad() {
            this.setData();
        },
        onShow() {},
        methods: {
            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/loadPlateAi/' + code,
                    method: 'GET',
                    success: data => {
                        this.value = '';
                        this.prPlateAround = data;
                        this.prWorkPlan = data.prWorkPlan;
                        this.prWorkOrder = data.prWorkPlan.prWorkOrder;
                        this.quantity = data.quantity;
                        if (!data.prWorkPlan.oem) {
                            this.makeTeam = data.makeTeam;
                        }
                        if (data.oemCustomer) {
                            this.oemCustomer = data.oemCustomer;
                        }
                        uni.showToast({
                            title: '数据获取成功'
                        });
                    }
                });
            },
            submitClick() {
                this.$ajax.request({
                    url: 'pdaSave/savePlateAi',
                    method: 'POST',
                    data: this.prPlateAround,
                    success: data => {
                        uni.showToast({
                            title: '出库成功'
                        });
                        this.value = '';
                        this.setData();
                    }
                });
            },
            setData() {
                this.prWorkPlan = {};
                this.prWorkOrder = {
                    procedureSet: {},
                    pjYieldOrder: {}
                };
                this.quantity = null;
                this.makeTeam = {};
                this.oemCustomer = {};
                this.prPlateAround = {};
            }
        },
        onNavigationBarButtonTap(btn) {
            this.$refs.ifrm.topMenuClick(btn);
        }
    };
</script>

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

    .contentBox {}
</style>