#

Junjie

2025-02-14 ac4341ea6b66ae02427d39d35f41d42d78b2eb2e

 zy-asrs-admin/src/components/orderDetl/show.vue

@@ -6,6 +6,9 @@
import { logout } from '@/config.js';
import { formatMessage } from '@/utils/localeUtils.js';
import useTableSearch from '@/utils/tableUtils.jsx';
import WorkTaskView from '@/components/order/workTask/index.vue'
import CompleteTaskView from '@/components/order/completeTask/index.vue'
import WaitTaskView from '@/components/order/waitTask/index.vue'
const context = getCurrentInstance()?.appContext.config.globalProperties;

const router = useRouter();
@@ -20,6 +23,11 @@
    orderType$: '',
    orderSettle$: '',
});
const workTaskChild = ref(null)
const completeTaskChild = ref(null)
const waitTaskChild = ref(null)

const showWidth = ref("60%")
getColumns();

const {
@@ -40,13 +48,13 @@
        ellipsis: true,
    },
    {
        title: formatMessage('db.man_loc_detl.matnr', '物料号'),
        title: formatMessage('db.man_loc_detl.matnr', '商品编号'),
        dataIndex: 'matnr',
        width: 140,
        ellipsis: true,
    },
    {
        title: formatMessage('db.man_loc_detl.maktx', '物料名'),
        title: formatMessage('db.man_loc_detl.maktx', '商品名称'),
        dataIndex: 'maktx',
        width: 140,
        ellipsis: true,
@@ -75,6 +83,13 @@
    {
        title: formatMessage('db.man_loc_detl.workQty', '作业中数量'),
        dataIndex: 'workQty',
        width: 140,
        ellipsis: true,
        editable: true,
    },
    {
        title: formatMessage('db.man_loc_detl.waitQty', '组托数量'),
        dataIndex: 'waitQty',
        width: 140,
        ellipsis: true,
        editable: true,
@@ -154,6 +169,7 @@
                    anfme: item.anfme,
                    qty: item.qty,
                    workQty: item.workQty,
                    waitQty: item.waitQty,
                    memo: item.memo
                };
                fieldList.forEach((field) => {
@@ -166,15 +182,36 @@

        get("/api/order/" + newVal, {}).then((resp) => {
            let result = resp.data;
            orderInfo.value = result.data;
            if(result.data != null) {
                orderInfo.value = result.data;
            }
        })
    }
})

const openWorkTask = (record) => {
    workTaskChild.value.open = true;
    workTaskChild.value.showWidth = '55%';
    workTaskChild.value.orderDetlId = record.detlId;
}

const openCompleteQty = (record) => {
    completeTaskChild.value.open = true;
    completeTaskChild.value.showWidth = '55%';
    completeTaskChild.value.orderDetlId = record.detlId;
}

const openWaitQty = (record) => {
    waitTaskChild.value.open = true;
    waitTaskChild.value.showWidth = '55%';
    waitTaskChild.value.orderDetlId = record.detlId;
}

defineExpose({
    tableData,
    orderId,
    openDetl,
    showWidth,
})

</script>
@@ -187,7 +224,7 @@

<template>
    <div>
        <a-modal v-model:open="openDetl" width="60%" @ok="handleOk" @cancel="handleCancel">
        <a-modal v-model:open="openDetl" :width="showWidth" @ok="handleOk" @cancel="handleCancel">
            <div class="component-header">
                <div>
                    <h3>
@@ -206,7 +243,24 @@
            </div>
            <a-table :data-source="tableData" :defaultExpandAllRows="false" :key="TABLE_KEY" rowKey="id"
                :scroll="{ y: 768 }" :columns="state.columns">
                <template #bodyCell="{ column, text, record }">
                    <template v-if="column.dataIndex === 'workQty'">
                        <a-button type="link" @click="openWorkTask(record)">{{ text }}</a-button>
                    </template>

                    <template v-if="column.dataIndex === 'qty'">
                        <a-button type="link" @click="openCompleteQty(record)">{{ text }}</a-button>
                    </template>

                    <template v-if="column.dataIndex === 'waitQty'">
                        <a-button type="link" @click="openWaitQty(record)">{{ text }}</a-button>
                    </template>
                </template>
            </a-table>

            <WorkTaskView ref="workTaskChild" />
            <CompleteTaskView ref="completeTaskChild" />
            <WaitTaskView ref="waitTaskChild" />
        </a-modal>
    </div>
</template>