ts-glitter 21.3.1 → 21.3.3

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

@@ -15,6 +15,8 @@ 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 { ShipmentConfig } from '../glitter-base/global/shipment-config.js';
+const html = String.raw;
 export class ShoppingDiscountSetting {
     static getLabel(voucher_type) {
         var _a;
@@ -29,13 +31,13 @@ export class ShoppingDiscountSetting {
     }
     static main(gvc, voucher_type) {
         const glitter = gvc.glitter;
+        const dialog = new ShareDialog(glitter);
         const vm = {
             type: 'list',
             data: undefined,
             dataList: undefined,
             query: undefined,
         };
-        const html = String.raw;
         return gvc.bindView(() => {
             const id = glitter.getUUID();
             return {
@@ -127,7 +129,6 @@ export class ShoppingDiscountSetting {
                                     {
                                         name: '批量移除',
                                         event: () => {
-                                            const dialog = new ShareDialog(gvc.glitter);
                                             dialog.checkYesOrNot({
                                                 text: '是否確認刪除所選項目？',
                                                 callback: response => {
@@ -187,9 +188,15 @@ export class ShoppingDiscountSetting {
         const gvc = obj.gvc;
         const glitter = gvc.glitter;
         const vm = obj.vm;
-        const html = String.raw;
-        const voucherData = Object.assign({ title: '', code: '', trigger: 'auto', method: 'fixed', value: '0', for: 'all', forKey: [], device: ['normal'], rule: 'min_price', ruleValue: 1000, startDate: this.getDateTime().date, startTime: this.getDateTime().time, endDate: undefined, endTime: undefined, status: 1, type: 'voucher', overlay: false, start_ISO_Date: '', end_ISO_Date: '', reBackType: obj.reBackType, rebateEndDay: '30', target: 'all', targetList: [], macroLimited: 0, microLimited: 0, counting: 'single', conditionType: 'order', includeDiscount: 'before', productOffStart: 'price_desc' }, vm.data);
-        function getVoucherTextList() {
+        const dialog = new ShareDialog(glitter);
+        const pageVM = {
+            viewID: gvc.glitter.getUUID(),
+            conditionID: gvc.glitter.getUUID(),
+            countingID: gvc.glitter.getUUID(),
+            productOffID: gvc.glitter.getUUID(),
+        };
+        const voucherData = Object.assign({ title: '', code: '', trigger: 'auto', method: 'fixed', value: '0', for: 'all', forKey: [], device: ['normal'], rule: 'min_price', ruleValue: 1000, startDate: this.getDateTime().date, startTime: this.getDateTime().time, endDate: undefined, endTime: undefined, status: 1, type: 'voucher', overlay: false, start_ISO_Date: '', end_ISO_Date: '', reBackType: obj.reBackType, rebateEndDay: '30', target: 'all', targetList: [], macroLimited: 0, microLimited: 0, counting: 'single', conditionType: 'order', includeDiscount: 'before', productOffStart: 'price_desc', selectShipment: { type: 'all', list: [] } }, vm.data);
+        function summaryTextList() {
             var _a, _b;
             return [
                 `活動標題：${voucherData.title && voucherData.title.length > 0 ? voucherData.title : '尚無標題'}`,
@@ -261,369 +268,515 @@ export class ShoppingDiscountSetting {
                 })()}`,
             ];
         }
-        const pageVM = {
-            conditionId: gvc.glitter.getUUID(),
-            countingId: gvc.glitter.getUUID(),
-            productOffId: gvc.glitter.getUUID(),
-        };
-        return gvc.bindView(() => {
-            const viewID = gvc.glitter.getUUID();
-            return {
-                bind: viewID,
-                view: () => {
-                    var _a;
-                    return BgWidget.container([
-                        html ` <div class="title-container">
-                ${BgWidget.goBack(gvc.event(() => {
-                            vm.type = 'list';
-                        }))}
-                ${BgWidget.title(obj.type === 'add'
-                            ? `新增${ShoppingDiscountSetting.getLabel(obj.reBackType)}`
-                            : `編輯${ShoppingDiscountSetting.getLabel(obj.reBackType)}`)}
-              </div>`,
-                        BgWidget.container1x2({
-                            html: [
-                                BgWidget.mainCard([
-                                    html ` <div class="tx_700">活動標題</div>
-                          ${BgWidget.mbContainer(18)}
-                          ${BgWidget.editeInput({
+        function title() {
+            return 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;')}`;
+        }
+        function status() {
+            return html ` <div class="tx_700">活動狀態</div>
+        ${BgWidget.mbContainer(12)}
+        ${BgWidget.switchTextButton(gvc, voucherData.status === 1, {
+                left: '關閉',
+                right: '啟用',
+            }, bool => {
+                voucherData.status = bool ? 1 : 0;
+            })}`;
+        }
+        function trigger() {
+            return html ` <div class="tx_700">活動方式</div>
+        ${BgWidget.mbContainer(18)}
+        ${BgWidget.multiCheckboxContainer(gvc, [
+                {
+                    key: 'auto',
+                    name: '自動折扣',
+                    innerHtml: BgWidget.grayNote('顧客將在結帳時，自動獲得折扣'),
+                },
+                {
+                    key: 'code',
+                    name: '優惠代碼',
+                    innerHtml: (() => {
+                        const id = glitter.getUUID();
+                        return gvc.bindView({
+                            bind: id,
+                            view: () => {
+                                var _a;
+                                return gvc.map([
+                                    BgWidget.grayNote('顧客可在結帳時輸入優惠代碼，來獲得折扣'),
+                                    BgWidget.editeInput({
                                         gvc: gvc,
                                         title: '',
-                                        default: voucherData.title,
-                                        placeHolder: '請輸入活動標題',
+                                        default: (_a = voucherData.code) !== null && _a !== void 0 ? _a : '',
+                                        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, [
-                                        {
-                                            key: 'auto',
-                                            name: '自動折扣',
-                                            innerHtml: BgWidget.grayNote('顧客將在結帳時，自動獲得折扣'),
-                                        },
-                                        {
-                                            key: 'code',
-                                            name: '優惠代碼',
-                                            innerHtml: (() => {
-                                                const id = glitter.getUUID();
-                                                return gvc.bindView({
-                                                    bind: id,
-                                                    view: () => {
-                                                        var _a;
-                                                        return gvc.map([
-                                                            BgWidget.grayNote('顧客可在結帳時輸入優惠代碼，來獲得折扣'),
-                                                            BgWidget.editeInput({
-                                                                gvc: gvc,
-                                                                title: '',
-                                                                default: (_a = voucherData.code) !== null && _a !== void 0 ? _a : '',
-                                                                placeHolder: '請輸入優惠券代碼',
-                                                                callback: text => {
-                                                                    voucherData.code = text.toUpperCase();
-                                                                },
-                                                                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>`,
-                                                            }),
-                                                        ]);
-                                                    },
-                                                });
-                                            })(),
+                                            voucherData.code = text.toUpperCase();
                                         },
-                                        {
-                                            key: 'distribution',
-                                            name: '供分銷連結或一頁式網頁使用',
-                                        },
-                                    ], [voucherData.trigger], text => {
-                                        if (text[0] === 'auto') {
-                                            voucherData.code = undefined;
-                                        }
-                                        if (text[0] === 'distribution') {
-                                            voucherData.for = 'all';
-                                        }
-                                        voucherData.trigger = text[0];
-                                        gvc.notifyDataChange(viewID);
-                                    }, { single: true })}`,
-                                    html ` <div class="tx_700">活動對象</div>
-                          ${BgWidget.mbContainer(18)}
-                          ${gvc.bindView(() => {
-                                        const id = gvc.glitter.getUUID();
+                                        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];
+                gvc.notifyDataChange(pageVM.viewID);
+            }, { single: true })}`;
+        }
+        function target() {
+            return html ` <div class="tx_700">活動對象</div>
+        ${BgWidget.mbContainer(18)}
+        ${gvc.bindView(() => {
+                const id = gvc.glitter.getUUID();
+                return {
+                    bind: id,
+                    view: () => {
+                        var _a;
+                        return html `
+                <div style="display: flex; flex-direction: column; gap: 8px;">
+                  ${BgWidget.selectFilter({
+                            gvc: gvc,
+                            callback: text => {
+                                voucherData.target = text;
+                                gvc.notifyDataChange(id);
+                            },
+                            default: (_a = voucherData.target) !== null && _a !== void 0 ? _a : 'all',
+                            options: [
+                                {
+                                    key: 'all',
+                                    value: '所有顧客',
+                                },
+                                {
+                                    key: 'customer',
+                                    value: '特定顧客',
+                                },
+                                {
+                                    key: 'levels',
+                                    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: [],
+                                        };
                                         return {
-                                            bind: id,
+                                            bind: customVM.id,
                                             view: () => {
-                                                var _a;
+                                                if (customVM.loading) {
+                                                    return BgWidget.spinner();
+                                                }
                                                 return html `
-                                  <div style="display: flex; flex-direction: column; gap: 8px;">
-                                    ${BgWidget.selectFilter({
-                                                    gvc: gvc,
-                                                    callback: text => {
-                                                        voucherData.target = text;
-                                                        gvc.notifyDataChange(id);
-                                                    },
-                                                    default: (_a = voucherData.target) !== null && _a !== void 0 ? _a : 'all',
-                                                    options: [
-                                                        {
-                                                            key: 'all',
-                                                            value: '所有顧客',
-                                                        },
-                                                        {
-                                                            key: 'customer',
-                                                            value: '特定顧客',
-                                                        },
-                                                        {
-                                                            key: 'levels',
-                                                            value: '會員等級',
+                                  <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(() => {
+                                                    var _a;
+                                                    BgWidget.selectDropDialog({
+                                                        gvc: gvc,
+                                                        title: '搜尋特定顧客',
+                                                        tag: 'select_users',
+                                                        updownOptions: FilterOptions.userOrderBy,
+                                                        callback: value => {
+                                                            voucherData.targetList = value;
+                                                            customVM.loading = true;
+                                                            gvc.notifyDataChange(customVM.id);
                                                         },
-                                                    ],
-                                                    style: 'width: 100%;',
-                                                })}
-                                    <div>
-                                      ${(() => {
-                                                    switch (voucherData.target) {
-                                                        case 'all':
-                                                            return '';
-                                                        case 'customer':
-                                                            return gvc.bindView(() => {
-                                                                const customVM = {
-                                                                    id: gvc.glitter.getUUID(),
-                                                                    loading: true,
-                                                                    dataList: [],
-                                                                };
-                                                                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(() => {
+                                                        default: ((_a = voucherData.targetList) !== null && _a !== void 0 ? _a : []).map(id => id.toString()),
+                                                        api: (data) => {
+                                                            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) => {
                                                                             var _a;
-                                                                            BgWidget.selectDropDialog({
-                                                                                gvc: gvc,
-                                                                                title: '搜尋特定顧客',
-                                                                                tag: 'select_users',
-                                                                                updownOptions: FilterOptions.userOrderBy,
-                                                                                callback: value => {
-                                                                                    voucherData.targetList = value;
-                                                                                    customVM.loading = true;
-                                                                                    gvc.notifyDataChange(customVM.id);
-                                                                                },
-                                                                                default: (_a = voucherData.targetList) !== null && _a !== void 0 ? _a : [],
-                                                                                api: (data) => {
-                                                                                    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) => {
-                                                                                                    var _a;
-                                                                                                    return {
-                                                                                                        key: item.userID,
-                                                                                                        value: (_a = item.userData.name) !== null && _a !== void 0 ? _a : '（尚無姓名）',
-                                                                                                        note: item.userData.email,
-                                                                                                    };
-                                                                                                }));
-                                                                                            }
-                                                                                        });
-                                                                                    });
-                                                                                },
-                                                                                style: 'width: 100%;',
-                                                                            });
-                                                                        }), { textStyle: 'font-weight: 400;' })}
-                                                      </div>
-                                                      ${obj.gvc.map(customVM.dataList.map((opt, 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) => {
-                                                                                            return {
-                                                                                                key: item.userID,
-                                                                                                value: item.userData.name,
-                                                                                                note: item.userData.email,
-                                                                                            };
-                                                                                        });
-                                                                                    }
-                                                                                    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: () => {
-                                                                        var _a;
-                                                                        if (levelVM.loading) {
-                                                                            return BgWidget.spinner({ text: { visible: false } });
-                                                                        }
-                                                                        else {
-                                                                            return BgWidget.selectDropList({
-                                                                                gvc: gvc,
-                                                                                callback: (value) => {
-                                                                                    voucherData.targetList = value;
-                                                                                    gvc.notifyDataChange(id);
-                                                                                },
-                                                                                default: (_a = voucherData.targetList) !== null && _a !== void 0 ? _a : [],
-                                                                                options: levelVM.dataList,
-                                                                                style: 'width: 100%;',
-                                                                            });
-                                                                        }
-                                                                    },
-                                                                    divCreate: {
-                                                                        style: 'width: 100%;',
-                                                                    },
-                                                                    onCreate: () => {
-                                                                        if (levelVM.loading) {
-                                                                            ApiUser.getPublicConfig('member_level_config', 'manager').then((dd) => {
-                                                                                if (dd.result && dd.response.value) {
-                                                                                    levelVM.dataList = dd.response.value.levels.map((item) => {
-                                                                                        return {
-                                                                                            key: item.id,
-                                                                                            value: item.tag_name,
-                                                                                        };
-                                                                                    });
-                                                                                    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: () => {
-                                                                        var _a;
-                                                                        if (levelVM.loading) {
-                                                                            return BgWidget.spinner({ text: { visible: false } });
-                                                                        }
-                                                                        else {
-                                                                            return BgWidget.selectDropList({
-                                                                                gvc: gvc,
-                                                                                callback: (value) => {
-                                                                                    voucherData.targetList = value;
-                                                                                    gvc.notifyDataChange(id);
-                                                                                },
-                                                                                default: (_a = voucherData.targetList) !== null && _a !== void 0 ? _a : [],
-                                                                                options: levelVM.dataList,
-                                                                                style: 'width: 100%;',
-                                                                            });
-                                                                        }
-                                                                    },
-                                                                    divCreate: {
-                                                                        style: 'width: 100%;',
-                                                                    },
-                                                                    onCreate: () => {
-                                                                        if (levelVM.loading) {
-                                                                            ApiUser.getUserGroupList().then((dd) => {
-                                                                                if (dd.result && dd.response.data) {
-                                                                                    levelVM.dataList = dd.response.data
-                                                                                        .filter((item) => {
-                                                                                        return item.type !== 'level';
-                                                                                    })
-                                                                                        .map((item) => {
-                                                                                        return {
-                                                                                            key: item.type,
-                                                                                            value: item.title,
-                                                                                        };
-                                                                                    });
-                                                                                    levelVM.loading = false;
-                                                                                    gvc.notifyDataChange(levelVM.id);
-                                                                                }
-                                                                            });
-                                                                        }
-                                                                    },
+                                                                            return {
+                                                                                key: item.userID,
+                                                                                value: (_a = item.userData.name) !== null && _a !== void 0 ? _a : '（尚無姓名）',
+                                                                                note: item.userData.email,
+                                                                            };
+                                                                        }));
+                                                                    }
                                                                 });
-                                                            })();
-                                                        default:
-                                                            return '';
-                                                    }
-                                                })()}
+                                                            });
+                                                        },
+                                                        style: 'width: 100%;',
+                                                    });
+                                                }), { textStyle: 'font-weight: 400;' })}
                                     </div>
