#

Junjie

2024-07-29 4a2b38544137fcfb164ee247ef080897d497e854

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

@@ -66,6 +66,20 @@
        editable: true,
    },
    {
        title: formatMessage('db.man_loc_detl.qty', '已完成数量'),
        dataIndex: 'qty',
        width: 140,
        ellipsis: true,
        editable: true,
    },
    {
        title: formatMessage('db.man_loc_detl.workQty', '作业中数量'),
        dataIndex: 'workQty',
        width: 140,
        ellipsis: true,
        editable: true,
    },
    {
        title: formatMessage('db.man_loc_detl.memo', '备注'),
        dataIndex: 'memo',
        width: 140,
@@ -119,33 +133,42 @@
    openDetl.value = false;
}

watch(orderId, (newVal, oldVal) => {
    get("/api/orderDetl/orderId/" + newVal, {}).then((resp) => {
        let result = resp.data;
        let index = 1;
        let tmp = [];
        result.data.forEach((item) => {
            let data = {
                _id: index++,
                detlId: item.id,
                matnr: item.mat$.matnr,
                maktx: item.mat$.maktx,
                batch: item.batch,
                anfme: item.anfme,
                memo: item.memo
            };
            fieldList.forEach((field) => {
                data[field] = item[field];
            })
            tmp.push(data)
        })
        tableData.value = tmp;
    })
const handleCancel = () => {
    openDetl.value = false;
    orderId.value = null;
}

    get("/api/order/" + newVal, {}).then((resp) => {
        let result = resp.data;
        orderInfo.value = result.data;
    })
watch(orderId, (newVal, oldVal) => {
    if (newVal != null) {
        get("/api/orderDetl/orderId/" + newVal, {}).then((resp) => {
            let result = resp.data;
            let index = 1;
            let tmp = [];
            result.data.forEach((item) => {
                let data = {
                    _id: index++,
                    detlId: item.id,
                    matnr: item.mat$.matnr,
                    maktx: item.mat$.maktx,
                    batch: item.batch,
                    anfme: item.anfme,
                    qty: item.qty,
                    workQty: item.workQty,
                    memo: item.memo
                };
                fieldList.forEach((field) => {
                    data[field] = item[field];
                })
                tmp.push(data)
            })
            tableData.value = tmp;
        })

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

defineExpose({
@@ -164,16 +187,23 @@

<template>
    <div>
        <a-modal v-model:open="openDetl" width="60%" @ok="handleOk">
            <h3>
                订单号：{{ orderInfo.orderNo }}
            </h3>
            <h3>
                单据类型：{{ orderInfo.orderType$ }}
            </h3>
            <h3>
                单据状态：{{ orderInfo.orderSettle$ }}
            </h3>
        <a-modal v-model:open="openDetl" width="60%" @ok="handleOk" @cancel="handleCancel">
            <div class="component-header">
                <div>
                    <h3>
                        订单号：{{ orderInfo.orderNo }}
                    </h3>
                    <h3>
                        单据类型：{{ orderInfo.orderType$ }}
                    </h3>
                    <h3>
                        单据状态：{{ orderInfo.orderSettle$ }}
                    </h3>
                </div>
                <div class="qrcode">
                    <a-qrcode :value="orderInfo.orderNo" :size="100" :bordered="false" />
                </div>
            </div>
            <a-table :data-source="tableData" :defaultExpandAllRows="false" :key="TABLE_KEY" rowKey="id"
                :scroll="{ y: 768 }" :columns="state.columns">
            </a-table>
@@ -181,4 +211,18 @@
    </div>
</template>

<style></style>
<style>
.component-header {
    display: flex;
}

.component-header>div {
    flex: 1;
}

.qrcode {
    display: flex;
    justify-content: flex-end;
    margin-right: 30px;
}
</style>