ts-glitter 20.3.2 → 20.3.4

package/lowcode/cms-plugin/order/order-module.js

@@ -9,10 +9,13 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
 };
 import { ShareDialog } from '../../glitterBundle/dialog/ShareDialog.js';
 import { BgWidget } from '../../backend-manager/bg-widget.js';
+import { BgProduct } from '../../backend-manager/bg-product.js';
 import { ApiDelivery } from '../../glitter-base/route/delivery.js';
+import { ApiShop } from '../../glitter-base/route/shopping.js';
 import { PaymentConfig } from '../../glitter-base/global/payment-config.js';
 import { ShipmentConfig } from '../../glitter-base/global/shipment-config.js';
 import { PaymentPage } from '../pos-pages/payment-page.js';
+import { PosFunction } from '../pos-pages/pos-function.js';
 const html = String.raw;
 export class OrderModule {
     static getPaymentMethodText(gvc, orderData) {
@@ -301,4 +304,367 @@ export class OrderModule {
             value: 0,
         };
     }
+    static editOrderLineItems(gvc, orderData, callback) {
+        const id = gvc.glitter.getUUID();
+        const dialog = new ShareDialog(gvc.glitter);
+        const cloneData = structuredClone(orderData);
+        function getNewItem(id, product, variant) {
+            return {
+                id: id,
+                sku: variant.sku,
+                spec: variant.spec,
+                count: 1,
+                stock: variant.stockList
+                    ? Number(Object.values(variant.stockList).reduce((sum, val) => sum + val.count, 0))
+                    : 0,
+                times: 0,
+                title: product.content.title,
+                rebate: 0,
+                weight: Number(variant.weight),
+                is_gift: false,
+                is_hidden: false,
+                stockList: variant.stockList,
+                sale_price: variant.sale_price,
+                origin_price: variant.origin_price,
+                preview_image: variant.preview_image,
+                discount_price: 0,
+                is_add_on_items: false,
+                show_understocking: variant.show_understocking,
+                deduction_log: (() => {
+                    const obj = {};
+                    const stockKey = Object.keys(variant.stockList).find(key => { var _a; return ((_a = variant.stockList[key]) === null || _a === void 0 ? void 0 : _a.count) > 0; });
+                    if (stockKey) {
+                        obj[stockKey] = 1;
+                    }
+                    return obj;
+                })(),
+            };
+        }
+        function showTag(color, text) {
+            return html ` <div class="product-show-tag" style="background: ${color};">${text}</div> `;
+        }
+        function getLineItemSubtotal(lineItems) {
+            return lineItems
+                .map(dd => Number(dd.count) * Number(dd.sale_price))
+                .reduce((accumulator, currentValue) => accumulator + currentValue, 0);
+        }
+        return BgWidget.settingDialog({
+            gvc,
+            title: '編輯訂單明細',
+            width: 800,
+            height: 600,
+            innerHTML: gvc => {
+                return gvc.bindView({
+                    bind: id,
+                    view: () => {
+                        var _a;
+                        const subtotal = getLineItemSubtotal(orderData.orderData.lineItems);
+                        return html `<div class="d-flex flex-column">
+              ${orderData.orderData.lineItems
+                            .filter((dd) => dd.count > 0)
+                            .map((dd) => {
+                            function countInput() {
+                                return BgWidget.editeInput({
+                                    gvc,
+                                    title: '',
+                                    default: `${dd.count}`,
+                                    placeHolder: '',
+                                    callback: (value) => {
+                                        const n = Number(value);
+                                        if (isNaN(n) || n < 0) {
+                                            dialog.errorMessage({ text: '請填寫大於 0 的數值' });
+                                            return;
+                                        }
+                                        const storeKeys = Object.keys(dd.deduction_log || {});
+                                        if (storeKeys.length > 0) {
+                                            let selectStore = '';
+                                            for (const key of storeKeys) {
+                                                if (dd.deduction_log[key] === 0) {
+                                                    delete dd.deduction_log[key];
+                                                }
+                                                else if (!selectStore && dd.deduction_log[key] > 0) {
+                                                    selectStore = key;
+                                                }
+                                            }
+                                            if (selectStore) {
+                                                dd.deduction_log[selectStore] = n;
+                                            }
+                                        }
+                                        dd.count = n;
+                                        gvc.notifyDataChange(id);
+                                    },
+                                    style: 'width: 64px;',
+                                });
+                            }
+                            return html `<div class="d-flex align-items-center gap-1">
+                    <div
+                      class="d-flex flex-column align-items-center justify-content-center"
+                      style="gap: 5px; margin-right: 12px;"
+                    >
+                      ${BgWidget.validImageBox({
+                                gvc,
+                                image: dd.preview_image,
+                                width: 60,
+                                class: 'border rounded',
+                                style: '',
+                            })}
+                    </div>
+                    <div class="d-flex flex-column">
+                      ${dd.is_hidden
+                                ? html `<div style="width:auto;">${BgWidget.secondaryInsignia('隱形商品')}</div>`
+                                : ''}
+                      <div class="tx_700 d-flex align-items-center" style="gap:4px;">
+                        <div>${dd.title}</div>
+                        ${dd.is_gift ? html `<div>${showTag('#FFE9B2', '贈品')}</div>` : ''}
+                        ${dd.is_add_on_items ? html `<div>${showTag('#D8E7EC', '加購品')}</div>` : ''}
+                        ${dd.pre_order ? html `<div>${showTag('#D8E7EC', '預購')}</div>` : ''}
+                      </div>
+                      ${dd.spec.length > 0 ? BgWidget.grayNote(dd.spec.join(', ')) : ''}
+                      ${BgWidget.grayNote(`存貨單位 (SKU)：${dd.sku && dd.sku.length > 0 ? dd.sku : '無'}`)}
+                    </div>
+                    <div class="flex-fill"></div>
+                    <div class="tx_normal_16 d-none d-lg-flex justify-content-end" style="min-width: 80px;">
+                      <div class="d-flex align-items-center gap-2">
+                        $${dd.sale_price.toLocaleString()} × ${countInput()}
+                      </div>
+                    </div>
+                    <div
+                      class="tx_normal d-sm-none d-flex flex-column"
+                      style="display: flex;justify-content: end;${document.body.clientWidth > 800
+                                ? 'width: 110px'
+                                : 'width: 140px'}"
+                    >
+                      <div>$${dd.sale_price.toLocaleString()} × ${countInput()}</div>
+                    </div>
+                    <div
+                      class="tx_normal d-none d-sm-flex"
+                      style="display: flex;justify-content: end;${document.body.clientWidth > 800
+                                ? 'width: 110px'
+                                : ''}"
+                    >
+                      $${(dd.sale_price * dd.count).toLocaleString()}
+                    </div>
+                    <div
+                      class="hoverBtn d-flex align-items-center justify-content-center fs-6"
+                      style="width: 24px; height: 24px;"
+                      onclick="${gvc.event(() => {
+                                const findData = orderData.orderData.lineItems.find(item => {
+                                    return item.id === dd.id && item.spec.join('') === dd.spec.join('');
+                                });
+                                if (findData) {
+                                    findData.count = 0;
+                                    Object.keys(findData.deduction_log).map(key => {
+                                        findData.deduction_log[key] = 0;
+                                    });
+                                }
+                                gvc.notifyDataChange(id);
+                            })}"
+                    >
+                      <i class="fa-sharp fa-regular fa-trash"></i>
+                    </div>
+                  </div>`;
+                        })
+                            .join(html ` <div style="margin-top: 12px;"></div>`)}
+              <div class="d-flex align-items-center justify-content-center">
+                <div style="width: 50px;">
+                  ${BgWidget.plusButton({
+                            title: '新增商品',
+                            event: gvc.event(() => {
+                                return BgProduct.productsDialog({
+                                    gvc,
+                                    title: '新增商品',
+                                    default: [],
+                                    with_variants: true,
+                                    callback: (dataArray) => __awaiter(this, void 0, void 0, function* () {
+                                        const specArray = [];
+                                        const idSet = new Set(dataArray.map((data) => {
+                                            const id = data.split('-')[0];
+                                            const spec = data.substring(data.indexOf('-') + 1);
+                                            specArray.push({ id, spec });
+                                            return id;
+                                        }));
+                                        dialog.dataLoading({ visible: true });
+                                        yield ApiShop.getProduct({
+                                            page: 0,
+                                            limit: 99999,
+                                            id_list: [...idSet].join(','),
+                                            status: 'inRange',
+                                        }).then(r => {
+                                            setTimeout(() => dialog.dataLoading({ visible: false }), 100);
+                                            if (r.result && r.response.total > 0) {
+                                                const productMap = new Map(r.response.data.map((product) => [`${product.id}`, product]));
+                                                specArray.forEach(specData => {
+                                                    const product = productMap.get(`${specData.id}`);
+                                                    if (!product) {
+                                                        return;
+                                                    }
+                                                    const variant = product.content.variants.find((variant) => variant.spec.join('-') === specData.spec);
+                                                    if (!variant) {
+                                                        return;
+                                                    }
+                                                    const lineItemData = orderData.orderData.lineItems.find(item => {
+                                                        return (item.id === Number(specData.id) && item.spec.join('') === variant.spec.join(''));
+                                                    });
+                                                    if (lineItemData) {
+                                                        lineItemData.count++;
+                                                        if (Object.keys(lineItemData.deduction_log || {}).length > 0) {
+                                                            const key = Object.keys(lineItemData.deduction_log)[0];
+                                                            lineItemData.deduction_log[key]++;
+                                                        }
+                                                    }
+                                                    else {
+                                                        const itemObject = getNewItem(Number(specData.id), product, variant);
+                                                        orderData.orderData.lineItems.push(itemObject);
+                                                    }
+                                                });
+                                            }
+                                            gvc.notifyDataChange(id);
+                                        });
+                                    }),
+                                });
+                            }),
+                        })}
+                </div>
+              </div>
+              ${BgWidget.horizontalLine()}
+              ${[
+                            {
+                                title: '小計',
+                                description: `${orderData.orderData.lineItems
+                                    .map(dd => Number(dd.count))
+                                    .reduce((accumulator, currentValue) => accumulator + currentValue, 0)} 件商品`,
+                                total: `$${subtotal.toLocaleString()}`,
+                            },
+                            {
+                                title: '運費',
+                                description: '',
+                                total: `$${orderData.orderData.shipment_fee.toLocaleString()}`,
+                            },
+                            ...(orderData.orderData.use_rebate
+                                ? [
+                                    {
+                                        title: '回饋金',
+                                        description: '',
+                                        total: `- $${orderData.orderData.use_rebate.toLocaleString()}`,
+                                    },
+                                ]
+                                : []),
+                            ...(orderData.orderData.use_wallet && `${orderData.orderData.use_wallet}` !== '0'
+                                ? [
+                                    {
+                                        title: '錢包',
+                                        description: `使用錢包扣款`,
+                                        total: `- $${orderData.orderData.use_wallet.toLocaleString()}`,
+                                    },
+                                ]
+                                : []),
+                            ...orderData.orderData.voucherList.map((dd) => {
+                                var _a;
+                                const descHTML = html ` <div
+                    style="color: #8D8D8D; font-size: 14px; white-space: nowrap; text-overflow: ellipsis;"
+                  >
+                    ${dd.title}
+                  </div>`;
+                                const rebackMaps = {
+                                    add_on_items: {
+                                        title: '加購優惠',
+                                        description: descHTML,
+                                        total: '－',
+                                    },
+                                    giveaway: {
+                                        title: '滿額贈送',
+                                        description: descHTML,
+                                        total: '－',
+                                    },
+                                    rebate: {
+                                        title: '回饋購物金',
+                                        description: descHTML,
+                                        total: `${dd.rebate_total} 點`,
+                                    },
+                                    default: {
+                                        title: dd.id == 0 ? '手動調整' : '折扣',
+                                        description: descHTML,
+                                        total: (() => {
+                                            const status = dd.discount_total > 0;
+                                            const isMinus = status ? '-' : '';
+                                            const isNegative = status ? 1 : -1;
+                                            return `${isMinus} $${(dd.discount_total * isNegative).toLocaleString()}`;
+                                        })(),
+                                    },
+                                };
+                                return (_a = rebackMaps[dd.reBackType]) !== null && _a !== void 0 ? _a : rebackMaps.default;
+                            }),
+                            {
+                                title: html `<span class="tx_700">總金額</span>`,
+                                description: '',
+                                total: html `<span class="tx_700"
+                    >$${(subtotal -
+                                    orderData.orderData.discount +
+                                    orderData.orderData.shipment_fee -
+                                    orderData.orderData.use_rebate).toLocaleString()}</span
+                  >`,
+                            },
+                        ]
+                            .map(dd => {
+                            var _a;
+                            return html ` <div class="d-flex align-items-center justify-content-end">
+                    <div class="tx_normal_16" style="text-align: end;">${dd.title} ${(_a = dd.description) !== null && _a !== void 0 ? _a : ''}</div>
+                    <div class="tx_normal" style="width: 114px;display: flex;justify-content: end;">${dd.total}</div>
+                  </div>`;
+                        })
+                            .join(BgWidget.mbContainer(18))}
+              ${`${(_a = orderData.orderData.orderStatus) !== null && _a !== void 0 ? _a : 0}` === '0'
+                            ? html `<div class="d-flex justify-content-end mt-3">
+                    ${BgWidget.blueNote('手動調整訂單價格', gvc.event(() => {
+                                PosFunction.manualDiscount({
+                                    gvc,
+                                    orderDetail: orderData.orderData,
+                                    reload: voucher => {
+                                        orderData.orderData.total -= voucher.discount_total;
+                                        orderData.orderData.discount += voucher.discount_total;
+                                        gvc.notifyDataChange(id);
+                                    },
+                                });
+                            }))}
+                  </div>`
+                            : ''}
+            </div>`;
+                    },
+                });
+            },
+            footer_html: footerGVC => {
+                return [
+                    BgWidget.cancel(footerGVC.event(() => {
+                        orderData = cloneData;
+                        footerGVC.closeDialog();
+                    })),
+                    BgWidget.save(footerGVC.event(() => {
+                        function updateEvent() {
+                            orderData.orderData.total =
+                                getLineItemSubtotal(orderData.orderData.lineItems) -
+                                    orderData.orderData.discount +
+                                    orderData.orderData.shipment_fee -
+                                    orderData.orderData.use_rebate;
+                            dialog.dataLoading({ visible: true });
+                            ApiShop.putOrder({
+                                id: `${orderData.id}`,
+                                order_data: orderData.orderData,
+                            }).then(() => {
+                                dialog.dataLoading({ visible: false });
+                                footerGVC.closeDialog();
+                                callback();
+                            });
+                        }
+                        dialog.checkYesOrNot({
+                            text: '此操作將會直接更新訂單明細，確定要更新嗎？',
+                            callback: bool => bool && updateEvent(),
+                        });
+                    }), '更新'),
+                ].join('');
+            },
+            closeCallback: () => {
+                orderData = cloneData;
+            },
+        });
+    }
 }