+                                    ${obj.gvc.map(customVM.dataList.map((opt, 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) => {
+                                                                    return {
+                                                                        key: item.userID,
+                                                                        value: item.userData.name,
+                                                                        note: item.userData.email,
+                                                                    };
+                                                                });
+                                                            }
+                                                            customVM.loading = false;
+                                                            gvc.notifyDataChange(customVM.id);
+                                                        });
+                                                    }
+                                                }
+                                            },
                                         };
-                                    })}`,
-                                    html ` <div class="tx_700">可使用訂單來源</div>
-                          ${BgWidget.mbContainer(18)}
-                          ${BgWidget.multiCheckboxContainer(gvc, [
-                                        { key: 'normal', name: 'APP & 官網' },
-                                        { key: 'pos', name: 'POS' },
-                                    ], (_a = voucherData.device) !== null && _a !== void 0 ? _a : ['normal'], text => {
-                                        voucherData.device = text;
-                                        gvc.notifyDataChange(viewID);
-                                    }, { single: false })}`,
+                                    });
+                                case 'levels':
+                                    return (() => {
+                                        const levelVM = {
+                                            id: gvc.glitter.getUUID(),
+                                            loading: true,
+                                            dataList: [],
+                                        };
+                                        return gvc.bindView({
+                                            bind: levelVM.id,
+                                            view: () => {
+                                                var _a;
+                                                if (levelVM.loading) {
+                                                    return BgWidget.spinner({ text: { visible: false } });
+                                                }
+                                                else {
+                                                    return BgWidget.selectDropList({
+                                                        gvc: gvc,
+                                                        callback: value => {
+                                                            voucherData.targetList = value;
+                                                            gvc.notifyDataChange(id);
+                                                        },
+                                                        default: ((_a = voucherData.targetList) !== null && _a !== void 0 ? _a : []).map(id => id.toString()),
+                                                        options: levelVM.dataList,
+                                                        style: 'width: 100%;',
+                                                    });
+                                                }
+                                            },
+                                            divCreate: {
+                                                style: 'width: 100%;',
+                                            },
+                                            onCreate: () => {
+                                                if (levelVM.loading) {
+                                                    ApiUser.getPublicConfig('member_level_config', 'manager').then((dd) => {
+                                                        if (dd.result && dd.response.value) {
+                                                            levelVM.dataList = dd.response.value.levels.map((item) => {
+                                                                return {
+                                                                    key: item.id,
+                                                                    value: item.tag_name,
+                                                                };
+                                                            });
+                                                            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: () => {
+                                                var _a;
+                                                if (levelVM.loading) {
+                                                    return BgWidget.spinner({ text: { visible: false } });
+                                                }
+                                                else {
+                                                    return BgWidget.selectDropList({
+                                                        gvc: gvc,
+                                                        callback: (value) => {
+                                                            voucherData.targetList = value;
+                                                            gvc.notifyDataChange(id);
+                                                        },
+                                                        default: ((_a = voucherData.targetList) !== null && _a !== void 0 ? _a : []).map(id => id.toString()),
+                                                        options: levelVM.dataList,
+                                                        style: 'width: 100%;',
+                                                    });
+                                                }
+                                            },
+                                            divCreate: {
+                                                style: 'width: 100%;',
+                                            },
+                                            onCreate: () => {
+                                                if (levelVM.loading) {
+                                                    ApiUser.getUserGroupList().then((dd) => {
+                                                        if (dd.result && dd.response.data) {
+                                                            levelVM.dataList = dd.response.data
+                                                                .filter((item) => {
+                                                                return item.type !== 'level';
+                                                            })
+                                                                .map((item) => {
+                                                                return {
+                                                                    key: item.type,
+                                                                    value: item.title,
+                                                                };
+                                                            });
+                                                            levelVM.loading = false;
+                                                            gvc.notifyDataChange(levelVM.id);
+                                                        }
+                                                    });
+                                                }
+                                            },
+                                        });
+                                    })();
+                                default:
+                                    return '';
+                            }
+                        })()}
+                  </div>
+                </div>
+              `;
+                    },
+                };
+            })}`;
+        }
+        function device() {
+            var _a;
+            return html ` <div class="tx_700">可使用訂單來源</div>
+        ${BgWidget.mbContainer(18)}
+        ${BgWidget.multiCheckboxContainer(gvc, [
+                { key: 'normal', name: 'APP & 官網' },
+                { key: 'pos', name: 'POS' },
+            ], (_a = voucherData.device) !== null && _a !== void 0 ? _a : ['normal'], text => {
+                voucherData.device = text;
+                gvc.notifyDataChange(pageVM.viewID);
+            }, { single: false })}`;
+        }
+        function selectShipment() {
+            const id = glitter.getUUID();
+            return gvc.bindView({
+                bind: id,
+                view: () => {
+                    var _a;
+                    return html ` <div class="tx_700">可使用物流</div>
+            ${BgWidget.mbContainer(18)}
+            ${[
+                        BgWidget.select({
+                            gvc,
+                            callback: value => {
+                                voucherData.selectShipment.type = value;
+                                gvc.notifyDataChange(id);
+                            },
+                            default: voucherData.selectShipment.type,
+                            options: [
+                                { key: 'all', value: '所有物流' },
+                                { key: 'select', value: '指定物流' },
+                            ],
+                        }),
+                        voucherData.selectShipment.type === 'all'
+                            ? ''
+                            : BgWidget.selectDropList({
+                                gvc: gvc,
+                                callback: value => {
+                                    voucherData.selectShipment.list = value;
+                                },
+                                default: (_a = voucherData.selectShipment.list) !== null && _a !== void 0 ? _a : [],
+                                options: ShipmentConfig.list.map(item => {
+                                    return {
+                                        key: item.value,
+                                        value: item.title,
+                                    };
+                                }),
+                                style: 'width: 100%;',
+                            }),
+                    ]
+                        .filter(Boolean)
+                        .join(BgWidget.mbContainer(8))}`;
+                },
+            });
+        }
+        function rebackProduct() {
+            return gvc.bindView(() => {
+                const vm = {
+                    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>
+              ${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;"
+                        >
+                          <div class="form-check-label c_updown_label">
+                            <div class="tx_normal">商品列表</div>
+                          </div>
+                          ${BgWidget.grayButton('選擇商品', gvc.event(() => {
+                                            var _a;
+                                            BgProduct.productsDialog({
+                                                gvc: gvc,
+                                                default: (_a = voucherData.add_on_products) !== null && _a !== void 0 ? _a : [],
+                                                callback: (value) => __awaiter(this, void 0, void 0, function* () {
+                                                    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: gvc.glitter.getUUID(),
+                                                loading: true,
+                                                data: [],
+                                            };
+                                            BgProduct.getProductOpts(voucherData.add_on_products, voucherData.reBackType === 'add_on_items' ? 'addProduct' : 'giveaway').then(res => {
+                                                vm.data = res;
+                                                vm.loading = false;
+                                                gvc.notifyDataChange(vm.id);
+                                            });
+                                            return {
+                                                bind: vm.id,
+                                                view: () => __awaiter(this, void 0, void 0, function* () {
+                                                    if (vm.loading) {
+                                                        return BgWidget.spinner();
+                                                    }
+                                                    return vm.data
+                                                        .map((opt, 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('');
+                                                }),
+                                                divCreate: {
+                                                    class: `d-flex py-2 flex-column`,
+                                                    style: `gap:10px;`,
+                                                },
+                                            };
+                                        })}
+                      `;
+                                    }
+                                    catch (e) {
+                                        console.error(e);
+                                        return '';
+                                    }
+                                },
+                                divCreate: {
+                                    class: `w-100`,
+                                },
+                            };
+                        })}
+            `;
+                    },
+                };
+            });
+        }
+        return gvc.bindView(() => {
+            return {
+                bind: pageVM.viewID,
+                view: () => {
+                    return BgWidget.container([
+                        html ` <div class="title-container">
+                ${BgWidget.goBack(gvc.event(() => {
+                            vm.type = 'list';
+                        }))}
+                ${BgWidget.title(`${obj.type === 'add' ? '新增' : '編輯'}${ShoppingDiscountSetting.getLabel(obj.reBackType)}`)}
+              </div>`,
+                        BgWidget.container1x2({
+                            html: [
+                                BgWidget.mainCard([title(), status()].join(BgWidget.horizontalLine())),
+                                BgWidget.mainCard([
+                                    trigger(),
+                                    target(),
+                                    device(),
+                                    voucherData.reBackType === 'shipment_free' ? selectShipment() : '',
                                 ]
-                                    .map(str => {
-                                    return html ` <div>${str}</div>`;
-                                })
+                                    .filter(Boolean)
+                                    .map(str => html `<div>${str}</div>`)
                                     .join(BgWidget.horizontalLine())),
                                 BgWidget.mainCard(gvc.bindView(() => {
                                     var _a;
@@ -658,10 +811,9 @@ export class ShoppingDiscountSetting {
                                                             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);
-                                                                    gvc.notifyDataChange(pageVM.countingId);
+                                                                    gvc.notifyDataChange(pageVM.countingID);
                                                                 }
                                                                 else {
                                                                     voucherData.value = text;
@@ -689,7 +841,7 @@ export class ShoppingDiscountSetting {
                                                         ], [voucherData.method], text => {
                                                             voucherData.value = '0';
                                                             voucherData.method = text[0];
-                                                            gvc.notifyDataChange(pageVM.conditionId);
+                                                            gvc.notifyDataChange(pageVM.conditionID);
                                                         }, { single: true })}
                                   </div>`,
                                                     ];
