ts-glitter 17.7.8 → 17.8.0

package/lowcode/Entry.js

@@ -89,7 +89,7 @@ export class Entry {
         }
         window.renderClock = (_b = window.renderClock) !== null && _b !== void 0 ? _b : clockF();
         console.log(`Entry-time:`, window.renderClock.stop());
-        glitter.share.editerVersion = 'V_17.7.8';
+        glitter.share.editerVersion = 'V_17.8.0';
         glitter.share.start = new Date();
         const vm = {
             appConfig: [],

package/lowcode/Entry.ts

@@ -90,7 +90,7 @@ export class Entry {
         }
         (window as any).renderClock = (window as any).renderClock ?? clockF();
         console.log(`Entry-time:`, (window as any).renderClock.stop());
-        glitter.share.editerVersion = 'V_17.7.8';
+        glitter.share.editerVersion = 'V_17.8.0';
         glitter.share.start = new Date();
         const vm: {
             appConfig: any;

package/lowcode/cms-plugin/POS-setting.js

@@ -27,12 +27,13 @@ import { TempOrder } from './pos-pages/temp-order.js';
 import { PosSummary } from './pos-pages/pos-summary.js';
 import { ApiPos } from '../glitter-base/route/pos.js';
 import { PosWidget } from './pos-widget.js';
+const html = String.raw;
+const css = String.raw;
 export class POSSetting {
     static loginManager(gvc, mode, result) {
         const dialog = new ShareDialog(gvc.glitter);
         return gvc.bindView(() => {
             const id = gvc.glitter.getUUID();
-            const html = String.raw;
             const vm = {
                 account: '',
                 pwd: '',
@@ -138,25 +139,23 @@ height: 51px;
         });
     }
     static initial(gvc) {
-        return __awaiter(this, void 0, void 0, function* () {
-            gvc.glitter.share.editorViewModel = {
-                app_config_original: {},
-            };
-            gvc.glitter.share.shop_config = {
-                shop_name: '',
-            };
-            return new Promise((resolve, reject) => __awaiter(this, void 0, void 0, function* () {
-                ApiUser.getPublicConfig('store-information', 'manager').then((res) => {
-                    gvc.glitter.share.shop_config.shop_name = res.response.value.shop_name;
-                    ApiPageConfig.getAppConfig().then((res) => {
-                        gvc.glitter.share.editorViewModel.app_config_original = res.response.result[0];
-                        gvc.glitter.share.editorViewModel.domain = res.response.result[0].domain;
-                        gvc.glitter.share.editorViewModel.originalDomain = gvc.glitter.share.editorViewModel.domain;
-                        resolve(true);
-                    });
+        gvc.glitter.share.editorViewModel = {
+            app_config_original: {},
+        };
+        gvc.glitter.share.shop_config = {
+            shop_name: '',
+        };
+        return new Promise((resolve, reject) => __awaiter(this, void 0, void 0, function* () {
+            ApiUser.getPublicConfig('store-information', 'manager').then((res) => {
+                gvc.glitter.share.shop_config.shop_name = res.response.value.shop_name;
+                ApiPageConfig.getAppConfig().then((res) => {
+                    gvc.glitter.share.editorViewModel.app_config_original = res.response.result[0];
+                    gvc.glitter.share.editorViewModel.domain = res.response.result[0].domain;
+                    gvc.glitter.share.editorViewModel.originalDomain = gvc.glitter.share.editorViewModel.domain;
+                    resolve(true);
                 });
-            }));
-        });
+            });
+        }));
     }
     static main(gvc) {
         const glitter = gvc.glitter;
@@ -242,8 +241,17 @@ height: 51px;
                         timer_vm.last_string = '';
                     }, 150);
                 }
-                console.log(`event.key==>`, event.key);
             };
+            function getTimeState(startDate, endDate) {
+                const now = new Date();
+                const start = new Date(`${startDate}T00:00:00`);
+                const end = new Date(`${endDate}T23:59:59`);
+                if (now < start)
+                    return 'beforeStart';
+                if (now > end)
+                    return 'afterEnd';
+                return 'inRange';
+            }
             return {
                 bind: id,
                 view: () => __awaiter(this, void 0, void 0, function* () {
@@ -265,7 +273,11 @@ height: 51px;
                         member_auth = member_auth.response.data.filter((dd) => dd.invited && dd.status);
                         store_list = store_list.response.value.list;
                         glitter.share.store_list = store_list;
-                        glitter.share.exhibition_list = (_a = exhibition_list.response.value.list) !== null && _a !== void 0 ? _a : [];
+                        const exh_list = (_a = exhibition_list.response.value.list) !== null && _a !== void 0 ? _a : [];
+                        glitter.share.exhibition_list = exh_list.filter((item) => {
+                            const state = getTimeState(item.startDate, item.endDate);
+                            return state === 'inRange';
+                        });
                         glitter.share.member_auth_list = member_auth;
                         try {
                             const login_user = GlobalUser.parseJWT(GlobalUser.saas_token).payload.userID;
@@ -337,7 +349,6 @@ height: 51px;
         return __awaiter(this, void 0, void 0, function* () {
             const dialog = new ShareDialog(gvc.glitter);
             const swal = new Swal(gvc);
-            console.log(text);
             if (PayConfig.onPayment) {
                 PayConfig.onPayment(text);
                 return;
@@ -358,7 +369,6 @@ height: 51px;
                     dialog.dataLoading({ visible: false });
                     if (res.response.data[0]) {
                         const data = res.response.data[0];
-                        console.log(`data===>`, data);
                         const selectVariant = res.response.data[0].content.variants.find((d1) => {
                             return d1.barcode === text;
                         });
@@ -456,7 +466,6 @@ height: 51px;
                 },
             ],
         };
-        const html = String.raw;
         glitter.share.reloadPosPage = () => {
             gvc.notifyDataChange(vm.id);
         };
@@ -466,8 +475,9 @@ height: 51px;
             orderDetail.user_info.shipment = 'now';
         };
         function loadOrderData() {
-            if (localStorage.getItem('pos_order_detail')) {
-                orderDetail = JSON.parse(localStorage.getItem('pos_order_detail'));
+            const storageOrder = localStorage.getItem('pos_order_detail');
+            if (storageOrder) {
+                orderDetail = JSON.parse(storageOrder);
             }
             else {
                 orderDetail.user_info = orderDetail.user_info || { shipment: 'now' };
@@ -1056,7 +1066,7 @@ ${document.body.clientWidth < 800 ? `` : `position: absolute;left: 50%;top:50%;t
                                         return ProductsPage.main({ gvc: gvc, vm: vm, orderDetail: orderDetail });
                                     }
                                     catch (e) {
-                                        console.log(e);
+                                        console.error(e);
                                         return `${e}`;
                                     }
                                 })();
@@ -1075,7 +1085,7 @@ ${document.body.clientWidth < 800 ? `` : `position: absolute;left: 50%;top:50%;t
                     catch (e) {
                         localStorage.removeItem('pos_order_detail');
                         gvc.recreateView();
-                        console.log(e);
+                        console.error(e);
                         return `${e}`;
                     }
                 },
@@ -1091,8 +1101,7 @@ ${document.body.clientWidth < 800 ? `` : `position: absolute;left: 50%;top:50%;t
         }) + NormalPageEditor.leftNav(gvc));
     }
     static initialStyle(gvc) {
-        const css = String.raw;
-        gvc.addStyle(css `
+        gvc.addStyle(`
             .hoverHidden div {
                 display: none;
             }
@@ -1115,7 +1124,16 @@ ${document.body.clientWidth < 800 ? `` : `position: absolute;left: 50%;top:50%;t
                 animation: slideOutFromLeft 0.5s ease-out forwards;
             }
 
-            /* @keyframes 定義動畫 */
+            .scroll-right-in {
+                right: -120%; /* 將元素移到畫面外 */
+                animation: slideInRight 0.5s ease-out forwards;
+            }
+
+            .scroll-right-out {
+                right: 0; /* 將元素移到畫面外 */
+                animation: slideOutRight 0.5s ease-out forwards;
+            }
+
             @keyframes slideInFromLeft {
                 0% {
                     left: -120%; /* 起始位置在畫面外 */
@@ -1124,7 +1142,7 @@ ${document.body.clientWidth < 800 ? `` : `position: absolute;left: 50%;top:50%;t
                     left: 0; /* 結束位置在畫面內 */
                 }
             }
-            /* @keyframes 定義動畫 */
+
             @keyframes slideOutFromLeft {
                 0% {
                     left: 0; /* 起始位置在畫面外 */
@@ -1133,19 +1151,7 @@ ${document.body.clientWidth < 800 ? `` : `position: absolute;left: 50%;top:50%;t
                     left: -120%; /* 結束位置在畫面內 */
                 }
             }
-        `);
-        gvc.addStyle(css `
-            .scroll-right-in {
-                right: -120%; /* 將元素移到畫面外 */
-                animation: slideInRight 0.5s ease-out forwards;
-            }
 
-            .scroll-right-out {
-                right: 0; /* 將元素移到畫面外 */
-                animation: slideOutRight 0.5s ease-out forwards;
-            }
-
-            /* @keyframes 定義動畫 */
             @keyframes slideInRight {
                 0% {
                     right: -120%; /* 起始位置在畫面外 */
@@ -1154,7 +1160,7 @@ ${document.body.clientWidth < 800 ? `` : `position: absolute;left: 50%;top:50%;t
                     right: 0; /* 結束位置在畫面內 */
                 }
             }
-            /* @keyframes 定義動畫 */
+
             @keyframes slideOutRight {
                 0% {
                     right: 0; /* 起始位置在畫面外 */

package/lowcode/cms-plugin/POS-setting.ts

@@ -20,13 +20,11 @@ import { PosSummary } from './pos-pages/pos-summary.js';
 import { ApiPos } from '../glitter-base/route/pos.js';
 import { PosWidget } from './pos-widget.js';
 
+const html = String.raw;
+const css = String.raw;
+
 export class POSSetting {
-    public static config: {
-        who: string;
-        recreate: () => void;
-        pickup_number: number;
-        where_store: string;
-    } = {
+    public static config: { who: string; recreate: () => void; pickup_number: number; where_store: string } = {
         get who() {
             return localStorage.getItem('pos_use_member') || '';
         },
@@ -57,7 +55,6 @@ export class POSSetting {
         const dialog = new ShareDialog(gvc.glitter);
         return gvc.bindView(() => {
             const id = gvc.glitter.getUUID();
-            const html = String.raw;
             const vm: {
                 account: string;
                 pwd: string;
@@ -168,7 +165,7 @@ height: 51px;
         });
     }
 
-    public static async initial(gvc: GVC) {
+    public static initial(gvc: GVC) {
         gvc.glitter.share.editorViewModel = {
             app_config_original: {},
         };
@@ -176,10 +173,6 @@ height: 51px;
             shop_name: '',
         };
 
-        // document.addEventListener('keydown', function(event) {
-        //     console.log(`event.key==>`,event.key)
-        //     event.preventDefault(); // 阻止事件
-        // });
         return new Promise(async (resolve, reject) => {
             ApiUser.getPublicConfig('store-information', 'manager').then((res) => {
                 gvc.glitter.share.shop_config.shop_name = res.response.value.shop_name;
@@ -293,8 +286,16 @@ height: 51px;
                         timer_vm.last_string = '';
                     }, 150);
                 }
-                console.log(`event.key==>`, event.key);
             };
+            function getTimeState(startDate: string, endDate: string): 'beforeStart' | 'inRange' | 'afterEnd' {
+                const now = new Date();
+                const start = new Date(`${startDate}T00:00:00`);
+                const end = new Date(`${endDate}T23:59:59`);
+
+                if (now < start) return 'beforeStart'; // 待上架
+                if (now > end) return 'afterEnd'; // 下架
+                return 'inRange'; // 上架
+            }
             return {
                 bind: id,
                 view: async () => {
@@ -315,7 +316,11 @@ height: 51px;
                         member_auth = member_auth.response.data.filter((dd: any) => dd.invited && dd.status);
                         store_list = store_list.response.value.list;
                         glitter.share.store_list = store_list;
-                        glitter.share.exhibition_list = exhibition_list.response.value.list ?? [];
+                        const exh_list = exhibition_list.response.value.list ?? [];
+                        glitter.share.exhibition_list = exh_list.filter((item: any) => {
+                            const state = getTimeState(item.startDate, item.endDate);
+                            return state === 'inRange';
+                        });
                         glitter.share.member_auth_list = member_auth;
                         try {
                             const login_user = GlobalUser.parseJWT(GlobalUser.saas_token).payload.userID;
@@ -391,7 +396,6 @@ height: 51px;
     public static async scannerCallback(gvc: GVC, text: string) {
         const dialog = new ShareDialog(gvc.glitter);
         const swal = new Swal(gvc);
-        console.log(text);
         if (PayConfig.onPayment) {
             PayConfig.onPayment(text);
             return;
@@ -412,7 +416,6 @@ height: 51px;
                 dialog.dataLoading({ visible: false });
                 if (res.response.data[0]) {
                     const data = res.response.data[0];
-                    console.log(`data===>`, data);
                     const selectVariant = res.response.data[0].content.variants.find((d1: any) => {
                         return d1.barcode === text;
                     });
@@ -516,8 +519,6 @@ height: 51px;
             ],
         };
 
-        const html = String.raw;
-
         glitter.share.reloadPosPage = () => {
             gvc.notifyDataChange(vm.id);
         };
@@ -528,13 +529,13 @@ height: 51px;
         };
 
         function loadOrderData() {
-            if (localStorage.getItem('pos_order_detail')) {
-                orderDetail = JSON.parse(localStorage.getItem('pos_order_detail') as string);
+            const storageOrder = localStorage.getItem('pos_order_detail');
+            if (storageOrder) {
+                orderDetail = JSON.parse(storageOrder);
             } else {
                 orderDetail.user_info = orderDetail.user_info || { shipment: 'now' };
                 (orderDetail.user_info.shipment as any) = 'now';
             }
-
             if (!orderDetail.lineItems || orderDetail.lineItems.length === 0) {
                 orderDetail.user_info = orderDetail.user_info || { shipment: 'now' };
                 (orderDetail.user_info.shipment as any) = 'now';
@@ -1192,7 +1193,7 @@ ${document.body.clientWidth < 800 ? `` : `position: absolute;left: 50%;top:50%;t
                                                 }
                                                 return ProductsPage.main({ gvc: gvc, vm: vm, orderDetail: orderDetail });
                                             } catch (e) {
-                                                console.log(e);
+                                                console.error(e);
                                                 return `${e}`;
                                             }
                                         })();
@@ -1210,7 +1211,7 @@ ${document.body.clientWidth < 800 ? `` : `position: absolute;left: 50%;top:50%;t
                         } catch (e) {
                             localStorage.removeItem('pos_order_detail');
                             gvc.recreateView();
-                            console.log(e);
+                            console.error(e);
                             return `${e}`;
                         }
                     },
@@ -1227,8 +1228,7 @@ ${document.body.clientWidth < 800 ? `` : `position: absolute;left: 50%;top:50%;t
     }
 
     public static initialStyle(gvc: GVC) {
-        const css = String.raw;
-        gvc.addStyle(css`
+        gvc.addStyle(`
             .hoverHidden div {
                 display: none;
             }
@@ -1251,7 +1251,16 @@ ${document.body.clientWidth < 800 ? `` : `position: absolute;left: 50%;top:50%;t
                 animation: slideOutFromLeft 0.5s ease-out forwards;
             }
 
-            /* @keyframes 定義動畫 */
+            .scroll-right-in {
+                right: -120%; /* 將元素移到畫面外 */
+                animation: slideInRight 0.5s ease-out forwards;
+            }
+
+            .scroll-right-out {
+                right: 0; /* 將元素移到畫面外 */
+                animation: slideOutRight 0.5s ease-out forwards;
+            }
+
             @keyframes slideInFromLeft {
                 0% {
                     left: -120%; /* 起始位置在畫面外 */
@@ -1260,7 +1269,7 @@ ${document.body.clientWidth < 800 ? `` : `position: absolute;left: 50%;top:50%;t
                     left: 0; /* 結束位置在畫面內 */
                 }
             }
-            /* @keyframes 定義動畫 */
+
             @keyframes slideOutFromLeft {
                 0% {
                     left: 0; /* 起始位置在畫面外 */
@@ -1269,19 +1278,7 @@ ${document.body.clientWidth < 800 ? `` : `position: absolute;left: 50%;top:50%;t
                     left: -120%; /* 結束位置在畫面內 */
                 }
             }
-        `);
-        gvc.addStyle(css`
-            .scroll-right-in {
-                right: -120%; /* 將元素移到畫面外 */
-                animation: slideInRight 0.5s ease-out forwards;
-            }
 
-            .scroll-right-out {
-                right: 0; /* 將元素移到畫面外 */
-                animation: slideOutRight 0.5s ease-out forwards;
-            }
-
-            /* @keyframes 定義動畫 */
             @keyframes slideInRight {
                 0% {
                     right: -120%; /* 起始位置在畫面外 */
@@ -1290,7 +1287,7 @@ ${document.body.clientWidth < 800 ? `` : `position: absolute;left: 50%;top:50%;t
                     right: 0; /* 結束位置在畫面內 */
                 }
             }
-            /* @keyframes 定義動畫 */
+
             @keyframes slideOutRight {
                 0% {
                     right: 0; /* 起始位置在畫面外 */

package/lowcode/cms-plugin/checkout-setting.js

@@ -35,6 +35,7 @@ export class MemberSetting {
             return {
                 bind: vm.id,
                 view: () => {
+                    var _a;
                     if (vm.loading) {
                         return ``;
                     }
@@ -62,7 +63,7 @@ export class MemberSetting {
                                                                 <input
                                                                         class="form-check-input"
                                                                         type="checkbox"
-                                                                        onchange="${gvc.event((e, event) => {
+                                                                        onchange="${gvc.event(() => {
                                 vm.data.login_in_to_order = !vm.data.login_in_to_order;
                                 saveEvent();
                                 gvc.notifyDataChange(vm.id);
@@ -73,6 +74,56 @@ export class MemberSetting {
                                                             <div class="flex-fill"></div>
                                                         </div>`,
                         ].join('')),
+                        BgWidget.mainCard([
+                            html `
+                                                    <div class="tx_normal fw-bolder mt-2 d-flex flex-column"
+                                                         style="margin-bottom: 12px;">顧客手動取消訂單
+                                                        <span class="" style="color:#8D8D8D;font-size: 12px;">顧客可自行取消自己未付款未出貨的訂單</span>
+                                                    </div>`,
+                            html `
+                                                    <div class="d-flex align-items-center w-100"
+                                                         style="gap:4px;margin-bottom: 12px;">
+                                                        <div class="tx_normal ms-2">
+                                                            ${vm.data.customer_cancel_order ? `開啟` : `關閉`}
+                                                        </div>
+                                                        <div class="cursor_pointer form-check form-switch m-0">
+                                                            <input
+                                                                    class="form-check-input"
+                                                                    type="checkbox"
+                                                                    onchange="${gvc.event(() => {
+                                vm.data.customer_cancel_order = !vm.data.customer_cancel_order;
+                                saveEvent();
+                                gvc.notifyDataChange(vm.id);
+                            })}"
+                                                                    ${vm.data.customer_cancel_order ? `checked` : ``}
+                                                            />
+                                                        </div>
+                                                        <div class="flex-fill"></div>
+                                                    </div>`,
+                        ].join('')),
+                        BgWidget.mainCard([
+                            html `
+                                                    <div class="tx_normal fw-bolder mt-2 d-flex flex-column"
+                                                         style="margin-bottom: 12px;">系統自動取消訂單
+                                                        <span class="" style="color:#8D8D8D;font-size: 12px;">若顧客在指定時間內未付款，系統會自動取消訂單，輸入 0 則永不取消訂單</span>
+                                                    </div>`,
+                            html `
+                                                    <div class="d-flex align-items-center w-100" style="gap:4px;margin-bottom: 12px;">
+                                                        ${BgWidget.editeInput({
+                                gvc: gvc,
+                                title: '',
+                                default: `${(_a = vm.data.auto_cancel_order_timer) !== null && _a !== void 0 ? _a : 0}`,
+                                endText: '小時',
+                                placeHolder: `請輸入自動取消訂單時效`,
+                                callback: (text) => {
+                                    const n = Number.parseInt(text, 10);
+                                    vm.data.auto_cancel_order_timer = isNaN(n) || n < 0 ? 0 : n;
+                                    saveEvent();
+                                    gvc.notifyDataChange(vm.id);
+                                },
+                            })}
+                                                    </div>`,
+                        ].join('')),
                         ...(() => {
                             const form = BgWidget.customForm(gvc, [
                                 {
@@ -82,9 +133,7 @@ export class MemberSetting {
                                                              style="margin-bottom: 12px;">
                                                             顧客資訊表單
                                                             <span class="" style="color:#8D8D8D;font-size: 12px;">於結帳頁面中設定顧客必須填寫的顧客資訊表單</span>
-                                                        </div>
-
-                                                    `
+                                                        </div>`
                                 },
                                 {
                                     key: 'custom_form_checkout_recipient',

package/lowcode/cms-plugin/checkout-setting.ts

@@ -68,7 +68,7 @@ export class MemberSetting {
                                                                 <input
                                                                         class="form-check-input"
                                                                         type="checkbox"
-                                                                        onchange="${gvc.event((e, event) => {
+                                                                        onchange="${gvc.event(() => {
                                                                             vm.data.login_in_to_order = !vm.data.login_in_to_order;
                                                                             saveEvent();
                                                                             gvc.notifyDataChange(vm.id);
@@ -80,6 +80,60 @@ export class MemberSetting {
                                                         </div>`,
                                                 ].join('')
                                         ),
+                                        BgWidget.mainCard(
+                                            [
+                                                html`
+                                                    <div class="tx_normal fw-bolder mt-2 d-flex flex-column"
+                                                         style="margin-bottom: 12px;">顧客手動取消訂單
+                                                        <span class="" style="color:#8D8D8D;font-size: 12px;">顧客可自行取消自己未付款未出貨的訂單</span>
+                                                    </div>`,
+                                                html`
+                                                    <div class="d-flex align-items-center w-100"
+                                                         style="gap:4px;margin-bottom: 12px;">
+                                                        <div class="tx_normal ms-2">
+                                                            ${vm.data.customer_cancel_order ? `開啟` : `關閉`}
+                                                        </div>
+                                                        <div class="cursor_pointer form-check form-switch m-0">
+                                                            <input
+                                                                    class="form-check-input"
+                                                                    type="checkbox"
+                                                                    onchange="${gvc.event(() => {
+                                                                        vm.data.customer_cancel_order = !vm.data.customer_cancel_order;
+                                                                        saveEvent();
+                                                                        gvc.notifyDataChange(vm.id);
+                                                                    })}"
+                                                                    ${vm.data.customer_cancel_order ? `checked` : ``}
+                                                            />
+                                                        </div>
+                                                        <div class="flex-fill"></div>
+                                                    </div>`,
+                                            ].join(''),
+                                        ),
+                                        BgWidget.mainCard(
+                                            [
+                                                html`
+                                                    <div class="tx_normal fw-bolder mt-2 d-flex flex-column"
+                                                         style="margin-bottom: 12px;">系統自動取消訂單
+                                                        <span class="" style="color:#8D8D8D;font-size: 12px;">若顧客在指定時間內未付款，系統會自動取消訂單，輸入 0 則永不取消訂單</span>
+                                                    </div>`,
+                                                html`
+                                                    <div class="d-flex align-items-center w-100" style="gap:4px;margin-bottom: 12px;">
+                                                        ${BgWidget.editeInput({
+                                                            gvc: gvc,
+                                                            title: '',
+                                                            default: `${vm.data.auto_cancel_order_timer ?? 0}`,
+                                                            endText: '小時',
+                                                            placeHolder: `請輸入自動取消訂單時效`,
+                                                            callback: (text) => {
+                                                                const n = Number.parseInt(text, 10);
+                                                                vm.data.auto_cancel_order_timer = isNaN(n) || n < 0 ? 0 : n;
+                                                                saveEvent();
+                                                                gvc.notifyDataChange(vm.id);
+                                                            },
+                                                        })}
+                                                    </div>`,
+                                            ].join(''),
+                                        ),
                                         ...(() => {
                                             const form = BgWidget.customForm(gvc, [
                                                 {
@@ -89,9 +143,7 @@ export class MemberSetting {
                                                              style="margin-bottom: 12px;">
                                                             顧客資訊表單
                                                             <span class="" style="color:#8D8D8D;font-size: 12px;">於結帳頁面中設定顧客必須填寫的顧客資訊表單</span>
-                                                        </div>
-
-                                                    `
+                                                        </div>`
                                                 },
                                                 {
                                                     key: 'custom_form_checkout_recipient',

package/lowcode/cms-plugin/pos-pages/payment-page.js

@@ -110,10 +110,6 @@ export class PaymentPage {
                             })) {
                                 obj.ogOrderData.user_info.shipment = 'now';
                             }
-                            console.log('orderDetail');
-                            console.log(orderDetail);
-                            console.log('ogOrderData lineitem');
-                            console.log(obj.ogOrderData.lineItems);
                             obj.ogOrderData.lineItems = obj.ogOrderData.lineItems.filter((dd) => {
                                 return orderDetail.lineItems.find((d1) => {
                                     return dd.id + dd.spec.join('-') === d1.id + d1.spec.join('-');
@@ -1486,6 +1482,20 @@ white-space: normal;"
             };
         });
     }
+    static rmProductHistory(product_id) {
+        const orderDetail = JSON.parse(localStorage.getItem('pos_order_detail'));
+        if (orderDetail && orderDetail.lineItems) {
+            orderDetail.lineItems = orderDetail.lineItems.filter((item) => item.id !== product_id);
+        }
+        this.storeHistory(orderDetail);
+    }
+    static clearProductHistory() {
+        const orderDetail = JSON.parse(localStorage.getItem('pos_order_detail'));
+        if (orderDetail && orderDetail.lineItems) {
+            orderDetail.lineItems = [];
+        }
+        this.storeHistory(orderDetail);
+    }
     static storeHistory(orderDetail) {
         localStorage.setItem('pos_order_detail', JSON.stringify(orderDetail));
     }

package/lowcode/cms-plugin/pos-pages/payment-page.ts

@@ -130,10 +130,6 @@ export class PaymentPage {
                                 (obj.ogOrderData.user_info.shipment as any) = 'now';
                             }
                             //儲存資料至本地暫存
-                            console.log('orderDetail');
-                            console.log(orderDetail);
-                            console.log('ogOrderData lineitem');
-                            console.log(obj.ogOrderData.lineItems);
                             obj.ogOrderData.lineItems = obj.ogOrderData.lineItems.filter((dd) => {
                                 return orderDetail.lineItems.find((d1: any) => {
                                     return dd.id + dd.spec.join('-') === d1.id + d1.spec.join('-');
@@ -1575,6 +1571,22 @@ white-space: normal;"
         });
     }
 
+    public static rmProductHistory(product_id: number) {
+        const orderDetail: any = JSON.parse(localStorage.getItem('pos_order_detail') as string);
+        if (orderDetail && orderDetail.lineItems) {
+            orderDetail.lineItems = orderDetail.lineItems.filter((item: any) => item.id !== product_id);
+        }
+        this.storeHistory(orderDetail);
+    }
+
+    public static clearProductHistory() {
+        const orderDetail: any = JSON.parse(localStorage.getItem('pos_order_detail') as string);
+        if (orderDetail && orderDetail.lineItems) {
+            orderDetail.lineItems = [];
+        }
+        this.storeHistory(orderDetail);
+    }
+
     public static storeHistory(orderDetail: OrderDetail) {
         localStorage.setItem('pos_order_detail', JSON.stringify(orderDetail));
     }