ts-glitter 13.3.5 → 13.3.7

package/lowcode/cms-plugin/shopping-discount-setting.ts

@@ -1,31 +1,32 @@
-import {GVC} from '../glitterBundle/GVController.js';
-import {BgWidget} from '../backend-manager/bg-widget.js';
-import {BgProduct, OptionsItem} from '../backend-manager/bg-product.js';
-import {ApiShop} from '../glitter-base/route/shopping.js';
-import {ApiPost} from '../glitter-base/route/post.js';
-import {ApiUser} from '../glitter-base/route/user.js';
-import {EditorElem} from '../glitterBundle/plugins/editor-elem.js';
-import {ShareDialog} from '../glitterBundle/dialog/ShareDialog.js';
-import {FilterOptions} from './filter-options.js';
-import {Tool} from '../modules/tool.js';
+import { GVC } from '../glitterBundle/GVController.js';
+import { BgWidget } from '../backend-manager/bg-widget.js';
+import { BgProduct, OptionsItem } from '../backend-manager/bg-product.js';
+import { ApiShop } from '../glitter-base/route/shopping.js';
+import { ApiPost } from '../glitter-base/route/post.js';
+import { ApiUser } from '../glitter-base/route/user.js';
+import { EditorElem } from '../glitterBundle/plugins/editor-elem.js';
+import { ShareDialog } from '../glitterBundle/dialog/ShareDialog.js';
+import { FilterOptions } from './filter-options.js';
+import { Tool } from '../modules/tool.js';
 
 export class ShoppingDiscountSetting {
-    public static getLabel(voucher_type:string){
-        switch (voucher_type){
-            case "giveaway":
-                return `贈品活動`
-            case "add_on_items":
-                return `加價購活動`
-            case "discount":
-                return `折扣活動`
-            case "rebate":
-                return `回饋金活動`
-            case "shipment_free":
-                return `免運費活動`
+    public static getLabel(voucher_type: string) {
+        switch (voucher_type) {
+            case 'giveaway':
+                return `贈品活動`;
+            case 'add_on_items':
+                return `加價購活動`;
+            case 'discount':
+                return `折扣活動`;
+            case 'rebate':
+                return `回饋金活動`;
+            case 'shipment_free':
+                return `免運費活動`;
         }
-        return  ``
+        return ``;
     }
-    public static main(gvc: GVC,voucher_type:'rebate' | 'discount' | 'shipment_free' | 'add_on_items' | 'giveaway') {
+
+    public static main(gvc: GVC, voucher_type: 'rebate' | 'discount' | 'shipment_free' | 'add_on_items' | 'giveaway') {
         const glitter = gvc.glitter;
         const vm: {
             type: 'list' | 'add' | 'replace';
@@ -45,7 +46,7 @@ export class ShoppingDiscountSetting {
             const filterID = glitter.getUUID();
             return {
                 bind: id,
-                dataList: [{obj: vm, key: 'type'}],
+                dataList: [{ obj: vm, key: 'type' }],
                 view: () => {
                     if (vm.type === 'list') {
                         return BgWidget.container(
@@ -54,71 +55,48 @@ export class ShoppingDiscountSetting {
                                     ${BgWidget.title(ShoppingDiscountSetting.getLabel(voucher_type))}
                                     <div class="flex-fill"></div>
                                     ${BgWidget.darkButton(
-                                            `新增${ShoppingDiscountSetting.getLabel(voucher_type)}`,
-                                            gvc.event(() => {
-                                                vm.data = undefined;
-                                                vm.type = 'add';
-                                            })
+                                        `新增${ShoppingDiscountSetting.getLabel(voucher_type)}`,
+                                        gvc.event(() => {
+                                            vm.data = undefined;
+                                            vm.type = 'add';
+                                        })
                                     )}
                                 </div>
                                 ${BgWidget.container(
-                                        BgWidget.mainCard(
-                                                BgWidget.tableV2({
-                                                    gvc: gvc,
-                                                    getData: (vmi) => {
-                                                        ApiShop.getVoucher({
-                                                            page: vmi.page - 1,
-                                                            limit: 20,
-                                                            search: vm.query || undefined,
-                                                            voucher_type:voucher_type
-                                                        }).then((data) => {
-                                                            vmi.pageSize = Math.ceil(data.response.total / 20);
-                                                            vm.dataList = data.response.data;
-
-                                                            function getDatalist() {
-                                                                return data.response.data.map((dd: any) => {
-                                                                    return [
-                                                                        {
-                                                                            key: EditorElem.checkBoxOnly({
-                                                                                gvc: gvc,
-                                                                                def: !data.response.data.find((dd: any) => {
-                                                                                    return !dd.checked;
-                                                                                }),
-                                                                                callback: (result) => {
-                                                                                    data.response.data.map((dd: any) => {
-                                                                                        dd.checked = result;
-                                                                                    });
-                                                                                    vmi.data = getDatalist();
-                                                                                    vmi.callback();
-                                                                                    gvc.notifyDataChange(filterID);
-                                                                                },
-                                                                            }),
-                                                                            value: EditorElem.checkBoxOnly({
-                                                                                gvc: gvc,
-                                                                                def: dd.checked,
-                                                                                callback: (result) => {
-                                                                                    dd.checked = result;
-                                                                                    vmi.data = getDatalist();
-                                                                                    vmi.callback();
-                                                                                    gvc.notifyDataChange(filterID);
-                                                                                },
-                                                                                style: 'height:25px;',
-                                                                            }),
-                                                                        },
-                                                                        {
-                                                                            key: '標題',
-                                                                            value: html`<span
-                                                                                    class="fs-7">${dd.content.title}</span>`,
-                                                                        },
-                                                                        {
-                                                                            key: '狀態',
-                                                                            value: dd.content.status
-                                                                                    ? BgWidget.successInsignia('啟用中')
-                                                                                    : BgWidget.secondaryInsignia('已停用'),
-                                                                        },
-                                                                        {
-                                                                            key: '觸發方式',
-                                                                            value: html`<span class="fs-7"
+                                    BgWidget.mainCard(
+                                        [
+                                            BgWidget.searchPlace(
+                                                gvc.event((e) => {
+                                                    vm.query = e.value;
+                                                    gvc.notifyDataChange(id);
+                                                }),
+                                                vm.query || '',
+                                                '搜尋所有折扣'
+                                            ),
+                                            BgWidget.tableV3({
+                                                gvc: gvc,
+                                                getData: (vmi) => {
+                                                    const limit = 20;
+                                                    ApiShop.getVoucher({
+                                                        page: vmi.page - 1,
+                                                        limit: limit,
+                                                        search: vm.query || undefined,
+                                                        voucher_type: voucher_type,
+                                                    }).then((data) => {
+                                                        function getDatalist() {
+                                                            return data.response.data.map((dd: any) => {
+                                                                return [
+                                                                    {
+                                                                        key: '標題',
+                                                                        value: html`<span class="fs-7">${dd.content.title}</span>`,
+                                                                    },
+                                                                    {
+                                                                        key: '狀態',
+                                                                        value: dd.content.status ? BgWidget.successInsignia('啟用中') : BgWidget.secondaryInsignia('已停用'),
+                                                                    },
+                                                                    {
+                                                                        key: '觸發方式',
+                                                                        value: html`<span class="fs-7"
                                                                             >${(() => {
                                                                                 switch (dd.content.trigger) {
                                                                                     case 'auto':
@@ -131,108 +109,71 @@ export class ShoppingDiscountSetting {
                                                                                         return '尚未設定';
                                                                                 }
                                                                             })()}</span
-                                                                            >`,
-                                                                        },
-                                                                        {
-                                                                            key: '對象',
-                                                                            value: html`<span
-                                                                                    class="fs-7">${dd.content.for === 'product' ? `指定商品` : `商品分類`}</span>`,
-                                                                        },
-                                                                        {
-                                                                            key: '折扣項目',
-                                                                            value: html`<span
-                                                                                    class="fs-7">${dd.content.method === 'percent' ? `折扣${dd.content.value}%` : `折扣$${dd.content.value}`}</span>`,
-                                                                        },
-                                                                    ];
-                                                                });
-                                                            }
+                                                                        >`,
+                                                                    },
+                                                                    {
+                                                                        key: '對象',
+                                                                        value: html`<span class="fs-7">${dd.content.for === 'product' ? `指定商品` : `商品分類`}</span>`,
+                                                                    },
+                                                                    {
+                                                                        key: '折扣項目',
+                                                                        value: html`<span class="fs-7"
+                                                                            >${dd.content.method === 'percent' ? `折扣${dd.content.value}%` : `折扣$${dd.content.value}`}</span
+                                                                        >`,
+                                                                    },
+                                                                ];
+                                                            });
+                                                        }
 
-                                                            vmi.data = getDatalist();
-                                                            vmi.loading = false;
-                                                            vmi.callback();
-                                                        });
-                                                    },
-                                                    rowClick: (data, index) => {
-                                                        vm.data = vm.dataList[index].content;
-                                                        vm.type = 'replace';
+                                                        vm.dataList = data.response.data;
+                                                        vmi.pageSize = Math.ceil(data.response.total / limit);
+                                                        vmi.originalData = vm.dataList;
+                                                        vmi.tableData = getDatalist();
+                                                        vmi.loading = false;
+                                                        vmi.callback();
+                                                    });
+                                                },
+                                                rowClick: (data, index) => {
+                                                    vm.data = vm.dataList[index].content;
+                                                    vm.type = 'replace';
+                                                },
+                                                filter: [
+                                                    {
+                                                        name: '批量移除',
+                                                        event: () => {
+                                                            const dialog = new ShareDialog(gvc.glitter);
+                                                            dialog.checkYesOrNot({
+                                                                text: '是否確認刪除所選項目？',
+                                                                callback: (response) => {
+                                                                    if (response) {
+                                                                        dialog.dataLoading({ visible: true });
+                                                                        ApiShop.deleteVoucher({
+                                                                            id: vm.dataList
+                                                                                .filter((dd: any) => {
+                                                                                    return dd.checked;
+                                                                                })
+                                                                                .map((dd: any) => {
+                                                                                    return dd.id;
+                                                                                })
+                                                                                .join(`,`),
+                                                                        }).then((res) => {
+                                                                            dialog.dataLoading({ visible: false });
+                                                                            if (res.result) {
+                                                                                vm.dataList = undefined;
+                                                                                gvc.notifyDataChange(id);
+                                                                            } else {
+                                                                                dialog.errorMessage({ text: '刪除失敗' });
+                                                                            }
+                                                                        });
+                                                                    }
+                                                                },
+                                                            });
+                                                        },
                                                     },
-                                                    filter: html` ${BgWidget.searchPlace(
-                                                            gvc.event((e) => {
-                                                                vm.query = e.value;
-                                                                gvc.notifyDataChange(id);
-                                                            }),
-                                                            vm.query || '',
-                                                            '搜尋所有折扣'
-                                                    )}
-                                                    ${gvc.bindView(() => {
-                                                        return {
-                                                            bind: filterID,
-                                                            view: () => {
-                                                                if (
-                                                                        !vm.dataList ||
-                                                                        !vm.dataList.find((dd: any) => {
-                                                                            return dd.checked;
-                                                                        })
-                                                                ) {
-                                                                    return ``;
-                                                                } else {
-                                                                    const dialog = new ShareDialog(gvc.glitter);
-                                                                    const selCount = vm.dataList.filter((dd: any) => dd.checked).length;
-                                                                    return BgWidget.selNavbar({
-                                                                        count: selCount,
-                                                                        buttonList: [
-                                                                            BgWidget.selEventButton(
-                                                                                    '批量移除',
-                                                                                    gvc.event(() => {
-                                                                                        dialog.checkYesOrNot({
-                                                                                            text: '是否確認刪除所選項目？',
-                                                                                            callback: (response) => {
-                                                                                                if (response) {
-                                                                                                    dialog.dataLoading({visible: true});
-                                                                                                    ApiShop.deleteVoucher({
-                                                                                                        id: vm.dataList
-                                                                                                                .filter((dd: any) => {
-                                                                                                                    return dd.checked;
-                                                                                                                })
-                                                                                                                .map((dd: any) => {
-                                                                                                                    return dd.id;
-                                                                                                                })
-                                                                                                                .join(`,`),
-                                                                                                    }).then((res) => {
-                                                                                                        dialog.dataLoading({visible: false});
-                                                                                                        if (res.result) {
-                                                                                                            vm.dataList = undefined;
-                                                                                                            gvc.notifyDataChange(id);
-                                                                                                        } else {
-                                                                                                            dialog.errorMessage({text: '刪除失敗'});
-                                                                                                        }
-                                                                                                    });
-                                                                                                }
-                                                                                            },
-                                                                                        });
-                                                                                    })
-                                                                            ),
-                                                                        ],
-                                                                    });
-                                                                }
-                                                            },
-                                                            divCreate: () => {
-                                                                return {
-                                                                    class: `d-flex align-items-center p-2 py-3 ${
-                                                                            !vm.dataList ||
-                                                                            !vm.dataList.find((dd: any) => {
-                                                                                return dd.checked;
-                                                                            })
-                                                                                    ? `d-none`
-                                                                                    : ``
-                                                                    }`,
-                                                                    style: ``,
-                                                                };
-                                                            },
-                                                        };
-                                                    })}`,
-                                                })
-                                        )
+                                                ],
+                                            }),
+                                        ].join('')
+                                    )
                                 )}
                                 ${BgWidget.mbContainer(120)}
                             `,
@@ -243,14 +184,14 @@ export class ShoppingDiscountSetting {
                             vm: vm,
                             gvc: gvc,
                             type: 'replace',
-                            reBackType:voucher_type
+                            reBackType: voucher_type,
                         });
                     } else {
                         return this.voucherEditor({
                             vm: vm,
                             gvc: gvc,
                             type: 'add',
-                            reBackType:voucher_type
+                            reBackType: voucher_type,
                         });
                     }
                 },
@@ -267,10 +208,10 @@ export class ShoppingDiscountSetting {
         const hours = now.getHours().toString().padStart(2, '0');
         const dateStr = `${year}-${month}-${day}`;
         const timeStr = `${hours}:00`;
-        return {date: dateStr, time: timeStr};
+        return { date: dateStr, time: timeStr };
     };
 
-    public static voucherEditor(obj: { vm: any; gvc: GVC; type?: 'add' | 'replace'; defData?: any,reBackType:string }) {
+    public static voucherEditor(obj: { vm: any; gvc: GVC; type?: 'add' | 'replace'; defData?: any; reBackType: string }) {
         const gvc = obj.gvc;
         const glitter = gvc.glitter;
         const vm = obj.vm;
@@ -284,7 +225,7 @@ export class ShoppingDiscountSetting {
             trigger: 'auto' | 'code' | 'distribution';
             device: ('normal' | 'pos')[];
             value: string;
-            add_on_products?:string[]
+            add_on_products?: string[];
             for: 'collection' | 'product' | 'all';
             rule: 'min_price' | 'min_count';
             counting: 'single' | 'each';
@@ -337,9 +278,9 @@ export class ShoppingDiscountSetting {
         };
 
         const productForList = [
-            {title: '所有商品', value: 'all'},
-            {title: '商品分類', value: 'collection'},
-            {title: '單一商品', value: 'product'},
+            { title: '所有商品', value: 'all' },
+            { title: '商品分類', value: 'collection' },
+            { title: '單一商品', value: 'product' },
         ];
 
         function getVoucherTextList() {
@@ -424,805 +365,762 @@ export class ShoppingDiscountSetting {
                     return BgWidget.container(
                         [
                             // 上層導覽
-                            html`
-                                <div class="d-flex w-100 align-items-center">
-                                    ${BgWidget.goBack(
-                                            gvc.event(() => {
-                                                vm.type = 'list';
-                                            })
-                                    )}
-                                    ${BgWidget.title(obj.type === 'add' ? `新增${ShoppingDiscountSetting.getLabel(obj.reBackType)}` : `編輯${ShoppingDiscountSetting.getLabel(obj.reBackType)}`)}
-                                </div>`,
+                            html` <div class="d-flex w-100 align-items-center">
+                                ${BgWidget.goBack(
+                                    gvc.event(() => {
+                                        vm.type = 'list';
+                                    })
+                                )}
+                                ${BgWidget.title(obj.type === 'add' ? `新增${ShoppingDiscountSetting.getLabel(obj.reBackType)}` : `編輯${ShoppingDiscountSetting.getLabel(obj.reBackType)}`)}
+                            </div>`,
                             // 左右容器
-                            html`
-                                <div class="d-flex justify-content-center ${document.body.clientWidth < 768 ? 'flex-column' : ''}"
-                                     style="gap: 24px">
-                                    ${BgWidget.container(
-                                            // 優惠券設定
+                            html` <div class="d-flex justify-content-center ${document.body.clientWidth < 768 ? 'flex-column' : ''}" style="gap: 24px">
+                                ${BgWidget.container(
+                                    // 優惠券設定
+                                    [
+                                        BgWidget.mainCard(
                                             [
-                                                BgWidget.mainCard(
-                                                        [
-                                                            html`
-                                                                <div class="tx_700">活動標題</div>
-                                                                ${BgWidget.mbContainer(18)}
-                                                                ${BgWidget.editeInput({
-                                                                    gvc: gvc,
-                                                                    title: '',
-                                                                    default: voucherData.title,
-                                                                    placeHolder: '請輸入活動標題',
-                                                                    callback: (text) => {
-                                                                        voucherData.title = text;
-                                                                    },
-                                                                })}
-                                                                ${BgWidget.grayNote('顧客將會在「購物車」與「結帳」看見此標題', 'margin-left: 4px;')}`,
-                                                            html`
-                                                                <div class="tx_700">活動狀態</div>
-                                                                ${BgWidget.mbContainer(12)}
-                                                                ${BgWidget.switchTextButton(gvc, voucherData.status === 1, {
-                                                                    left: '關閉',
-                                                                    right: '啟用'
-                                                                }, (bool) => {
-                                                                    voucherData.status = bool ? 1 : 0;
-                                                                })}`,
-                                                        ].join(BgWidget.horizontalLine())
-                                                ),
-                                                BgWidget.mainCard(
+                                                html` <div class="tx_700">活動標題</div>
+                                                    ${BgWidget.mbContainer(18)}
+                                                    ${BgWidget.editeInput({
+                                                        gvc: gvc,
+                                                        title: '',
+                                                        default: voucherData.title,
+                                                        placeHolder: '請輸入活動標題',
+                                                        callback: (text) => {
+                                                            voucherData.title = text;
+                                                        },
+                                                    })}
+                                                    ${BgWidget.grayNote('顧客將會在「購物車」與「結帳」看見此標題', 'margin-left: 4px;')}`,
+                                                html` <div class="tx_700">活動狀態</div>
+                                                    ${BgWidget.mbContainer(12)}
+                                                    ${BgWidget.switchTextButton(
+                                                        gvc,
+                                                        voucherData.status === 1,
+                                                        {
+                                                            left: '關閉',
+                                                            right: '啟用',
+                                                        },
+                                                        (bool) => {
+                                                            voucherData.status = bool ? 1 : 0;
+                                                        }
+                                                    )}`,
+                                            ].join(BgWidget.horizontalLine())
+                                        ),
+                                        BgWidget.mainCard(
+                                            [
+                                                html` <div class="tx_700">活動方式</div>
+                                                    ${BgWidget.mbContainer(18)}
+                                                    ${BgWidget.multiCheckboxContainer(
+                                                        gvc,
                                                         [
-                                                            html`
-                                                                <div class="tx_700">活動方式</div>
-                                                                ${BgWidget.mbContainer(18)}
-                                                                ${BgWidget.multiCheckboxContainer(
-                                                                        gvc,
-                                                                        [
-                                                                            {
-                                                                                key: 'auto',
-                                                                                name: '自動折扣',
-                                                                                innerHtml: BgWidget.grayNote('顧客將在結帳時，自動獲得折扣'),
+                                                            {
+                                                                key: 'auto',
+                                                                name: '自動折扣',
+                                                                innerHtml: BgWidget.grayNote('顧客將在結帳時，自動獲得折扣'),
+                                                            },
+                                                            {
+                                                                key: 'code',
+                                                                name: '優惠代碼',
+                                                                innerHtml: (() => {
+                                                                    const id = glitter.getUUID();
+                                                                    return gvc.bindView({
+                                                                        bind: id,
+                                                                        view: () =>
+                                                                            gvc.map([
+                                                                                BgWidget.grayNote('顧客可在結帳時輸入優惠代碼，來獲得折扣'),
+                                                                                BgWidget.editeInput({
+                                                                                    gvc: gvc,
+                                                                                    title: '',
+                                                                                    default: voucherData.code ?? '',
+                                                                                    placeHolder: '請輸入優惠券代碼',
+                                                                                    callback: (text) => {
+                                                                                        voucherData.code = text;
+                                                                                    },
+                                                                                    endText: html` <div class="d-flex justify-content-end">
+                                                                                        ${BgWidget.mbContainer(8)}
+                                                                                        ${BgWidget.blueNote(
+                                                                                            document.body.clientWidth > 768 ? '隨機產生優惠代碼' : '隨機產生',
+                                                                                            gvc.event(() => {
+                                                                                                voucherData.code = Tool.randomString(6).toUpperCase();
+                                                                                                gvc.notifyDataChange(id);
+                                                                                            })
+                                                                                        )}
+                                                                                    </div>`,
+                                                                                }),
+                                                                            ]),
+                                                                    });
+                                                                })(),
+                                                            },
+                                                            {
+                                                                key: 'distribution',
+                                                                name: '供分銷連結或一頁式網頁使用',
+                                                            },
+                                                        ],
+                                                        [voucherData.trigger],
+                                                        (text) => {
+                                                            if (text[0] === 'auto') {
+                                                                voucherData.code = undefined;
+                                                            }
+                                                            if (text[0] === 'distribution') {
+                                                                voucherData.for = 'all';
+                                                            }
+                                                            voucherData.trigger = text[0] as 'auto' | 'code' | 'distribution';
+                                                            gvc.notifyDataChange(viewID);
+                                                        },
+                                                        { single: true }
+                                                    )}`,
+                                                html` <div class="tx_700">活動對象</div>
+                                                    ${BgWidget.mbContainer(18)}
+                                                    ${gvc.bindView(() => {
+                                                        const id = gvc.glitter.getUUID();
+                                                        return {
+                                                            bind: id,
+                                                            view: () => {
+                                                                return html`
+                                                                    <div style="display: flex; flex-direction: column; gap: 8px;">
+                                                                        ${BgWidget.selectFilter({
+                                                                            gvc: gvc,
+                                                                            callback: (text) => {
+                                                                                voucherData.target = text;
+                                                                                gvc.notifyDataChange(id);
                                                                             },
-                                                                            {
-                                                                                key: 'code',
-                                                                                name: '優惠代碼',
-                                                                                innerHtml: (() => {
-                                                                                    const id = glitter.getUUID();
-                                                                                    return gvc.bindView({
-                                                                                        bind: id,
-                                                                                        view: () =>
-                                                                                                gvc.map([
-                                                                                                    BgWidget.grayNote('顧客可在結帳時輸入優惠代碼，來獲得折扣'),
-                                                                                                    BgWidget.editeInput({
-                                                                                                        gvc: gvc,
-                                                                                                        title: '',
-                                                                                                        default: voucherData.code ?? '',
-                                                                                                        placeHolder: '請輸入優惠券代碼',
-                                                                                                        callback: (text) => {
-                                                                                                            voucherData.code = text;
-                                                                                                        },
-                                                                                                        endText: html`
-                                                                                                            <div class="d-flex justify-content-end">
-                                                                                                                ${BgWidget.mbContainer(8)}
-                                                                                                                ${BgWidget.blueNote(
-                                                                                                                        document.body.clientWidth > 768 ? '隨機產生優惠代碼' : '隨機產生',
-                                                                                                                        gvc.event(() => {
-                                                                                                                            voucherData.code = Tool.randomString(6).toUpperCase();
-                                                                                                                            gvc.notifyDataChange(id);
-                                                                                                                        })
+                                                                            default: voucherData.target ?? 'all',
+                                                                            options: [
+                                                                                {
+                                                                                    key: 'all',
+                                                                                    value: '所有顧客',
+                                                                                },
+                                                                                {
+                                                                                    key: 'customer',
+                                                                                    value: '特定顧客',
+                                                                                },
+                                                                                {
+                                                                                    key: 'levels',
+                                                                                    value: '會員等級',
+                                                                                },
+                                                                                {
+                                                                                    key: 'group',
+                                                                                    value: '顧客分群',
+                                                                                },
+                                                                            ],
+                                                                            style: 'width: 100%;',
+                                                                        })}
+                                                                        <div>
+                                                                            ${(() => {
+                                                                                switch (voucherData.target) {
+                                                                                    case 'all':
+                                                                                        return '';
+                                                                                    case 'customer':
+                                                                                        return gvc.bindView(() => {
+                                                                                            const customVM = {
+                                                                                                id: gvc.glitter.getUUID(),
+                                                                                                loading: true,
+                                                                                                dataList: [] as OptionsItem[],
+                                                                                            };
+                                                                                            return {
+                                                                                                bind: customVM.id,
+                                                                                                view: () => {
+                                                                                                    if (customVM.loading) {
+                                                                                                        return BgWidget.spinner();
+                                                                                                    }
+                                                                                                    return html`
+                                                                                                        <div class="d-flex flex-column p-2" style="gap: 18px;">
+                                                                                                            <div
+                                                                                                                class="d-flex align-items-center gray-bottom-line-18"
+                                                                                                                style="justify-content: space-between;"
+                                                                                                            >
+                                                                                                                <div class="form-check-label c_updown_label">
+                                                                                                                    <div class="tx_normal">顧客名稱</div>
+                                                                                                                </div>
+                                                                                                                ${BgWidget.grayButton(
+                                                                                                                    '查看全部',
+                                                                                                                    gvc.event(() => {
+                                                                                                                        BgWidget.selectDropDialog({
+                                                                                                                            gvc: gvc,
+                                                                                                                            title: '搜尋特定顧客',
+                                                                                                                            tag: 'select_users',
+                                                                                                                            updownOptions: FilterOptions.userOrderBy,
+                                                                                                                            callback: (value) => {
+                                                                                                                                voucherData.targetList = value;
+                                                                                                                                customVM.loading = true;
+                                                                                                                                gvc.notifyDataChange(customVM.id);
+                                                                                                                            },
+                                                                                                                            default: voucherData.targetList ?? [],
+                                                                                                                            api: (data: { query: string; orderString: string }) => {
+                                                                                                                                return new Promise((resolve) => {
+                                                                                                                                    ApiUser.getUserListOrders({
+                                                                                                                                        page: 0,
+                                                                                                                                        limit: 99999,
+                                                                                                                                        search: data.query,
+                                                                                                                                        orderString: data.orderString,
+                                                                                                                                    }).then((dd) => {
+                                                                                                                                        if (dd.response.data) {
+                                                                                                                                            resolve(
+                                                                                                                                                dd.response.data.map(
+                                                                                                                                                    (item: {
+                                                                                                                                                        userID: number;
+                                                                                                                                                        userData: {
+                                                                                                                                                            name: string;
+                                                                                                                                                            email: string;
+                                                                                                                                                        };
+                                                                                                                                                    }) => {
+                                                                                                                                                        return {
+                                                                                                                                                            key: item.userID,
+                                                                                                                                                            value: item.userData.name ?? '（尚無姓名）',
+                                                                                                                                                            note: item.userData.email,
+                                                                                                                                                        };
+                                                                                                                                                    }
+                                                                                                                                                )
+                                                                                                                                            );
+                                                                                                                                        }
+                                                                                                                                    });
+                                                                                                                                });
+                                                                                                                            },
+                                                                                                                            style: 'width: 100%;',
+                                                                                                                        });
+                                                                                                                    }),
+                                                                                                                    { textStyle: 'font-weight: 400;' }
                                                                                                                 )}
-                                                                                                            </div>`,
-                                                                                                    }),
-                                                                                                ]),
-                                                                                    });
-                                                                                })(),
-                                                                            },
-                                                                            {
-                                                                                key: 'distribution',
-                                                                                name: '供分銷連結或一頁式網頁使用',
-                                                                            },
-                                                                        ],
-                                                                        [voucherData.trigger],
-                                                                        (text) => {
-                                                                            if (text[0] === 'auto') {
-                                                                                voucherData.code = undefined;
-                                                                            }
-                                                                            if (text[0] === 'distribution') {
-                                                                                voucherData.for = 'all';
-                                                                            }
-                                                                            voucherData.trigger = text[0] as 'auto' | 'code' | 'distribution';
-                                                                            gvc.notifyDataChange(viewID);
-                                                                        },
-                                                                        {single: true}
-                                                                )}`,
-                                                            html`
-                                                                <div class="tx_700">活動對象</div>
-                                                                ${BgWidget.mbContainer(18)}
-                                                                ${gvc.bindView(() => {
-                                                                    const id = gvc.glitter.getUUID();
-                                                                    return {
-                                                                        bind: id,
-                                                                        view: () => {
-                                                                            return html`
-                                                                                <div style="display: flex; flex-direction: column; gap: 8px;">
-                                                                                    ${BgWidget.selectFilter({
-                                                                                        gvc: gvc,
-                                                                                        callback: (text) => {
-                                                                                            voucherData.target = text;
-                                                                                            gvc.notifyDataChange(id);
-                                                                                        },
-                                                                                        default: voucherData.target ?? 'all',
-                                                                                        options: [
-                                                                                            {
-                                                                                                key: 'all',
-                                                                                                value: '所有顧客'
-                                                                                            },
-                                                                                            {
-                                                                                                key: 'customer',
-                                                                                                value: '特定顧客'
-                                                                                            },
-                                                                                            {
-                                                                                                key: 'levels',
-                                                                                                value: '會員等級'
-                                                                                            },
-                                                                                            {
-                                                                                                key: 'group',
-                                                                                                value: '顧客分群'
-                                                                                            },
-                                                                                        ],
-                                                                                        style: 'width: 100%;',
-                                                                                    })}
-                                                                                    <div>
-                                                                                        ${(() => {
-                                                                                            switch (voucherData.target) {
-                                                                                                case 'all':
-                                                                                                    return '';
-                                                                                                case 'customer':
-                                                                                                    return gvc.bindView(() => {
-                                                                                                        const customVM = {
-                                                                                                            id: gvc.glitter.getUUID(),
-                                                                                                            loading: true,
-                                                                                                            dataList: [] as OptionsItem[],
-                                                                                                        };
-                                                                                                        return {
-                                                                                                            bind: customVM.id,
-                                                                                                            view: () => {
-                                                                                                                if (customVM.loading) {
-                                                                                                                    return BgWidget.spinner();
+                                                                                                            </div>
+                                                                                                            ${obj.gvc.map(
+                                                                                                                customVM.dataList.map((opt: OptionsItem, index) => {
+                                                                                                                    return html` <div class="form-check-label c_updown_label">
+                                                                                                                        <span class="tx_normal">${index + 1} . ${opt.value}</span>
+                                                                                                                        ${opt.note ? html` <span class="tx_gray_12 ms-2">${opt.note}</span> ` : ''}
+                                                                                                                    </div>`;
+                                                                                                                })
+                                                                                                            )}
+                                                                                                        </div>
+                                                                                                    `;
+                                                                                                },
+                                                                                                onCreate: () => {
+                                                                                                    if (customVM.loading) {
+                                                                                                        if (voucherData.targetList.length === 0) {
+                                                                                                            setTimeout(() => {
+                                                                                                                customVM.dataList = [];
+                                                                                                                customVM.loading = false;
+                                                                                                                gvc.notifyDataChange(customVM.id);
+                                                                                                            }, 200);
+                                                                                                        } else {
+                                                                                                            ApiUser.getUserList({
+                                                                                                                page: 0,
+                                                                                                                limit: 99999,
+                                                                                                                id: voucherData.targetList.join(','),
+                                                                                                            }).then((dd) => {
+                                                                                                                if (dd.response.data) {
+                                                                                                                    customVM.dataList = dd.response.data.map(
+                                                                                                                        (item: {
+                                                                                                                            userID: string;
+                                                                                                                            userData: {
+                                                                                                                                name: string;
+                                                                                                                                email: string;
+                                                                                                                            };
+                                                                                                                        }) => {
+                                                                                                                            return {
+                                                                                                                                key: item.userID,
+                                                                                                                                value: item.userData.name,
+                                                                                                                                note: item.userData.email,
+                                                                                                                            };
+                                                                                                                        }
+                                                                                                                    );
                                                                                                                 }
-                                                                                                                return html`
-                                                                                                                    <div class="d-flex flex-column p-2"
-                                                                                                                         style="gap: 18px;">
-                                                                                                                        <div
-                                                                                                                                class="d-flex align-items-center gray-bottom-line-18"
-                                                                                                                                style="justify-content: space-between;"
-                                                                                                                        >
-                                                                                                                            <div class="form-check-label c_updown_label">
-                                                                                                                                <div class="tx_normal">
-                                                                                                                                    顧客名稱
-                                                                                                                                </div>
-                                                                                                                            </div>
-                                                                                                                            ${BgWidget.grayButton(
-                                                                                                                                    '查看全部',
-                                                                                                                                    gvc.event(() => {
-                                                                                                                                        BgWidget.selectDropDialog({
-                                                                                                                                            gvc: gvc,
-                                                                                                                                            title: '搜尋特定顧客',
-                                                                                                                                            tag: 'select_users',
-                                                                                                                                            updownOptions: FilterOptions.userOrderBy,
-                                                                                                                                            callback: (value) => {
-                                                                                                                                                voucherData.targetList = value;
-                                                                                                                                                customVM.loading = true;
-                                                                                                                                                gvc.notifyDataChange(customVM.id);
-                                                                                                                                            },
-                                                                                                                                            default: voucherData.targetList ?? [],
-                                                                                                                                            api: (data: {
-                                                                                                                                                query: string;
-                                                                                                                                                orderString: string
-                                                                                                                                            }) => {
-                                                                                                                                                return new Promise((resolve) => {
-                                                                                                                                                    ApiUser.getUserListOrders({
-                                                                                                                                                        page: 0,
-                                                                                                                                                        limit: 99999,
-                                                                                                                                                        search: data.query,
-                                                                                                                                                        orderString: data.orderString,
-                                                                                                                                                    }).then((dd) => {
-                                                                                                                                                        if (dd.response.data) {
-                                                                                                                                                            resolve(
-                                                                                                                                                                    dd.response.data.map(
-                                                                                                                                                                            (item: {
-                                                                                                                                                                                userID: number;
-                                                                                                                                                                                userData: {
-                                                                                                                                                                                    name: string;
-                                                                                                                                                                                    email: string
-                                                                                                                                                                                };
-                                                                                                                                                                            }) => {
-                                                                                                                                                                                return {
-                                                                                                                                                                                    key: item.userID,
-                                                                                                                                                                                    value: item.userData.name ?? '（尚無姓名）',
-                                                                                                                                                                                    note: item.userData.email,
-                                                                                                                                                                                };
-                                                                                                                                                                            }
-                                                                                                                                                                    )
-                                                                                                                                                            );
-                                                                                                                                                        }
-                                                                                                                                                    });
-                                                                                                                                                });
-                                                                                                                                            },
-                                                                                                                                            style: 'width: 100%;',
-                                                                                                                                        });
-                                                                                                                                    }),
-                                                                                                                                    {textStyle: 'font-weight: 400;'}
-                                                                                                                            )}
-                                                                                                                        </div>
-                                                                                                                        ${obj.gvc.map(
-                                                                                                                                customVM.dataList.map((opt: OptionsItem, index) => {
-                                                                                                                                    return html`
-                                                                                                                                        <div class="form-check-label c_updown_label">
-                                                                                                                                            <span class="tx_normal">${index + 1}
-                                                                                                                                                . ${opt.value}</span>
-                                                                                                                                            ${opt.note ? html`
-                                                                                                                                                <span class="tx_gray_12 ms-2">${opt.note}</span> ` : ''}
-                                                                                                                                        </div>`;
-                                                                                                                                })
-                                                                                                                        )}
-                                                                                                                    </div>
-                                                                                                                `;
+                                                                                                                customVM.loading = false;
+                                                                                                                gvc.notifyDataChange(customVM.id);
+                                                                                                            });
+                                                                                                        }
+                                                                                                    }
+                                                                                                },
+                                                                                            };
+                                                                                        });
+                                                                                    case 'levels':
+                                                                                        return (() => {
+                                                                                            const levelVM = {
+                                                                                                id: gvc.glitter.getUUID(),
+                                                                                                loading: true,
+                                                                                                dataList: [],
+                                                                                            };
+                                                                                            return gvc.bindView({
+                                                                                                bind: levelVM.id,
+                                                                                                view: () => {
+                                                                                                    if (levelVM.loading) {
+                                                                                                        return BgWidget.spinner({ text: { visible: false } });
+                                                                                                    } else {
+                                                                                                        return BgWidget.selectDropList({
+                                                                                                            gvc: gvc,
+                                                                                                            callback: (value: []) => {
+                                                                                                                voucherData.targetList = value;
+                                                                                                                gvc.notifyDataChange(id);
                                                                                                             },
-                                                                                                            onCreate: () => {
-                                                                                                                if (customVM.loading) {
-                                                                                                                    if (voucherData.targetList.length === 0) {
-                                                                                                                        setTimeout(() => {
-                                                                                                                            customVM.dataList = [];
-                                                                                                                            customVM.loading = false;
-                                                                                                                            gvc.notifyDataChange(customVM.id);
-                                                                                                                        }, 200);
-                                                                                                                    } else {
-                                                                                                                        ApiUser.getUserList({
-                                                                                                                            page: 0,
-                                                                                                                            limit: 99999,
-                                                                                                                            id: voucherData.targetList.join(','),
-                                                                                                                        }).then((dd) => {
-                                                                                                                            if (dd.response.data) {
-                                                                                                                                customVM.dataList = dd.response.data.map(
-                                                                                                                                        (item: {
-                                                                                                                                            userID: string;
-                                                                                                                                            userData: {
-                                                                                                                                                name: string;
-                                                                                                                                                email: string
-                                                                                                                                            }
-                                                                                                                                        }) => {
-                                                                                                                                            return {
-                                                                                                                                                key: item.userID,
-                                                                                                                                                value: item.userData.name,
-                                                                                                                                                note: item.userData.email,
-                                                                                                                                            };
-                                                                                                                                        }
-                                                                                                                                );
-                                                                                                                            }
-                                                                                                                            customVM.loading = false;
-                                                                                                                            gvc.notifyDataChange(customVM.id);
-                                                                                                                        });
+                                                                                                            default: voucherData.targetList ?? [],
+                                                                                                            options: levelVM.dataList,
+                                                                                                            style: 'width: 100%;',
+                                                                                                        });
+                                                                                                    }
+                                                                                                },
+                                                                                                divCreate: {
+                                                                                                    style: 'width: 100%;',
+                                                                                                },
+                                                                                                onCreate: () => {
+                                                                                                    if (levelVM.loading) {
+                                                                                                        ApiUser.getPublicConfig('member_level_config', 'manager').then((dd: any) => {
+                                                                                                            if (dd.result && dd.response.value) {
+                                                                                                                levelVM.dataList = dd.response.value.levels.map(
+                                                                                                                    (item: { id: string; tag_name: string }) => {
+                                                                                                                        return {
+                                                                                                                            key: item.id,
+                                                                                                                            value: item.tag_name,
+                                                                                                                            // note.txt: '人數'
+                                                                                                                        };
                                                                                                                     }
-                                                                                                                }
+                                                                                                                );
+                                                                                                                levelVM.loading = false;
+                                                                                                                gvc.notifyDataChange(levelVM.id);
+                                                                                                            }
+                                                                                                        });
+                                                                                                    }
+                                                                                                },
+                                                                                            });
+                                                                                        })();
+                                                                                    case 'group':
+                                                                                        return (() => {
+                                                                                            const levelVM = {
+                                                                                                id: gvc.glitter.getUUID(),
+                                                                                                loading: true,
+                                                                                                dataList: [],
+                                                                                            };
+                                                                                            return gvc.bindView({
+                                                                                                bind: levelVM.id,
+                                                                                                view: () => {
+                                                                                                    if (levelVM.loading) {
+                                                                                                        return BgWidget.spinner({ text: { visible: false } });
+                                                                                                    } else {
+                                                                                                        return BgWidget.selectDropList({
+                                                                                                            gvc: gvc,
+                                                                                                            callback: (value: []) => {
+                                                                                                                voucherData.targetList = value;
+                                                                                                                gvc.notifyDataChange(id);
                                                                                                             },
-                                                                                                        };
-                                                                                                    });
-                                                                                                case 'levels':
-                                                                                                    return (() => {
-                                                                                                        const levelVM = {
-                                                                                                            id: gvc.glitter.getUUID(),
-                                                                                                            loading: true,
-                                                                                                            dataList: [],
-                                                                                                        };
-                                                                                                        return gvc.bindView({
-                                                                                                            bind: levelVM.id,
-                                                                                                            view: () => {
-                                                                                                                if (levelVM.loading) {
-                                                                                                                    return BgWidget.spinner({text: {visible: false}});
-                                                                                                                } else {
-                                                                                                                    return BgWidget.selectDropList({
+                                                                                                            default: voucherData.targetList ?? [],
+                                                                                                            options: levelVM.dataList,
+                                                                                                            style: 'width: 100%;',
+                                                                                                        });
+                                                                                                    }
+                                                                                                },
+                                                                                                divCreate: {
+                                                                                                    style: 'width: 100%;',
+                                                                                                },
+                                                                                                onCreate: () => {
+                                                                                                    if (levelVM.loading) {
+                                                                                                        ApiUser.getUserGroupList().then((dd: any) => {
+                                                                                                            if (dd.result && dd.response.data) {
+                                                                                                                levelVM.dataList = dd.response.data
+                                                                                                                    .filter((item: any) => {
+                                                                                                                        return item.type !== 'level';
+                                                                                                                    })
+                                                                                                                    .map((item: any) => {
+                                                                                                                        return {
+                                                                                                                            key: item.type,
+                                                                                                                            value: item.title,
+                                                                                                                        };
+                                                                                                                    });
+                                                                                                                levelVM.loading = false;
+                                                                                                                gvc.notifyDataChange(levelVM.id);
+                                                                                                            }
+                                                                                                        });
+                                                                                                    }
+                                                                                                },
+                                                                                            });
+                                                                                        })();
+                                                                                    default:
+                                                                                        return '';
+                                                                                }
+                                                                            })()}
+                                                                        </div>
+                                                                    </div>
+                                                                `;
+                                                            },
+                                                        };
+                                                    })}`,
+                                                html` <div class="tx_700">可使用訂單來源</div>
+                                                    ${BgWidget.mbContainer(18)}
+                                                    ${BgWidget.multiCheckboxContainer(
+                                                        gvc,
+                                                        [
+                                                            { key: 'normal', name: 'APP & 官網' },
+                                                            { key: 'pos', name: 'POS' },
+                                                        ],
+                                                        voucherData.device ?? ['normal'],
+                                                        (text) => {
+                                                            voucherData.device = text as ('normal' | 'pos')[];
+                                                            gvc.notifyDataChange(viewID);
+                                                        },
+                                                        { single: false }
+                                                    )}`,
+                                            ]
+                                                .map((str) => {
+                                                    return html` <div>${str}</div>`;
+                                                })
+                                                .join(BgWidget.horizontalLine())
+                                        ),
+                                        BgWidget.mainCard(
+                                            gvc.bindView(() => {
+                                                const id = glitter.getUUID();
+                                                voucherData.forKey = voucherData.forKey ?? [];
+                                                let defKeys: any = {
+                                                    collection: JSON.parse(JSON.stringify(voucherData.forKey)),
+                                                    product: JSON.parse(JSON.stringify(voucherData.forKey)),
+                                                };
+                                                return {
+                                                    bind: id,
+                                                    dataList: [
+                                                        { obj: voucherData, key: 'method' },
+                                                        { obj: voucherData, key: 'reBackType' },
+                                                    ],
+                                                    view: () => {
+                                                        return [
+                                                            ...(() => {
+                                                                if (['shipment_free', 'add_on_items', 'giveaway'].includes(voucherData.reBackType)) {
+                                                                    return [];
+                                                                }
+                                                                const valueInput = (obj: { startText?: string; endText?: string }) => {
+                                                                    return BgWidget.editeInput({
+                                                                        gvc: gvc,
+                                                                        type: 'number',
+                                                                        divStyle: 'width:150px;',
+                                                                        title: '',
+                                                                        default: voucherData.value,
+                                                                        placeHolder: '',
+                                                                        callback: (text) => {
+                                                                            const texInt = parseInt(text, 10);
+                                                                            if (voucherData.method === 'percent' && (texInt > 100 || texInt < 0)) {
+                                                                                const dialog = new ShareDialog(gvc.glitter);
+                                                                                dialog.infoMessage({ text: '數值需介於0~100' });
+                                                                                gvc.notifyDataChange(id);
+                                                                            } else {
+                                                                                voucherData.value = text;
+                                                                            }
+                                                                        },
+                                                                        startText: obj.startText,
+                                                                        endText: obj.endText,
+                                                                    });
+                                                                };
+                                                                return [
+                                                                    html` <div>
+                                                                        <div class="tx_700">折扣金額</div>
+                                                                        ${BgWidget.mbContainer(18)}
+                                                                        ${BgWidget.multiCheckboxContainer(
+                                                                            gvc,
+                                                                            [
+                                                                                {
+                                                                                    key: 'fixed',
+                                                                                    name: '固定金額',
+                                                                                    innerHtml: valueInput({ startText: '$' }),
+                                                                                },
+                                                                                {
+                                                                                    key: 'percent',
+                                                                                    name: '百分比',
+                                                                                    innerHtml: valueInput({ endText: '%' }),
+                                                                                },
+                                                                            ],
+                                                                            [voucherData.method],
+                                                                            (text) => {
+                                                                                voucherData.value = '0';
+                                                                                voucherData.method = text[0] as 'fixed' | 'percent';
+                                                                                gvc.notifyDataChange(pageVM.conditionId);
+                                                                            },
+                                                                            { single: true }
+                                                                        )}
+                                                                    </div>`,
+                                                                ];
+                                                            })(),
+                                                            ...(() => {
+                                                                if (voucherData.trigger === 'distribution') {
+                                                                    return [];
+                                                                }
+                                                                return [
+                                                                    html`
+                                                                        <div class="tx_700">
+                                                                            套用至${voucherData.reBackType === 'shipment_free' ? BgWidget.grayNote('免運費僅限套用至所有商品', 'margin-left: 8px') : ''}
+                                                                        </div>
+                                                                        ${BgWidget.mbContainer(18)}
+                                                                        ${EditorElem.radio({
+                                                                            gvc: gvc,
+                                                                            title: '',
+                                                                            def: voucherData.for ?? 'all',
+                                                                            array: productForList,
+                                                                            callback: (text) => {
+                                                                                voucherData.forKey = defKeys[text];
+                                                                                voucherData.for = text as 'collection' | 'product' | 'all';
+                                                                                gvc.notifyDataChange(id);
+                                                                            },
+                                                                            oneLine: true,
+                                                                            readonly: voucherData.reBackType === 'shipment_free',
+                                                                        })}
+                                                                        ${BgWidget.mbContainer(8)}
+                                                                        ${(() => {
+                                                                            switch (voucherData.for) {
+                                                                                case 'collection':
+                                                                                    return gvc.bindView(() => {
+                                                                                        const subVM = {
+                                                                                            id: gvc.glitter.getUUID(),
+                                                                                            loading: true,
+                                                                                            dataList: [] as OptionsItem[],
+                                                                                        };
+                                                                                        return {
+                                                                                            bind: subVM.id,
+                                                                                            view: () => {
+                                                                                                if (subVM.loading) {
+                                                                                                    return BgWidget.spinner();
+                                                                                                }
+                                                                                                return html`
+                                                                                                    <div class="d-flex flex-column p-2" style="gap: 18px;">
+                                                                                                        <div
+                                                                                                            class="d-flex align-items-center gray-bottom-line-18"
+                                                                                                            style="gap: 24px; justify-content: space-between;"
+                                                                                                        >
+                                                                                                            <div class="form-check-label c_updown_label">
+                                                                                                                <div class="tx_normal">分類列表</div>
+                                                                                                            </div>
+                                                                                                            ${BgWidget.grayButton(
+                                                                                                                '選擇分類',
+                                                                                                                gvc.event(() => {
+                                                                                                                    BgProduct.collectionsDialog({
                                                                                                                         gvc: gvc,
-                                                                                                                        callback: (value: []) => {
-                                                                                                                            voucherData.targetList = value;
-                                                                                                                            gvc.notifyDataChange(id);
+                                                                                                                        default: voucherData.forKey ?? [],
+                                                                                                                        callback: async (value) => {
+                                                                                                                            voucherData.forKey = value;
+                                                                                                                            defKeys.collection = value;
+                                                                                                                            subVM.dataList = await BgProduct.getCollectiosOpts(value);
+                                                                                                                            subVM.loading = true;
+                                                                                                                            gvc.notifyDataChange(subVM.id);
                                                                                                                         },
-                                                                                                                        default: voucherData.targetList ?? [],
-                                                                                                                        options: levelVM.dataList,
-                                                                                                                        style: 'width: 100%;',
                                                                                                                     });
-                                                                                                                }
-                                                                                                            },
-                                                                                                            divCreate: {
-                                                                                                                style: 'width: 100%;',
-                                                                                                            },
-                                                                                                            onCreate: () => {
-                                                                                                                if (levelVM.loading) {
-                                                                                                                    ApiUser.getPublicConfig('member_level_config', 'manager').then((dd: any) => {
-                                                                                                                        if (dd.result && dd.response.value) {
-                                                                                                                            levelVM.dataList = dd.response.value.levels.map(
-                                                                                                                                    (item: {
-                                                                                                                                        id: string;
-                                                                                                                                        tag_name: string
-                                                                                                                                    }) => {
-                                                                                                                                        return {
-                                                                                                                                            key: item.id,
-                                                                                                                                            value: item.tag_name,
-                                                                                                                                            // note.txt: '人數'
-                                                                                                                                        };
-                                                                                                                                    }
-                                                                                                                            );
-                                                                                                                            levelVM.loading = false;
-                                                                                                                            gvc.notifyDataChange(levelVM.id);
-                                                                                                                        }
-                                                                                                                    });
-                                                                                                                }
-                                                                                                            },
+                                                                                                                }),
+                                                                                                                { textStyle: 'font-weight: 400;' }
+                                                                                                            )}
+                                                                                                        </div>
+                                                                                                        ${obj.gvc.map(
+                                                                                                            subVM.dataList.map((opt: OptionsItem, index) => {
+                                                                                                                return html` <div
+                                                                                                                    class="d-flex align-items-center form-check-label c_updown_label gap-3"
+                                                                                                                >
+                                                                                                                    <span class="tx_normal">${index + 1} . ${opt.value}</span>
+                                                                                                                    ${opt.note ? html` <span class="tx_gray_12 ms-2">${opt.note}</span> ` : ''}
+                                                                                                                </div>`;
+                                                                                                            })
+                                                                                                        )}
+                                                                                                    </div>
+                                                                                                `;
+                                                                                            },
+                                                                                            onCreate: () => {
+                                                                                                if (subVM.loading) {
+                                                                                                    if (voucherData.forKey.length === 0) {
+                                                                                                        setTimeout(() => {
+                                                                                                            subVM.dataList = [];
+                                                                                                            subVM.loading = false;
+                                                                                                            gvc.notifyDataChange(subVM.id);
+                                                                                                        }, 200);
+                                                                                                    } else {
+                                                                                                        new Promise<OptionsItem[]>((resolve) => {
+                                                                                                            resolve(BgProduct.getCollectiosOpts(voucherData.forKey));
+                                                                                                        }).then((data) => {
+                                                                                                            subVM.dataList = data;
+                                                                                                            subVM.loading = false;
+                                                                                                            gvc.notifyDataChange(subVM.id);
                                                                                                         });
-                                                                                                    })();
-                                                                                                case 'group':
-                                                                                                    return (() => {
-                                                                                                        const levelVM = {
-                                                                                                            id: gvc.glitter.getUUID(),
-                                                                                                            loading: true,
-                                                                                                            dataList: [],
-                                                                                                        };
-                                                                                                        return gvc.bindView({
-                                                                                                            bind: levelVM.id,
-                                                                                                            view: () => {
-                                                                                                                if (levelVM.loading) {
-                                                                                                                    return BgWidget.spinner({text: {visible: false}});
-                                                                                                                } else {
-                                                                                                                    return BgWidget.selectDropList({
+                                                                                                    }
+                                                                                                }
+                                                                                            },
+                                                                                        };
+                                                                                    });
+                                                                                case 'product':
+                                                                                    return gvc.bindView(() => {
+                                                                                        const subVM = {
+                                                                                            id: gvc.glitter.getUUID(),
+                                                                                            loading: true,
+                                                                                            dataList: [] as OptionsItem[],
+                                                                                        };
+                                                                                        return {
+                                                                                            bind: subVM.id,
+                                                                                            view: () => {
+                                                                                                if (subVM.loading) {
+                                                                                                    return BgWidget.spinner();
+                                                                                                }
+                                                                                                return html`
+                                                                                                    <div class="d-flex flex-column p-2" style="gap: 18px;">
+                                                                                                        <div
+                                                                                                            class="d-flex align-items-center gray-bottom-line-18"
+                                                                                                            style="gap: 24px; justify-content: space-between;"
+                                                                                                        >
+                                                                                                            <div class="form-check-label c_updown_label">
+                                                                                                                <div class="tx_normal">商品列表</div>
+                                                                                                            </div>
+                                                                                                            ${BgWidget.grayButton(
+                                                                                                                '選擇商品',
+                                                                                                                gvc.event(() => {
+                                                                                                                    BgProduct.productsDialog({
                                                                                                                         gvc: gvc,
-                                                                                                                        callback: (value: []) => {
-                                                                                                                            voucherData.targetList = value;
-                                                                                                                            gvc.notifyDataChange(id);
+                                                                                                                        default: voucherData.forKey ?? [],
+                                                                                                                        callback: async (value) => {
+                                                                                                                            voucherData.forKey = value;
+                                                                                                                            defKeys.product = value;
+                                                                                                                            subVM.dataList = await BgProduct.getProductOpts(voucherData.forKey);
+                                                                                                                            subVM.loading = true;
+                                                                                                                            gvc.notifyDataChange(subVM.id);
                                                                                                                         },
-                                                                                                                        default: voucherData.targetList ?? [],
-                                                                                                                        options: levelVM.dataList,
-                                                                                                                        style: 'width: 100%;',
-                                                                                                                    });
-                                                                                                                }
-                                                                                                            },
-                                                                                                            divCreate: {
-                                                                                                                style: 'width: 100%;',
-                                                                                                            },
-                                                                                                            onCreate: () => {
-                                                                                                                if (levelVM.loading) {
-                                                                                                                    ApiUser.getUserGroupList().then((dd: any) => {
-                                                                                                                        if (dd.result && dd.response.data) {
-                                                                                                                            levelVM.dataList = dd.response.data
-                                                                                                                                    .filter((item: any) => {
-                                                                                                                                        return item.type !== 'level';
-                                                                                                                                    })
-                                                                                                                                    .map((item: any) => {
-                                                                                                                                        return {
-                                                                                                                                            key: item.type,
-                                                                                                                                            value: item.title,
-                                                                                                                                        };
-                                                                                                                                    });
-                                                                                                                            levelVM.loading = false;
-                                                                                                                            gvc.notifyDataChange(levelVM.id);
-                                                                                                                        }
                                                                                                                     });
-                                                                                                                }
-                                                                                                            },
+                                                                                                                }),
+                                                                                                                { textStyle: 'font-weight: 400;' }
+                                                                                                            )}
+                                                                                                        </div>
+                                                                                                        ${subVM.dataList
+                                                                                                            .map((opt: OptionsItem, index) => {
+                                                                                                                return html` <div
+                                                                                                                    class="d-flex align-items-center form-check-label c_updown_label gap-3"
+                                                                                                                >
+                                                                                                                    <span class="tx_normal">${index + 1} .</span>
+                                                                                                                    ${BgWidget.validImageBox({
+                                                                                                                        gvc: gvc,
+                                                                                                                        image: opt.image,
+                                                                                                                        width: 40,
+                                                                                                                    })}
+                                                                                                                    <div class="tx_normal ${opt.note ? 'mb-1' : ''}">${opt.value}</div>
+                                                                                                                    ${opt.note ? html` <div class="tx_gray_12">${opt.note}</div> ` : ''}
+                                                                                                                </div>`;
+                                                                                                            })
+                                                                                                            .join(``)}
+                                                                                                    </div>
+                                                                                                `;
+                                                                                            },
+                                                                                            onCreate: () => {
+                                                                                                if (subVM.loading) {
+                                                                                                    if (voucherData.forKey.length === 0) {
+                                                                                                        setTimeout(() => {
+                                                                                                            subVM.dataList = [];
+                                                                                                            subVM.loading = false;
+                                                                                                            gvc.notifyDataChange(subVM.id);
+                                                                                                        }, 200);
+                                                                                                    } else {
+                                                                                                        new Promise<OptionsItem[]>((resolve) => {
+                                                                                                            resolve(BgProduct.getProductOpts(voucherData.forKey));
+                                                                                                        }).then((data) => {
+                                                                                                            subVM.dataList = data;
+                                                                                                            subVM.loading = false;
+                                                                                                            gvc.notifyDataChange(subVM.id);
                                                                                                         });
-                                                                                                    })();
-                                                                                                default:
-                                                                                                    return '';
-                                                                                            }
-                                                                                        })()}
-                                                                                    </div>
-                                                                                </div>
-                                                                            `;
-                                                                        },
-                                                                    };
-                                                                })}`,
-                                                            html`
-                                                                <div class="tx_700">可使用訂單來源</div>
-                                                                ${BgWidget.mbContainer(18)}
-                                                                ${BgWidget.multiCheckboxContainer(
-                                                                        gvc,
-                                                                        [
-                                                                            {key: 'normal', name: 'APP & 官網'},
-                                                                            {key: 'pos', name: 'POS'},
-                                                                        ],
-                                                                        voucherData.device ?? ['normal'],
-                                                                        (text) => {
-                                                                            voucherData.device = text as ('normal' | 'pos')[];
-                                                                            gvc.notifyDataChange(viewID);
-                                                                        },
-                                                                        {single: false}
-                                                                )}`,
-                                                        ]
-                                                                .map((str) => {
-                                                                    return html`
-                                                                        <div>${str}</div>`;
-                                                                })
-                                                                .join(BgWidget.horizontalLine())
-                                                ),
-                                                BgWidget.mainCard(
-                                                        gvc.bindView(() => {
-                                                            const id = glitter.getUUID();
-                                                            voucherData.forKey = voucherData.forKey ?? [];
-                                                            let defKeys: any = {
-                                                                collection: JSON.parse(JSON.stringify(voucherData.forKey)),
-                                                                product: JSON.parse(JSON.stringify(voucherData.forKey)),
-                                                            };
-                                                            return {
-                                                                bind: id,
-                                                                dataList: [
-                                                                    {obj: voucherData, key: 'method'},
-                                                                    {obj: voucherData, key: 'reBackType'},
-                                                                ],
-                                                                view: () => {
-                                                                    return [
-                                                                        ...(() => {
-                                                                            if (['shipment_free', 'add_on_items','giveaway'].includes(voucherData.reBackType)) {
-                                                                                return [];
-                                                                            }
-                                                                            const valueInput = (obj: {
-                                                                                startText?: string;
-                                                                                endText?: string
-                                                                            }) => {
-                                                                                return BgWidget.editeInput({
-                                                                                    gvc: gvc,
-                                                                                    type: 'number',
-                                                                                    divStyle: 'width:150px;',
-                                                                                    title: '',
-                                                                                    default: voucherData.value,
-                                                                                    placeHolder: '',
-                                                                                    callback: (text) => {
-                                                                                        const texInt = parseInt(text, 10);
-                                                                                        if (voucherData.method === 'percent' && (texInt > 100 || texInt < 0)) {
-                                                                                            const dialog = new ShareDialog(gvc.glitter);
-                                                                                            dialog.infoMessage({text: '數值需介於0~100'});
-                                                                                            gvc.notifyDataChange(id);
-                                                                                        } else {
-                                                                                            voucherData.value = text;
-                                                                                        }
-                                                                                    },
-                                                                                    startText: obj.startText,
-                                                                                    endText: obj.endText,
-                                                                                });
-                                                                            };
-                                                                            return [
-                                                                                html`
-                                                                                    <div>
-                                                                                        <div class="tx_700">折扣金額
-                                                                                        </div>
-                                                                                        ${BgWidget.mbContainer(18)}
-                                                                                        ${BgWidget.multiCheckboxContainer(
-                                                                                                gvc,
-                                                                                                [
-                                                                                                    {
-                                                                                                        key: 'fixed',
-                                                                                                        name: '固定金額',
-                                                                                                        innerHtml: valueInput({startText: '$'}),
-                                                                                                    },
-                                                                                                    {
-                                                                                                        key: 'percent',
-                                                                                                        name: '百分比',
-                                                                                                        innerHtml: valueInput({endText: '%'}),
-                                                                                                    },
-                                                                                                ],
-                                                                                                [voucherData.method],
-                                                                                                (text) => {
-                                                                                                    voucherData.value = '0';
-                                                                                                    voucherData.method = text[0] as 'fixed' | 'percent';
-                                                                                                    gvc.notifyDataChange(pageVM.conditionId);
-                                                                                                },
-                                                                                                {single: true}
-                                                                                        )}
-                                                                                    </div>`,
-                                                                            ];
-                                                                        })(),
-                                                                        ...(() => {
-                                                                            if (voucherData.trigger === 'distribution') {
-                                                                                return [];
+                                                                                                    }
+                                                                                                }
+                                                                                            },
+                                                                                        };
+                                                                                    });
+                                                                                case 'all':
+                                                                                default:
+                                                                                    return '';
                                                                             }
-                                                                            return [
-                                                                                html`
-                                                                                    <div class="tx_700">
-                                                                                            套用至${voucherData.reBackType === 'shipment_free' ? BgWidget.grayNote('免運費僅限套用至所有商品', 'margin-left: 8px') : ''}
-                                                                                    </div>
-                                                                                    ${BgWidget.mbContainer(18)}
-                                                                                    ${EditorElem.radio({
-                                                                                        gvc: gvc,
-                                                                                        title: '',
-                                                                                        def: voucherData.for ?? 'all',
-                                                                                        array: productForList,
-                                                                                        callback: (text) => {
-                                                                                            voucherData.forKey = defKeys[text];
-                                                                                            voucherData.for = text as 'collection' | 'product' | 'all';
-                                                                                            gvc.notifyDataChange(id);
-                                                                                        },
-                                                                                        oneLine: true,
-                                                                                        readonly: voucherData.reBackType === 'shipment_free',
-                                                                                    })}
-                                                                                    ${BgWidget.mbContainer(8)}
-                                                                                    ${(() => {
-                                                                                        switch (voucherData.for) {
-                                                                                            case 'collection':
-                                                                                                return gvc.bindView(() => {
-                                                                                                    const subVM = {
-                                                                                                        id: gvc.glitter.getUUID(),
-                                                                                                        loading: true,
-                                                                                                        dataList: [] as OptionsItem[],
-                                                                                                    };
-                                                                                                    return {
-                                                                                                        bind: subVM.id,
-                                                                                                        view: () => {
-                                                                                                            if (subVM.loading) {
-                                                                                                                return BgWidget.spinner();
-                                                                                                            }
-                                                                                                            return html`
-                                                                                                                <div class="d-flex flex-column p-2"
-                                                                                                                     style="gap: 18px;">
-                                                                                                                    <div
-                                                                                                                            class="d-flex align-items-center gray-bottom-line-18"
-                                                                                                                            style="gap: 24px; justify-content: space-between;"
-                                                                                                                    >
-                                                                                                                        <div class="form-check-label c_updown_label">
-                                                                                                                            <div class="tx_normal">
-                                                                                                                                分類列表
-                                                                                                                            </div>
-                                                                                                                        </div>
-                                                                                                                        ${BgWidget.grayButton(
-                                                                                                                                '選擇分類',
-                                                                                                                                gvc.event(() => {
-                                                                                                                                    BgProduct.collectionsDialog({
-                                                                                                                                        gvc: gvc,
-                                                                                                                                        default: voucherData.forKey ?? [],
-                                                                                                                                        callback: async (value) => {
-                                                                                                                                            voucherData.forKey = value;
-                                                                                                                                            defKeys.collection = value;
-                                                                                                                                            subVM.dataList = await BgProduct.getCollectiosOpts(value);
-                                                                                                                                            subVM.loading = true;
-                                                                                                                                            gvc.notifyDataChange(subVM.id);
-                                                                                                                                        },
-                                                                                                                                    });
-                                                                                                                                }),
-                                                                                                                                {textStyle: 'font-weight: 400;'}
-                                                                                                                        )}
-                                                                                                                    </div>
-                                                                                                                    ${obj.gvc.map(
-                                                                                                                            subVM.dataList.map((opt: OptionsItem, index) => {
-                                                                                                                                return html`
-                                                                                                                                    <div
-                                                                                                                                            class="d-flex align-items-center form-check-label c_updown_label gap-3"
-                                                                                                                                    >
-                                                                                                                                        <span class="tx_normal">${index + 1}
-                                                                                                                                            . ${opt.value}</span>
-                                                                                                                                        ${opt.note ? html`
-                                                                                                                                            <span class="tx_gray_12 ms-2">${opt.note}</span> ` : ''}
-                                                                                                                                    </div>`;
-                                                                                                                            })
-                                                                                                                    )}
-                                                                                                                </div>
-                                                                                                            `;
-                                                                                                        },
-                                                                                                        onCreate: () => {
-                                                                                                            if (subVM.loading) {
-                                                                                                                if (voucherData.forKey.length === 0) {
-                                                                                                                    setTimeout(() => {
-                                                                                                                        subVM.dataList = [];
-                                                                                                                        subVM.loading = false;
-                                                                                                                        gvc.notifyDataChange(subVM.id);
-                                                                                                                    }, 200);
-                                                                                                                } else {
-                                                                                                                    new Promise<OptionsItem[]>((resolve) => {
-                                                                                                                        resolve(BgProduct.getCollectiosOpts(voucherData.forKey));
-                                                                                                                    }).then((data) => {
-                                                                                                                        subVM.dataList = data;
-                                                                                                                        subVM.loading = false;
-                                                                                                                        gvc.notifyDataChange(subVM.id);
-                                                                                                                    });
-                                                                                                                }
-                                                                                                            }
-                                                                                                        },
-                                                                                                    };
-                                                                                                });
-                                                                                            case 'product':
-                                                                                                return gvc.bindView(() => {
-                                                                                                    const subVM = {
-                                                                                                        id: gvc.glitter.getUUID(),
-                                                                                                        loading: true,
-                                                                                                        dataList: [] as OptionsItem[],
-                                                                                                    };
-                                                                                                    return {
-                                                                                                        bind: subVM.id,
-                                                                                                        view: () => {
-                                                                                                            if (subVM.loading) {
-                                                                                                                return BgWidget.spinner();
-                                                                                                            }
-                                                                                                            return html`
-                                                                                                                <div class="d-flex flex-column p-2"
-                                                                                                                     style="gap: 18px;">
-                                                                                                                    <div
-                                                                                                                            class="d-flex align-items-center gray-bottom-line-18"
-                                                                                                                            style="gap: 24px; justify-content: space-between;"
-                                                                                                                    >
-                                                                                                                        <div class="form-check-label c_updown_label">
-                                                                                                                            <div class="tx_normal">
-                                                                                                                                商品列表
-                                                                                                                            </div>
-                                                                                                                        </div>
-                                                                                                                        ${BgWidget.grayButton(
-                                                                                                                                '選擇商品',
-                                                                                                                                gvc.event(() => {
-                                                                                                                                    BgProduct.productsDialog({
-                                                                                                                                        gvc: gvc,
-                                                                                                                                        default: voucherData.forKey ?? [],
-                                                                                                                                        callback: async (value) => {
-                                                                                                                                            voucherData.forKey = value;
-                                                                                                                                            defKeys.product = value;
-                                                                                                                                            subVM.dataList = await BgProduct.getProductOpts(voucherData.forKey);
-                                                                                                                                            subVM.loading = true;
-                                                                                                                                            gvc.notifyDataChange(subVM.id);
-                                                                                                                                        },
-                                                                                                                                    });
-                                                                                                                                }),
-                                                                                                                                {textStyle: 'font-weight: 400;'}
-                                                                                                                        )}
-                                                                                                                    </div>
-                                                                                                                    ${subVM.dataList.map((opt: OptionsItem, index) => {
-                                                                                                                        return html`
-                                                                                                                            <div
-                                                                                                                                    class="d-flex align-items-center form-check-label c_updown_label gap-3"
-                                                                                                                            >
-                                                                                                                                <span class="tx_normal">${index + 1}
-                                                                                                                                    .</span>
-                                                                                                                                ${BgWidget.validImageBox({
-                                                                                                                                    gvc: gvc,
-                                                                                                                                    image: opt.image,
-                                                                                                                                    width: 40
-                                                                                                                                })}
-                                                                                                                                <div class="tx_normal ${opt.note ? 'mb-1' : ''}">
-                                                                                                                                    ${opt.value}
-                                                                                                                                </div>
-                                                                                                                                ${opt.note ? html`
-                                                                                                                                    <div class="tx_gray_12">
-                                                                                                                                        ${opt.note}
-                                                                                                                                    </div> ` : ''}
-                                                                                                                            </div>`;
-                                                                                                                    }).join(``)}
-                                                                                                                </div>
-                                                                                                            `;
-                                                                                                        },
-                                                                                                        onCreate: () => {
-                                                                                                            if (subVM.loading) {
-                                                                                                                if (voucherData.forKey.length === 0) {
-                                                                                                                    setTimeout(() => {
-                                                                                                                        subVM.dataList = [];
-                                                                                                                        subVM.loading = false;
-                                                                                                                        gvc.notifyDataChange(subVM.id);
-                                                                                                                    }, 200);
-                                                                                                                } else {
-                                                                                                                    new Promise<OptionsItem[]>((resolve) => {
-                                                                                                                        resolve(BgProduct.getProductOpts(voucherData.forKey));
-                                                                                                                    }).then((data) => {
-                                                                                                                        subVM.dataList = data;
-                                                                                                                        subVM.loading = false;
-                                                                                                                        gvc.notifyDataChange(subVM.id);
-                                                                                                                    });
-                                                                                                                }
-                                                                                                            }
-                                                                                                        },
-                                                                                                    };
-                                                                                                });
-                                                                                            case 'all':
-                                                                                            default:
-                                                                                                return '';
-                                                                                        }
-                                                                                    })()}
-                                                                                `,
-                                                                            ];
-                                                                        })(),
-                                                                    ].join(BgWidget.horizontalLine());
-                                                                },
-                                                                divCreate: {},
-                                                            };
-                                                        })
-                                                ),
-                                                ...(() => {
-                                                   
-                                                    if ( ['giveaway','add_on_items'].includes(voucherData.reBackType)) {
-                                                        return [BgWidget.mainCard(gvc.bindView(() => {
+                                                                        })()}
+                                                                    `,
+                                                                ];
+                                                            })(),
+                                                        ].join(BgWidget.horizontalLine());
+                                                    },
+                                                    divCreate: {},
+                                                };
+                                            })
+                                        ),
+                                        ...(() => {
+                                            if (['giveaway', 'add_on_items'].includes(voucherData.reBackType)) {
+                                                return [
+                                                    BgWidget.mainCard(
+                                                        gvc.bindView(() => {
                                                             const vm = {
-                                                                id: gvc.glitter.getUUID()
-                                                            }
-                                                            if(!Array.isArray(voucherData.add_on_products)){
-                                                                voucherData.add_on_products=[]
+                                                                id: gvc.glitter.getUUID(),
+                                                            };
+                                                            if (!Array.isArray(voucherData.add_on_products)) {
+                                                                voucherData.add_on_products = [];
                                                             }
                                                             return {
                                                                 bind: vm.id,
                                                                 view: () => {
                                                                     return html`
-                                                                        <div class="tx_700">${(voucherData.reBackType==='add_on_items') ? `加購品項`:`贈品品項`}</div>
+                                                                        <div class="tx_700">${voucherData.reBackType === 'add_on_items' ? `加購品項` : `贈品品項`}</div>
                                                                         ${BgWidget.mbContainer(18)}
                                                                         ${obj.gvc.bindView(() => {
                                                                             const id = gvc.glitter.getUUID();
                                                                             return {
                                                                                 bind: id,
                                                                                 view: () => {
-                                                                                    
                                                                                     try {
                                                                                         return html`
                                                                                             <div
-                                                                                                    class="d-flex align-items-center gray-bottom-line-18"
-                                                                                                    style="gap: 24px; justify-content: space-between;"
+                                                                                                class="d-flex align-items-center gray-bottom-line-18"
+                                                                                                style="gap: 24px; justify-content: space-between;"
                                                                                             >
                                                                                                 <div class="form-check-label c_updown_label">
-                                                                                                    <div class="tx_normal">
-                                                                                                        商品列表
-                                                                                                    </div>
+                                                                                                    <div class="tx_normal">商品列表</div>
                                                                                                 </div>
                                                                                                 ${BgWidget.grayButton(
-                                                                                                        '選擇商品',
-                                                                                                        gvc.event(() => {
-                                                                                                            BgProduct.productsDialog({
-                                                                                                                gvc: gvc,
-                                                                                                                default: voucherData.add_on_products ?? [],
-                                                                                                                callback: async (value) => {
-                                                                                                                    voucherData.add_on_products = value;
-                                                                                                                    gvc.notifyDataChange(id)
-                                                                                                                },
-                                                                                                                filter: (dd) => {
-                                                                                                                    return true
-
-                                                                                                                },
-                                                                                                                productType:(voucherData.reBackType==='add_on_items')  ? 'addProduct':'giveaway'
-                                                                                                            });
-                                                                                                        }),
-                                                                                                        {textStyle: 'font-weight: 400;'}
+                                                                                                    '選擇商品',
+                                                                                                    gvc.event(() => {
+                                                                                                        BgProduct.productsDialog({
+                                                                                                            gvc: gvc,
+                                                                                                            default: voucherData.add_on_products ?? [],
+                                                                                                            callback: async (value) => {
+                                                                                                                voucherData.add_on_products = value;
+                                                                                                                gvc.notifyDataChange(id);
+                                                                                                            },
+                                                                                                            filter: (dd) => {
+                                                                                                                return true;
+                                                                                                            },
+                                                                                                            productType: voucherData.reBackType === 'add_on_items' ? 'addProduct' : 'giveaway',
+                                                                                                        });
+                                                                                                    }),
+                                                                                                    { textStyle: 'font-weight: 400;' }
                                                                                                 )}
                                                                                             </div>
                                                                                             ${gvc.bindView(() => {
                                                                                                 const vm: {
-                                                                                                    id: string,
-                                                                                                    loading: boolean,
-                                                                                                    data: OptionsItem[]
+                                                                                                    id: string;
+                                                                                                    loading: boolean;
+                                                                                                    data: OptionsItem[];
                                                                                                 } = {
                                                                                                     id: gvc.glitter.getUUID(),
                                                                                                     loading: true,
-                                                                                                    data: []
-                                                                                                }
+                                                                                                    data: [],
+                                                                                                };
                                                                                                 BgProduct.getProductOpts(voucherData.add_on_products!).then((res) => {
-                                                                                                    vm.data = res
-                                                                                                    vm.loading = false
-                                                                                                    gvc.notifyDataChange(vm.id)
-                                                                                                })
+                                                                                                    vm.data = res;
+                                                                                                    vm.loading = false;
+                                                                                                    gvc.notifyDataChange(vm.id);
+                                                                                                });
                                                                                                 return {
                                                                                                     bind: vm.id,
                                                                                                     view: async () => {
                                                                                                         if (vm.loading) {
-                                                                                                            return BgWidget.spinner()
+                                                                                                            return BgWidget.spinner();
                                                                                                         }
-                                                                                                        return vm.data.map((opt: OptionsItem, index) => {
-                                                                                                            return html`
-                                                                                                                <div
-                                                                                                                        class="d-flex align-items-center form-check-label c_updown_label gap-3"
+                                                                                                        return vm.data
+                                                                                                            .map((opt: OptionsItem, index) => {
+                                                                                                                return html` <div
+                                                                                                                    class="d-flex align-items-center form-check-label c_updown_label gap-3"
                                                                                                                 >
-                                                                                                                    <span class="tx_normal">${index + 1}
-                                                                                                                        .</span>
+                                                                                                                    <span class="tx_normal">${index + 1} .</span>
                                                                                                                     ${BgWidget.validImageBox({
                                                                                                                         gvc: gvc,
                                                                                                                         image: opt.image,
-                                                                                                                        width: 40
+                                                                                                                        width: 40,
                                                                                                                     })}
-                                                                                                                    <div class="tx_normal ${opt.note ? 'mb-1' : ''}">
-                                                                                                                        ${opt.value}
-                                                                                                                    </div>
-                                                                                                                    ${opt.note ? html`
-                                                                                                                        <div class="tx_gray_12">
-                                                                                                                            ${opt.note}
-                                                                                                                        </div> ` : ''}
+                                                                                                                    <div class="tx_normal ${opt.note ? 'mb-1' : ''}">${opt.value}</div>
+                                                                                                                    ${opt.note ? html` <div class="tx_gray_12">${opt.note}</div> ` : ''}
                                                                                                                 </div>`;
-                                                                                                        }).join('')
-                                                                                                    }, divCreate: {
+                                                                                                            })
+                                                                                                            .join('');
+                                                                                                    },
+                                                                                                    divCreate: {
                                                                                                         class: `d-flex py-2 flex-column`,
-                                                                                                        style: `gap:10px;`
-                                                                                                    }
-                                                                                                }
+                                                                                                        style: `gap:10px;`,
+                                                                                                    },
+                                                                                                };
                                                                                             })}
                                                                                         `;
                                                                                     } catch (e) {
@@ -1231,494 +1129,479 @@ export class ShoppingDiscountSetting {
                                                                                     }
                                                                                 },
                                                                                 divCreate: {
-                                                                                    class: `w-100`
-                                                                                }
+                                                                                    class: `w-100`,
+                                                                                },
                                                                             };
                                                                         })}
-                                                                    `
-                                                                }
-                                                            }
-                                                        }))]
-                                                    } else {
-                                                        return []
-                                                    }
-                                                })(),
-                                                BgWidget.mainCard(
-                                                        gvc.bindView(() => {
-                                                            return {
-                                                                bind: pageVM.conditionId,
-                                                                view: () => {
-                                                                    const conditionInput = (text: string) => {
-                                                                        return BgWidget.editeInput({
-                                                                            gvc: gvc,
-                                                                            title: '',
-                                                                            divStyle: 'width:150px;',
-                                                                            default: `${voucherData.ruleValue ?? 0}`,
-                                                                            placeHolder: '',
-                                                                            callback: (value) => {
-                                                                                voucherData.ruleValue = parseInt(value, 10);
-                                                                                gvc.notifyDataChange(pageVM.conditionId);
-                                                                            },
-                                                                            endText: text,
-                                                                        });
-                                                                    };
-                                                                    const n = voucherData.ruleValue;
-                                                                    const floor = Math.floor(n / 2);
-                                                                    const ruleText = (sum: number) => {
-                                                                        return `${sum}${voucherData.rule === 'min_count' ? '個' : '元'}`;
-                                                                    };
-                                                                    voucherData.counting = voucherData.method === 'percent' || voucherData.reBackType === 'shipment_free' ? 'single' : voucherData.counting;
-                                                                    voucherData.conditionType = voucherData.reBackType === 'shipment_free' ? 'order' : voucherData.conditionType;
-                                                                    return [
-                                                                        html`
-                                                                            <div class="tx_700">消費條件</div>
-                                                                            ${BgWidget.mbContainer(18)}
-                                                                            ${BgWidget.multiCheckboxContainer(
-                                                                                    gvc,
-                                                                                    [
-                                                                                        {
-                                                                                            key: 'min_price',
-                                                                                            name: '最低消費金額',
-                                                                                            innerHtml: conditionInput('元'),
-                                                                                        },
-                                                                                        {
-                                                                                            key: 'min_count',
-                                                                                            name: '最少購買數量',
-                                                                                            innerHtml: conditionInput('個'),
-                                                                                        },
-                                                                                    ],
-                                                                                    [voucherData.rule],
-                                                                                    (text) => {
-                                                                                        voucherData.ruleValue = 0;
-                                                                                        voucherData.rule = text[0] as 'min_price' | 'min_count';
-                                                                                        gvc.notifyDataChange(pageVM.conditionId);
-                                                                                    },
-                                                                                    {single: true}
-                                                                            )}`,
-                                                                        html`
-                                                                            <div class="tx_700">計算單位</div>
-                                                                            ${BgWidget.mbContainer(18)}
-                                                                            ${BgWidget.multiCheckboxContainer(
-                                                                                    gvc,
-                                                                                    [
-                                                                                        {
-                                                                                            key: 'order',
-                                                                                            name: '以整份訂單計算',
-                                                                                            innerHtml: BgWidget.grayNote(
-                                                                                                    (() => {
-                                                                                                        if (voucherData.reBackType === 'shipment_free') {
-                                                                                                            return '優惠條件為整份訂單免運費';
-                                                                                                        }
-                                                                                                        return `若商品A購買${ruleText(floor)}，加上商品B購買${ruleText(n - floor)}，可觸發優惠`;
-                                                                                                    })()
-                                                                                            ),
-                                                                                        },
-                                                                                        {
-                                                                                            key: 'item',
-                                                                                            name: '以商品計算',
-                                                                                            innerHtml: BgWidget.grayNote(
-                                                                                                    `需要商品A購買滿${ruleText(n)}，或商品B購買滿${ruleText(n)}，即可觸發優惠<br/>若商品A購買${ruleText(
-                                                                                                            floor
-                                                                                                    )}，加上商品B購買${ruleText(n - floor)}，無法觸發優惠`
-                                                                                            ),
-                                                                                        },
-                                                                                    ],
-                                                                                    [voucherData.conditionType],
-                                                                                    (text) => {
-                                                                                        voucherData.conditionType = text[0] as 'item' | 'order';
-                                                                                        gvc.notifyDataChange(pageVM.conditionId);
-                                                                                    },
-                                                                                    {
-                                                                                        single: true,
-                                                                                        readonly: voucherData.reBackType === 'shipment_free'
-                                                                                    }
-                                                                            )}`,
-                                                                        html`
-                                                                            <div class="tx_700">重複觸發</div>
-                                                                            ${BgWidget.mbContainer(18)}
-                                                                            ${BgWidget.multiCheckboxContainer(
-                                                                                    gvc,
-                                                                                    [
-                                                                                        {
-                                                                                            key: 'single',
-                                                                                            name: '不重複',
-                                                                                            innerHtml: BgWidget.grayNote(
-                                                                                                    (() => {
-                                                                                                        if (voucherData.reBackType === 'shipment_free') {
-                                                                                                            return '整份訂單免運費，優惠不重複';
-                                                                                                        }
-                                                                                                        if (voucherData.method === 'percent') {
-                                                                                                            return '依百分比計算，優惠不重複';
-                                                                                                        }
-                                                                                                        return `購買${ruleText(n)}折Y元，額外購買至${ruleText(n * 2)}或${ruleText(n * 3)}依然是折Y元`;
-                                                                                                    })()
-                                                                                            ),
-                                                                                        },
-                                                                                        {
-                                                                                            key: 'each',
-                                                                                            name: '重複',
-                                                                                            innerHtml: BgWidget.grayNote(
-                                                                                                    `購買${ruleText(n)}折Y元，購買${ruleText(n * 2)}則折Y * 2元，購買${ruleText(n * 3)}則折Y * 3元，以此類推`
-                                                                                            ),
-                                                                                        },
-                                                                                    ],
-                                                                                    [voucherData.counting],
-                                                                                    (text) => {
-                                                                                        voucherData.counting = text[0] as 'single' | 'each';
-                                                                                        gvc.notifyDataChange(pageVM.conditionId);
-                                                                                    },
-                                                                                    {
-                                                                                        single: true,
-                                                                                        readonly: voucherData.method === 'percent' || voucherData.reBackType === 'shipment_free'
-                                                                                    }
-                                                                            )}`,
-                                                                    ].join(BgWidget.horizontalLine());
+                                                                    `;
                                                                 },
                                                             };
                                                         })
-                                                ),
-                                                BgWidget.mainCard(
-                                                        gvc.bindView(() => {
-                                                            const id = glitter.getUUID();
-                                                            return {
-                                                                bind: id,
-                                                                view: () => {
-                                                                    return html`
-                                                                        <div class="tx_700">是否與其他優惠券疊加使用
-                                                                        </div>
-                                                                        ${BgWidget.mbContainer(18)}
-                                                                        ${BgWidget.multiCheckboxContainer(
-                                                                                gvc,
-                                                                                [
-                                                                                    {
-                                                                                        key: 'false',
-                                                                                        name: '不可疊加',
-                                                                                    },
-                                                                                    {
-                                                                                        key: 'true',
-                                                                                        name: '可以疊加',
-                                                                                        innerHtml: BgWidget.grayNote('系統將以最大優惠排序進行判定'),
-                                                                                    },
-                                                                                ],
-                                                                                [voucherData.overlay ? 'true' : 'false'],
-                                                                                (text) => {
-                                                                                    voucherData.overlay = text[0] === 'true';
-                                                                                    gvc.notifyDataChange(id);
-                                                                                },
-                                                                                {single: true}
-                                                                        )}`;
+                                                    ),
+                                                ];
+                                            } else {
+                                                return [];
+                                            }
+                                        })(),
+                                        BgWidget.mainCard(
+                                            gvc.bindView(() => {
+                                                return {
+                                                    bind: pageVM.conditionId,
+                                                    view: () => {
+                                                        const conditionInput = (text: string) => {
+                                                            return BgWidget.editeInput({
+                                                                gvc: gvc,
+                                                                title: '',
+                                                                divStyle: 'width:150px;',
+                                                                default: `${voucherData.ruleValue ?? 0}`,
+                                                                placeHolder: '',
+                                                                callback: (value) => {
+                                                                    voucherData.ruleValue = parseInt(value, 10);
+                                                                    gvc.notifyDataChange(pageVM.conditionId);
                                                                 },
-                                                            };
-                                                        })
-                                                ),
-                                                BgWidget.mainCard(
-                                                        gvc.bindView(() => {
-                                                            const id = glitter.getUUID();
-                                                            return {
-                                                                bind: id,
-                                                                view: () => {
-                                                                    const inputStyle = 'display: block; width:200px;';
-                                                                    return [
-                                                                        html`
-                                                                            <div class="tx_700">全館總使用次數</div>
-                                                                            ${BgWidget.mbContainer(18)}
-                                                                            ${BgWidget.multiCheckboxContainer(
-                                                                                    gvc,
-                                                                                    [
-                                                                                        {
-                                                                                            key: 'noLimited',
-                                                                                            name: '無限制',
-                                                                                        },
-                                                                                        {
-                                                                                            key: 'hasLimited',
-                                                                                            name: '限制次數',
-                                                                                            innerHtml: html`
-                                                                                                <div class="d-flex align-items-center">
-                                                                                                    <span class="tx_normal me-2">可使用次數</span>
-                                                                                                    ${BgWidget.editeInput({
-                                                                                                        gvc: gvc,
-                                                                                                        title: '',
-                                                                                                        type: 'number',
-                                                                                                        divStyle: 'width: 150px;',
-                                                                                                        default: `${voucherData.macroLimited ?? 0}`,
-                                                                                                        placeHolder: '',
-                                                                                                        callback: (text) => {
-                                                                                                            voucherData.macroLimited = parseInt(text, 10);
-                                                                                                        },
-                                                                                                        endText: '次',
-                                                                                                    })}
-                                                                                                </div>`,
-                                                                                        },
-                                                                                    ],
-                                                                                    [voucherData.macroLimited === 0 ? 'noLimited' : 'hasLimited'],
-                                                                                    (text) => {
-                                                                                        if (text[0] === 'noLimited') {
-                                                                                            voucherData.macroLimited = 0;
-                                                                                        }
+                                                                endText: text,
+                                                            });
+                                                        };
+                                                        const n = voucherData.ruleValue;
+                                                        const floor = Math.floor(n / 2);
+                                                        const ruleText = (sum: number) => {
+                                                            return `${sum}${voucherData.rule === 'min_count' ? '個' : '元'}`;
+                                                        };
+                                                        voucherData.counting = voucherData.method === 'percent' || voucherData.reBackType === 'shipment_free' ? 'single' : voucherData.counting;
+                                                        voucherData.conditionType = voucherData.reBackType === 'shipment_free' ? 'order' : voucherData.conditionType;
+                                                        return [
+                                                            html` <div class="tx_700">消費條件</div>
+                                                                ${BgWidget.mbContainer(18)}
+                                                                ${BgWidget.multiCheckboxContainer(
+                                                                    gvc,
+                                                                    [
+                                                                        {
+                                                                            key: 'min_price',
+                                                                            name: '最低消費金額',
+                                                                            innerHtml: conditionInput('元'),
+                                                                        },
+                                                                        {
+                                                                            key: 'min_count',
+                                                                            name: '最少購買數量',
+                                                                            innerHtml: conditionInput('個'),
+                                                                        },
+                                                                    ],
+                                                                    [voucherData.rule],
+                                                                    (text) => {
+                                                                        voucherData.ruleValue = 0;
+                                                                        voucherData.rule = text[0] as 'min_price' | 'min_count';
+                                                                        gvc.notifyDataChange(pageVM.conditionId);
+                                                                    },
+                                                                    { single: true }
+                                                                )}`,
+                                                            html` <div class="tx_700">計算單位</div>
+                                                                ${BgWidget.mbContainer(18)}
+                                                                ${BgWidget.multiCheckboxContainer(
+                                                                    gvc,
+                                                                    [
+                                                                        {
+                                                                            key: 'order',
+                                                                            name: '以整份訂單計算',
+                                                                            innerHtml: BgWidget.grayNote(
+                                                                                (() => {
+                                                                                    if (voucherData.reBackType === 'shipment_free') {
+                                                                                        return '優惠條件為整份訂單免運費';
+                                                                                    }
+                                                                                    return `若商品A購買${ruleText(floor)}，加上商品B購買${ruleText(n - floor)}，可觸發優惠`;
+                                                                                })()
+                                                                            ),
+                                                                        },
+                                                                        {
+                                                                            key: 'item',
+                                                                            name: '以商品計算',
+                                                                            innerHtml: BgWidget.grayNote(
+                                                                                `需要商品A購買滿${ruleText(n)}，或商品B購買滿${ruleText(n)}，即可觸發優惠<br/>若商品A購買${ruleText(
+                                                                                    floor
+                                                                                )}，加上商品B購買${ruleText(n - floor)}，無法觸發優惠`
+                                                                            ),
+                                                                        },
+                                                                    ],
+                                                                    [voucherData.conditionType],
+                                                                    (text) => {
+                                                                        voucherData.conditionType = text[0] as 'item' | 'order';
+                                                                        gvc.notifyDataChange(pageVM.conditionId);
+                                                                    },
+                                                                    {
+                                                                        single: true,
+                                                                        readonly: voucherData.reBackType === 'shipment_free',
+                                                                    }
+                                                                )}`,
+                                                            html` <div class="tx_700">重複觸發</div>
+                                                                ${BgWidget.mbContainer(18)}
+                                                                ${BgWidget.multiCheckboxContainer(
+                                                                    gvc,
+                                                                    [
+                                                                        {
+                                                                            key: 'single',
+                                                                            name: '不重複',
+                                                                            innerHtml: BgWidget.grayNote(
+                                                                                (() => {
+                                                                                    if (voucherData.reBackType === 'shipment_free') {
+                                                                                        return '整份訂單免運費，優惠不重複';
+                                                                                    }
+                                                                                    if (voucherData.method === 'percent') {
+                                                                                        return '依百分比計算，優惠不重複';
+                                                                                    }
+                                                                                    return `購買${ruleText(n)}折Y元，額外購買至${ruleText(n * 2)}或${ruleText(n * 3)}依然是折Y元`;
+                                                                                })()
+                                                                            ),
+                                                                        },
+                                                                        {
+                                                                            key: 'each',
+                                                                            name: '重複',
+                                                                            innerHtml: BgWidget.grayNote(
+                                                                                `購買${ruleText(n)}折Y元，購買${ruleText(n * 2)}則折Y * 2元，購買${ruleText(n * 3)}則折Y * 3元，以此類推`
+                                                                            ),
+                                                                        },
+                                                                    ],
+                                                                    [voucherData.counting],
+                                                                    (text) => {
+                                                                        voucherData.counting = text[0] as 'single' | 'each';
+                                                                        gvc.notifyDataChange(pageVM.conditionId);
+                                                                    },
+                                                                    {
+                                                                        single: true,
+                                                                        readonly: voucherData.method === 'percent' || voucherData.reBackType === 'shipment_free',
+                                                                    }
+                                                                )}`,
+                                                        ].join(BgWidget.horizontalLine());
+                                                    },
+                                                };
+                                            })
+                                        ),
+                                        BgWidget.mainCard(
+                                            gvc.bindView(() => {
+                                                const id = glitter.getUUID();
+                                                return {
+                                                    bind: id,
+                                                    view: () => {
+                                                        return html` <div class="tx_700">是否與其他優惠券疊加使用</div>
+                                                            ${BgWidget.mbContainer(18)}
+                                                            ${BgWidget.multiCheckboxContainer(
+                                                                gvc,
+                                                                [
+                                                                    {
+                                                                        key: 'false',
+                                                                        name: '不可疊加',
+                                                                    },
+                                                                    {
+                                                                        key: 'true',
+                                                                        name: '可以疊加',
+                                                                        innerHtml: BgWidget.grayNote('系統將以最大優惠排序進行判定'),
+                                                                    },
+                                                                ],
+                                                                [voucherData.overlay ? 'true' : 'false'],
+                                                                (text) => {
+                                                                    voucherData.overlay = text[0] === 'true';
+                                                                    gvc.notifyDataChange(id);
+                                                                },
+                                                                { single: true }
+                                                            )}`;
+                                                    },
+                                                };
+                                            })
+                                        ),
+                                        BgWidget.mainCard(
+                                            gvc.bindView(() => {
+                                                const id = glitter.getUUID();
+                                                return {
+                                                    bind: id,
+                                                    view: () => {
+                                                        const inputStyle = 'display: block; width:200px;';
+                                                        return [
+                                                            html` <div class="tx_700">全館總使用次數</div>
+                                                                ${BgWidget.mbContainer(18)}
+                                                                ${BgWidget.multiCheckboxContainer(
+                                                                    gvc,
+                                                                    [
+                                                                        {
+                                                                            key: 'noLimited',
+                                                                            name: '無限制',
+                                                                        },
+                                                                        {
+                                                                            key: 'hasLimited',
+                                                                            name: '限制次數',
+                                                                            innerHtml: html` <div class="d-flex align-items-center">
+                                                                                <span class="tx_normal me-2">可使用次數</span>
+                                                                                ${BgWidget.editeInput({
+                                                                                    gvc: gvc,
+                                                                                    title: '',
+                                                                                    type: 'number',
+                                                                                    divStyle: 'width: 150px;',
+                                                                                    default: `${voucherData.macroLimited ?? 0}`,
+                                                                                    placeHolder: '',
+                                                                                    callback: (text) => {
+                                                                                        voucherData.macroLimited = parseInt(text, 10);
                                                                                     },
-                                                                                    {single: true}
-                                                                            )}`,
-                                                                        html`
-                                                                            <div class="tx_700">個人總使用次數</div>
-                                                                            ${BgWidget.mbContainer(18)}
-                                                                            ${BgWidget.multiCheckboxContainer(
-                                                                                    gvc,
-                                                                                    [
-                                                                                        {
-                                                                                            key: 'noLimited',
-                                                                                            name: '無限制',
-                                                                                        },
-                                                                                        {
-                                                                                            key: 'hasLimited',
-                                                                                            name: '限制次數',
-                                                                                            innerHtml: html`
-                                                                                                <div class="d-flex align-items-center">
-                                                                                                    <span class="tx_normal me-2">可使用次數</span>
-                                                                                                    ${BgWidget.editeInput({
-                                                                                                        gvc: gvc,
-                                                                                                        title: '',
-                                                                                                        type: 'number',
-                                                                                                        divStyle: 'width: 150px;',
-                                                                                                        default: `${voucherData.microLimited ?? 0}`,
-                                                                                                        placeHolder: '',
-                                                                                                        callback: (text) => {
-                                                                                                            voucherData.microLimited = parseInt(text, 10);
-                                                                                                        },
-                                                                                                        endText: '次',
-                                                                                                    })}
-                                                                                                </div>`,
-                                                                                        },
-                                                                                    ],
-                                                                                    [voucherData.microLimited === 0 ? 'noLimited' : 'hasLimited'],
-                                                                                    (text) => {
-                                                                                        if (text[0] === 'noLimited') {
-                                                                                            voucherData.microLimited = 0;
-                                                                                        }
+                                                                                    endText: '次',
+                                                                                })}
+                                                                            </div>`,
+                                                                        },
+                                                                    ],
+                                                                    [voucherData.macroLimited === 0 ? 'noLimited' : 'hasLimited'],
+                                                                    (text) => {
+                                                                        if (text[0] === 'noLimited') {
+                                                                            voucherData.macroLimited = 0;
+                                                                        }
+                                                                    },
+                                                                    { single: true }
+                                                                )}`,
+                                                            html` <div class="tx_700">個人總使用次數</div>
+                                                                ${BgWidget.mbContainer(18)}
+                                                                ${BgWidget.multiCheckboxContainer(
+                                                                    gvc,
+                                                                    [
+                                                                        {
+                                                                            key: 'noLimited',
+                                                                            name: '無限制',
+                                                                        },
+                                                                        {
+                                                                            key: 'hasLimited',
+                                                                            name: '限制次數',
+                                                                            innerHtml: html` <div class="d-flex align-items-center">
+                                                                                <span class="tx_normal me-2">可使用次數</span>
+                                                                                ${BgWidget.editeInput({
+                                                                                    gvc: gvc,
+                                                                                    title: '',
+                                                                                    type: 'number',
+                                                                                    divStyle: 'width: 150px;',
+                                                                                    default: `${voucherData.microLimited ?? 0}`,
+                                                                                    placeHolder: '',
+                                                                                    callback: (text) => {
+                                                                                        voucherData.microLimited = parseInt(text, 10);
                                                                                     },
-                                                                                    {single: true}
-                                                                            )}`,
-                                                                        html`
-                                                                            <div class="tx_700">有效日期</div>
-                                                                            <div class="d-flex mb-3 ${document.body.clientWidth < 768 ? 'flex-column' : ''}"
-                                                                                 style="gap: 12px">
+                                                                                    endText: '次',
+                                                                                })}
+                                                                            </div>`,
+                                                                        },
+                                                                    ],
+                                                                    [voucherData.microLimited === 0 ? 'noLimited' : 'hasLimited'],
+                                                                    (text) => {
+                                                                        if (text[0] === 'noLimited') {
+                                                                            voucherData.microLimited = 0;
+                                                                        }
+                                                                    },
+                                                                    { single: true }
+                                                                )}`,
+                                                            html` <div class="tx_700">有效日期</div>
+                                                                <div class="d-flex mb-3 ${document.body.clientWidth < 768 ? 'flex-column' : ''}" style="gap: 12px">
+                                                                    <div class="d-flex align-items-center">
+                                                                        <span class="tx_normal me-2">開始日期</span>
+                                                                        ${BgWidget.editeInput({
+                                                                            gvc: gvc,
+                                                                            title: '',
+                                                                            type: 'date',
+                                                                            style: inputStyle,
+                                                                            default: `${voucherData.startDate}`,
+                                                                            placeHolder: '',
+                                                                            callback: (text) => {
+                                                                                voucherData.startDate = text;
+                                                                            },
+                                                                        })}
+                                                                    </div>
+                                                                    <div class="d-flex align-items-center">
+                                                                        <span class="tx_normal me-2">開始時間</span>
+                                                                        ${BgWidget.editeInput({
+                                                                            gvc: gvc,
+                                                                            title: '',
+                                                                            type: 'time',
+                                                                            style: inputStyle,
+                                                                            default: `${voucherData.startTime}`,
+                                                                            placeHolder: '',
+                                                                            callback: (text) => {
+                                                                                voucherData.startTime = text;
+                                                                            },
+                                                                        })}
+                                                                    </div>
+                                                                </div>
+                                                                ${BgWidget.multiCheckboxContainer(
+                                                                    gvc,
+                                                                    [
+                                                                        {
+                                                                            key: 'noEnd',
+                                                                            name: '無期限',
+                                                                        },
+                                                                        {
+                                                                            key: 'withEnd',
+                                                                            name: '有效期限',
+                                                                            innerHtml: html` <div class="d-flex mt-0 mt-md-3 ${document.body.clientWidth < 768 ? 'flex-column' : ''}" style="gap: 12px">
                                                                                 <div class="d-flex align-items-center">
-                                                                                    <span class="tx_normal me-2">開始日期</span>
+                                                                                    <span class="tx_normal me-2">結束日期</span>
                                                                                     ${BgWidget.editeInput({
                                                                                         gvc: gvc,
                                                                                         title: '',
                                                                                         type: 'date',
                                                                                         style: inputStyle,
-                                                                                        default: `${voucherData.startDate}`,
+                                                                                        default: `${voucherData.endDate}`,
                                                                                         placeHolder: '',
                                                                                         callback: (text) => {
-                                                                                            voucherData.startDate = text;
+                                                                                            voucherData.endDate = text;
                                                                                         },
                                                                                     })}
                                                                                 </div>
                                                                                 <div class="d-flex align-items-center">
-                                                                                    <span class="tx_normal me-2">開始時間</span>
+                                                                                    <span class="tx_normal me-2">結束時間</span>
                                                                                     ${BgWidget.editeInput({
                                                                                         gvc: gvc,
                                                                                         title: '',
                                                                                         type: 'time',
                                                                                         style: inputStyle,
-                                                                                        default: `${voucherData.startTime}`,
+                                                                                        default: `${voucherData.endTime}`,
                                                                                         placeHolder: '',
                                                                                         callback: (text) => {
-                                                                                            voucherData.startTime = text;
+                                                                                            voucherData.endTime = text;
                                                                                         },
                                                                                     })}
                                                                                 </div>
-                                                                            </div>
-                                                                            ${BgWidget.multiCheckboxContainer(
-                                                                                    gvc,
-                                                                                    [
-                                                                                        {
-                                                                                            key: 'noEnd',
-                                                                                            name: '無期限',
-                                                                                        },
-                                                                                        {
-                                                                                            key: 'withEnd',
-                                                                                            name: '有效期限',
-                                                                                            innerHtml: html`
-                                                                                                <div class="d-flex mt-0 mt-md-3 ${document.body.clientWidth < 768 ? 'flex-column' : ''}"
-                                                                                                     style="gap: 12px">
-                                                                                                    <div class="d-flex align-items-center">
-                                                                                                        <span class="tx_normal me-2">結束日期</span>
-                                                                                                        ${BgWidget.editeInput({
-                                                                                                            gvc: gvc,
-                                                                                                            title: '',
-                                                                                                            type: 'date',
-                                                                                                            style: inputStyle,
-                                                                                                            default: `${voucherData.endDate}`,
-                                                                                                            placeHolder: '',
-                                                                                                            callback: (text) => {
-                                                                                                                voucherData.endDate = text;
-                                                                                                            },
-                                                                                                        })}
-                                                                                                    </div>
-                                                                                                    <div class="d-flex align-items-center">
-                                                                                                        <span class="tx_normal me-2">結束時間</span>
-                                                                                                        ${BgWidget.editeInput({
-                                                                                                            gvc: gvc,
-                                                                                                            title: '',
-                                                                                                            type: 'time',
-                                                                                                            style: inputStyle,
-                                                                                                            default: `${voucherData.endTime}`,
-                                                                                                            placeHolder: '',
-                                                                                                            callback: (text) => {
-                                                                                                                voucherData.endTime = text;
-                                                                                                            },
-                                                                                                        })}
-                                                                                                    </div>
-                                                                                                </div>`,
-                                                                                        },
-                                                                                    ],
-                                                                                    [voucherData.endDate ? `withEnd` : `noEnd`],
-                                                                                    (text) => {
-                                                                                        if (text[0] === 'noEnd') {
-                                                                                            voucherData.endDate = undefined;
-                                                                                            voucherData.endTime = undefined;
-                                                                                        }
-                                                                                    },
-                                                                                    {single: true}
-                                                                            )}`,
-                                                                    ].join(BgWidget.horizontalLine());
-                                                                },
-                                                            };
-                                                        })
-                                                ),
-                                            ].join(BgWidget.mbContainer(24)),
-                                            undefined,
-                                            'padding: 0 ; margin: 0 !important; width: 68.5%;'
-                                    )}
-                                    ${BgWidget.container(
-                                            // 摘要預覽
-                                            gvc.bindView(() => {
-                                                const id = gvc.glitter.getUUID();
-                                                return {
-                                                    bind: id,
-                                                    dataList: Object.keys(voucherData).map((key) => {
-                                                        return {obj: voucherData, key};
-                                                    }),
-                                                    view: () => {
-                                                        return BgWidget.mainCard(
-                                                                gvc.bindView(() => {
-                                                                    const id = gvc.glitter.getUUID();
-                                                                    return {
-                                                                        bind: id,
-                                                                        view: () => {
-                                                                            return html`
-                                                                                <div class="tx_700">摘要</div>
-                                                                                ${BgWidget.mbContainer(18)}
-                                                                                <div style="display: flex; gap: 12px; flex-direction: column;">
-                                                                                    ${gvc.map(
-                                                                                            getVoucherTextList().map((text) => {
-                                                                                                return html`
-                                                                                                    <div class="${text.length > 0 ? 'tx_normal' : 'gray-top-bottom-line-6'}">
-                                                                                                        ${text}
-                                                                                                    </div>`;
-                                                                                            })
-                                                                                    )}
-                                                                                </div>
-                                                                            `;
+                                                                            </div>`,
                                                                         },
-                                                                    };
-                                                                })
-                                                        );
-                                                    },
-                                                    divCreate: {
-                                                        class: 'summary-card p-0',
+                                                                    ],
+                                                                    [voucherData.endDate ? `withEnd` : `noEnd`],
+                                                                    (text) => {
+                                                                        if (text[0] === 'noEnd') {
+                                                                            voucherData.endDate = undefined;
+                                                                            voucherData.endTime = undefined;
+                                                                        }
+                                                                    },
+                                                                    { single: true }
+                                                                )}`,
+                                                        ].join(BgWidget.horizontalLine());
                                                     },
                                                 };
+                                            })
+                                        ),
+                                    ].join(BgWidget.mbContainer(24)),
+                                    undefined,
+                                    'padding: 0 ; margin: 0 !important; width: 68.5%;'
+                                )}
+                                ${BgWidget.container(
+                                    // 摘要預覽
+                                    gvc.bindView(() => {
+                                        const id = gvc.glitter.getUUID();
+                                        return {
+                                            bind: id,
+                                            dataList: Object.keys(voucherData).map((key) => {
+                                                return { obj: voucherData, key };
                                             }),
-                                            undefined,
-                                            'padding: 0; margin: 0 !important; width: 26.5%;'
-                                    )}
-                                </div>`,
+                                            view: () => {
+                                                return BgWidget.mainCard(
+                                                    gvc.bindView(() => {
+                                                        const id = gvc.glitter.getUUID();
+                                                        return {
+                                                            bind: id,
+                                                            view: () => {
+                                                                return html`
+                                                                    <div class="tx_700">摘要</div>
+                                                                    ${BgWidget.mbContainer(18)}
+                                                                    <div style="display: flex; gap: 12px; flex-direction: column;">
+                                                                        ${gvc.map(
+                                                                            getVoucherTextList().map((text) => {
+                                                                                return html` <div class="${text.length > 0 ? 'tx_normal' : 'gray-top-bottom-line-6'}">${text}</div>`;
+                                                                            })
+                                                                        )}
+                                                                    </div>
+                                                                `;
+                                                            },
+                                                        };
+                                                    })
+                                                );
+                                            },
+                                            divCreate: {
+                                                class: 'summary-card p-0',
+                                            },
+                                        };
+                                    }),
+                                    undefined,
+                                    'padding: 0; margin: 0 !important; width: 26.5%;'
+                                )}
+                            </div>`,
                             // 空白容器
                             BgWidget.mbContainer(240),
                             // 儲存資料
-                            html`
-                                <div class="update-bar-container">
-                                    ${obj.type === 'replace'
-                                            ? BgWidget.cancel(
-                                                    gvc.event(() => {
-                                                        const dialog = new ShareDialog(obj.gvc.glitter);
-                                                        dialog.checkYesOrNot({
-                                                            text: '是否確認刪除優惠券?',
-                                                            callback: (response) => {
-                                                                if (response) {
-                                                                    dialog.dataLoading({visible: true});
-                                                                    ApiShop.deleteVoucher({
-                                                                        id: voucherData.id,
-                                                                    }).then((res) => {
-                                                                        dialog.dataLoading({visible: false});
-                                                                        if (res.result) {
-                                                                            vm.type = 'list';
-                                                                        } else {
-                                                                            dialog.errorMessage({text: '刪除失敗'});
-                                                                        }
-                                                                    });
-                                                                }
-                                                            },
-                                                        });
-                                                    }),
-                                                    '刪除優惠券'
-                                            )
-                                            : ''}
-                                    ${BgWidget.cancel(
-                                            gvc.event(() => {
-                                                vm.type = 'list';
-                                            })
-                                    )}
-                                    ${BgWidget.save(
-                                            gvc.event(() => {
-                                                voucherData.start_ISO_Date = '';
-                                                voucherData.end_ISO_Date = '';
-                                                glitter.ut.tryMethod([
-                                                    () => {
-                                                        voucherData.start_ISO_Date = new Date(`${voucherData.startDate} ${voucherData.startTime}`).toISOString();
-                                                    },
-                                                    () => {
-                                                        voucherData.end_ISO_Date = new Date(`${voucherData.endDate} ${voucherData.endTime}`).toISOString();
-                                                    },
-                                                ]);
-                                                const dialog = new ShareDialog(gvc.glitter);
-                                                if (obj.type === 'replace') {
-                                                    dialog.dataLoading({text: '正在更新優惠券', visible: true});
-                                                    ApiPost.put({
-                                                        postData: voucherData,
-                                                        token: (window.parent as any).saasConfig.config.token,
-                                                        type: 'manager',
-                                                    }).then((re) => {
-                                                        dialog.dataLoading({visible: false});
-                                                        if (re.result) {
-                                                            vm.status = 'list';
-                                                            dialog.successMessage({text: '上傳成功'});
-                                                        } else {
-                                                            dialog.errorMessage({text: '上傳失敗'});
-                                                        }
-                                                    });
+                            html` <div class="update-bar-container">
+                                ${obj.type === 'replace'
+                                    ? BgWidget.cancel(
+                                          gvc.event(() => {
+                                              const dialog = new ShareDialog(obj.gvc.glitter);
+                                              dialog.checkYesOrNot({
+                                                  text: '是否確認刪除優惠券?',
+                                                  callback: (response) => {
+                                                      if (response) {
+                                                          dialog.dataLoading({ visible: true });
+                                                          ApiShop.deleteVoucher({
+                                                              id: voucherData.id,
+                                                          }).then((res) => {
+                                                              dialog.dataLoading({ visible: false });
+                                                              if (res.result) {
+                                                                  vm.type = 'list';
+                                                              } else {
+                                                                  dialog.errorMessage({ text: '刪除失敗' });
+                                                              }
+                                                          });
+                                                      }
+                                                  },
+                                              });
+                                          }),
+                                          '刪除優惠券'
+                                      )
+                                    : ''}
+                                ${BgWidget.cancel(
+                                    gvc.event(() => {
+                                        vm.type = 'list';
+                                    })
+                                )}
+                                ${BgWidget.save(
+                                    gvc.event(() => {
+                                        voucherData.start_ISO_Date = '';
+                                        voucherData.end_ISO_Date = '';
+                                        glitter.ut.tryMethod([
+                                            () => {
+                                                voucherData.start_ISO_Date = new Date(`${voucherData.startDate} ${voucherData.startTime}`).toISOString();
+                                            },
+                                            () => {
+                                                voucherData.end_ISO_Date = new Date(`${voucherData.endDate} ${voucherData.endTime}`).toISOString();
+                                            },
+                                        ]);
+                                        const dialog = new ShareDialog(gvc.glitter);
+                                        if (obj.type === 'replace') {
+                                            dialog.dataLoading({ text: '正在更新優惠券', visible: true });
+                                            ApiPost.put({
+                                                postData: voucherData,
+                                                token: (window.parent as any).saasConfig.config.token,
+                                                type: 'manager',
+                                            }).then((re) => {
+                                                dialog.dataLoading({ visible: false });
+                                                if (re.result) {
+                                                    vm.status = 'list';
+                                                    dialog.successMessage({ text: '上傳成功' });
                                                 } else {
-                                                    dialog.dataLoading({text: '正在新增優惠券', visible: true});
-                                                    ApiPost.post({
-                                                        postData: voucherData,
-                                                        token: (window.parent as any).saasConfig.config.token,
-                                                        type: 'manager',
-                                                    }).then((re) => {
-                                                        dialog.dataLoading({visible: false});
-                                                        if (re.result) {
-                                                            vm.type = 'list';
-                                                            dialog.successMessage({text: `上傳成功`});
-                                                        } else {
-                                                            dialog.errorMessage({text: `上傳失敗`});
-                                                        }
-                                                    });
+                                                    dialog.errorMessage({ text: '上傳失敗' });
                                                 }
-                                            })
-                                    )}
-                                </div>`,
+                                            });
+                                        } else {
+                                            dialog.dataLoading({ text: '正在新增優惠券', visible: true });
+                                            ApiPost.post({
+                                                postData: voucherData,
+                                                token: (window.parent as any).saasConfig.config.token,
+                                                type: 'manager',
+                                            }).then((re) => {
+                                                dialog.dataLoading({ visible: false });
+                                                if (re.result) {
+                                                    vm.type = 'list';
+                                                    dialog.successMessage({ text: `上傳成功` });
+                                                } else {
+                                                    dialog.errorMessage({ text: `上傳失敗` });
+                                                }
+                                            });
+                                        }
+                                    })
+                                )}
+                            </div>`,
                         ].join(BgWidget.mbContainer(24)),
                         BgWidget.getContainerWidth()
                     );