@@ -930,125 +1082,12 @@ export class ShoppingDiscountSetting {
                                         },
                                     };
                                 })),
-                                ...(() => {
-                                    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 = [];
-                                                }
-                                                return {
-                                                    bind: vm.id,
-                                                    view: () => {
-                                                        return html `
-                                    <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;"
-                                              >
-                                                <div class="form-check-label c_updown_label">
-                                                  <div class="tx_normal">商品列表</div>
-                                                </div>
-                                                ${BgWidget.grayButton('選擇商品', gvc.event(() => {
-                                                                            var _a;
-                                                                            BgProduct.productsDialog({
-                                                                                gvc: gvc,
-                                                                                default: (_a = voucherData.add_on_products) !== null && _a !== void 0 ? _a : [],
-                                                                                callback: (value) => __awaiter(this, void 0, void 0, function* () {
-                                                                                    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: gvc.glitter.getUUID(),
-                                                                                loading: true,
-                                                                                data: [],
-                                                                            };
-                                                                            BgProduct.getProductOpts(voucherData.add_on_products, voucherData.reBackType === 'add_on_items' ? 'addProduct' : 'giveaway').then(res => {
-                                                                                vm.data = res;
-                                                                                vm.loading = false;
-                                                                                gvc.notifyDataChange(vm.id);
-                                                                            });
-                                                                            return {
-                                                                                bind: vm.id,
-                                                                                view: () => __awaiter(this, void 0, void 0, function* () {
-                                                                                    if (vm.loading) {
-                                                                                        return BgWidget.spinner();
-                                                                                    }
-                                                                                    return vm.data
-                                                                                        .map((opt, 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('');
-                                                                                }),
-                                                                                divCreate: {
-                                                                                    class: `d-flex py-2 flex-column`,
-                                                                                    style: `gap:10px;`,
-                                                                                },
-                                                                            };
-                                                                        })}
-                                            `;
-                                                                    }
-                                                                    catch (e) {
-                                                                        console.error(e);
-                                                                        return '';
-                                                                    }
-                                                                },
-                                                                divCreate: {
-                                                                    class: `w-100`,
-                                                                },
-                                                            };
-                                                        })}
-                                  `;
-                                                    },
-                                                };
-                                            })),
-                                        ];
-                                    }
-                                    else {
-                                        return [];
-                                    }
-                                })(),
+                                ['giveaway', 'add_on_items'].includes(voucherData.reBackType)
+                                    ? BgWidget.mainCard(rebackProduct())
+                                    : '',
                                 BgWidget.mainCard(gvc.bindView(() => {
                                     return {
-                                        bind: pageVM.conditionId,
+                                        bind: pageVM.conditionID,
                                         view: () => {
                                             const conditionInput = (text) => {
                                                 var _a;
@@ -1060,7 +1099,7 @@ export class ShoppingDiscountSetting {
                                                     placeHolder: '',
                                                     callback: value => {
                                                         voucherData.ruleValue = parseInt(value, 10);
-                                                        gvc.notifyDataChange(pageVM.conditionId);
+                                                        gvc.notifyDataChange(pageVM.conditionID);
                                                     },
                                                     endText: text,
                                                 });
@@ -1093,7 +1132,7 @@ export class ShoppingDiscountSetting {
                                                 ], [voucherData.rule], text => {
                                                     voucherData.ruleValue = 0;
                                                     voucherData.rule = text[0];
-                                                    gvc.notifyDataChange(pageVM.conditionId);
+                                                    gvc.notifyDataChange(pageVM.conditionID);
                                                 }, { single: true })}`,
                                                 html ` ${BgWidget.horizontalLine()}
                                 <div class="tx_700">計算單位</div>
@@ -1116,33 +1155,13 @@ export class ShoppingDiscountSetting {
                                                     },
                                                 ], [voucherData.conditionType], text => {
                                                     voucherData.conditionType = text[0];
-                                                    gvc.notifyDataChange(pageVM.conditionId);
+                                                    gvc.notifyDataChange(pageVM.conditionID);
                                                 }, {
                                                     single: true,
                                                     readonly: voucherData.reBackType === 'shipment_free',
                                                 })}`,
-                                                html ` ${BgWidget.horizontalLine()}
-                                <div class="tx_700">消費金額於其他折扣觸發時機</div>
-                                ${BgWidget.mbContainer(18)}
-                                ${BgWidget.multiCheckboxContainer(gvc, [
-                                                    {
-                                                        key: 'before',
-                                                        name: '觸發前',
-                                                        innerHtml: BgWidget.grayNote('在其他折扣觸發前，訂單的消費金額將做為達成消費條件的金額，來判斷是否可使用此優惠券'),
-                                                    },
-                                                    {
-                                                        key: 'after',
-                                                        name: '觸發後',
-                                                        innerHtml: BgWidget.grayNote('將訂單的消費金額包含其他折扣後，做為達成消費條件的金額，來判斷是否可使用此優惠券'),
-                                                    },
-                                                ], [voucherData.includeDiscount], text => {
-                                                    voucherData.includeDiscount = text[0];
-                                                    gvc.notifyDataChange(pageVM.conditionId);
-                                                }, {
-                                                    single: true,
-                                                })}`,
                                                 gvc.bindView({
-                                                    bind: pageVM.countingId,
+                                                    bind: pageVM.countingID,
                                                     view: () => {
                                                         if (voucherData.method === 'percent' || voucherData.reBackType === 'shipment_free') {
                                                             return '';
@@ -1163,14 +1182,14 @@ export class ShoppingDiscountSetting {
                                                             },
                                                         ], [voucherData.counting], text => {
                                                             voucherData.counting = text[0];
-                                                            gvc.notifyDataChange(pageVM.conditionId);
+                                                            gvc.notifyDataChange(pageVM.conditionID);
                                                         }, {
                                                             single: true,
                                                         })}`;
                                                     },
                                                 }),
                                                 gvc.bindView({
-                                                    bind: pageVM.productOffId,
+                                                    bind: pageVM.productOffID,
                                                     view: () => {
                                                         if (!(voucherData.method === 'percent' &&
                                                             voucherData.conditionType === 'order' &&
@@ -1199,7 +1218,7 @@ export class ShoppingDiscountSetting {
                                                             },
                                                         ], [voucherData.productOffStart], text => {
                                                             voucherData.productOffStart = text[0];
-                                                            gvc.notifyDataChange(pageVM.productOffId);
+                                                            gvc.notifyDataChange(pageVM.productOffID);
                                                         }, {
                                                             single: true,
                                                         })}`;
@@ -1214,34 +1233,60 @@ export class ShoppingDiscountSetting {
                                     return {
                                         bind: id,
                                         view: () => {
-                                            return html ` <div class="tx_700">是否與其他優惠券疊加使用</div>
-                              ${BgWidget.mbContainer(18)}
-                              ${BgWidget.multiCheckboxContainer(gvc, [
-                                                {
-                                                    key: 'false',
-                                                    name: '不可疊加',
-                                                    innerHtml: BgWidget.grayNote('系統將以最大優惠排序進行判定'),
-                                                },
-                                                {
-                                                    key: 'true',
-                                                    name: '可以疊加',
-                                                },
-                                            ], [voucherData.overlay ? 'true' : 'false'], text => {
-                                                voucherData.overlay = text[0] === 'true';
-                                                gvc.notifyDataChange(id);
-                                            }, { single: true })}`;
+                                            function overlay() {
+                                                return html ` <div class="tx_700">是否與其他優惠券疊加使用</div>
+                                ${BgWidget.mbContainer(18)}
+                                ${BgWidget.multiCheckboxContainer(gvc, [
+                                                    {
+                                                        key: 'false',
+                                                        name: '不可疊加',
+                                                        innerHtml: BgWidget.grayNote('系統將以最大優惠排序進行判定'),
+                                                    },
+                                                    {
+                                                        key: 'true',
+                                                        name: '可以疊加',
+                                                    },
+                                                ], [voucherData.overlay ? 'true' : 'false'], text => {
+                                                    voucherData.overlay = text[0] === 'true';
+                                                    gvc.notifyDataChange(id);
+                                                }, { single: true })}`;
+                                            }
+                                            function isIncludeDiscount() {
+                                                return html ` <div class="tx_700">消費金額於其他折扣觸發時機</div>
+                                ${BgWidget.mbContainer(18)}
+                                ${BgWidget.multiCheckboxContainer(gvc, [
+                                                    {
+                                                        key: 'before',
+                                                        name: '觸發前',
+                                                        innerHtml: BgWidget.grayNote('在其他折扣觸發前，訂單的消費金額將做為達成消費條件的金額，來判斷是否可使用此優惠券'),
+                                                    },
+                                                    {
+                                                        key: 'after',
+                                                        name: '觸發後',
+                                                        innerHtml: BgWidget.grayNote('將訂單的消費金額包含其他折扣後，做為達成消費條件的金額，來判斷是否可使用此優惠券'),
+                                                    },
+                                                ], [voucherData.includeDiscount], text => {
+                                                    voucherData.includeDiscount = text[0];
+                                                    gvc.notifyDataChange(pageVM.conditionID);
+                                                }, {
+                                                    single: true,
+                                                })}`;
+                                            }
+                                            return [overlay(), voucherData.overlay ? isIncludeDiscount() : '']
+                                                .filter(Boolean)
+                                                .join(BgWidget.horizontalLine());
                                         },
                                     };
                                 })),
                                 BgWidget.mainCard(gvc.bindView(() => {
                                     const id = glitter.getUUID();
+                                    const inputStyle = 'display: block; width: 200px;';
                                     return {
                                         bind: id,
                                         view: () => {
-                                            var _a, _b;
-                                            const inputStyle = 'display: block; width: 200px;';
-                                            return [
-                                                html ` <div class="tx_700">全館總使用次數</div>
+                                            function storeUseTimeLimit() {
+                                                var _a;
+                                                return html ` <div class="tx_700">全館總使用次數</div>
                                 ${BgWidget.mbContainer(18)}
                                 ${BgWidget.multiCheckboxContainer(gvc, [
                                                     {
@@ -1271,8 +1316,11 @@ export class ShoppingDiscountSetting {
                                                     if (text[0] === 'noLimited') {
                                                         voucherData.macroLimited = 0;
                                                     }
-                                                }, { single: true })}`,
-                                                html ` <div class="tx_700">個人總使用次數</div>
+                                                }, { single: true })}`;
+                                            }
+                                            function memberUseTimeLimit() {
+                                                var _a;
+                                                return html ` <div class="tx_700">個人總使用次數</div>
                                 ${BgWidget.mbContainer(18)}
                                 ${BgWidget.multiCheckboxContainer(gvc, [
                                                     {
@@ -1289,7 +1337,7 @@ export class ShoppingDiscountSetting {
                                                             title: '',
                                                             type: 'number',
                                                             divStyle: 'width: 150px;',
-                                                            default: `${(_b = voucherData.microLimited) !== null && _b !== void 0 ? _b : 0}`,
+                                                            default: `${(_a = voucherData.microLimited) !== null && _a !== void 0 ? _a : 0}`,
                                                             placeHolder: '',
                                                             callback: text => {
                                                                 voucherData.microLimited = parseInt(text, 10);
@@ -1302,57 +1350,10 @@ export class ShoppingDiscountSetting {
                                                     if (text[0] === 'noLimited') {
                                                         voucherData.microLimited = 0;
                                                     }
-                                                }, { single: true })}`,
-                                                ...(() => {
-                                                    var _a, _b;
-                                                    if (voucherData.reBackType === 'rebate') {
-                                                        return [
-                                                            [
-                                                                `<div class="tx_700">購物金有效天數</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" style="gap:10px;">
-                                                ${BgWidget.editeInput({
-                                                                            gvc: gvc,
-                                                                            title: '',
-                                                                            type: 'number',
-                                                                            style: inputStyle,
-                                                                            default: `${(_a = voucherData.rebateEndDay) !== null && _a !== void 0 ? _a : ''}`,
-                                                                            placeHolder: '0則為無期限',
-                                                                            callback: text => {
-                                                                                voucherData.rebateEndDay = text;
-                                                                                gvc.notifyDataChange(id);
-                                                                            },
-                                                                        })}
-                                                <span class="tx_normal me-2">天</span>
-                                              </div>
-                                            </div>`,
-                                                                    },
-                                                                ], [parseInt((_b = voucherData.rebateEndDay) !== null && _b !== void 0 ? _b : '0', 10) ? `withEnd` : `noEnd`], text => {
-                                                                    if (text[0] === 'noEnd') {
-                                                                        voucherData.rebateEndDay = '0';
-                                                                    }
-                                                                }, { single: true }),
-                                                            ].join('<div class="my-2"></div>'),
-                                                        ];
-                                                    }
-                                                    else {
-                                                        return [];
-                                                    }
-                                                })(),
-                                                html ` <div class="tx_700">優惠券有效日期</div>
+                                                }, { single: true })}`;
+                                            }
+                                            function startDateTime() {
+                                                return html ` <div class="tx_700">優惠券有效日期</div>
                                 <div
                                   class="d-flex mb-3 ${document.body.clientWidth < 768 ? 'flex-column' : ''}"
                                   style="gap: 12px"
@@ -1435,16 +1436,64 @@ export class ShoppingDiscountSetting {
                                                         voucherData.endDate = undefined;
                                                         voucherData.endTime = undefined;
                                                     }
-                                                }, { single: true })}`,
+                                                }, { single: true })}`;
+                                            }
+                                            function rebateEndDay() {
+                                                var _a, _b;
+                                                return [
+                                                    html `<div class="tx_700">購物金有效天數</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" style="gap:10px;">
+                                          ${BgWidget.editeInput({
+                                                                gvc: gvc,
+                                                                title: '',
+                                                                type: 'number',
+                                                                style: inputStyle,
+                                                                default: `${(_a = voucherData.rebateEndDay) !== null && _a !== void 0 ? _a : ''}`,
+                                                                placeHolder: '0則為無期限',
+                                                                callback: text => {
+                                                                    voucherData.rebateEndDay = text;
+                                                                    gvc.notifyDataChange(id);
+                                                                },
+                                                            })}
+                                          <span class="tx_normal me-2">天</span>
+                                        </div>
+                                      </div>`,
+                                                        },
+                                                    ], [parseInt((_b = voucherData.rebateEndDay) !== null && _b !== void 0 ? _b : '0', 10) ? `withEnd` : `noEnd`], text => {
+                                                        if (text[0] === 'noEnd') {
+                                                            voucherData.rebateEndDay = '0';
+                                                        }
+                                                    }, { single: true }),
+                                                ].join(html `<div class="my-2"></div>`);
+                                            }
+                                            return [
+                                                storeUseTimeLimit(),
+                                                memberUseTimeLimit(),
+                                                voucherData.reBackType === 'rebate' ? rebateEndDay() : '',
+                                                startDateTime(),
                                             ]
-                                                .filter(dd => {
-                                                return dd;
-                                            })
+                                                .filter(Boolean)
                                                 .join(BgWidget.horizontalLine());
                                         },
                                     };
                                 })),
-                            ].join(BgWidget.mbContainer(24)),
+                            ]
+                                .filter(Boolean)
+                                .join(BgWidget.mbContainer(24)),
                             ratio: 68,
                         }, {
                             html: gvc.bindView(() => {
@@ -1455,27 +1504,19 @@ export class ShoppingDiscountSetting {
                                         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>
-                                `;
-                                                },
-                                            };
-                                        }));
+                                        return BgWidget.mainCard(html `
+                          <div class="tx_700">摘要</div>
+                          ${BgWidget.mbContainer(18)}
+                          <div style="display: flex; gap: 12px; flex-direction: column;">
+                            ${summaryTextList()
+                                            .map(text => {
+                                            return html ` <div class="${text.length > 0 ? 'tx_normal' : 'gray-top-bottom-line-6'}">
+                                  ${text}
+                                </div>`;
+                                        })
+                                            .join('')}
+                          </div>
+                        `);
                                     },
                                     divCreate: {
                                         class: 'summary-card p-0',
@@ -1524,7 +1565,6 @@ export class ShoppingDiscountSetting {
                                     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 });
                                 ApiShop.putVoucher({