ts-glitter 13.3.5 → 13.3.7

package/lowcode/backend-manager/bg-sns.ts

@@ -1,26 +1,26 @@
-import {GVC} from '../glitterBundle/GVController.js';
-import {BgWidget} from './bg-widget.js';
-import {ApiUser} from '../glitter-base/route/user.js';
-import {EditorElem} from '../glitterBundle/plugins/editor-elem.js';
-import {ShareDialog} from '../glitterBundle/dialog/ShareDialog.js';
-import {ApiPost} from '../glitter-base/route/post.js';
-import {ApiFcm} from '../glitter-base/route/fcm.js';
-import {FormWidget} from '../official_view_component/official/form.js';
-import {Chat} from '../glitter-base/route/chat.js';
-import {FilterOptions} from '../cms-plugin/filter-options.js';
-import {ShoppingDiscountSetting} from '../cms-plugin/shopping-discount-setting.js';
-import {ApiSmtp} from '../glitter-base/route/smtp.js';
-import {BgListComponent} from './bg-list-component.js';
-import {Tool} from '../modules/tool.js';
-import {ApiWallet} from "../glitter-base/route/wallet.js";
-import {ApiSns} from "../glitter-base/route/sms.js";
+import { GVC } from '../glitterBundle/GVController.js';
+import { BgWidget } from './bg-widget.js';
+import { ApiUser } from '../glitter-base/route/user.js';
+import { EditorElem } from '../glitterBundle/plugins/editor-elem.js';
+import { ShareDialog } from '../glitterBundle/dialog/ShareDialog.js';
+import { ApiPost } from '../glitter-base/route/post.js';
+import { ApiFcm } from '../glitter-base/route/fcm.js';
+import { FormWidget } from '../official_view_component/official/form.js';
+import { Chat } from '../glitter-base/route/chat.js';
+import { FilterOptions } from '../cms-plugin/filter-options.js';
+import { ShoppingDiscountSetting } from '../cms-plugin/shopping-discount-setting.js';
+import { ApiSmtp } from '../glitter-base/route/smtp.js';
+import { BgListComponent } from './bg-list-component.js';
+import { Tool } from '../modules/tool.js';
+import { ApiWallet } from '../glitter-base/route/wallet.js';
+import { ApiSns } from '../glitter-base/route/sms.js';
 
 const html = String.raw;
 
 interface EmailObject {
     id: number;
     email: string;
-    phone:string
+    phone: string;
 }
 
 export type PostData = {
@@ -45,8 +45,7 @@ export class BgSNS {
     public static longSMS = 153;
     public static ticket = 15;
 
-    public static email(gvc: GVC, type: 'list' | 'select' = 'list', callback: (select: any) => void = () => {
-    }) {
+    public static email(gvc: GVC, type: 'list' | 'select' = 'list', callback: (select: any) => void = () => {}) {
         const vm: {
             type: 'list' | 'replace';
             data: any;
@@ -58,7 +57,7 @@ export class BgSNS {
                 id: 61,
                 userID: 549313940,
                 account: 'jianzhi.wang@homee.ai',
-                userData: {name: '王建智', email: 'jianzhi.wang@homee.ai', phone: '0978028739'},
+                userData: { name: '王建智', email: 'jianzhi.wang@homee.ai', phone: '0978028739' },
                 created_time: '2023-11-26T02:14:09.000Z',
                 role: 0,
                 company: null,
@@ -77,64 +76,8 @@ export class BgSNS {
                     let vmi: any = undefined;
 
                     function getDatalist() {
-                        let interval: any = 0;
                         return vm.dataList.map((dd: any) => {
                             return [
-                                {
-                                    key: (() => {
-                                        clearInterval(interval);
-                                        if (
-                                            !vm.dataList.find((dd: any) => {
-                                                return !dd.checked;
-                                            })
-                                        ) {
-                                            interval = setTimeout(() => {
-                                                ApiUser.getSubScribe({
-                                                    page: vmi.page - 1,
-                                                    limit: 100000,
-                                                    search: vm.query || undefined,
-                                                }).then((data) => {
-                                                    callback(data.response.data);
-                                                });
-                                            }, 10);
-                                        }
-                                        return EditorElem.checkBoxOnly({
-                                            gvc: gvc,
-                                            def: !vm.dataList.find((dd: any) => {
-                                                return !dd.checked;
-                                            }),
-                                            callback: (result) => {
-                                                vm.dataList.map((dd: any) => {
-                                                    dd.checked = result;
-                                                });
-                                                vmi.data = getDatalist();
-                                                vmi.callback();
-                                                gvc.notifyDataChange(filterID);
-                                                callback(
-                                                    vm.dataList.filter((dd: any) => {
-                                                        return dd.checked;
-                                                    })
-                                                );
-                                            },
-                                        });
-                                    })(),
-                                    value: EditorElem.checkBoxOnly({
-                                        gvc: gvc,
-                                        def: dd.checked,
-                                        callback: (result) => {
-                                            dd.checked = result;
-                                            vmi.data = getDatalist();
-                                            vmi.callback();
-                                            gvc.notifyDataChange(filterID);
-                                            callback(
-                                                vm.dataList.filter((dd: any) => {
-                                                    return dd.checked;
-                                                })
-                                            );
-                                        },
-                                        style: 'height:25px;',
-                                    }),
-                                },
                                 {
                                     key: '註冊信箱',
                                     value: `<span class="fs-7">${dd.email}</span>`,
@@ -149,120 +92,81 @@ export class BgSNS {
 
                     return BgWidget.container(
                         BgWidget.mainCard(
-                            BgWidget.tableV2({
-                                gvc: gvc,
-                                getData: (vmk) => {
-                                    vmi = vmk;
-                                    ApiUser.getSubScribe({
-                                        page: vmi.page - 1,
-                                        limit: 20,
-                                        search: vm.query || undefined,
-                                        filter: {account: 'no'},
-                                    }).then((data) => {
-                                        vmi.pageSize = Math.ceil(data.response.total / 20);
-                                        vm.dataList = data.response.data;
+                            [
+                                BgWidget.searchPlace(
+                                    gvc.event((e) => {
+                                        vm.query = e.value;
+                                        gvc.notifyDataChange(id);
+                                    }),
+                                    vm.query || '',
+                                    '搜尋信箱或標籤'
+                                ),
+                                BgWidget.tableV3({
+                                    gvc: gvc,
+                                    getData: (vmk) => {
+                                        vmi = vmk;
+                                        const limit = 20;
+                                        ApiUser.getSubScribe({
+                                            page: vmi.page - 1,
+                                            limit: limit,
+                                            search: vm.query || undefined,
+                                            filter: { account: 'no' },
+                                        }).then((data) => {
+                                            vm.dataList = data.response.data;
+                                            vmi.pageSize = Math.ceil(data.response.total / limit);
+                                            vmi.originalData = vm.dataList;
+                                            vmi.tableData = getDatalist();
+                                            vmi.loading = false;
+                                            vmi.callback();
+                                            if (type === 'select') {
+                                                callback(
+                                                    vm.dataList.filter((dd: any) => {
+                                                        return dd.checked;
+                                                    })
+                                                );
+                                            }
+                                        });
+                                    },
+                                    rowClick: (data, index) => {
+                                        vm.dataList[index].checked = !vm.dataList[index].checked;
                                         vmi.data = getDatalist();
-                                        vmi.loading = false;
                                         vmi.callback();
-                                        if (type === 'select') {
-                                            callback(
-                                                vm.dataList.filter((dd: any) => {
-                                                    return dd.checked;
-                                                })
-                                            );
-                                        }
-                                    });
-                                },
-                                rowClick: (data, index) => {
-                                    vm.dataList[index].checked = !vm.dataList[index].checked;
-                                    vmi.data = getDatalist();
-                                    vmi.callback();
-                                    gvc.notifyDataChange(filterID);
-                                    callback(
-                                        vm.dataList.filter((dd: any) => {
-                                            return dd.checked;
-                                        })
-                                    );
-                                },
-                                filter: html`
-                                    ${BgWidget.searchPlace(
-                                            gvc.event((e, event) => {
-                                                vm.query = e.value;
-                                                gvc.notifyDataChange(id);
-                                            }),
-                                            vm.query || '',
-                                            '搜尋信箱或標籤'
-                                    )}
-                                    ${gvc.bindView(() => {
-                                        return {
-                                            bind: filterID,
-                                            view: () => {
-                                                if (
-                                                        !vm.dataList ||
-                                                        !vm.dataList.find((dd: any) => {
-                                                            return dd.checked;
-                                                        })
-                                                ) {
-                                                    return ``;
-                                                } else {
-                                                    const dialog = new ShareDialog(gvc.glitter);
-                                                    const selCount = vm.dataList.filter((dd: any) => dd.checked).length;
-                                                    return BgWidget.selNavbar({
-                                                        count: selCount,
-                                                        buttonList: [
-                                                            BgWidget.selEventButton(
-                                                                    '批量移除',
-                                                                    gvc.event(() => {
-                                                                        dialog.checkYesOrNot({
-                                                                            text: '是否確認刪除所選項目？',
-                                                                            callback: (response) => {
-                                                                                if (response) {
-                                                                                    dialog.dataLoading({visible: true});
-                                                                                    ApiUser.deleteSubscribe({
-                                                                                        email: vm.dataList
-                                                                                                .filter((dd: any) => {
-                                                                                                    return dd.checked;
-                                                                                                })
-                                                                                                .map((dd: any) => {
-                                                                                                    return dd.email;
-                                                                                                })
-                                                                                                .join(`,`),
-                                                                                    }).then((res) => {
-                                                                                        dialog.dataLoading({visible: false});
-                                                                                        if (res.result) {
-                                                                                            vm.dataList = undefined;
-                                                                                            gvc.notifyDataChange(id);
-                                                                                        } else {
-                                                                                            dialog.errorMessage({text: '刪除失敗'});
-                                                                                        }
-                                                                                    });
-                                                                                }
-                                                                            },
-                                                                        });
-                                                                    })
-                                                            ),
-                                                        ],
-                                                    });
-                                                }
-                                            },
-                                            divCreate: () => {
-                                                return {
-                                                    class: `d-flex align-items-center p-2 py-3 ${
-                                                            !vm.dataList ||
-                                                            !vm.dataList.find((dd: any) => {
-                                                                return dd.checked;
-                                                            }) ||
-                                                            type === 'select'
-                                                                    ? `d-none`
-                                                                    : ``
-                                                    }`,
-                                                    style: ``,
-                                                };
+                                        gvc.notifyDataChange(filterID);
+                                        callback(
+                                            vm.dataList.filter((dd: any) => {
+                                                return dd.checked;
+                                            })
+                                        );
+                                    },
+                                    filter: [
+                                        {
+                                            name: '批量移除',
+                                            event: (checkedData) => {
+                                                const dialog = new ShareDialog(gvc.glitter);
+                                                dialog.checkYesOrNot({
+                                                    text: '是否確認刪除所選項目？',
+                                                    callback: (response) => {
+                                                        if (response) {
+                                                            dialog.dataLoading({ visible: true });
+                                                            ApiUser.deleteSubscribe({
+                                                                email: checkedData.map((dd: any) => dd.email).join(`,`),
+                                                            }).then((res) => {
+                                                                dialog.dataLoading({ visible: false });
+                                                                if (res.result) {
+                                                                    vm.dataList = undefined;
+                                                                    gvc.notifyDataChange(id);
+                                                                } else {
+                                                                    dialog.errorMessage({ text: '刪除失敗' });
+                                                                }
+                                                            });
+                                                        }
+                                                    },
+                                                });
                                             },
-                                        };
-                                    })}
-                                `,
-                            })
+                                        },
+                                    ],
+                                }),
+                            ].join('')
                         ),
                         type === 'select' ? 850 : BgWidget.getContainerWidth(),
                         'padding: 0;'
@@ -290,7 +194,7 @@ export class BgSNS {
             const filterID = glitter.getUUID();
             return {
                 bind: id,
-                dataList: [{obj: vm, key: 'type'}],
+                dataList: [{ obj: vm, key: 'type' }],
                 view: () => {
                     if (vm.type === 'list') {
                         return BgWidget.container(
@@ -299,156 +203,92 @@ export class BgSNS {
                                     ${BgWidget.title('簡訊定型文')}
                                     <div class="flex-fill"></div>
                                     ${BgWidget.darkButton(
-                                            '新增',
-                                            gvc.event(() => {
-                                                vm.data = undefined;
-                                                vm.type = 'add';
-                                            })
+                                        '新增',
+                                        gvc.event(() => {
+                                            vm.data = undefined;
+                                            vm.type = 'add';
+                                        })
                                     )}
                                 </div>
                                 ${BgWidget.container(
-                                        BgWidget.mainCard(
-                                                BgWidget.tableV2({
-                                                    gvc: gvc,
-                                                    getData: (vmi) => {
-                                                        ApiPost.getManagerPost({
-                                                            page: vmi.page - 1,
-                                                            limit: 20,
-                                                            search: vm.query ? [`title->${vm.query}`] : undefined,
-                                                            type: 'notify-sns-config',
-                                                        }).then((data) => {
-                                                            vmi.pageSize = Math.ceil(data.response.total / 20);
-                                                            vm.dataList = data.response.data;
-                                                            function getDatalist() {
-                                                                return data.response.data.map((dd: any) => {
-                                                                    return [
-                                                                        {
-                                                                            key: EditorElem.checkBoxOnly({
-                                                                                gvc: gvc,
-                                                                                def: !data.response.data.find((dd: any) => {
-                                                                                    return !dd.checked;
-                                                                                }),
-                                                                                callback: (result) => {
-                                                                                    data.response.data.map((dd: any) => {
-                                                                                        dd.checked = result;
-                                                                                    });
-                                                                                    vmi.data = getDatalist();
-                                                                                    vmi.callback();
-                                                                                    gvc.notifyDataChange(filterID);
-                                                                                },
-                                                                            }),
-                                                                            value: EditorElem.checkBoxOnly({
-                                                                                gvc: gvc,
-                                                                                def: dd.checked,
-                                                                                callback: (result) => {
-                                                                                    dd.checked = result;
-                                                                                    vmi.data = getDatalist();
-                                                                                    vmi.callback();
-                                                                                    gvc.notifyDataChange(filterID);
-                                                                                },
-                                                                                style: 'height:25px;',
-                                                                            }),
-                                                                        },
-                                                                        {
-                                                                            key: '標題',
-                                                                            value: html`<span
-                                                                                    class="fs-7">${dd.content.title}</span>`,
-                                                                        },
-                                                                        {
-                                                                            key: '最後更新時間',
-                                                                            value: dd.updated_time ? gvc.glitter.ut.dateFormat(new Date(dd.updated_time), 'yyyy-MM-dd') : '無',
-                                                                        },
-                                                                    ];
-                                                                });
-                                                            }
+                                    BgWidget.mainCard(
+                                        [
+                                            BgWidget.searchPlace(
+                                                gvc.event((e) => {
+                                                    vm.query = e.value;
+                                                    gvc.notifyDataChange(id);
+                                                }),
+                                                vm.query || '',
+                                                '搜尋所有信件內容'
+                                            ),
+                                            BgWidget.tableV3({
+                                                gvc: gvc,
+                                                getData: (vmi) => {
+                                                    const limit = 20;
+                                                    ApiPost.getManagerPost({
+                                                        page: vmi.page - 1,
+                                                        limit: limit,
+                                                        search: vm.query ? [`title->${vm.query}`] : undefined,
+                                                        type: 'notify-sns-config',
+                                                    }).then((data) => {
+                                                        function getDatalist() {
+                                                            return data.response.data.map((dd: any) => {
+                                                                return [
+                                                                    {
+                                                                        key: '標題',
+                                                                        value: html`<span class="fs-7">${dd.content.title}</span>`,
+                                                                    },
+                                                                    {
+                                                                        key: '最後更新時間',
+                                                                        value: dd.updated_time ? gvc.glitter.ut.dateFormat(new Date(dd.updated_time), 'yyyy-MM-dd') : '無',
+                                                                    },
+                                                                ];
+                                                            });
+                                                        }
 
-                                                            vmi.data = getDatalist();
-                                                            vmi.loading = false;
-                                                            vmi.callback();
-                                                        });
-                                                    },
-                                                    style: ['', `min-width: ${BgWidget.getContainerWidth() / 2 - 30}px`, ''],
-                                                    rowClick: (data, index) => {
-                                                        vm.data = vm.dataList[index].content;
-                                                        vm.type = 'replace';
+                                                        vm.dataList = data.response.data;
+                                                        vmi.pageSize = Math.ceil(data.response.total / limit);
+                                                        vmi.originalData = vm.dataList;
+                                                        vmi.tableData = getDatalist();
+                                                        vmi.loading = false;
+                                                        vmi.callback();
+                                                    });
+                                                },
+                                                rowClick: (data, index) => {
+                                                    vm.data = vm.dataList[index].content;
+                                                    vm.type = 'replace';
+                                                },
+                                                filter: [
+                                                    {
+                                                        name: '批量移除',
+                                                        option: false,
+                                                        event: (checkedData) => {
+                                                            const dialog = new ShareDialog(glitter);
+                                                            dialog.checkYesOrNot({
+                                                                text: '是否確認刪除所選項目？',
+                                                                callback: (response) => {
+                                                                    if (response) {
+                                                                        dialog.dataLoading({ visible: true });
+                                                                        ApiPost.delete({
+                                                                            id: checkedData.map((dd: any) => dd.id).join(`,`),
+                                                                        }).then((res) => {
+                                                                            dialog.dataLoading({ visible: false });
+                                                                            if (res.result) {
+                                                                                vm.dataList = undefined;
+                                                                                gvc.notifyDataChange(id);
+                                                                            } else {
+                                                                                dialog.errorMessage({ text: '刪除失敗' });
+                                                                            }
+                                                                        });
+                                                                    }
+                                                                },
+                                                            });
+                                                        },
                                                     },
-                                                    filter: html` ${BgWidget.searchPlace(
-                                                            gvc.event((e) => {
-                                                                vm.query = e.value;
-                                                                gvc.notifyDataChange(id);
-                                                            }),
-                                                            vm.query || '',
-                                                            '搜尋所有信件內容'
-                                                    )}
-                                                    ${gvc.bindView(() => {
-                                                        return {
-                                                            bind: filterID,
-                                                            view: () => {
-                                                                if (
-                                                                        !vm.dataList ||
-                                                                        !vm.dataList.find((dd: any) => {
-                                                                            return dd.checked;
-                                                                        })
-                                                                ) {
-                                                                    return ``;
-                                                                } else {
-                                                                    const dialog = new ShareDialog(gvc.glitter);
-                                                                    const selCount = vm.dataList.filter((dd: any) => dd.checked).length;
-                                                                    return BgWidget.selNavbar({
-                                                                        count: selCount,
-                                                                        buttonList: [
-                                                                            BgWidget.selEventButton(
-                                                                                    '批量移除',
-                                                                                    gvc.event(() => {
-                                                                                        dialog.checkYesOrNot({
-                                                                                            text: '是否確認刪除所選項目？',
-                                                                                            callback: (response) => {
-                                                                                                if (response) {
-                                                                                                    dialog.dataLoading({visible: true});
-                                                                                                    ApiPost.delete({
-                                                                                                        id: vm.dataList
-                                                                                                                .filter((dd: any) => {
-                                                                                                                    return dd.checked;
-                                                                                                                })
-                                                                                                                .map((dd: any) => {
-                                                                                                                    return dd.id;
-                                                                                                                })
-                                                                                                                .join(`,`),
-                                                                                                    }).then((res) => {
-                                                                                                        dialog.dataLoading({visible: false});
-                                                                                                        if (res.result) {
-                                                                                                            vm.dataList = undefined;
-                                                                                                            gvc.notifyDataChange(id);
-                                                                                                        } else {
-                                                                                                            dialog.errorMessage({text: '刪除失敗'});
-                                                                                                        }
-                                                                                                    });
-                                                                                                }
-                                                                                            },
-                                                                                        });
-                                                                                    })
-                                                                            ),
-                                                                        ],
-                                                                    });
-                                                                }
-                                                            },
-                                                            divCreate: () => {
-                                                                return {
-                                                                    class: `d-flex align-items-center p-2 py-3 ${
-                                                                            !vm.dataList ||
-                                                                            !vm.dataList.find((dd: any) => {
-                                                                                return dd.checked;
-                                                                            })
-                                                                                    ? `d-none`
-                                                                                    : ``
-                                                                    }`,
-                                                                    style: ``,
-                                                                };
-                                                            },
-                                                        };
-                                                    })}`,
-                                                })
-                                        )
+                                                ],
+                                            }),
+                                        ].join('')
+                                    )
                                 )}
                                 ${BgWidget.mbContainer(120)}
                             `,
@@ -498,7 +338,7 @@ export class BgSNS {
             vm.filter = ListComp.getFilterObject();
             return {
                 bind: vm.id,
-                dataList: [{obj: vm, key: 'type'}],
+                dataList: [{ obj: vm, key: 'type' }],
                 view: () => {
                     if (vm.type === 'list') {
                         return BgWidget.container(
@@ -508,181 +348,156 @@ export class BgSNS {
                                     <div class="flex-fill"></div>
                                 </div>
                                 ${BgWidget.container(
-                                        BgWidget.mainCard(
-                                                [
-                                                    (() => {
-                                                        const id = glitter.getUUID();
-                                                        return gvc.bindView({
-                                                            bind: id,
-                                                            view: () => {
-                                                                const filterList = [
-                                                                    BgWidget.selectFilter({
-                                                                        gvc,
-                                                                        callback: (value: any) => {
-                                                                            vm.queryType = value;
-                                                                            gvc.notifyDataChange(vm.tableId);
-                                                                            gvc.notifyDataChange(id);
-                                                                        },
-                                                                        default: vm.queryType || 'email',
-                                                                        options: FilterOptions.snsSelect,
-                                                                    }),
-                                                                    BgWidget.searchFilter(
-                                                                            gvc.event((e) => {
-                                                                                vm.query = e.value;
-                                                                                gvc.notifyDataChange(vm.tableId);
-                                                                                gvc.notifyDataChange(id);
-                                                                            }),
-                                                                            vm.query || '',
-                                                                            '搜尋所有信件內容'
-                                                                    ),
-                                                                    BgWidget.funnelFilter({
-                                                                        gvc,
-                                                                        callback: () => {
-                                                                            return ListComp.showRightMenu(FilterOptions.snsFunnel);
-                                                                        },
-                                                                    }),
-                                                                ];
+                                    BgWidget.mainCard(
+                                        [
+                                            (() => {
+                                                const id = glitter.getUUID();
+                                                return gvc.bindView({
+                                                    bind: id,
+                                                    view: () => {
+                                                        const filterList = [
+                                                            BgWidget.selectFilter({
+                                                                gvc,
+                                                                callback: (value: any) => {
+                                                                    vm.queryType = value;
+                                                                    gvc.notifyDataChange(vm.tableId);
+                                                                    gvc.notifyDataChange(id);
+                                                                },
+                                                                default: vm.queryType || 'email',
+                                                                options: FilterOptions.snsSelect,
+                                                            }),
+                                                            BgWidget.searchFilter(
+                                                                gvc.event((e) => {
+                                                                    vm.query = e.value;
+                                                                    gvc.notifyDataChange(vm.tableId);
+                                                                    gvc.notifyDataChange(id);
+                                                                }),
+                                                                vm.query || '',
+                                                                '搜尋所有信件內容'
+                                                            ),
+                                                            BgWidget.funnelFilter({
+                                                                gvc,
+                                                                callback: () => {
+                                                                    return ListComp.showRightMenu(FilterOptions.snsFunnel);
+                                                                },
+                                                            }),
+                                                        ];
 
-                                                                const filterTags = ListComp.getFilterTags(FilterOptions.snsFunnel);
+                                                        const filterTags = ListComp.getFilterTags(FilterOptions.snsFunnel);
 
-                                                                if (document.body.clientWidth < 768) {
-                                                                    // 手機版
-                                                                    return html`
-                                                                        <div style="display: flex; align-items: center; gap: 10px; width: 100%; justify-content: space-between">
-                                                                            <div>${filterList[0]}</div>
-                                                                            <div style="display: flex;">
-                                                                                <div class="me-2">${filterList[2]}</div>
-                                                                            </div>
-                                                                        </div>
-                                                                        <div style="display: flex; margin-top: 8px;">
-                                                                            ${filterList[1]}
-                                                                        </div>
-                                                                        <div>${filterTags}</div>`;
-                                                                } else {
-                                                                    // 電腦版
-                                                                    return html`
-                                                                        <div style="display: flex; align-items: center; gap: 10px;">
-                                                                            ${filterList.join('')}
-                                                                        </div>
-                                                                        <div>${filterTags}</div>`;
-                                                                }
-                                                            },
-                                                        });
-                                                    })(),
-                                                    gvc.bindView({
-                                                        bind: vm.tableId,
-                                                        view: () => {
-                                                            return BgWidget.tableV2({
-                                                                gvc: gvc,
-                                                                getData: (vmi) => {
-                                                                    const limit = 20;
-                                                                    ApiSns.history({
-                                                                        page: vmi.page - 1,
-                                                                        limit: limit,
-                                                                        search: vm.query ?? '',
-                                                                        searchType: vm.queryType ?? 'email',
-                                                                        sendTime: undefined,
-                                                                        status: vm.filter.status,
-                                                                        mailType: vm.filter.mailType,
-                                                                    }).then((data) => {
-                                                                        if (data.result) {
-                                                                            vmi.pageSize = Math.ceil(data.response.total / limit);
-                                                                            vm.dataList = data.response.data;
-                                                                            function getDatalist() {
-                                                                                return data.response.data.map((dd: {
-                                                                                    content: PostData;
-                                                                                    status: number;
-                                                                                    trigger_time: string
-                                                                                }) => {
-                                                                                    return [
-                                                                                        {
-                                                                                            key: '寄件類型',
-                                                                                            value: html`<span
-                                                                                                    class="fs-7">${dd.content.typeName}</span>`,
-                                                                                        },
-                                                                                        {
-                                                                                            key: '標題',
-                                                                                            value: html`<span
-                                                                                                    class="fs-7">${Tool.truncateString(`${dd.content.title}`, 25)}</span>`,
-                                                                                        },
-                                                                                        {
-                                                                                            key: '收件群組',
-                                                                                            value: html`<span
-                                                                                                    class="fs-7"
-                                                                                            >${(() => {
-                                                                                                if (!dd.content.sendGroup) {
-                                                                                                    return '沒有群組';
-                                                                                                }
-                                                                                                const lengthLimit = 25;
-                                                                                                const tagList = [];
-                                                                                                for (const group of dd.content.sendGroup) {
-                                                                                                    const tagLength = tagList.join('').length;
-                                                                                                    if (tagLength + group.length > lengthLimit) {
-                                                                                                        tagList.push(Tool.truncateString(group, tagLength));
-                                                                                                        break;
-                                                                                                    } else {
-                                                                                                        tagList.push(group);
-                                                                                                    }
-                                                                                                }
-                                                                                                return tagList.join(
-                                                                                                        html`<span
-                                                                                                                class="badge fs-7 mx-1 px-1"
-                                                                                                                style="color: #393939; background: #FFD5D0;"
-                                                                                                        >${dd.content.boolean === 'and' ? '且' : '或'}</span
-                                                                                                        >`
-                                                                                                );
-                                                                                            })()}</span
-                                                                                            >`,
-                                                                                        },
-                                                                                        {
-                                                                                            key: '寄送時間',
-                                                                                            value: dd.trigger_time ? gvc.glitter.ut.dateFormat(new Date(dd.trigger_time), 'yyyy-MM-dd hh:mm') : '無',
-                                                                                        },
-                                                                                        {
-                                                                                            key: '寄送狀態',
-                                                                                            value: (() => {
-                                                                                                switch (dd.status) {
-                                                                                                    case 0:
-                                                                                                        return html`
-                                                                                                            <div class="badge fs-7"
-                                                                                                                 style="color: #393939; background: #ffd6a4;">
-                                                                                                                尚未寄送
-                                                                                                            </div>`;
-                                                                                                    case 1:
-                                                                                                        return html`
-                                                                                                            <div class="badge fs-7"
-                                                                                                                 style="color: #393939; background: #0000000f;">
-                                                                                                                已寄出
-                                                                                                            </div>`;
-                                                                                                    case 2:
-                                                                                                        return html`
-                                                                                                            <div class="badge fs-7"
-                                                                                                                 style="color: #393939; background: #0000000f;">
-                                                                                                                取消預約
-                                                                                                            </div>`;
+                                                        if (document.body.clientWidth < 768) {
+                                                            // 手機版
+                                                            return html` <div style="display: flex; align-items: center; gap: 10px; width: 100%; justify-content: space-between">
+                                                                    <div>${filterList[0]}</div>
+                                                                    <div style="display: flex;">
+                                                                        <div class="me-2">${filterList[2]}</div>
+                                                                    </div>
+                                                                </div>
+                                                                <div style="display: flex; margin-top: 8px;">${filterList[1]}</div>
+                                                                <div>${filterTags}</div>`;
+                                                        } else {
+                                                            // 電腦版
+                                                            return html` <div style="display: flex; align-items: center; gap: 10px;">${filterList.join('')}</div>
+                                                                <div>${filterTags}</div>`;
+                                                        }
+                                                    },
+                                                });
+                                            })(),
+                                            gvc.bindView({
+                                                bind: vm.tableId,
+                                                view: () => {
+                                                    return BgWidget.tableV3({
+                                                        gvc: gvc,
+                                                        getData: (vmi) => {
+                                                            const limit = 20;
+                                                            ApiSns.history({
+                                                                page: vmi.page - 1,
+                                                                limit: limit,
+                                                                search: vm.query ?? '',
+                                                                searchType: vm.queryType ?? 'email',
+                                                                sendTime: undefined,
+                                                                status: vm.filter.status,
+                                                                mailType: vm.filter.mailType,
+                                                            }).then((data) => {
+                                                                if (data.result) {
+                                                                    function getDatalist() {
+                                                                        return data.response.data.map((dd: { content: PostData; status: number; trigger_time: string }) => {
+                                                                            return [
+                                                                                {
+                                                                                    key: '寄件類型',
+                                                                                    value: html`<span class="fs-7">${dd.content.typeName}</span>`,
+                                                                                },
+                                                                                {
+                                                                                    key: '標題',
+                                                                                    value: html`<span class="fs-7">${Tool.truncateString(`${dd.content.title}`, 25)}</span>`,
+                                                                                },
+                                                                                {
+                                                                                    key: '收件群組',
+                                                                                    value: html`<span class="fs-7"
+                                                                                        >${(() => {
+                                                                                            if (!dd.content.sendGroup) {
+                                                                                                return '沒有群組';
+                                                                                            }
+                                                                                            const lengthLimit = 25;
+                                                                                            const tagList = [];
+                                                                                            for (const group of dd.content.sendGroup) {
+                                                                                                const tagLength = tagList.join('').length;
+                                                                                                if (tagLength + group.length > lengthLimit) {
+                                                                                                    tagList.push(Tool.truncateString(group, tagLength));
+                                                                                                    break;
+                                                                                                } else {
+                                                                                                    tagList.push(group);
                                                                                                 }
-                                                                                            })(),
-                                                                                        },
-                                                                                    ];
-                                                                                });
-                                                                            }
+                                                                                            }
+                                                                                            return tagList.join(
+                                                                                                html`<span class="badge fs-7 mx-1 px-1" style="color: #393939; background: #FFD5D0;"
+                                                                                                    >${dd.content.boolean === 'and' ? '且' : '或'}</span
+                                                                                                >`
+                                                                                            );
+                                                                                        })()}</span
+                                                                                    >`,
+                                                                                },
+                                                                                {
+                                                                                    key: '寄送時間',
+                                                                                    value: dd.trigger_time ? gvc.glitter.ut.dateFormat(new Date(dd.trigger_time), 'yyyy-MM-dd hh:mm') : '無',
+                                                                                },
+                                                                                {
+                                                                                    key: '寄送狀態',
+                                                                                    value: (() => {
+                                                                                        switch (dd.status) {
+                                                                                            case 0:
+                                                                                                return html` <div class="badge fs-7" style="color: #393939; background: #ffd6a4;">尚未寄送</div>`;
+                                                                                            case 1:
+                                                                                                return html` <div class="badge fs-7" style="color: #393939; background: #0000000f;">已寄出</div>`;
+                                                                                            case 2:
+                                                                                                return html` <div class="badge fs-7" style="color: #393939; background: #0000000f;">取消預約</div>`;
+                                                                                        }
+                                                                                    })(),
+                                                                                },
+                                                                            ];
+                                                                        });
+                                                                    }
 
-                                                                            vmi.data = getDatalist();
-                                                                            vmi.loading = false;
-                                                                            vmi.callback();
-                                                                        }
-                                                                    });
-                                                                },
-                                                                rowClick: (data, index) => {
-                                                                    vm.dataList[index].content.status = vm.dataList[index].status;
-                                                                    vm.data = vm.dataList[index].content;
-                                                                    vm.type = 'replace';
-                                                                },
+                                                                    vm.dataList = data.response.data;
+                                                                    vmi.pageSize = Math.ceil(data.response.total / limit);
+                                                                    vmi.originalData = vm.dataList;
+                                                                    vmi.tableData = getDatalist();
+                                                                    vmi.loading = false;
+                                                                    vmi.callback();
+                                                                }
                                                             });
                                                         },
-                                                    }),
-                                                ].join('')
-                                        )
+                                                        rowClick: (data, index) => {
+                                                            vm.dataList[index].content.status = vm.dataList[index].status;
+                                                            vm.data = vm.dataList[index].content;
+                                                            vm.type = 'replace';
+                                                        },
+                                                        filter: [],
+                                                    });
+                                                },
+                                            }),
+                                        ].join('')
+                                    )
                                 )}
                                 ${BgWidget.mbContainer(120)}
                             `,
@@ -721,268 +536,249 @@ export class BgSNS {
             html`
                 <div class="d-flex w-100 align-items-center">
                     ${BgWidget.goBack(
-                            gvc.event(() => {
-                                vm.type = 'list';
-                            })
+                        gvc.event(() => {
+                            vm.type = 'list';
+                        })
                     )}
                     ${BgWidget.title(obj.readonly ? '簡訊詳細內容' : '編輯簡訊定型文')}
                     <div class="flex-fill"></div>
                     ${obj.readonly
-                            ? [
-                                html`
-                                    <div class="badge fs-7 me-2" style="color: #393939; background: #0000000f;">
-                                        ${vm.data.typeName}
-                                    </div>`,
-                                (() => {
-                                    switch (vm.data.status) {
-                                        case 0:
-                                            return html`
-                                                <div class="badge fs-7 me-1"
-                                                     style="color: #393939; background: #ffd6a4;">尚未寄送
-                                                </div>`;
-                                        case 1:
-                                            return html`
-                                                <div class="badge fs-7 me-1"
-                                                     style="color: #393939; background: #0000000f;">已寄出
-                                                </div>`;
-                                    }
-                                })(),
-                            ].join('')
-                            : ''}
+                        ? [
+                              html` <div class="badge fs-7 me-2" style="color: #393939; background: #0000000f;">${vm.data.typeName}</div>`,
+                              (() => {
+                                  switch (vm.data.status) {
+                                      case 0:
+                                          return html` <div class="badge fs-7 me-1" style="color: #393939; background: #ffd6a4;">尚未寄送</div>`;
+                                      case 1:
+                                          return html` <div class="badge fs-7 me-1" style="color: #393939; background: #0000000f;">已寄出</div>`;
+                                  }
+                              })(),
+                          ].join('')
+                        : ''}
                 </div>
                 ${BgWidget.mbContainer(18)}
                 ${BgWidget.container(
-                        obj.gvc.bindView(() => {
-                            const bi = obj.gvc.glitter.getUUID();
-                            return {
-                                bind: bi,
-                                view: () => {
-                                    let htmlList: string[] = [];
-                                    if (obj.readonly) {
-                                        const sendGroupHTML = (vm.data.sendGroup ?? []).map((str: string) => html`
-                                            <div class="c_filter_tag">${str}</div>`);
-                                        const phoneHTML = vm.data.phone.map((str: string) => html`
-                                            <div class="c_filter_tag">${str}</div>`);
-                                        htmlList = htmlList.concat([
-                                            BgWidget.mainCard(
-                                                    html`
-                                                        <div class="tx_normal fw-normal">篩選條件</div>
-                                                        <div class="c_filter_container">
-                                                            ${sendGroupHTML.length === 0
-                                                                    ? '沒有群組'
-                                                                    : sendGroupHTML.join(html`<span
-                                                                            class="badge fs-7 px-1"
-                                                                            style="color: #393939; background: #FFD5D0;"
-                                                                    >${vm.data.boolean === 'and' ? '且' : '或'}</span
-                                                                    >`)}
-                                                        </div>
-                                                    `
-                                            ),
-                                            BgWidget.mainCard(html`
-                                                <div class="tx_normal fw-normal">電話號碼</div>
-                                                <div class="c_filter_container">${phoneHTML.join('')}</div>
-                                            `),
-                                            BgWidget.mainCard(html`
-                                                <div class="tx_700 mb-3">發送時間</div>
-                                                ${EditorElem.radio({
-                                                    gvc: gvc,
-                                                    title: '',
-                                                    def: vm.data.sendTime === undefined ? 'now' : 'set',
-                                                    array: [
-                                                        {
-                                                            title: '立即發送',
-                                                            value: 'now',
-                                                        },
-                                                        {
-                                                            title: '排定發送時間',
-                                                            value: 'set',
-                                                            innerHtml: html`
-                                                                <div class="d-flex mt-3 ${document.body.clientWidth < 768 ? 'flex-column' : ''}"
-                                                                     style="gap: 12px">
-                                                                    ${EditorElem.editeInput({
-                                                                        gvc: gvc,
-                                                                        title: '',
-                                                                        type: 'date',
-                                                                        style: inputStyle,
-                                                                        default: vm.data.sendTime ? vm.data.sendTime.date : '',
-                                                                        placeHolder: '',
-                                                                        callback: () => {
-                                                                        },
-                                                                        readonly: true,
-                                                                    })}
-                                                                    ${EditorElem.editeInput({
-                                                                        gvc: gvc,
-                                                                        title: '',
-                                                                        type: 'time',
-                                                                        style: inputStyle,
-                                                                        default: vm.data.sendTime ? vm.data.sendTime.time : '',
-                                                                        placeHolder: '',
-                                                                        callback: () => {
-                                                                        },
-                                                                        readonly: true,
-                                                                    })}
-                                                                </div>`,
-                                                        },
-                                                    ],
-                                                    callback: () => {
-                                                    },
-                                                    readonly: true,
-                                                })}`),
-                                        ]);
-                                    }
+                    obj.gvc.bindView(() => {
+                        const bi = obj.gvc.glitter.getUUID();
+                        return {
+                            bind: bi,
+                            view: () => {
+                                let htmlList: string[] = [];
+                                if (obj.readonly) {
+                                    const sendGroupHTML = (vm.data.sendGroup ?? []).map((str: string) => html` <div class="c_filter_tag">${str}</div>`);
+                                    const phoneHTML = vm.data.phone.map((str: string) => html` <div class="c_filter_tag">${str}</div>`);
                                     htmlList = htmlList.concat([
                                         BgWidget.mainCard(
-                                                html`
-                                                    ${BgWidget.editeInput({
-                                                        gvc: gvc,
-                                                        title: '簡訊主題',
-                                                        default: postData.title,
-                                                        placeHolder: '請輸入簡訊主題',
-                                                        callback: (text) => {
-                                                            postData.title = text;
-                                                        },
-                                                    })}
-                                                    <div class="d-flex align-items-center my-3">
-                                                        <div class="tx_normal fw-normal me-2">簡訊內文</div>
-                                                        ${gvc.bindView(()=>{
-                                                            return {
-                                                                bind:'total_count',
-                                                                view:()=>{
-                                                                    return `<div class="d-flex align-items-end ms-3" style="font-size: 12px;color: #8D8D8D">預計每則簡訊花費${pointCount*this.ticket}點</div>`
-                                                                }
-                                                            }
-                                                        })}
-                                                    </div>
-                                                    ${EditorElem.editeText({
-                                                        gvc: gvc,
-                                                        title: "",
-                                                        readonly:true,
-                                                        default: postData.content || "",
-                                                        placeHolder: "",
-                                                        callback: (text) => {
-                                                            postData.content = text;
-                                                            let totalSize = 0;
-
-                                                            for (let i = 0; i < text.length; i++) {
-                                                                const char = text[i];
-                                                                // 判斷是否為中文或全形字符（Unicode範圍包含中文）
-                                                                if (/[\u4e00-\u9fa5\uFF00-\uFFEF]/.test(char)) {
-                                                                    totalSize += 2; // 中文或全形字符佔2個單位
-                                                                } else {
-                                                                    totalSize += 1; // 英文或半形字符佔1個單位
-                                                                }
-                                                            }
-
-                                                            if (totalSize < this.maxSize) {
-                                                                pointCount = 1;
-                                                            } else {
-                                                                pointCount = Math.ceil(totalSize / this.longSMS);
-                                                            }
-                                                            gvc.notifyDataChange('total_count')
-
-                                                        }
-                                                    })}`
+                                            html`
+                                                <div class="tx_normal fw-normal">篩選條件</div>
+                                                <div class="c_filter_container">
+                                                    ${sendGroupHTML.length === 0
+                                                        ? '沒有群組'
+                                                        : sendGroupHTML.join(html`<span class="badge fs-7 px-1" style="color: #393939; background: #FFD5D0;"
+                                                              >${vm.data.boolean === 'and' ? '且' : '或'}</span
+                                                          >`)}
+                                                </div>
+                                            `
                                         ),
+                                        BgWidget.mainCard(html`
+                                            <div class="tx_normal fw-normal">電話號碼</div>
+                                            <div class="c_filter_container">${phoneHTML.join('')}</div>
+                                        `),
+                                        BgWidget.mainCard(html` <div class="tx_700 mb-3">發送時間</div>
+                                            ${EditorElem.radio({
+                                                gvc: gvc,
+                                                title: '',
+                                                def: vm.data.sendTime === undefined ? 'now' : 'set',
+                                                array: [
+                                                    {
+                                                        title: '立即發送',
+                                                        value: 'now',
+                                                    },
+                                                    {
+                                                        title: '排定發送時間',
+                                                        value: 'set',
+                                                        innerHtml: html` <div class="d-flex mt-3 ${document.body.clientWidth < 768 ? 'flex-column' : ''}" style="gap: 12px">
+                                                            ${EditorElem.editeInput({
+                                                                gvc: gvc,
+                                                                title: '',
+                                                                type: 'date',
+                                                                style: inputStyle,
+                                                                default: vm.data.sendTime ? vm.data.sendTime.date : '',
+                                                                placeHolder: '',
+                                                                callback: () => {},
+                                                                readonly: true,
+                                                            })}
+                                                            ${EditorElem.editeInput({
+                                                                gvc: gvc,
+                                                                title: '',
+                                                                type: 'time',
+                                                                style: inputStyle,
+                                                                default: vm.data.sendTime ? vm.data.sendTime.time : '',
+                                                                placeHolder: '',
+                                                                callback: () => {},
+                                                                readonly: true,
+                                                            })}
+                                                        </div>`,
+                                                    },
+                                                ],
+                                                callback: () => {},
+                                                readonly: true,
+                                            })}`),
                                     ]);
-                                    return htmlList.filter((str) => str.length > 0).join(BgWidget.mbContainer(16));
-                                },
-                                divCreate: {},
-                            };
-                        }),
-                        BgWidget.getContainerWidth(),
-                        'padding: 0 !important; margin: 0 !important;'
+                                }
+                                htmlList = htmlList.concat([
+                                    BgWidget.mainCard(
+                                        html` ${BgWidget.editeInput({
+                                                gvc: gvc,
+                                                title: '簡訊主題',
+                                                default: postData.title,
+                                                placeHolder: '請輸入簡訊主題',
+                                                callback: (text) => {
+                                                    postData.title = text;
+                                                },
+                                            })}
+                                            <div class="d-flex align-items-center my-3">
+                                                <div class="tx_normal fw-normal me-2">簡訊內文</div>
+                                                ${gvc.bindView(() => {
+                                                    return {
+                                                        bind: 'total_count',
+                                                        view: () => {
+                                                            return `<div class="d-flex align-items-end ms-3" style="font-size: 12px;color: #8D8D8D">預計每則簡訊花費${
+                                                                pointCount * this.ticket
+                                                            }點</div>`;
+                                                        },
+                                                    };
+                                                })}
+                                            </div>
+                                            ${EditorElem.editeText({
+                                                gvc: gvc,
+                                                title: '',
+                                                readonly: true,
+                                                default: postData.content || '',
+                                                placeHolder: '',
+                                                callback: (text) => {
+                                                    postData.content = text;
+                                                    let totalSize = 0;
+
+                                                    for (let i = 0; i < text.length; i++) {
+                                                        const char = text[i];
+                                                        // 判斷是否為中文或全形字符（Unicode範圍包含中文）
+                                                        if (/[\u4e00-\u9fa5\uFF00-\uFFEF]/.test(char)) {
+                                                            totalSize += 2; // 中文或全形字符佔2個單位
+                                                        } else {
+                                                            totalSize += 1; // 英文或半形字符佔1個單位
+                                                        }
+                                                    }
+
+                                                    if (totalSize < this.maxSize) {
+                                                        pointCount = 1;
+                                                    } else {
+                                                        pointCount = Math.ceil(totalSize / this.longSMS);
+                                                    }
+                                                    gvc.notifyDataChange('total_count');
+                                                },
+                                            })}`
+                                    ),
+                                ]);
+                                return htmlList.filter((str) => str.length > 0).join(BgWidget.mbContainer(16));
+                            },
+                            divCreate: {},
+                        };
+                    }),
+                    BgWidget.getContainerWidth(),
+                    'padding: 0 !important; margin: 0 !important;'
                 )}
                 ${BgWidget.mbContainer(240)}
                 <div class="update-bar-container">
                     ${obj.type === 'replace' && !obj.readonly
-                            ? BgWidget.danger(
-                                    obj.gvc.event(() => {
-                                        const dialog = new ShareDialog(gvc.glitter);
-                                        dialog.checkYesOrNot({
-                                            text: '是否確認刪除此信件樣式？',
-                                            callback: (response) => {
-                                                if (response) {
-                                                    dialog.dataLoading({visible: true});
-                                                    ApiPost.delete({
-                                                        id: postData.id,
-                                                    }).then((res) => {
-                                                        dialog.dataLoading({visible: false});
-                                                        if (res.result) {
-                                                            dialog.successMessage({text: '刪除成功'});
-                                                            vm.type = 'list';
-                                                        } else {
-                                                            dialog.errorMessage({text: '刪除失敗'});
-                                                        }
-                                                    });
-                                                }
-                                            },
-                                        });
-                                    })
-                            )
-                            : ''}
+                        ? BgWidget.danger(
+                              obj.gvc.event(() => {
+                                  const dialog = new ShareDialog(gvc.glitter);
+                                  dialog.checkYesOrNot({
+                                      text: '是否確認刪除此信件樣式？',
+                                      callback: (response) => {
+                                          if (response) {
+                                              dialog.dataLoading({ visible: true });
+                                              ApiPost.delete({
+                                                  id: postData.id,
+                                              }).then((res) => {
+                                                  dialog.dataLoading({ visible: false });
+                                                  if (res.result) {
+                                                      dialog.successMessage({ text: '刪除成功' });
+                                                      vm.type = 'list';
+                                                  } else {
+                                                      dialog.errorMessage({ text: '刪除失敗' });
+                                                  }
+                                              });
+                                          }
+                                      },
+                                  });
+                              })
+                          )
+                        : ''}
                     ${BgWidget.danger(
                         gvc.event(() => {
                             const dialog = new ShareDialog(gvc.glitter);
-                            dialog.dataLoading({text: '取消預約中', visible: true});
+                            dialog.dataLoading({ text: '取消預約中', visible: true });
                             ApiSns.delete({
-                                id: vm.data.name
-                            }).then(r =>{
-                                console.log("res -- " , r);
-                                dialog.dataLoading({visible: false});
+                                id: vm.data.name,
+                            }).then((r) => {
+                                console.log('res -- ', r);
+                                dialog.dataLoading({ visible: false });
                                 if (r.result) {
                                     vm.status = 'list';
-                                    dialog.successMessage({text: '上傳成功'});
+                                    dialog.successMessage({ text: '上傳成功' });
                                 } else {
-                                    dialog.errorMessage({text: '上傳失敗'});
+                                    dialog.errorMessage({ text: '上傳失敗' });
                                 }
-                            }) 
+                            });
                         }),
                         obj.readonly ? '取消預約' : undefined
                     )}
                     ${BgWidget.cancel(
-                            gvc.event(() => {
-                                vm.type = 'list';
-                            }),
-                            obj.readonly ? '關閉' : undefined
+                        gvc.event(() => {
+                            vm.type = 'list';
+                        }),
+                        obj.readonly ? '關閉' : undefined
                     )}
                     ${obj.readonly
-                            ? ''
-                            : BgWidget.save(
-                                    gvc.event(() => {
-                                        const dialog = new ShareDialog(gvc.glitter);
-                                        if (obj.type === 'replace') {
-                                            dialog.dataLoading({text: '變更簡訊中', visible: true});
-                                            ApiPost.put({
-                                                postData: postData,
-                                                token: (window.parent as any).saasConfig.config.token,
-                                                type: 'manager',
-                                            }).then((re) => {
-                                                dialog.dataLoading({visible: false});
-                                                if (re.result) {
-                                                    vm.status = 'list';
-                                                    dialog.successMessage({text: '上傳成功'});
-                                                } else {
-                                                    dialog.errorMessage({text: '上傳失敗'});
-                                                }
-                                            });
-                                        } else {
-                                            dialog.dataLoading({text: '新增簡訊', visible: true});
-                                            ApiPost.post({
-                                                postData: postData,
-                                                token: (window.parent as any).saasConfig.config.token,
-                                                type: 'manager',
-                                            }).then((re) => {
-                                                dialog.dataLoading({visible: false});
-                                                if (re.result) {
-                                                    vm.type = 'list';
-                                                    dialog.successMessage({text: '上傳成功'});
-                                                } else {
-                                                    dialog.errorMessage({text: '上傳失敗'});
-                                                }
-                                            });
-                                        }
-                                    })
-                            )}
+                        ? ''
+                        : BgWidget.save(
+                              gvc.event(() => {
+                                  const dialog = new ShareDialog(gvc.glitter);
+                                  if (obj.type === 'replace') {
+                                      dialog.dataLoading({ text: '變更簡訊中', visible: true });
+                                      ApiPost.put({
+                                          postData: postData,
+                                          token: (window.parent as any).saasConfig.config.token,
+                                          type: 'manager',
+                                      }).then((re) => {
+                                          dialog.dataLoading({ visible: false });
+                                          if (re.result) {
+                                              vm.status = 'list';
+                                              dialog.successMessage({ text: '上傳成功' });
+                                          } else {
+                                              dialog.errorMessage({ text: '上傳失敗' });
+                                          }
+                                      });
+                                  } else {
+                                      dialog.dataLoading({ text: '新增簡訊', visible: true });
+                                      ApiPost.post({
+                                          postData: postData,
+                                          token: (window.parent as any).saasConfig.config.token,
+                                          type: 'manager',
+                                      }).then((re) => {
+                                          dialog.dataLoading({ visible: false });
+                                          if (re.result) {
+                                              vm.type = 'list';
+                                              dialog.successMessage({ text: '上傳成功' });
+                                          } else {
+                                              dialog.errorMessage({ text: '上傳失敗' });
+                                          }
+                                      });
+                                  }
+                              })
+                          )}
                 </div>
             `,
             BgWidget.getContainerWidth()
@@ -1014,7 +810,7 @@ export class BgSNS {
             name: '',
             title: '',
             content: '',
-            sendTime: {date: startDate, time: startTime},
+            sendTime: { date: startDate, time: startTime },
             sendGroup: [],
         };
 
@@ -1023,7 +819,7 @@ export class BgSNS {
                 return await ApiUser.getPublicConfig('member_level_config', 'manager').then((res: any) => {
                     if (res.result && res.response.value && res.response.value.levels.length > 0) {
                         return res.response.value.levels.map((data: any) => {
-                            return {key: data.id, value: data.tag_name};
+                            return { key: data.id, value: data.tag_name };
                         });
                     }
                     return [];
@@ -1037,7 +833,7 @@ export class BgSNS {
                                 return data.type !== 'level';
                             })
                             .map((data: { type: string; title: string }) => {
-                                return {key: data.type, value: data.title};
+                                return { key: data.type, value: data.title };
                             });
                     }
                     return [];
@@ -1079,9 +875,9 @@ export class BgSNS {
 
                 const index = postData.tagList.findIndex((data) => data.tag === postData.tag);
                 if (index === -1) {
-                    postData.tagList.push({tag: postData.tag, filter: filter, valueString});
+                    postData.tagList.push({ tag: postData.tag, filter: filter, valueString });
                 } else {
-                    postData.tagList[index] = {tag: postData.tag, filter: filter, valueString};
+                    postData.tagList[index] = { tag: postData.tag, filter: filter, valueString };
                 }
             }
             setUserList();
@@ -1105,7 +901,7 @@ export class BgSNS {
                     if (frequencyMap[emailObj.id]) {
                         frequencyMap[emailObj.id].count += 1;
                     } else {
-                        frequencyMap[emailObj.id] = {count: 1, emailObj};
+                        frequencyMap[emailObj.id] = { count: 1, emailObj };
                     }
                 });
                 // 篩選出出現次數大於或等於 n 的 id
@@ -1119,7 +915,7 @@ export class BgSNS {
         function setUserList() {
             let n = 0;
             postData.userList = [];
-            dialog.dataLoading({visible: true, text: '更新預計寄件人...'});
+            dialog.dataLoading({ visible: true, text: '更新預計寄件人...' });
 
             new Promise<void>((resolve) => {
                 const si = setInterval(() => {
@@ -1172,7 +968,7 @@ export class BgSNS {
                                 ApiUser.getUserListOrders({
                                     page: 0,
                                     limit: 99999,
-                                    group: {type: 'level', tag: id},
+                                    group: { type: 'level', tag: id },
                                 }).then((data) => {
                                     data.response.data.map((user: any) => {
                                         if (user.userData.email && user.userData.phone) {
@@ -1205,7 +1001,7 @@ export class BgSNS {
                                 ApiUser.getUserListOrders({
                                     page: 0,
                                     limit: 99999,
-                                    group: {type: type},
+                                    group: { type: type },
                                 }).then((data) => {
                                     // 加入額外的會員資料，例如有訂閱但未註冊者
                                     let dataArray = data.response.data;
@@ -1239,7 +1035,7 @@ export class BgSNS {
                         ApiUser.getUserListOrders({
                             page: 0,
                             limit: 99999,
-                            filter: {birth: tagData.filter},
+                            filter: { birth: tagData.filter },
                         }).then((data) => {
                             data.response.data.map((user: any) => {
                                 if (user.userData.email && user.userData.phone) {
@@ -1259,7 +1055,7 @@ export class BgSNS {
                         ApiUser.getUserListOrders({
                             page: 0,
                             limit: 99999,
-                            filter: {rebate: {key: 'moreThan', value: tagData.filter}},
+                            filter: { rebate: { key: 'moreThan', value: tagData.filter } },
                         }).then((data) => {
                             data.response.data.map((user: any) => {
                                 if (user.userData.email && user.userData.phone) {
@@ -1279,7 +1075,7 @@ export class BgSNS {
             }).then(() => {
                 postData.userList = filterEmails(postData.userList, postData.boolean, postData.boolean === 'and' ? postData.tagList.length : undefined);
 
-                dialog.dataLoading({visible: false});
+                dialog.dataLoading({ visible: false });
                 gvc.notifyDataChange(vm.tagsId);
             });
         }
@@ -1288,19 +1084,18 @@ export class BgSNS {
             const formatName = value && value.length > 0 ? `${name}：${value}` : name;
             return {
                 name: formatName,
-                html: html`
-                    <div class="c_filter_tag">
-                        ${formatName}
-                        <i
-                                class="fa-solid fa-xmark ms-1"
-                                style="cursor: pointer"
-                                onclick="${gvc.event(() => {
-                                    postData.tagList = postData.tagList.filter((data) => data.tag !== key);
-                                    setUserList();
-                                    gvc.notifyDataChange(vm.tagsId);
-                                })}"
-                        ></i>
-                    </div>`,
+                html: html` <div class="c_filter_tag">
+                    ${formatName}
+                    <i
+                        class="fa-solid fa-xmark ms-1"
+                        style="cursor: pointer"
+                        onclick="${gvc.event(() => {
+                            postData.tagList = postData.tagList.filter((data) => data.tag !== key);
+                            setUserList();
+                            gvc.notifyDataChange(vm.tagsId);
+                        })}"
+                    ></i>
+                </div>`,
             };
         }
 
@@ -1321,103 +1116,104 @@ export class BgSNS {
             });
             postData.sendGroup = badgeList.map((item) => item.name);
             return [
-                html`
-                    <div class="tx_normal fw-normal">標籤判斷</div>
+                html` <div class="tx_normal fw-normal">標籤判斷</div>
                     <div style="margin: 8px 0;">
-                        ${BgWidget.switchTextButton(gvc, postData.boolean === 'and', {
-                            left: '或',
-                            right: '且'
-                        }, (bool) => {
-                            postData.boolean = bool ? 'and' : 'or';
-                            setUserList();
-                            gvc.notifyDataChange(vm.tagsId);
-                        })}
+                        ${BgWidget.switchTextButton(
+                            gvc,
+                            postData.boolean === 'and',
+                            {
+                                left: '或',
+                                right: '且',
+                            },
+                            (bool) => {
+                                postData.boolean = bool ? 'and' : 'or';
+                                setUserList();
+                                gvc.notifyDataChange(vm.tagsId);
+                            }
+                        )}
                     </div>`,
                 html`
                     <div class="tx_normal fw-normal">預計寄件顧客人數</div>
                     <div style="display:flex; align-items: center; gap: 18px; margin: 8px 0;">
                         <div class="tx_normal">${postData.userList.length}人</div>
                         ${BgWidget.grayButton(
-                                '查看名單',
-                                gvc.event(() => {
-                                    if (postData.userList.length === 0) {
-                                        const dialog = new ShareDialog(gvc.glitter);
-                                        dialog.infoMessage({text: '目前無預計寄件的顧客'});
-                                        return;
-                                    }
-                                    const userVM = {
-                                        dataList: [] as { key: string; value: string; note: string }[],
-                                    };
-                                    BgWidget.selectDropDialog({
-                                        gvc: gvc,
-                                        title: '預計寄件顧客',
-                                        tag: 'send_users_list',
-                                        callback: () => {
-                                        },
-                                        default: [],
-                                        api: () => {
-                                            return new Promise((resolve) => {
-                                                ApiUser.getUserListOrders({
-                                                    page: 0,
-                                                    limit: 99999,
-                                                    id: postData.userList.map((user) => user.id ?? 0).join(','),
-                                                }).then((dd) => {
-                                                    if (dd.response.data) {
-                                                        userVM.dataList = dd.response.data.map((item: {
-                                                            userID: number;
-                                                            userData: { name: string; email: string }
-                                                        }) => {
-                                                            return {
-                                                                key: item.userID,
-                                                                value: item.userData.name,
-                                                                note: item.userData.email,
-                                                            };
-                                                        });
-                                                        if (postData.userList.length > userVM.dataList.length) {
-                                                            // 加入未註冊會員的信箱，例如有訂閱但未註冊者
-                                                            const noRegisterUser = postData.userList
-                                                                    .filter((item) => {
-                                                                        return item.id < 0 && item.email;
-                                                                    })
-                                                                    .map((item) => {
-                                                                        return {
-                                                                            key: `${item.id}`,
-                                                                            value: '（未註冊的會員）',
-                                                                            note: item.email,
-                                                                        };
-                                                                    });
-                                                            userVM.dataList = userVM.dataList.concat(noRegisterUser);
-                                                        }
-                                                        resolve(userVM.dataList);
+                            '查看名單',
+                            gvc.event(() => {
+                                if (postData.userList.length === 0) {
+                                    const dialog = new ShareDialog(gvc.glitter);
+                                    dialog.infoMessage({ text: '目前無預計寄件的顧客' });
+                                    return;
+                                }
+                                const userVM = {
+                                    dataList: [] as { key: string; value: string; note: string }[],
+                                };
+                                BgWidget.selectDropDialog({
+                                    gvc: gvc,
+                                    title: '預計寄件顧客',
+                                    tag: 'send_users_list',
+                                    callback: () => {},
+                                    default: [],
+                                    api: () => {
+                                        return new Promise((resolve) => {
+                                            ApiUser.getUserListOrders({
+                                                page: 0,
+                                                limit: 99999,
+                                                id: postData.userList.map((user) => user.id ?? 0).join(','),
+                                            }).then((dd) => {
+                                                if (dd.response.data) {
+                                                    userVM.dataList = dd.response.data.map((item: { userID: number; userData: { name: string; email: string } }) => {
+                                                        return {
+                                                            key: item.userID,
+                                                            value: item.userData.name,
+                                                            note: item.userData.email,
+                                                        };
+                                                    });
+                                                    if (postData.userList.length > userVM.dataList.length) {
+                                                        // 加入未註冊會員的信箱，例如有訂閱但未註冊者
+                                                        const noRegisterUser = postData.userList
+                                                            .filter((item) => {
+                                                                return item.id < 0 && item.email;
+                                                            })
+                                                            .map((item) => {
+                                                                return {
+                                                                    key: `${item.id}`,
+                                                                    value: '（未註冊的會員）',
+                                                                    note: item.email,
+                                                                };
+                                                            });
+                                                        userVM.dataList = userVM.dataList.concat(noRegisterUser);
                                                     }
-                                                });
+                                                    resolve(userVM.dataList);
+                                                }
                                             });
-                                        },
-                                        style: 'width: 100%;',
-                                        readonly: true,
-                                    });
-                                }),
-                                {textStyle: 'font-weight: 400;'}
+                                        });
+                                    },
+                                    style: 'width: 100%;',
+                                    readonly: true,
+                                });
+                            }),
+                            { textStyle: 'font-weight: 400;' }
                         )}
-                    </div> `,
+                    </div>
+                `,
                 html`
                     <div class="tx_normal fw-normal">篩選條件</div>
                     <div class="c_filter_container">
                         ${badgeList.length === 0
-                                ? '無'
-                                : badgeList
-                                        .map((item) => {
-                                            return item.html;
-                                        })
-                                        .join(postData.boolean === 'and' ? '且' : '或')}
+                            ? '無'
+                            : badgeList
+                                  .map((item) => {
+                                      return item.html;
+                                  })
+                                  .join(postData.boolean === 'and' ? '且' : '或')}
                     </div>
                 `,
             ].join(BgWidget.mbContainer(18));
         }
 
-        ApiWallet.getWallet().then(r => {
+        ApiWallet.getWallet().then((r) => {
             wallet = r.response.sum;
-        })
+        });
         return BgWidget.container(
             html`
                 <div class="d-flex w-100 align-items-center">
@@ -1426,469 +1222,466 @@ export class BgSNS {
                 </div>
                 ${BgWidget.mbContainer(18)}
                 ${BgWidget.container(
-                        gvc.bindView(() => {
-                            return {
-                                bind: vm.containerId,
-                                view: () => {
-                                    return [
-                                        BgWidget.mainCard(
-                                                [
-                                                    html`
-                                                        <div class="tx_700">選擇收件對象</div>`,
-                                                    html`
-                                                        <div class="tx_normal fw-normal mt-3">根據</div>`,
-                                                    html`
-                                                        <div style="display: flex; ${document.body.clientWidth > 768 ? 'gap: 18px;' : 'flex-direction: column;'}">
-                                                            <div style="width: ${document.body.clientWidth > 768 ? '400px' : '100%'};">
-                                                                ${BgWidget.select({
-                                                                    gvc: gvc,
-                                                                    default: postData.tag,
-                                                                    callback: (key) => {
-                                                                        postData.tag = key;
-                                                                        vm.loading = true;
-                                                                        gvc.notifyDataChange(vm.id);
-                                                                    },
-                                                                    options: FilterOptions.emailOptions,
-                                                                    style: 'margin: 8px 0;',
-                                                                })}
-                                                            </div>
-                                                            <div style="width: 100%; display: flex; align-items: center;">
-                                                                ${gvc.bindView({
-                                                                    bind: vm.id,
-                                                                    view: () => {
-                                                                        const getDefault = (def: any) => {
-                                                                            const data = postData.tagList.find((data) => data.tag === postData.tag);
-                                                                            return data ? data.filter : def;
-                                                                        };
-                                                                        const callback = (value?: any) => {
-                                                                            if (typeof value === 'string' || typeof value === 'number') {
-                                                                                const intFiltter = parseInt(`${value}`, 10);
-                                                                                value = intFiltter > 0 ? intFiltter : 0;
-                                                                                if (isNaN(intFiltter) || intFiltter < 0) {
-                                                                                    const dialog = new ShareDialog(gvc.glitter);
-                                                                                    dialog.infoMessage({text: '請輸入正整數或0'});
-                                                                                    return;
-                                                                                }
+                    gvc.bindView(() => {
+                        return {
+                            bind: vm.containerId,
+                            view: () => {
+                                return [
+                                    BgWidget.mainCard(
+                                        [
+                                            html` <div class="tx_700">選擇收件對象</div>`,
+                                            html` <div class="tx_normal fw-normal mt-3">根據</div>`,
+                                            html` <div style="display: flex; ${document.body.clientWidth > 768 ? 'gap: 18px;' : 'flex-direction: column;'}">
+                                                <div style="width: ${document.body.clientWidth > 768 ? '400px' : '100%'};">
+                                                    ${BgWidget.select({
+                                                        gvc: gvc,
+                                                        default: postData.tag,
+                                                        callback: (key) => {
+                                                            postData.tag = key;
+                                                            vm.loading = true;
+                                                            gvc.notifyDataChange(vm.id);
+                                                        },
+                                                        options: FilterOptions.emailOptions,
+                                                        style: 'margin: 8px 0;',
+                                                    })}
+                                                </div>
+                                                <div style="width: 100%; display: flex; align-items: center;">
+                                                    ${gvc.bindView({
+                                                        bind: vm.id,
+                                                        view: () => {
+                                                            const getDefault = (def: any) => {
+                                                                const data = postData.tagList.find((data) => data.tag === postData.tag);
+                                                                return data ? data.filter : def;
+                                                            };
+                                                            const callback = (value?: any) => {
+                                                                if (typeof value === 'string' || typeof value === 'number') {
+                                                                    const intFiltter = parseInt(`${value}`, 10);
+                                                                    value = intFiltter > 0 ? intFiltter : 0;
+                                                                    if (isNaN(intFiltter) || intFiltter < 0) {
+                                                                        const dialog = new ShareDialog(gvc.glitter);
+                                                                        dialog.infoMessage({ text: '請輸入正整數或0' });
+                                                                        return;
+                                                                    }
+                                                                }
+                                                                filterEvent(value);
+                                                            };
+                                                            switch (postData.tag) {
+                                                                case 'all':
+                                                                    dialog.dataLoading({
+                                                                        visible: true,
+                                                                        text: '取得所有會員資料中...',
+                                                                    });
+                                                                    new Promise((resolve) => {
+                                                                        ApiUser.getUserListOrders({
+                                                                            page: 0,
+                                                                            limit: 99999,
+                                                                        }).then((dd) => {
+                                                                            if (dd.response.data) {
+                                                                                const ids: number[] = [];
+                                                                                vm.dataList = dd.response.data
+                                                                                    .filter(
+                                                                                        (item: {
+                                                                                            userData: {
+                                                                                                email: string;
+                                                                                            };
+                                                                                        }) => {
+                                                                                            return item.userData.email && item.userData.email.length > 0;
+                                                                                        }
+                                                                                    )
+                                                                                    .map(
+                                                                                        (item: {
+                                                                                            userID: number;
+                                                                                            userData: {
+                                                                                                name: string;
+                                                                                                email: string;
+                                                                                            };
+                                                                                        }) => {
+                                                                                            ids.push(item.userID);
+                                                                                            return {
+                                                                                                key: item.userID,
+                                                                                                value: item.userData.name ?? '（尚無姓名）',
+                                                                                                note: item.userData.email,
+                                                                                            };
+                                                                                        }
+                                                                                    );
+                                                                                resolve(ids);
                                                                             }
-                                                                            filterEvent(value);
-                                                                        };
-                                                                        switch (postData.tag) {
-                                                                            case 'all':
-                                                                                dialog.dataLoading({
-                                                                                    visible: true,
-                                                                                    text: '取得所有會員資料中...'
-                                                                                });
-                                                                                new Promise((resolve) => {
-                                                                                    ApiUser.getUserListOrders({
-                                                                                        page: 0,
-                                                                                        limit: 99999,
-                                                                                    }).then((dd) => {
-                                                                                        if (dd.response.data) {
-                                                                                            const ids: number[] = [];
-                                                                                            vm.dataList = dd.response.data
-                                                                                                    .filter((item: {
-                                                                                                        userData: {
-                                                                                                            email: string
+                                                                        });
+                                                                    }).then((data) => {
+                                                                        dialog.dataLoading({ visible: false });
+                                                                        callback(data);
+                                                                    });
+                                                                    return '';
+                                                                case 'level':
+                                                                case 'group':
+                                                                case 'birth':
+                                                                    return BgWidget.selectDropList({
+                                                                        gvc: gvc,
+                                                                        callback: callback,
+                                                                        default: getDefault([]),
+                                                                        options: vm.loading ? [] : vm.dataList,
+                                                                        placeholder: vm.loading ? '資料載入中...' : undefined,
+                                                                        style: 'margin: 8px 0; width: 100%;',
+                                                                    });
+                                                                case 'customers':
+                                                                    return BgWidget.grayButton(
+                                                                        '點擊選取顧客',
+                                                                        gvc.event(() => {
+                                                                            BgWidget.selectDropDialog({
+                                                                                gvc: gvc,
+                                                                                title: '搜尋特定顧客',
+                                                                                tag: 'set_send_users',
+                                                                                updownOptions: FilterOptions.userOrderBy,
+                                                                                callback: callback,
+                                                                                default: getDefault([]),
+                                                                                api: (data: { query: string; orderString: string }) => {
+                                                                                    return new Promise((resolve) => {
+                                                                                        ApiUser.getUserListOrders({
+                                                                                            page: 0,
+                                                                                            limit: 99999,
+                                                                                            search: data.query,
+                                                                                            orderString: data.orderString,
+                                                                                        }).then((dd) => {
+                                                                                            if (dd.response.data) {
+                                                                                                vm.dataList = dd.response.data
+                                                                                                    .filter(
+                                                                                                        (item: {
+                                                                                                            userData: {
+                                                                                                                email: string;
+                                                                                                            };
+                                                                                                        }) => {
+                                                                                                            return item.userData.email && item.userData.email.length > 0;
                                                                                                         }
-                                                                                                    }) => {
-                                                                                                        return item.userData.email && item.userData.email.length > 0;
-                                                                                                    })
-                                                                                                    .map((item: {
-                                                                                                        userID: number;
-                                                                                                        userData: {
-                                                                                                            name: string;
-                                                                                                            email: string
+                                                                                                    )
+                                                                                                    .map(
+                                                                                                        (item: {
+                                                                                                            userID: number;
+                                                                                                            userData: {
+                                                                                                                name: string;
+                                                                                                                email: string;
+                                                                                                            };
+                                                                                                        }) => {
+                                                                                                            return {
+                                                                                                                key: item.userID,
+                                                                                                                value: item.userData.name ?? '（尚無姓名）',
+                                                                                                                note: item.userData.email,
+                                                                                                            };
                                                                                                         }
-                                                                                                    }) => {
-                                                                                                        ids.push(item.userID);
-                                                                                                        return {
-                                                                                                            key: item.userID,
-                                                                                                            value: item.userData.name ?? '（尚無姓名）',
-                                                                                                            note: item.userData.email,
-                                                                                                        };
-                                                                                                    });
-                                                                                            resolve(ids);
-                                                                                        }
+                                                                                                    );
+                                                                                                resolve(vm.dataList);
+                                                                                            }
+                                                                                        });
                                                                                     });
-                                                                                }).then((data) => {
-                                                                                    dialog.dataLoading({visible: false});
-                                                                                    callback(data);
-                                                                                });
-                                                                                return '';
-                                                                            case 'level':
-                                                                            case 'group':
-                                                                            case 'birth':
-                                                                                return BgWidget.selectDropList({
-                                                                                    gvc: gvc,
-                                                                                    callback: callback,
-                                                                                    default: getDefault([]),
-                                                                                    options: vm.loading ? [] : vm.dataList,
-                                                                                    placeholder: vm.loading ? '資料載入中...' : undefined,
-                                                                                    style: 'margin: 8px 0; width: 100%;',
-                                                                                });
-                                                                            case 'customers':
-                                                                                return BgWidget.grayButton(
-                                                                                        '點擊選取顧客',
-                                                                                        gvc.event(() => {
-                                                                                            BgWidget.selectDropDialog({
-                                                                                                gvc: gvc,
-                                                                                                title: '搜尋特定顧客',
-                                                                                                tag: 'set_send_users',
-                                                                                                updownOptions: FilterOptions.userOrderBy,
-                                                                                                callback: callback,
-                                                                                                default: getDefault([]),
-                                                                                                api: (data: {
-                                                                                                    query: string;
-                                                                                                    orderString: string
-                                                                                                }) => {
-                                                                                                    return new Promise((resolve) => {
-                                                                                                        ApiUser.getUserListOrders({
-                                                                                                            page: 0,
-                                                                                                            limit: 99999,
-                                                                                                            search: data.query,
-                                                                                                            orderString: data.orderString,
-                                                                                                        }).then((dd) => {
-                                                                                                            if (dd.response.data) {
-                                                                                                                vm.dataList = dd.response.data
-                                                                                                                        .filter((item: {
-                                                                                                                            userData: {
-                                                                                                                                email: string
-                                                                                                                            }
-                                                                                                                        }) => {
-                                                                                                                            return item.userData.email && item.userData.email.length > 0;
-                                                                                                                        })
-                                                                                                                        .map((item: {
-                                                                                                                            userID: number;
-                                                                                                                            userData: {
-                                                                                                                                name: string;
-                                                                                                                                email: string
-                                                                                                                            }
-                                                                                                                        }) => {
-                                                                                                                            return {
-                                                                                                                                key: item.userID,
-                                                                                                                                value: item.userData.name ?? '（尚無姓名）',
-                                                                                                                                note: item.userData.email,
-                                                                                                                            };
-                                                                                                                        });
-                                                                                                                resolve(vm.dataList);
-                                                                                                            }
-                                                                                                        });
-                                                                                                    });
-                                                                                                },
-                                                                                                style: 'width: 100%;',
-                                                                                            });
-                                                                                        }),
-                                                                                        {textStyle: 'font-weight: 400;'}
-                                                                                );
-                                                                            case 'expiry':
-                                                                                return BgWidget.editeInput({
-                                                                                    gvc: gvc,
-                                                                                    title: '',
-                                                                                    default: getDefault('0'),
-                                                                                    placeHolder: '請輸入剩餘多少天',
-                                                                                    callback: callback,
-                                                                                    endText: '天',
-                                                                                });
-                                                                            case 'remain':
-                                                                                return BgWidget.editeInput({
-                                                                                    gvc: gvc,
-                                                                                    title: '',
-                                                                                    default: getDefault('0'),
-                                                                                    placeHolder: '請輸入大於多少',
-                                                                                    callback: callback,
-                                                                                    startText: '大於',
-                                                                                    endText: '點',
-                                                                                });
-                                                                            case 'uncheckout':
-                                                                                return BgWidget.editeInput({
-                                                                                    gvc: gvc,
-                                                                                    title: '',
-                                                                                    default: getDefault('0'),
-                                                                                    placeHolder: '請輸入超過幾天未結帳',
-                                                                                    callback: callback,
-                                                                                    endText: '天',
-                                                                                });
-                                                                            default:
-                                                                                return '';
-                                                                        }
-                                                                    },
-                                                                    divCreate: {class: 'w-100'},
-                                                                    onCreate: () => {
-                                                                        if (vm.loading) {
-                                                                            getOptions(postData.tag).then((opts) => {
-                                                                                vm.dataList = opts as {
-                                                                                    key: string;
-                                                                                    value: string
-                                                                                }[];
-                                                                                vm.loading = false;
-                                                                                gvc.notifyDataChange(vm.id);
+                                                                                },
+                                                                                style: 'width: 100%;',
                                                                             });
-                                                                        }
-                                                                    },
-                                                                })}
-                                                            </div>
-                                                        </div>`,
-                                                    gvc.bindView({
-                                                        bind: vm.tagsId,
-                                                        view: () => getTagsHTML(),
-                                                        divCreate: {style: 'margin-top: 8px;'},
-                                                    }),
-                                                ].join('')
-                                        ),
-                                        BgWidget.mainCard(
-                                                [
-                                                    html`
-                                                        <div class="tx_700">信件內容</div>`,
-                                                    html`
-                                                        <div class="tx_normal fw-normal mt-3">信件樣式</div>`,
-                                                    (() => {
-                                                        const selectVM = {
-                                                            id: glitter.getUUID(),
-                                                            loading: true,
-                                                            dataList: [] as {
-                                                                key: string;
-                                                                name: string;
-                                                                value: string;
-                                                                content: string;
-                                                            }[],
-                                                        };
-                                                        return gvc.bindView({
-                                                            bind: selectVM.id,
-                                                            view: () => {
-                                                                return BgWidget.select({
-                                                                    gvc: gvc,
-                                                                    default: postData.name,
-                                                                    callback: (key) => {
-                                                                        const data = selectVM.dataList.find((data) => data.key === key && key !== 'def');
-                                                                        postData.name = data ? data.name : '';
-                                                                        postData.title = data ? data.value : '';
-                                                                        postData.content = data ? data.content : '';
-                                                                        gvc.notifyDataChange(vm.emailId);
-                                                                    },
-                                                                    options: selectVM.dataList,
-                                                                    style: 'margin: 8px 0;',
+                                                                        }),
+                                                                        { textStyle: 'font-weight: 400;' }
+                                                                    );
+                                                                case 'expiry':
+                                                                    return BgWidget.editeInput({
+                                                                        gvc: gvc,
+                                                                        title: '',
+                                                                        default: getDefault('0'),
+                                                                        placeHolder: '請輸入剩餘多少天',
+                                                                        callback: callback,
+                                                                        endText: '天',
+                                                                    });
+                                                                case 'remain':
+                                                                    return BgWidget.editeInput({
+                                                                        gvc: gvc,
+                                                                        title: '',
+                                                                        default: getDefault('0'),
+                                                                        placeHolder: '請輸入大於多少',
+                                                                        callback: callback,
+                                                                        startText: '大於',
+                                                                        endText: '點',
+                                                                    });
+                                                                case 'uncheckout':
+                                                                    return BgWidget.editeInput({
+                                                                        gvc: gvc,
+                                                                        title: '',
+                                                                        default: getDefault('0'),
+                                                                        placeHolder: '請輸入超過幾天未結帳',
+                                                                        callback: callback,
+                                                                        endText: '天',
+                                                                    });
+                                                                default:
+                                                                    return '';
+                                                            }
+                                                        },
+                                                        divCreate: { class: 'w-100' },
+                                                        onCreate: () => {
+                                                            if (vm.loading) {
+                                                                getOptions(postData.tag).then((opts) => {
+                                                                    vm.dataList = opts as {
+                                                                        key: string;
+                                                                        value: string;
+                                                                    }[];
+                                                                    vm.loading = false;
+                                                                    gvc.notifyDataChange(vm.id);
                                                                 });
+                                                            }
+                                                        },
+                                                    })}
+                                                </div>
+                                            </div>`,
+                                            gvc.bindView({
+                                                bind: vm.tagsId,
+                                                view: () => getTagsHTML(),
+                                                divCreate: { style: 'margin-top: 8px;' },
+                                            }),
+                                        ].join('')
+                                    ),
+                                    BgWidget.mainCard(
+                                        [
+                                            html` <div class="tx_700">信件內容</div>`,
+                                            html` <div class="tx_normal fw-normal mt-3">信件樣式</div>`,
+                                            (() => {
+                                                const selectVM = {
+                                                    id: glitter.getUUID(),
+                                                    loading: true,
+                                                    dataList: [] as {
+                                                        key: string;
+                                                        name: string;
+                                                        value: string;
+                                                        content: string;
+                                                    }[],
+                                                };
+                                                return gvc.bindView({
+                                                    bind: selectVM.id,
+                                                    view: () => {
+                                                        return BgWidget.select({
+                                                            gvc: gvc,
+                                                            default: postData.name,
+                                                            callback: (key) => {
+                                                                const data = selectVM.dataList.find((data) => data.key === key && key !== 'def');
+                                                                postData.name = data ? data.name : '';
+                                                                postData.title = data ? data.value : '';
+                                                                postData.content = data ? data.content : '';
+                                                                gvc.notifyDataChange(vm.emailId);
                                                             },
-                                                            divCreate: {},
-                                                            onCreate: () => {
-                                                                if (selectVM.loading) {
-                                                                    ApiPost.getManagerPost({
-                                                                        page: 0,
-                                                                        limit: 9999,
-                                                                        type: 'notify-sns-config',
-                                                                    }).then((res) => {
-                                                                        if (res.result) {
-                                                                            selectVM.dataList = res.response.data.map((data: any) => {
-                                                                                data = data.content;
-                                                                                return {
-                                                                                    key: `${data.id}`,
-                                                                                    name: data.name,
-                                                                                    value: data.title,
-                                                                                    content: data.content,
-                                                                                };
-                                                                            });
-                                                                            selectVM.dataList.splice(0, 0, {
-                                                                                key: 'default',
-                                                                                name: '',
-                                                                                value: '（空白樣式）',
-                                                                                content: '',
-                                                                            });
-                                                                        }
-                                                                        selectVM.loading = false;
-                                                                        gvc.notifyDataChange(selectVM.id);
+                                                            options: selectVM.dataList,
+                                                            style: 'margin: 8px 0;',
+                                                        });
+                                                    },
+                                                    divCreate: {},
+                                                    onCreate: () => {
+                                                        if (selectVM.loading) {
+                                                            ApiPost.getManagerPost({
+                                                                page: 0,
+                                                                limit: 9999,
+                                                                type: 'notify-sns-config',
+                                                            }).then((res) => {
+                                                                if (res.result) {
+                                                                    selectVM.dataList = res.response.data.map((data: any) => {
+                                                                        data = data.content;
+                                                                        return {
+                                                                            key: `${data.id}`,
+                                                                            name: data.name,
+                                                                            value: data.title,
+                                                                            content: data.content,
+                                                                        };
+                                                                    });
+                                                                    selectVM.dataList.splice(0, 0, {
+                                                                        key: 'default',
+                                                                        name: '',
+                                                                        value: '（空白樣式）',
+                                                                        content: '',
                                                                     });
                                                                 }
-                                                            },
-                                                        });
-                                                    })(),
-                                                    BgWidget.editeInput({
-                                                        gvc: gvc,
-                                                        title: '簡訊主旨',
-                                                        default: postData.title,
-                                                        placeHolder: '請輸入簡訊主旨',
-                                                        callback: (text) => {
-                                                            postData.title = text;
-                                                        },
-                                                    }),
-                                                    gvc.bindView({
-                                                        bind: vm.emailId,
-                                                        view: () => {
-                                                            return [
-                                                                html`
-                                                                    <div class="d-flex align-items-center mb-3">
-                                                                        <div class="tx_normal fw-normal me-2 d-flex">簡訊內容
-                                                                        </div>
-                                                                        ${BgWidget.selEventButton(
-                                                                                '範例',
-                                                                                gvc.event(() => {
-                                                                                    postData.content = defaultEmailText();
-                                                                                    gvc.notifyDataChange(vm.containerId);
-                                                                                })
-                                                                        )}
-                                                                        ${gvc.bindView(()=>{
-                                                                            return {
-                                                                                bind:'total_count',
-                                                                                view:()=>{
-                                                                                    return `<div class="d-flex align-items-end ms-3"
+                                                                selectVM.loading = false;
+                                                                gvc.notifyDataChange(selectVM.id);
+                                                            });
+                                                        }
+                                                    },
+                                                });
+                                            })(),
+                                            BgWidget.editeInput({
+                                                gvc: gvc,
+                                                title: '簡訊主旨',
+                                                default: postData.title,
+                                                placeHolder: '請輸入簡訊主旨',
+                                                callback: (text) => {
+                                                    postData.title = text;
+                                                },
+                                            }),
+                                            gvc.bindView({
+                                                bind: vm.emailId,
+                                                view: () => {
+                                                    return [
+                                                        html`
+                                                            <div class="d-flex align-items-center mb-3">
+                                                                <div class="tx_normal fw-normal me-2 d-flex">簡訊內容</div>
+                                                                ${BgWidget.selEventButton(
+                                                                    '範例',
+                                                                    gvc.event(() => {
+                                                                        postData.content = defaultEmailText();
+                                                                        gvc.notifyDataChange(vm.containerId);
+                                                                    })
+                                                                )}
+                                                                ${gvc.bindView(() => {
+                                                                    return {
+                                                                        bind: 'total_count',
+                                                                        view: () => {
+                                                                            return `<div class="d-flex align-items-end ms-3"
                                                                              style="font-size: 12px;color: #8D8D8D">
                                                                                 預計每則簡訊花費${pointCount * this.ticket}點
-                                                                        </div>`
-                                                                                }
-                                                                            }
-                                                                        })}
-                                                                    </div>
-                                                                    ${EditorElem.editeText({
-                                                                        gvc: gvc,
-                                                                        title: "",
-                                                                        default: postData.content || "",
-                                                                        placeHolder: "",
-                                                                        callback: (text) => {
-                                                                            postData.content = text;
-                                                                            let totalSize = 0;
-
-                                                                            for (let i = 0; i < text.length; i++) {
-                                                                                const char = text[i];
-                                                                                // 判斷是否為中文或全形字符（Unicode範圍包含中文）
-                                                                                if (/[\u4e00-\u9fa5\uFF00-\uFFEF]/.test(char)) {
-                                                                                    totalSize += 2; // 中文或全形字符佔2個單位
-                                                                                } else {
-                                                                                    totalSize += 1; // 英文或半形字符佔1個單位
-                                                                                }
-                                                                            }
-
-                                                                            if (totalSize < this.maxSize) {
-                                                                                pointCount = 1;
-                                                                            } else {
-                                                                                pointCount = Math.ceil(totalSize / this.longSMS);
-                                                                            }
-                                                                            gvc.notifyDataChange('total_count')
+                                                                        </div>`;
+                                                                        },
+                                                                    };
+                                                                })}
+                                                            </div>
+                                                            ${EditorElem.editeText({
+                                                                gvc: gvc,
+                                                                title: '',
+                                                                default: postData.content || '',
+                                                                placeHolder: '',
+                                                                callback: (text) => {
+                                                                    postData.content = text;
+                                                                    let totalSize = 0;
 
+                                                                    for (let i = 0; i < text.length; i++) {
+                                                                        const char = text[i];
+                                                                        // 判斷是否為中文或全形字符（Unicode範圍包含中文）
+                                                                        if (/[\u4e00-\u9fa5\uFF00-\uFFEF]/.test(char)) {
+                                                                            totalSize += 2; // 中文或全形字符佔2個單位
+                                                                        } else {
+                                                                            totalSize += 1; // 英文或半形字符佔1個單位
                                                                         }
-                                                                    })}
-                                                                `,
-                                                            ].join('');
-                                                        },
-                                                    }),
-                                                ].join('')
-                                        ),
-                                        BgWidget.mainCard(
-                                                html`
-                                                    <div class="tx_700 mb-3">發送時間</div>
-                                                    ${EditorElem.radio({
-                                                        gvc: gvc,
-                                                        title: '',
-                                                        def: postData.sendTime === undefined ? 'now' : 'set',
-                                                        array: [
-                                                            {
-                                                                title: '立即發送',
-                                                                value: 'now',
-                                                            },
-                                                            {
-                                                                title: '排定發送時間',
-                                                                value: 'set',
-                                                                innerHtml: html`
-                                                                    <div class="d-flex mt-3 ${document.body.clientWidth < 768 ? 'flex-column' : ''}"
-                                                                         style="gap: 12px">
-                                                                        ${EditorElem.editeInput({
-                                                                            gvc: gvc,
-                                                                            title: '',
-                                                                            type: 'date',
-                                                                            style: inputStyle,
-                                                                            default: startDate,
-                                                                            placeHolder: '',
-                                                                            callback: (date) => {
-                                                                                postData.sendTime = {
-                                                                                    date: date,
-                                                                                    time: postData.sendTime?.time ?? '',
-                                                                                };
-                                                                            },
-                                                                        })}
-                                                                        ${EditorElem.editeInput({
-                                                                            gvc: gvc,
-                                                                            title: '',
-                                                                            type: 'time',
-                                                                            style: inputStyle,
-                                                                            default: startTime,
-                                                                            placeHolder: '',
-                                                                            callback: (time) => {
-                                                                                postData.sendTime = {
-                                                                                    date: postData.sendTime?.date ?? '',
-                                                                                    time: time,
-                                                                                };
-                                                                            },
-                                                                        })}
-                                                                    </div>`,
-                                                            },
-                                                        ],
-                                                        callback: (text) => {
-                                                            if (text === 'now') {
-                                                                postData.sendTime = undefined;
-                                                            }
-                                                            if (text === 'set') {
-                                                                postData.sendTime = {date: startDate, time: startTime};
-                                                            }
-                                                        },
-                                                    })}`
-                                        ),
-                                    ].join(BgWidget.mbContainer(16));
-                                },
-                                divCreate: {},
-                            };
-                        }),
-                        BgWidget.getContainerWidth(),
-                        'padding: 0 !important; margin: 0 !important;'
+                                                                    }
+
+                                                                    if (totalSize < this.maxSize) {
+                                                                        pointCount = 1;
+                                                                    } else {
+                                                                        pointCount = Math.ceil(totalSize / this.longSMS);
+                                                                    }
+                                                                    gvc.notifyDataChange('total_count');
+                                                                },
+                                                            })}
+                                                        `,
+                                                    ].join('');
+                                                },
+                                            }),
+                                        ].join('')
+                                    ),
+                                    BgWidget.mainCard(
+                                        html` <div class="tx_700 mb-3">發送時間</div>
+                                            ${EditorElem.radio({
+                                                gvc: gvc,
+                                                title: '',
+                                                def: postData.sendTime === undefined ? 'now' : 'set',
+                                                array: [
+                                                    {
+                                                        title: '立即發送',
+                                                        value: 'now',
+                                                    },
+                                                    {
+                                                        title: '排定發送時間',
+                                                        value: 'set',
+                                                        innerHtml: html` <div class="d-flex mt-3 ${document.body.clientWidth < 768 ? 'flex-column' : ''}" style="gap: 12px">
+                                                            ${EditorElem.editeInput({
+                                                                gvc: gvc,
+                                                                title: '',
+                                                                type: 'date',
+                                                                style: inputStyle,
+                                                                default: startDate,
+                                                                placeHolder: '',
+                                                                callback: (date) => {
+                                                                    postData.sendTime = {
+                                                                        date: date,
+                                                                        time: postData.sendTime?.time ?? '',
+                                                                    };
+                                                                },
+                                                            })}
+                                                            ${EditorElem.editeInput({
+                                                                gvc: gvc,
+                                                                title: '',
+                                                                type: 'time',
+                                                                style: inputStyle,
+                                                                default: startTime,
+                                                                placeHolder: '',
+                                                                callback: (time) => {
+                                                                    postData.sendTime = {
+                                                                        date: postData.sendTime?.date ?? '',
+                                                                        time: time,
+                                                                    };
+                                                                },
+                                                            })}
+                                                        </div>`,
+                                                    },
+                                                ],
+                                                callback: (text) => {
+                                                    if (text === 'now') {
+                                                        postData.sendTime = undefined;
+                                                    }
+                                                    if (text === 'set') {
+                                                        postData.sendTime = { date: startDate, time: startTime };
+                                                    }
+                                                },
+                                            })}`
+                                    ),
+                                ].join(BgWidget.mbContainer(16));
+                            },
+                            divCreate: {},
+                        };
+                    }),
+                    BgWidget.getContainerWidth(),
+                    'padding: 0 !important; margin: 0 !important;'
                 )}
                 ${BgWidget.mbContainer(240)}
                 <div class="update-bar-container">
                     ${BgWidget.save(
-                            gvc.event(() => {
-                                function isLater(dateTimeObj: { date: string; time: string }) {
-                                    const currentDateTime = new Date();
-                                    const {date, time} = dateTimeObj;
-                                    const dateTimeString = `${date}T${time}:00`;
-                                    const providedDateTime = new Date(dateTimeString);
-                                    return currentDateTime > providedDateTime;
-                                }
+                        gvc.event(() => {
+                            function isLater(dateTimeObj: { date: string; time: string }) {
+                                const currentDateTime = new Date();
+                                const { date, time } = dateTimeObj;
+                                const dateTimeString = `${date}T${time}:00`;
+                                const providedDateTime = new Date(dateTimeString);
+                                return currentDateTime > providedDateTime;
+                            }
 
-                                if (postData.sendTime && isLater(postData.sendTime)) {
-                                    dialog.errorMessage({text: '排定發送的時間需大於現在時間'});
-                                    return;
-                                }
+                            if (postData.sendTime && isLater(postData.sendTime)) {
+                                dialog.errorMessage({ text: '排定發送的時間需大於現在時間' });
+                                return;
+                            }
 
-                                if (postData.userList.length == 0) {
-                                    dialog.errorMessage({text: '請選擇發送對象'});
-                                    return;
-                                }
-                                
-                                dialog.dataLoading({
-                                    text: postData.sendTime ? '信件排定中...' : '信件發送中...',
-                                    visible: true,
-                                })
-                                ApiSns.send({
-                                    ...postData,
-                                    phone: postData.userList.map((user) => user.phone),
-                                }).then((data) => {
-                                    dialog.dataLoading({visible: false});
-                                    if (data.result) {
-                                        dialog.successMessage({
-                                            text: postData.sendTime ? '排定成功' : '發送成功',
-                                        });
-                                    } else {
-                                        if(data.response.message==='No_Points'){
-                                            dialog.warningMessage({text: `餘額不足是否前往儲值?`,callback:(response)=>{
-                                                if(response){
-                                                    (window.parent as any).glitter.setUrlParameter('tab','sms-points');
+                            if (postData.userList.length == 0) {
+                                dialog.errorMessage({ text: '請選擇發送對象' });
+                                return;
+                            }
+
+                            dialog.dataLoading({
+                                text: postData.sendTime ? '信件排定中...' : '信件發送中...',
+                                visible: true,
+                            });
+                            ApiSns.send({
+                                ...postData,
+                                phone: postData.userList.map((user) => user.phone),
+                            }).then((data) => {
+                                dialog.dataLoading({ visible: false });
+                                if (data.result) {
+                                    dialog.successMessage({
+                                        text: postData.sendTime ? '排定成功' : '發送成功',
+                                    });
+                                } else {
+                                    if (data.response.message === 'No_Points') {
+                                        dialog.warningMessage({
+                                            text: `餘額不足是否前往儲值?`,
+                                            callback: (response) => {
+                                                if (response) {
+                                                    (window.parent as any).glitter.setUrlParameter('tab', 'sms-points');
                                                     (window.parent as any).glitter.pageConfig[0].gvc.recreateView();
                                                 }
-                                                }});
-                                        }else{
-                                            dialog.errorMessage({text: '手動寄件失敗'});
-                                        }
-                                     
+                                            },
+                                        });
+                                    } else {
+                                        dialog.errorMessage({ text: '手動寄件失敗' });
                                     }
-                                });
-                            }),
-                            '送出'
+                                }
+                            });
+                        }),
+                        '送出'
                     )}
                 </div>
             `,
@@ -1919,139 +1712,137 @@ export class BgSNS {
             html`
                 <div class="d-flex w-100 align-items-center">
                     ${BgWidget.goBack(
-                            gvc.event(() => {
-                                vm.type = 'list';
-                            })
+                        gvc.event(() => {
+                            vm.type = 'list';
+                        })
                     )}
                     ${BgWidget.title(`編輯推播通知`)}
                     <div class="flex-fill"></div>
                 </div>
-                ${BgWidget.container(html`
-                    <div class="d-flex px-0" style="gap: 10px;">
+                ${BgWidget.container(html` <div class="d-flex px-0" style="gap: 10px;">
                         <div style="width: 100%">
                             ${BgWidget.mainCard(
-                                    obj.gvc.bindView(() => {
-                                        const bi = obj.gvc.glitter.getUUID();
-                                        return {
-                                            bind: bi,
-                                            view: () => {
-                                                return [
-                                                    EditorElem.editeInput({
-                                                        gvc: gvc,
-                                                        title: '推播標題',
-                                                        default: postData.title,
-                                                        placeHolder: '請輸入推播標題',
-                                                        callback: (text) => {
-                                                            postData.title = text;
-                                                        },
-                                                    }),
-                                                    EditorElem.editeInput({
-                                                        gvc: gvc,
-                                                        title: '跳轉連結',
-                                                        default: postData.link,
-                                                        placeHolder: '請輸入要跳轉的連結',
-                                                        callback: (text) => {
-                                                            postData.link = text;
-                                                        },
-                                                    }),
-                                                    EditorElem.editeText({
-                                                        gvc: gvc,
-                                                        title: '推播主旨',
-                                                        default: postData.content,
-                                                        placeHolder: '請輸入推播內容',
-                                                        callback: (text) => {
-                                                            postData.content = text;
-                                                        },
-                                                    }),
-                                                ].join('');
-                                            },
-                                            divCreate: {},
-                                        };
-                                    })
+                                obj.gvc.bindView(() => {
+                                    const bi = obj.gvc.glitter.getUUID();
+                                    return {
+                                        bind: bi,
+                                        view: () => {
+                                            return [
+                                                EditorElem.editeInput({
+                                                    gvc: gvc,
+                                                    title: '推播標題',
+                                                    default: postData.title,
+                                                    placeHolder: '請輸入推播標題',
+                                                    callback: (text) => {
+                                                        postData.title = text;
+                                                    },
+                                                }),
+                                                EditorElem.editeInput({
+                                                    gvc: gvc,
+                                                    title: '跳轉連結',
+                                                    default: postData.link,
+                                                    placeHolder: '請輸入要跳轉的連結',
+                                                    callback: (text) => {
+                                                        postData.link = text;
+                                                    },
+                                                }),
+                                                EditorElem.editeText({
+                                                    gvc: gvc,
+                                                    title: '推播主旨',
+                                                    default: postData.content,
+                                                    placeHolder: '請輸入推播內容',
+                                                    callback: (text) => {
+                                                        postData.content = text;
+                                                    },
+                                                }),
+                                            ].join('');
+                                        },
+                                        divCreate: {},
+                                    };
+                                })
                             )}
                         </div>
                     </div>
                     ${obj.type === 'replace'
-                            ? html`
-                                <div class="d-flex w-100 mt-2">
-                                    <div class="flex-fill"></div>
-                                    ${BgWidget.redButton(
-                                            '刪除樣本',
-                                            obj.gvc.event(() => {
-                                                const dialog = new ShareDialog(obj.gvc.glitter);
-                                                dialog.checkYesOrNot({
-                                                    text: '是否確認刪除樣本?',
-                                                    callback: (response) => {
-                                                        if (response) {
-                                                            dialog.dataLoading({visible: true});
-                                                            ApiPost.delete({
-                                                                id: postData.id,
-                                                            }).then((res) => {
-                                                                dialog.dataLoading({visible: false});
-                                                                if (res.result) {
-                                                                    vm.type = 'list';
-                                                                } else {
-                                                                    dialog.errorMessage({text: '刪除失敗'});
-                                                                }
-                                                            });
-                                                        }
-                                                    },
-                                                });
-                                            })
-                                    )}
-                                </div>
-                            `
-                            : ``}
+                        ? html`
+                              <div class="d-flex w-100 mt-2">
+                                  <div class="flex-fill"></div>
+                                  ${BgWidget.redButton(
+                                      '刪除樣本',
+                                      obj.gvc.event(() => {
+                                          const dialog = new ShareDialog(obj.gvc.glitter);
+                                          dialog.checkYesOrNot({
+                                              text: '是否確認刪除樣本?',
+                                              callback: (response) => {
+                                                  if (response) {
+                                                      dialog.dataLoading({ visible: true });
+                                                      ApiPost.delete({
+                                                          id: postData.id,
+                                                      }).then((res) => {
+                                                          dialog.dataLoading({ visible: false });
+                                                          if (res.result) {
+                                                              vm.type = 'list';
+                                                          } else {
+                                                              dialog.errorMessage({ text: '刪除失敗' });
+                                                          }
+                                                      });
+                                                  }
+                                              },
+                                          });
+                                      })
+                                  )}
+                              </div>
+                          `
+                        : ``}
                     <div class="update-bar-container">
                         ${BgWidget.cancel(
-                                gvc.event(() => {
-                                    vm.type = 'list';
-                                })
+                            gvc.event(() => {
+                                vm.type = 'list';
+                            })
                         )}
                         ${BgWidget.save(
-                                gvc.event(() => {
-                                    const dialog = new ShareDialog(gvc.glitter);
-                                    if (obj.type === 'replace') {
-                                        dialog.dataLoading({text: '變更信件', visible: true});
-                                        ApiPost.put({
-                                            postData: postData,
-                                            token: (window.parent as any).saasConfig.config.token,
-                                            type: 'manager',
-                                        }).then((re) => {
-                                            dialog.dataLoading({visible: false});
-                                            if (re.result) {
-                                                vm.status = 'list';
-                                                dialog.successMessage({text: '上傳成功'});
-                                            } else {
-                                                dialog.errorMessage({text: '上傳失敗'});
-                                            }
-                                        });
-                                    } else {
-                                        dialog.dataLoading({text: '新增信件', visible: true});
-                                        ApiPost.post({
-                                            postData: postData,
-                                            token: (window.parent as any).saasConfig.config.token,
-                                            type: 'manager',
-                                        }).then((re) => {
-                                            dialog.dataLoading({visible: false});
-                                            if (re.result) {
-                                                vm.type = 'list';
-                                                dialog.successMessage({text: '上傳成功'});
-                                            } else {
-                                                dialog.errorMessage({text: '上傳失敗'});
-                                            }
-                                        });
-                                    }
-                                })
+                            gvc.event(() => {
+                                const dialog = new ShareDialog(gvc.glitter);
+                                if (obj.type === 'replace') {
+                                    dialog.dataLoading({ text: '變更信件', visible: true });
+                                    ApiPost.put({
+                                        postData: postData,
+                                        token: (window.parent as any).saasConfig.config.token,
+                                        type: 'manager',
+                                    }).then((re) => {
+                                        dialog.dataLoading({ visible: false });
+                                        if (re.result) {
+                                            vm.status = 'list';
+                                            dialog.successMessage({ text: '上傳成功' });
+                                        } else {
+                                            dialog.errorMessage({ text: '上傳失敗' });
+                                        }
+                                    });
+                                } else {
+                                    dialog.dataLoading({ text: '新增信件', visible: true });
+                                    ApiPost.post({
+                                        postData: postData,
+                                        token: (window.parent as any).saasConfig.config.token,
+                                        type: 'manager',
+                                    }).then((re) => {
+                                        dialog.dataLoading({ visible: false });
+                                        if (re.result) {
+                                            vm.type = 'list';
+                                            dialog.successMessage({ text: '上傳成功' });
+                                        } else {
+                                            dialog.errorMessage({ text: '上傳失敗' });
+                                        }
+                                    });
+                                }
+                            })
                         )}
                     </div>`)}
             `,
-            BgWidget.getContainerWidth({rate: {web: 0.68}})
+            BgWidget.getContainerWidth({ rate: { web: 0.68 } })
         );
     }
 
-    public static fcmDevice(gvc: GVC, type: 'list' | 'select' = 'list', callback: (select: any) => void = () => {
-    }) {
+    public static fcmDevice(gvc: GVC, type: 'list' | 'select' = 'list', callback: (select: any) => void = () => {}) {
         const vm: {
             type: 'list' | 'replace';
             data: any;
@@ -2063,7 +1854,7 @@ export class BgSNS {
                 id: 61,
                 userID: 549313940,
                 account: 'jianzhi.wang@homee.ai',
-                userData: {name: '王建智', email: 'jianzhi.wang@homee.ai', phone: '0978028739'},
+                userData: { name: '王建智', email: 'jianzhi.wang@homee.ai', phone: '0978028739' },
                 created_time: '2023-11-26T02:14:09.000Z',
                 role: 0,
                 company: null,
@@ -2083,65 +1874,8 @@ export class BgSNS {
                     let vmi: any = undefined;
 
                     function getDatalist() {
-                        let interval: any = 0;
                         return vm.dataList.map((dd: any) => {
                             return [
-                                {
-                                    key: (() => {
-                                        clearInterval(interval);
-                                        if (
-                                            !vm.dataList.find((dd: any) => {
-                                                return !dd.checked;
-                                            })
-                                        ) {
-                                            interval = setTimeout(() => {
-                                                ApiUser.getFCM({
-                                                    page: vmi.page - 1,
-                                                    limit: 100000,
-                                                    search: vm.query || undefined,
-                                                }).then((data) => {
-                                                    callback(data.response.data);
-                                                });
-                                            }, 10);
-                                        }
-
-                                        return EditorElem.checkBoxOnly({
-                                            gvc: gvc,
-                                            def: !vm.dataList.find((dd: any) => {
-                                                return !dd.checked;
-                                            }),
-                                            callback: (result) => {
-                                                vm.dataList.map((dd: any) => {
-                                                    dd.checked = result;
-                                                });
-                                                vmi.data = getDatalist();
-                                                vmi.callback();
-                                                gvc.notifyDataChange(filterID);
-                                                callback(
-                                                    vm.dataList.filter((dd: any) => {
-                                                        return dd.checked;
-                                                    })
-                                                );
-                                            },
-                                        });
-                                    })(),
-                                    value: EditorElem.checkBoxOnly({
-                                        gvc: gvc,
-                                        def: dd.checked,
-                                        callback: (result) => {
-                                            dd.checked = result;
-                                            vmi.data = getDatalist();
-                                            vmi.callback();
-                                            gvc.notifyDataChange(filterID);
-                                            callback(
-                                                vm.dataList.filter((dd: any) => {
-                                                    return dd.checked;
-                                                })
-                                            );
-                                        },
-                                        style: 'height:25px;',
-                                    }),
-                                },
                                 {
                                     key: '用戶ID',
                                     value: `<span class="fs-7">${dd.userID ?? '尚未登入'}</span>`,
@@ -2165,121 +1899,89 @@ export class BgSNS {
                                 <div class="flex-fill"></div>
                             </div>
                             ${BgWidget.container(
-                                    BgWidget.mainCard(
-                                            BgWidget.tableV2({
-                                                gvc: gvc,
-                                                getData: (vmk) => {
-                                                    vmi = vmk;
-                                                    ApiUser.getFCM({
-                                                        page: vmi.page - 1,
-                                                        limit: 20,
-                                                        search: vm.query || undefined,
-                                                    }).then((data) => {
-                                                        vmi.pageSize = Math.ceil(data.response.total / 20);
-                                                        vm.dataList = data.response.data;
-                                                        vmi.data = getDatalist();
-                                                        vmi.loading = false;
-                                                        vmi.callback();
-                                                        if (type === 'select') {
-                                                            callback(
-                                                                    vm.dataList.filter((dd: any) => {
-                                                                        return dd.checked;
-                                                                    })
-                                                            );
-                                                        }
-                                                    });
-                                                },
-                                                rowClick: (data, index) => {
-                                                    vm.dataList[index].checked = !vm.dataList[index].checked;
-                                                    vmi.data = getDatalist();
+                                BgWidget.mainCard(
+                                    [
+                                        BgWidget.searchPlace(
+                                            gvc.event((e, event) => {
+                                                vm.query = e.value;
+                                                gvc.notifyDataChange(id);
+                                            }),
+                                            vm.query || '',
+                                            '搜尋信箱或者標籤'
+                                        ),
+                                        BgWidget.tableV3({
+                                            gvc: gvc,
+                                            getData: (vmk) => {
+                                                vmi = vmk;
+                                                const limit = 20;
+                                                ApiUser.getFCM({
+                                                    page: vmi.page - 1,
+                                                    limit: limit,
+                                                    search: vm.query || undefined,
+                                                }).then((data) => {
+                                                    vm.dataList = data.response.data;
+                                                    vmi.pageSize = Math.ceil(data.response.total / limit);
+                                                    vmi.originalData = vm.dataList;
+                                                    vmi.tableData = getDatalist();
+                                                    vmi.loading = false;
                                                     vmi.callback();
-                                                    gvc.notifyDataChange(filterID);
-                                                    callback(
+                                                    if (type === 'select') {
+                                                        callback(
                                                             vm.dataList.filter((dd: any) => {
                                                                 return dd.checked;
                                                             })
-                                                    );
-                                                },
-                                                filter: html`
-                                                    ${BgWidget.searchPlace(
-                                                            gvc.event((e, event) => {
-                                                                vm.query = e.value;
-                                                                gvc.notifyDataChange(id);
-                                                            }),
-                                                            vm.query || '',
-                                                            '搜尋信箱或者標籤'
-                                                    )}
-                                                    ${gvc.bindView(() => {
-                                                        return {
-                                                            bind: filterID,
-                                                            view: () => {
-                                                                if (
-                                                                        !vm.dataList ||
-                                                                        !vm.dataList.find((dd: any) => {
-                                                                            return dd.checked;
-                                                                        })
-                                                                ) {
-                                                                    return ``;
-                                                                } else {
-                                                                    const dialog = new ShareDialog(gvc.glitter);
-                                                                    const selCount = vm.dataList.filter((dd: any) => dd.checked).length;
-                                                                    return BgWidget.selNavbar({
-                                                                        count: selCount,
-                                                                        buttonList: [
-                                                                            BgWidget.selEventButton(
-                                                                                    '批量移除',
-                                                                                    gvc.event(() => {
-                                                                                        dialog.checkYesOrNot({
-                                                                                            text: '是否確認刪除所選項目？',
-                                                                                            callback: (response) => {
-                                                                                                if (response) {
-                                                                                                    dialog.dataLoading({visible: true});
-                                                                                                    ApiUser.deleteSubscribe({
-                                                                                                        email: vm.dataList
-                                                                                                                .filter((dd: any) => {
-                                                                                                                    return dd.checked;
-                                                                                                                })
-                                                                                                                .map((dd: any) => {
-                                                                                                                    return dd.email;
-                                                                                                                })
-                                                                                                                .join(`,`),
-                                                                                                    }).then((res) => {
-                                                                                                        dialog.dataLoading({visible: false});
-                                                                                                        if (res.result) {
-                                                                                                            vm.dataList = undefined;
-                                                                                                            gvc.notifyDataChange(id);
-                                                                                                        } else {
-                                                                                                            dialog.errorMessage({text: '刪除失敗'});
-                                                                                                        }
-                                                                                                    });
-                                                                                                }
-                                                                                            },
-                                                                                        });
-                                                                                    })
-                                                                            ),
-                                                                        ],
+                                                        );
+                                                    }
+                                                });
+                                            },
+                                            rowClick: (data, index) => {
+                                                vm.dataList[index].checked = !vm.dataList[index].checked;
+                                                vmi.data = getDatalist();
+                                                vmi.callback();
+                                                gvc.notifyDataChange(filterID);
+                                                callback(
+                                                    vm.dataList.filter((dd: any) => {
+                                                        return dd.checked;
+                                                    })
+                                                );
+                                            },
+                                            filter: [
+                                                {
+                                                    name: '批量移除',
+                                                    option: false,
+                                                    event: () => {
+                                                        dialog.checkYesOrNot({
+                                                            text: '是否確認刪除所選項目？',
+                                                            callback: (response) => {
+                                                                if (response) {
+                                                                    dialog.dataLoading({ visible: true });
+                                                                    ApiUser.deleteSubscribe({
+                                                                        email: vm.dataList
+                                                                            .filter((dd: any) => {
+                                                                                return dd.checked;
+                                                                            })
+                                                                            .map((dd: any) => {
+                                                                                return dd.email;
+                                                                            })
+                                                                            .join(`,`),
+                                                                    }).then((res) => {
+                                                                        dialog.dataLoading({ visible: false });
+                                                                        if (res.result) {
+                                                                            vm.dataList = undefined;
+                                                                            gvc.notifyDataChange(id);
+                                                                        } else {
+                                                                            dialog.errorMessage({ text: '刪除失敗' });
+                                                                        }
                                                                     });
                                                                 }
-                                                            },
-                                                            divCreate: () => {
-                                                                return {
-                                                                    class: `d-flex align-items-center p-2 py-3 ${
-                                                                            !vm.dataList ||
-                                                                            !vm.dataList.find((dd: any) => {
-                                                                                return dd.checked;
-                                                                            }) ||
-                                                                            type === 'select'
-                                                                                    ? `d-none`
-                                                                                    : ``
-                                                                    }`,
-                                                                    style: ``,
-                                                                };
-                                                            },
-                                                        };
-                                                    })}
-                                                `,
-                                            })
-                                    )
+                                                            },
+                                                        });
+                                                    },
+                                                },
+                                            ],
+                                        }),
+                                    ].join('')
+                                )
                             )}
                         `,
                         BgWidget.getContainerWidth()
@@ -2310,7 +2012,7 @@ export class BgSNS {
             const filterID = glitter.getUUID();
             return {
                 bind: id,
-                dataList: [{obj: vm, key: 'type'}],
+                dataList: [{ obj: vm, key: 'type' }],
                 view: () => {
                     if (vm.type === 'list') {
                         return BgWidget.container(
@@ -2319,247 +2021,190 @@ export class BgSNS {
                                     ${BgWidget.title('推播訊息管理')}
                                     <div class="flex-fill"></div>
                                     ${BgWidget.darkButton(
-                                            '新增推播',
-                                            gvc.event(() => {
-                                                vm.data = undefined;
-                                                vm.type = 'add';
-                                            })
+                                        '新增推播',
+                                        gvc.event(() => {
+                                            vm.data = undefined;
+                                            vm.type = 'add';
+                                        })
                                     )}
                                 </div>
                                 ${BgWidget.container(
-                                        BgWidget.mainCard(
-                                                BgWidget.tableV2({
-                                                    gvc: gvc,
-                                                    getData: (vmi) => {
-                                                        ApiPost.getManagerPost({
-                                                            page: vmi.page - 1,
-                                                            limit: 20,
-                                                            search: vm.query ? [`title->${vm.query}`] : undefined,
-                                                            type: 'notify-message-config',
-                                                        }).then((data) => {
-                                                            vmi.pageSize = Math.ceil(data.response.total / 20);
-                                                            vm.dataList = data.response.data;
-
-                                                            function getDatalist() {
-                                                                return data.response.data.map((dd: any) => {
-                                                                    return [
-                                                                        {
-                                                                            key: EditorElem.checkBoxOnly({
-                                                                                gvc: gvc,
-                                                                                def: !data.response.data.find((dd: any) => {
-                                                                                    return !dd.checked;
-                                                                                }),
-                                                                                callback: (result) => {
-                                                                                    data.response.data.map((dd: any) => {
-                                                                                        dd.checked = result;
-                                                                                    });
-                                                                                    vmi.data = getDatalist();
-                                                                                    vmi.callback();
-                                                                                    gvc.notifyDataChange(filterID);
-                                                                                },
-                                                                            }),
-                                                                            value: EditorElem.checkBoxOnly({
-                                                                                gvc: gvc,
-                                                                                def: dd.checked,
-                                                                                callback: (result) => {
-                                                                                    dd.checked = result;
-                                                                                    vmi.data = getDatalist();
-                                                                                    vmi.callback();
-                                                                                    gvc.notifyDataChange(filterID);
-                                                                                },
-                                                                                style: 'height:25px;',
-                                                                            }),
-                                                                        },
-                                                                        {
-                                                                            key: '推播標題',
-                                                                            value: `<span class="fs-7">${dd.content.title}</span>`,
-                                                                        },
-                                                                        {
-                                                                            key: '推播內文',
-                                                                            value: `<span class="fs-7">${Tool.truncateString(dd.content.content.replace(/<[^>]*>/g, ''), 30)}</span>`,
-                                                                        },
-                                                                        {
-                                                                            key: '發送推播',
-                                                                            value: html`
-                                                                                <button
-                                                                                        class="btn btn-primary-c px-4"
-                                                                                        style="width:20px !important;height: 30px;"
-                                                                                        onclick="${gvc.event((e, event) => {
-                                                                                            event.stopPropagation();
-                                                                                            gvc.glitter.innerDialog((gvc) => {
-                                                                                                let dataList: any = [];
-                                                                                                return html`
-                                                                                                    <div style="max-height: calc(100vh - 100px);overflow-y: auto;">
-                                                                                                        ${BgWidget.container(
-                                                                                                                BgWidget.card(
-                                                                                                                        [
-                                                                                                                            html`
-                                                                                                                                <div class="d-flex w-100 align-items-center mb-3 ">
-                                                                                                                                    ${BgWidget.goBack(
-                                                                                                                                            gvc.event(() => {
-                                                                                                                                                gvc.closeDialog();
-                                                                                                                                            })
-                                                                                                                                    )}
-                                                                                                                                    ${BgWidget.title(`選擇群發對象`)}
-                                                                                                                                    <div class="flex-fill"></div>
-                                                                                                                                    <button
-                                                                                                                                            class="btn bt_c39 me-2"
-                                                                                                                                            style="height:38px;font-size: 14px;"
-                                                                                                                                            onclick="${gvc.event(() => {
-                                                                                                                                                const dialog = new ShareDialog(gvc.glitter);
-                                                                                                                                                dialog.dataLoading({
-                                                                                                                                                    text: '發送中...',
-                                                                                                                                                    visible: true,
-                                                                                                                                                });
-                                                                                                                                                ApiFcm.send({
-                                                                                                                                                    device_token: ['all'],
-                                                                                                                                                    title: dd.content.title,
-                                                                                                                                                    content: dd.content.content,
-                                                                                                                                                    link: dd.content.link,
-                                                                                                                                                }).then(() => {
-                                                                                                                                                    dialog.dataLoading({visible: false});
-                                                                                                                                                    dialog.successMessage({text: `發送成功`});
-                                                                                                                                                });
-                                                                                                                                            })}"
-                                                                                                                                    >
-                                                                                                                                        發送給所有用戶
-                                                                                                                                    </button>
-                                                                                                                                    <button
-                                                                                                                                            class="btn bt_c39"
-                                                                                                                                            style="height:38px;font-size: 14px;"
-                                                                                                                                            onclick="${gvc.event(() => {
-                                                                                                                                                const dialog = new ShareDialog(gvc.glitter);
-                                                                                                                                                if (dataList.length > 0) {
-                                                                                                                                                    dialog.dataLoading({
-                                                                                                                                                        text: '發送中...',
-                                                                                                                                                        visible: true,
-                                                                                                                                                    });
-                                                                                                                                                    ApiFcm.send({
-                                                                                                                                                        device_token: dataList.map((dd: any) => {
-                                                                                                                                                            return dd.deviceToken;
-                                                                                                                                                        }),
-                                                                                                                                                        title: dd.content.title,
-                                                                                                                                                        content: dd.content.content,
-                                                                                                                                                        link: dd.content.link,
-                                                                                                                                                    }).then(() => {
-                                                                                                                                                        dialog.dataLoading({visible: false});
-                                                                                                                                                        dialog.successMessage({text: '發送成功'});
-                                                                                                                                                    });
-                                                                                                                                                } else {
-                                                                                                                                                    dialog.errorMessage({text: '請選擇發送對象'});
-                                                                                                                                                }
-                                                                                                                                            })}"
-                                                                                                                                    >
-                                                                                                                                        確認並發送
-                                                                                                                                    </button>
-                                                                                                                                </div>
-                                                                                                                            ` +
-                                                                                                                            BgSNS.fcmDevice(gvc, 'select', (data) => {
-                                                                                                                                dataList = data;
-                                                                                                                            }),
-                                                                                                                        ].join('')
-                                                                                                                ),
-                                                                                                                900
-                                                                                                        )}
-                                                                                                        <div></div>
-                                                                                                    </div>
-                                                                                                `;
-                                                                                            }, 'email');
-                                                                                        })}"
-                                                                                >
-                                                                                    <i class="fa-sharp fa-regular fa-paper-plane-top"></i>
-                                                                                </button>`,
-                                                                        },
-                                                                    ];
-                                                                });
-                                                            }
+                                    BgWidget.mainCard(
+                                        [
+                                            BgWidget.searchPlace(
+                                                gvc.event((e, event) => {
+                                                    vm.query = e.value;
+                                                    gvc.notifyDataChange(id);
+                                                }),
+                                                vm.query || '',
+                                                '搜尋所有信件內容'
+                                            ),
+                                            BgWidget.tableV3({
+                                                gvc: gvc,
+                                                getData: (vmi) => {
+                                                    const limit = 20;
+                                                    ApiPost.getManagerPost({
+                                                        page: vmi.page - 1,
+                                                        limit: limit,
+                                                        search: vm.query ? [`title->${vm.query}`] : undefined,
+                                                        type: 'notify-message-config',
+                                                    }).then((data) => {
+                                                        function getDatalist() {
+                                                            return data.response.data.map((dd: any) => {
+                                                                return [
+                                                                    {
+                                                                        key: '推播標題',
+                                                                        value: `<span class="fs-7">${dd.content.title}</span>`,
+                                                                    },
+                                                                    {
+                                                                        key: '推播內文',
+                                                                        value: `<span class="fs-7">${Tool.truncateString(dd.content.content.replace(/<[^>]*>/g, ''), 30)}</span>`,
+                                                                    },
+                                                                    {
+                                                                        key: '發送推播',
+                                                                        value: html` <button
+                                                                            class="btn btn-primary-c px-4"
+                                                                            style="width:20px !important;height: 30px;"
+                                                                            onclick="${gvc.event((e, event) => {
+                                                                                event.stopPropagation();
+                                                                                gvc.glitter.innerDialog((gvc) => {
+                                                                                    let dataList: any = [];
+                                                                                    return html`
+                                                                                        <div style="max-height: calc(100vh - 100px);overflow-y: auto;">
+                                                                                            ${BgWidget.container(
+                                                                                                BgWidget.card(
+                                                                                                    [
+                                                                                                        html`
+                                                                                                            <div class="d-flex w-100 align-items-center mb-3 ">
+                                                                                                                ${BgWidget.goBack(
+                                                                                                                    gvc.event(() => {
+                                                                                                                        gvc.closeDialog();
+                                                                                                                    })
+                                                                                                                )}
+                                                                                                                ${BgWidget.title(`選擇群發對象`)}
+                                                                                                                <div class="flex-fill"></div>
+                                                                                                                <button
+                                                                                                                    class="btn bt_c39 me-2"
+                                                                                                                    style="height:38px;font-size: 14px;"
+                                                                                                                    onclick="${gvc.event(() => {
+                                                                                                                        const dialog = new ShareDialog(gvc.glitter);
+                                                                                                                        dialog.dataLoading({
+                                                                                                                            text: '發送中...',
+                                                                                                                            visible: true,
+                                                                                                                        });
+                                                                                                                        ApiFcm.send({
+                                                                                                                            device_token: ['all'],
+                                                                                                                            title: dd.content.title,
+                                                                                                                            content: dd.content.content,
+                                                                                                                            link: dd.content.link,
+                                                                                                                        }).then(() => {
+                                                                                                                            dialog.dataLoading({ visible: false });
+                                                                                                                            dialog.successMessage({ text: `發送成功` });
+                                                                                                                        });
+                                                                                                                    })}"
+                                                                                                                >
+                                                                                                                    發送給所有用戶
+                                                                                                                </button>
+                                                                                                                <button
+                                                                                                                    class="btn bt_c39"
+                                                                                                                    style="height:38px;font-size: 14px;"
+                                                                                                                    onclick="${gvc.event(() => {
+                                                                                                                        const dialog = new ShareDialog(gvc.glitter);
+                                                                                                                        if (dataList.length > 0) {
+                                                                                                                            dialog.dataLoading({
+                                                                                                                                text: '發送中...',
+                                                                                                                                visible: true,
+                                                                                                                            });
+                                                                                                                            ApiFcm.send({
+                                                                                                                                device_token: dataList.map((dd: any) => {
+                                                                                                                                    return dd.deviceToken;
+                                                                                                                                }),
+                                                                                                                                title: dd.content.title,
+                                                                                                                                content: dd.content.content,
+                                                                                                                                link: dd.content.link,
+                                                                                                                            }).then(() => {
+                                                                                                                                dialog.dataLoading({ visible: false });
+                                                                                                                                dialog.successMessage({ text: '發送成功' });
+                                                                                                                            });
+                                                                                                                        } else {
+                                                                                                                            dialog.errorMessage({ text: '請選擇發送對象' });
+                                                                                                                        }
+                                                                                                                    })}"
+                                                                                                                >
+                                                                                                                    確認並發送
+                                                                                                                </button>
+                                                                                                            </div>
+                                                                                                        ` +
+                                                                                                            BgSNS.fcmDevice(gvc, 'select', (data) => {
+                                                                                                                dataList = data;
+                                                                                                            }),
+                                                                                                    ].join('')
+                                                                                                ),
+                                                                                                900
+                                                                                            )}
+                                                                                            <div></div>
+                                                                                        </div>
+                                                                                    `;
+                                                                                }, 'email');
+                                                                            })}"
+                                                                        >
+                                                                            <i class="fa-sharp fa-regular fa-paper-plane-top"></i>
+                                                                        </button>`,
+                                                                    },
+                                                                ];
+                                                            });
+                                                        }
 
-                                                            vmi.data = getDatalist();
-                                                            vmi.loading = false;
-                                                            vmi.callback();
-                                                        });
-                                                    },
-                                                    rowClick: (data, index) => {
-                                                        vm.data = vm.dataList[index].content;
-                                                        vm.type = 'replace';
+                                                        vm.dataList = data.response.data;
+                                                        vmi.pageSize = Math.ceil(data.response.total / limit);
+                                                        vmi.originalData = vm.dataList;
+                                                        vmi.tableData = getDatalist();
+                                                        vmi.loading = false;
+                                                        vmi.callback();
+                                                    });
+                                                },
+                                                rowClick: (data, index) => {
+                                                    vm.data = vm.dataList[index].content;
+                                                    vm.type = 'replace';
+                                                },
+                                                filter: [
+                                                    {
+                                                        name: '批量移除',
+                                                        option: false,
+                                                        event: () => {
+                                                            const dialog = new ShareDialog(glitter);
+                                                            dialog.checkYesOrNot({
+                                                                text: '是否確認刪除所選項目？',
+                                                                callback: (response) => {
+                                                                    if (response) {
+                                                                        dialog.dataLoading({ visible: true });
+                                                                        ApiPost.delete({
+                                                                            id: vm.dataList
+                                                                                .filter((dd: any) => {
+                                                                                    return dd.checked;
+                                                                                })
+                                                                                .map((dd: any) => {
+                                                                                    return dd.id;
+                                                                                })
+                                                                                .join(`,`),
+                                                                        }).then((res) => {
+                                                                            dialog.dataLoading({ visible: false });
+                                                                            if (res.result) {
+                                                                                vm.dataList = undefined;
+                                                                                gvc.notifyDataChange(id);
+                                                                            } else {
+                                                                                dialog.errorMessage({ text: '刪除失敗' });
+                                                                            }
+                                                                        });
+                                                                    }
+                                                                },
+                                                            });
+                                                        },
                                                     },
-                                                    filter: html` ${BgWidget.searchPlace(
-                                                            gvc.event((e, event) => {
-                                                                vm.query = e.value;
-                                                                gvc.notifyDataChange(id);
-                                                            }),
-                                                            vm.query || '',
-                                                            '搜尋所有信件內容'
-                                                    )}
-                                                    ${gvc.bindView(() => {
-                                                        return {
-                                                            bind: filterID,
-                                                            view: () => {
-                                                                if (
-                                                                        !vm.dataList ||
-                                                                        !vm.dataList.find((dd: any) => {
-                                                                            return dd.checked;
-                                                                        })
-                                                                ) {
-                                                                    return ``;
-                                                                } else {
-                                                                    const dialog = new ShareDialog(gvc.glitter);
-                                                                    const selCount = vm.dataList.filter((dd: any) => dd.checked).length;
-                                                                    return BgWidget.selNavbar({
-                                                                        count: selCount,
-                                                                        buttonList: [
-                                                                            BgWidget.selEventButton(
-                                                                                    '批量移除',
-                                                                                    gvc.event(() => {
-                                                                                        dialog.checkYesOrNot({
-                                                                                            text: '是否確認刪除所選項目？',
-                                                                                            callback: (response) => {
-                                                                                                if (response) {
-                                                                                                    dialog.dataLoading({visible: true});
-                                                                                                    ApiPost.delete({
-                                                                                                        id: vm.dataList
-                                                                                                                .filter((dd: any) => {
-                                                                                                                    return dd.checked;
-                                                                                                                })
-                                                                                                                .map((dd: any) => {
-                                                                                                                    return dd.id;
-                                                                                                                })
-                                                                                                                .join(`,`),
-                                                                                                    }).then((res) => {
-                                                                                                        dialog.dataLoading({visible: false});
-                                                                                                        if (res.result) {
-                                                                                                            vm.dataList = undefined;
-                                                                                                            gvc.notifyDataChange(id);
-                                                                                                        } else {
-                                                                                                            dialog.errorMessage({text: '刪除失敗'});
-                                                                                                        }
-                                                                                                    });
-                                                                                                }
-                                                                                            },
-                                                                                        });
-                                                                                    })
-                                                                            ),
-                                                                        ],
-                                                                    });
-                                                                }
-                                                            },
-                                                            divCreate: () => {
-                                                                return {
-                                                                    class: `d-flex align-items-center p-2 py-3 ${
-                                                                            !vm.dataList ||
-                                                                            !vm.dataList.find((dd: any) => {
-                                                                                return dd.checked;
-                                                                            })
-                                                                                    ? `d-none`
-                                                                                    : ``
-                                                                    }`,
-                                                                    style: ``,
-                                                                };
-                                                            },
-                                                        };
-                                                    })}`,
-                                                })
-                                        )
+                                                ],
+                                            }),
+                                        ].join('')
+                                    )
                                 )}
                             `,
                             BgWidget.getContainerWidth()
@@ -2582,8 +2227,7 @@ export class BgSNS {
         });
     }
 
-    public static rebackMessage(gvc: GVC, type: 'list' | 'select' = 'list', callback: (select: any) => void = () => {
-    }) {
+    public static rebackMessage(gvc: GVC, type: 'list' | 'select' = 'list', callback: (select: any) => void = () => {}) {
         const vm: {
             type: 'list' | 'replace';
             data: any;
@@ -2595,7 +2239,7 @@ export class BgSNS {
                 id: 61,
                 userID: 549313940,
                 account: 'jianzhi.wang@homee.ai',
-                userData: {name: '王建智', email: 'jianzhi.wang@homee.ai', phone: '0978028739'},
+                userData: { name: '王建智', email: 'jianzhi.wang@homee.ai', phone: '0978028739' },
                 created_time: '2023-11-26T02:14:09.000Z',
                 role: 0,
                 company: null,
@@ -2698,120 +2342,119 @@ export class BgSNS {
                             html`
                                 <div class="d-flex w-100 align-items-center mb-3 ">
                                     ${BgWidget.goBack(
-                                            gvc.event(() => {
-                                                vm.type = 'list';
-                                                gvc.notifyDataChange(id);
-                                            })
+                                        gvc.event(() => {
+                                            vm.type = 'list';
+                                            gvc.notifyDataChange(id);
+                                        })
                                     )}
                                     ${BgWidget.title(`用戶回饋內容`)}
                                     <div class="flex-fill"></div>
                                 </div>
                                 ${BgWidget.card(
-                                        ` ${FormWidget.editorView({
-                                            gvc: gvc,
-                                            array: [
-                                                {
-                                                    key: 'name',
-                                                    type: 'name',
-                                                    title: '姓名',
-                                                    require: 'true',
-                                                    readonly: 'read',
-                                                    style_data: {
-                                                        input: {
-                                                            class: '',
-                                                            style: '',
-                                                        },
-                                                        label: {
-                                                            class: 'form-label fs-base ',
-                                                            style: '',
-                                                        },
-                                                        container: {
-                                                            tag: 'aboutus-container',
-                                                            class: '',
-                                                            style: '',
-                                                            stylist: [],
-                                                            dataType: 'static',
-                                                            style_from: 'tag',
-                                                            classDataType: 'static',
-                                                        },
+                                    ` ${FormWidget.editorView({
+                                        gvc: gvc,
+                                        array: [
+                                            {
+                                                key: 'name',
+                                                type: 'name',
+                                                title: '姓名',
+                                                require: 'true',
+                                                readonly: 'read',
+                                                style_data: {
+                                                    input: {
+                                                        class: '',
+                                                        style: '',
+                                                    },
+                                                    label: {
+                                                        class: 'form-label fs-base ',
+                                                        style: '',
+                                                    },
+                                                    container: {
+                                                        tag: 'aboutus-container',
+                                                        class: '',
+                                                        style: '',
+                                                        stylist: [],
+                                                        dataType: 'static',
+                                                        style_from: 'tag',
+                                                        classDataType: 'static',
                                                     },
                                                 },
-                                                {
-                                                    key: 'email',
-                                                    type: 'email',
-                                                    title: '信箱',
-                                                    require: 'true',
-                                                    readonly: 'read',
-                                                    style_data: {
-                                                        input: {
-                                                            class: '',
-                                                            style: '',
-                                                        },
-                                                        label: {
-                                                            class: 'form-label fs-base ',
-                                                            style: '',
-                                                        },
-                                                        container: {
-                                                            tag: 'aboutus-container',
-                                                            class: '',
-                                                            style: '',
-                                                            stylist: [],
-                                                            style_from: 'tag',
-                                                        },
+                                            },
+                                            {
+                                                key: 'email',
+                                                type: 'email',
+                                                title: '信箱',
+                                                require: 'true',
+                                                readonly: 'read',
+                                                style_data: {
+                                                    input: {
+                                                        class: '',
+                                                        style: '',
+                                                    },
+                                                    label: {
+                                                        class: 'form-label fs-base ',
+                                                        style: '',
+                                                    },
+                                                    container: {
+                                                        tag: 'aboutus-container',
+                                                        class: '',
+                                                        style: '',
+                                                        stylist: [],
+                                                        style_from: 'tag',
                                                     },
                                                 },
-                                                {
-                                                    key: 'title',
-                                                    type: 'text',
-                                                    title: '標題',
-                                                    require: 'true',
-                                                    readonly: 'read',
-                                                    style_data: {
-                                                        input: {
-                                                            class: '',
-                                                            style: '',
-                                                        },
-                                                        label: {
-                                                            class: 'form-label fs-base ',
-                                                            style: '',
-                                                        },
-                                                        container: {
-                                                            tag: 'aboutus-container',
-                                                            class: '',
-                                                            style: '',
-                                                            stylist: [],
-                                                            dataType: 'static',
-                                                            style_from: 'tag',
-                                                            classDataType: 'static',
-                                                        },
+                                            },
+                                            {
+                                                key: 'title',
+                                                type: 'text',
+                                                title: '標題',
+                                                require: 'true',
+                                                readonly: 'read',
+                                                style_data: {
+                                                    input: {
+                                                        class: '',
+                                                        style: '',
+                                                    },
+                                                    label: {
+                                                        class: 'form-label fs-base ',
+                                                        style: '',
+                                                    },
+                                                    container: {
+                                                        tag: 'aboutus-container',
+                                                        class: '',
+                                                        style: '',
+                                                        stylist: [],
+                                                        dataType: 'static',
+                                                        style_from: 'tag',
+                                                        classDataType: 'static',
                                                     },
                                                 },
-                                                {
-                                                    key: 'content',
-                                                    type: 'textArea',
-                                                    title: '訊息',
-                                                    require: 'true',
-                                                    readonly: 'read',
-                                                    style_data: {
-                                                        input: {
-                                                            class: '',
-                                                            style: '',
-                                                        },
-                                                        label: {
-                                                            class: 'form-label fs-base ',
-                                                            style: '',
-                                                        },
-                                                        container: {
-                                                            class: '',
-                                                            style: '',
-                                                        },
+                                            },
+                                            {
+                                                key: 'content',
+                                                type: 'textArea',
+                                                title: '訊息',
+                                                require: 'true',
+                                                readonly: 'read',
+                                                style_data: {
+                                                    input: {
+                                                        class: '',
+                                                        style: '',
+                                                    },
+                                                    label: {
+                                                        class: 'form-label fs-base ',
+                                                        style: '',
+                                                    },
+                                                    container: {
+                                                        class: '',
+                                                        style: '',
                                                     },
                                                 },
-                                            ],
-                                            refresh: () => {
                                             },
-                                            formData: vm.data.content,
-                                        })}`
+                                        ],
+                                        refresh: () => {},
+                                        formData: vm.data.content,
+                                    })}`
                                 )}
                             `,
                             800
@@ -2839,9 +2482,9 @@ export class BgSNS {
                                     vmi.callback();
                                     if (type === 'select') {
                                         callback(
-                                                vm.dataList.filter((dd: any) => {
-                                                    return dd.checked;
-                                                })
+                                            vm.dataList.filter((dd: any) => {
+                                                return dd.checked;
+                                            })
                                         );
                                     }
                                 });
@@ -2853,22 +2496,22 @@ export class BgSNS {
                             },
                             filter: html`
                                 ${BgWidget.searchPlace(
-                                        gvc.event((e, event) => {
-                                            vm.query = e.value;
-                                            gvc.notifyDataChange(id);
-                                        }),
-                                        vm.query || '',
-                                        '搜尋標題'
+                                    gvc.event((e, event) => {
+                                        vm.query = e.value;
+                                        gvc.notifyDataChange(id);
+                                    }),
+                                    vm.query || '',
+                                    '搜尋標題'
                                 )}
                                 ${gvc.bindView(() => {
                                     return {
                                         bind: filterID,
                                         view: () => {
                                             if (
-                                                    !vm.dataList ||
-                                                    !vm.dataList.find((dd: any) => {
-                                                        return dd.checked;
-                                                    })
+                                                !vm.dataList ||
+                                                !vm.dataList.find((dd: any) => {
+                                                    return dd.checked;
+                                                })
                                             ) {
                                                 return ``;
                                             } else {
@@ -2878,35 +2521,35 @@ export class BgSNS {
                                                     count: selCount,
                                                     buttonList: [
                                                         BgWidget.selEventButton(
-                                                                '批量移除',
-                                                                gvc.event(() => {
-                                                                    dialog.checkYesOrNot({
-                                                                        text: '是否確認刪除所選項目？',
-                                                                        callback: (response) => {
-                                                                            if (response) {
-                                                                                dialog.dataLoading({visible: true});
-                                                                                ApiPost.deleteUserPost({
-                                                                                    id: vm.dataList
-                                                                                            .filter((dd: any) => {
-                                                                                                return dd.checked;
-                                                                                            })
-                                                                                            .map((dd: any) => {
-                                                                                                return dd.id;
-                                                                                            })
-                                                                                            .join(`,`),
-                                                                                }).then((res) => {
-                                                                                    dialog.dataLoading({visible: false});
-                                                                                    if (res.result) {
-                                                                                        vm.dataList = undefined;
-                                                                                        gvc.notifyDataChange(id);
-                                                                                    } else {
-                                                                                        dialog.errorMessage({text: '刪除失敗'});
-                                                                                    }
-                                                                                });
-                                                                            }
-                                                                        },
-                                                                    });
-                                                                })
+                                                            '批量移除',
+                                                            gvc.event(() => {
+                                                                dialog.checkYesOrNot({
+                                                                    text: '是否確認刪除所選項目？',
+                                                                    callback: (response) => {
+                                                                        if (response) {
+                                                                            dialog.dataLoading({ visible: true });
+                                                                            ApiPost.deleteUserPost({
+                                                                                id: vm.dataList
+                                                                                    .filter((dd: any) => {
+                                                                                        return dd.checked;
+                                                                                    })
+                                                                                    .map((dd: any) => {
+                                                                                        return dd.id;
+                                                                                    })
+                                                                                    .join(`,`),
+                                                                            }).then((res) => {
+                                                                                dialog.dataLoading({ visible: false });
+                                                                                if (res.result) {
+                                                                                    vm.dataList = undefined;
+                                                                                    gvc.notifyDataChange(id);
+                                                                                } else {
+                                                                                    dialog.errorMessage({ text: '刪除失敗' });
+                                                                                }
+                                                                            });
+                                                                        }
+                                                                    },
+                                                                });
+                                                            })
                                                         ),
                                                     ],
                                                 });
@@ -2915,13 +2558,13 @@ export class BgSNS {
                                         divCreate: () => {
                                             return {
                                                 class: `d-flex align-items-center p-2 py-3 ${
-                                                        !vm.dataList ||
-                                                        !vm.dataList.find((dd: any) => {
-                                                            return dd.checked;
-                                                        }) ||
-                                                        type === 'select'
-                                                                ? `d-none`
-                                                                : ``
+                                                    !vm.dataList ||
+                                                    !vm.dataList.find((dd: any) => {
+                                                        return dd.checked;
+                                                    }) ||
+                                                    type === 'select'
+                                                        ? `d-none`
+                                                        : ``
                                                 }`,
                                                 style: ``,
                                             };
@@ -2939,8 +2582,7 @@ export class BgSNS {
         });
     }
 
-    public static customerMessage(gvc: GVC, type: 'list' | 'select' = 'list', callback: (select: any) => void = () => {
-    }) {
+    public static customerMessage(gvc: GVC, type: 'list' | 'select' = 'list', callback: (select: any) => void = () => {}) {
         const vm: {
             type: 'list' | 'replace';
             data: any;
@@ -2952,7 +2594,7 @@ export class BgSNS {
                 id: 61,
                 userID: 549313940,
                 account: 'jianzhi.wang@homee.ai',
-                userData: {name: '王建智', email: 'jianzhi.wang@homee.ai', phone: '0978028739'},
+                userData: { name: '王建智', email: 'jianzhi.wang@homee.ai', phone: '0978028739' },
                 created_time: '2023-11-26T02:14:09.000Z',
                 role: 0,
                 company: null,
@@ -3052,120 +2694,119 @@ export class BgSNS {
                             html`
                                 <div class="d-flex w-100 align-items-center mb-3 ">
                                     ${BgWidget.goBack(
-                                            gvc.event(() => {
-                                                vm.type = 'list';
-                                                gvc.notifyDataChange(id);
-                                            })
+                                        gvc.event(() => {
+                                            vm.type = 'list';
+                                            gvc.notifyDataChange(id);
+                                        })
                                     )}
                                     ${BgWidget.title(`客服訊息`)}
                                     <div class="flex-fill"></div>
                                 </div>
                                 ${BgWidget.card(
-                                        ` ${FormWidget.editorView({
-                                            gvc: gvc,
-                                            array: [
-                                                {
-                                                    key: 'name',
-                                                    type: 'name',
-                                                    title: '姓名',
-                                                    require: 'true',
-                                                    readonly: 'read',
-                                                    style_data: {
-                                                        input: {
-                                                            class: '',
-                                                            style: '',
-                                                        },
-                                                        label: {
-                                                            class: 'form-label fs-base ',
-                                                            style: '',
-                                                        },
-                                                        container: {
-                                                            tag: 'aboutus-container',
-                                                            class: '',
-                                                            style: '',
-                                                            stylist: [],
-                                                            dataType: 'static',
-                                                            style_from: 'tag',
-                                                            classDataType: 'static',
-                                                        },
+                                    ` ${FormWidget.editorView({
+                                        gvc: gvc,
+                                        array: [
+                                            {
+                                                key: 'name',
+                                                type: 'name',
+                                                title: '姓名',
+                                                require: 'true',
+                                                readonly: 'read',
+                                                style_data: {
+                                                    input: {
+                                                        class: '',
+                                                        style: '',
+                                                    },
+                                                    label: {
+                                                        class: 'form-label fs-base ',
+                                                        style: '',
+                                                    },
+                                                    container: {
+                                                        tag: 'aboutus-container',
+                                                        class: '',
+                                                        style: '',
+                                                        stylist: [],
+                                                        dataType: 'static',
+                                                        style_from: 'tag',
+                                                        classDataType: 'static',
                                                     },
                                                 },
-                                                {
-                                                    key: 'email',
-                                                    type: 'email',
-                                                    title: '信箱',
-                                                    require: 'true',
-                                                    readonly: 'read',
-                                                    style_data: {
-                                                        input: {
-                                                            class: '',
-                                                            style: '',
-                                                        },
-                                                        label: {
-                                                            class: 'form-label fs-base ',
-                                                            style: '',
-                                                        },
-                                                        container: {
-                                                            tag: 'aboutus-container',
-                                                            class: '',
-                                                            style: '',
-                                                            stylist: [],
-                                                            style_from: 'tag',
-                                                        },
+                                            },
+                                            {
+                                                key: 'email',
+                                                type: 'email',
+                                                title: '信箱',
+                                                require: 'true',
+                                                readonly: 'read',
+                                                style_data: {
+                                                    input: {
+                                                        class: '',
+                                                        style: '',
+                                                    },
+                                                    label: {
+                                                        class: 'form-label fs-base ',
+                                                        style: '',
+                                                    },
+                                                    container: {
+                                                        tag: 'aboutus-container',
+                                                        class: '',
+                                                        style: '',
+                                                        stylist: [],
+                                                        style_from: 'tag',
                                                     },
                                                 },
-                                                {
-                                                    key: 'title',
-                                                    type: 'text',
-                                                    title: '標題',
-                                                    require: 'true',
-                                                    readonly: 'read',
-                                                    style_data: {
-                                                        input: {
-                                                            class: '',
-                                                            style: '',
-                                                        },
-                                                        label: {
-                                                            class: 'form-label fs-base ',
-                                                            style: '',
-                                                        },
-                                                        container: {
-                                                            tag: 'aboutus-container',
-                                                            class: '',
-                                                            style: '',
-                                                            stylist: [],
-                                                            dataType: 'static',
-                                                            style_from: 'tag',
-                                                            classDataType: 'static',
-                                                        },
+                                            },
+                                            {
+                                                key: 'title',
+                                                type: 'text',
+                                                title: '標題',
+                                                require: 'true',
+                                                readonly: 'read',
+                                                style_data: {
+                                                    input: {
+                                                        class: '',
+                                                        style: '',
+                                                    },
+                                                    label: {
+                                                        class: 'form-label fs-base ',
+                                                        style: '',
+                                                    },
+                                                    container: {
+                                                        tag: 'aboutus-container',
+                                                        class: '',
+                                                        style: '',
+                                                        stylist: [],
+                                                        dataType: 'static',
+                                                        style_from: 'tag',
+                                                        classDataType: 'static',
                                                     },
                                                 },
-                                                {
-                                                    key: 'content',
-                                                    type: 'textArea',
-                                                    title: '訊息',
-                                                    require: 'true',
-                                                    readonly: 'read',
-                                                    style_data: {
-                                                        input: {
-                                                            class: '',
-                                                            style: '',
-                                                        },
-                                                        label: {
-                                                            class: 'form-label fs-base ',
-                                                            style: '',
-                                                        },
-                                                        container: {
-                                                            class: '',
-                                                            style: '',
-                                                        },
+                                            },
+                                            {
+                                                key: 'content',
+                                                type: 'textArea',
+                                                title: '訊息',
+                                                require: 'true',
+                                                readonly: 'read',
+                                                style_data: {
+                                                    input: {
+                                                        class: '',
+                                                        style: '',
+                                                    },
+                                                    label: {
+                                                        class: 'form-label fs-base ',
+                                                        style: '',
+                                                    },
+                                                    container: {
+                                                        class: '',
+                                                        style: '',
                                                     },
                                                 },
-                                            ],
-                                            refresh: () => {
                                             },
-                                            formData: vm.data.content,
-                                        })}`
+                                        ],
+                                        refresh: () => {},
+                                        formData: vm.data.content,
+                                    })}`
                                 )}
                             `,
                             800
@@ -3176,144 +2817,142 @@ export class BgSNS {
                             ${BgWidget.title('客服訊息')}
                             <div class="flex-fill"></div>
                             <button
-                                    class="btn hoverBtn me-2 px-3"
-                                    style="height:35px !important;font-size: 14px;color:black;border:1px solid black;"
-                                    onclick="${gvc.event(() => {
-                                        EditorElem.openEditorDialog(
-                                                gvc,
-                                                (gvc) => {
-                                                    const saasConfig: {
-                                                        config: any;
-                                                        api: any;
-                                                    } = (window as any).saasConfig;
-                                                    const id = gvc.glitter.getUUID();
-                                                    let keyData = {};
-                                                    return [
-                                                        gvc.bindView(() => {
-                                                            ApiUser.getPublicConfig(`robot_auto_reply`, 'manager').then((data: any) => {
-                                                                if (data.response.value) {
-                                                                    keyData = data.response.value;
-                                                                    gvc.notifyDataChange(id);
-                                                                }
-                                                            });
-                                                            return {
-                                                                bind: id,
-                                                                view: () => {
-                                                                    return new Promise((resolve, reject) => {
-                                                                        resolve(
-                                                                                FormWidget.editorView({
-                                                                                    gvc: gvc,
-                                                                                    array: [
-                                                                                        {
-                                                                                            title: '機器人問答',
-                                                                                            key: 'question',
-                                                                                            readonly: 'write',
-                                                                                            type: 'array',
-                                                                                            require: 'true',
-                                                                                            style_data: {
-                                                                                                label: {
-                                                                                                    class: 'form-label fs-base ',
-                                                                                                    style: '',
-                                                                                                },
-                                                                                                input: {
-                                                                                                    class: '',
-                                                                                                    style: ''
-                                                                                                },
-                                                                                                container: {
-                                                                                                    class: '',
-                                                                                                    style: '',
-                                                                                                },
+                                class="btn hoverBtn me-2 px-3"
+                                style="height:35px !important;font-size: 14px;color:black;border:1px solid black;"
+                                onclick="${gvc.event(() => {
+                                    EditorElem.openEditorDialog(
+                                        gvc,
+                                        (gvc) => {
+                                            const saasConfig: {
+                                                config: any;
+                                                api: any;
+                                            } = (window as any).saasConfig;
+                                            const id = gvc.glitter.getUUID();
+                                            let keyData = {};
+                                            return [
+                                                gvc.bindView(() => {
+                                                    ApiUser.getPublicConfig(`robot_auto_reply`, 'manager').then((data: any) => {
+                                                        if (data.response.value) {
+                                                            keyData = data.response.value;
+                                                            gvc.notifyDataChange(id);
+                                                        }
+                                                    });
+                                                    return {
+                                                        bind: id,
+                                                        view: () => {
+                                                            return new Promise((resolve, reject) => {
+                                                                resolve(
+                                                                    FormWidget.editorView({
+                                                                        gvc: gvc,
+                                                                        array: [
+                                                                            {
+                                                                                title: '機器人問答',
+                                                                                key: 'question',
+                                                                                readonly: 'write',
+                                                                                type: 'array',
+                                                                                require: 'true',
+                                                                                style_data: {
+                                                                                    label: {
+                                                                                        class: 'form-label fs-base ',
+                                                                                        style: '',
+                                                                                    },
+                                                                                    input: {
+                                                                                        class: '',
+                                                                                        style: '',
+                                                                                    },
+                                                                                    container: {
+                                                                                        class: '',
+                                                                                        style: '',
+                                                                                    },
+                                                                                },
+                                                                                referTitile: 'ask',
+                                                                                plusBtn: '添加自動問答',
+                                                                                formList: [
+                                                                                    {
+                                                                                        title: '問題',
+                                                                                        key: 'ask',
+                                                                                        readonly: 'write',
+                                                                                        type: 'text',
+                                                                                        require: 'true',
+                                                                                        style_data: {
+                                                                                            label: {
+                                                                                                class: 'form-label fs-base ',
+                                                                                                style: '',
+                                                                                            },
+                                                                                            input: {
+                                                                                                class: '',
+                                                                                                style: '',
+                                                                                            },
+                                                                                            container: {
+                                                                                                class: '',
+                                                                                                style: '',
                                                                                             },
-                                                                                            referTitile: 'ask',
-                                                                                            plusBtn: '添加自動問答',
-                                                                                            formList: [
-                                                                                                {
-                                                                                                    title: '問題',
-                                                                                                    key: 'ask',
-                                                                                                    readonly: 'write',
-                                                                                                    type: 'text',
-                                                                                                    require: 'true',
-                                                                                                    style_data: {
-                                                                                                        label: {
-                                                                                                            class: 'form-label fs-base ',
-                                                                                                            style: '',
-                                                                                                        },
-                                                                                                        input: {
-                                                                                                            class: '',
-                                                                                                            style: '',
-                                                                                                        },
-                                                                                                        container: {
-                                                                                                            class: '',
-                                                                                                            style: '',
-                                                                                                        },
-                                                                                                    },
-                                                                                                },
-                                                                                                {
-                                                                                                    title: '回應',
-                                                                                                    key: 'response',
-                                                                                                    readonly: 'write',
-                                                                                                    type: 'textArea',
-                                                                                                    require: 'true',
-                                                                                                    style_data: {
-                                                                                                        label: {
-                                                                                                            class: 'form-label fs-base ',
-                                                                                                            style: '',
-                                                                                                        },
-                                                                                                        input: {
-                                                                                                            class: '',
-                                                                                                            style: '',
-                                                                                                        },
-                                                                                                        container: {
-                                                                                                            class: '',
-                                                                                                            style: '',
-                                                                                                        },
-                                                                                                    },
-                                                                                                },
-                                                                                            ],
                                                                                         },
-                                                                                    ],
-                                                                                    refresh: () => {
-                                                                                        gvc.notifyDataChange(id);
                                                                                     },
-                                                                                    formData: keyData,
-                                                                                })
-                                                                        );
-                                                                    });
-                                                                },
-                                                                divCreate: {
-                                                                    class: 'p-2',
-                                                                },
-                                                            };
-                                                        }),
-                                                        html`
-                                                            <div class="d-flex">
-                                                                <div class="flex-fill"></div>
-                                                                <div
-                                                                        class=" btn-primary-c btn my-2 me-2"
-                                                                        style="margin-left: 10px;height:35px;"
-                                                                        onclick="${gvc.event(() => {
-                                                                            dialog.dataLoading({visible: true});
-                                                                            ApiUser.setPublicConfig({
-                                                                                key: `robot_auto_reply`,
-                                                                                value: keyData,
-                                                                                user_id: 'manager',
-                                                                            }).then((data: any) => {
-                                                                                dialog.dataLoading({visible: false});
-                                                                                dialog.successMessage({text: '設定成功'});
-                                                                            });
-                                                                        })}"
-                                                                >
-                                                                    儲存設定
-                                                                </div>
-                                                            </div>`,
-                                                    ].join('');
-                                                },
-                                                () => {
-                                                },
-                                                500,
-                                                '自訂表單'
-                                        );
-                                    })}"
+                                                                                    {
+                                                                                        title: '回應',
+                                                                                        key: 'response',
+                                                                                        readonly: 'write',
+                                                                                        type: 'textArea',
+                                                                                        require: 'true',
+                                                                                        style_data: {
+                                                                                            label: {
+                                                                                                class: 'form-label fs-base ',
+                                                                                                style: '',
+                                                                                            },
+                                                                                            input: {
+                                                                                                class: '',
+                                                                                                style: '',
+                                                                                            },
+                                                                                            container: {
+                                                                                                class: '',
+                                                                                                style: '',
+                                                                                            },
+                                                                                        },
+                                                                                    },
+                                                                                ],
+                                                                            },
+                                                                        ],
+                                                                        refresh: () => {
+                                                                            gvc.notifyDataChange(id);
+                                                                        },
+                                                                        formData: keyData,
+                                                                    })
+                                                                );
+                                                            });
+                                                        },
+                                                        divCreate: {
+                                                            class: 'p-2',
+                                                        },
+                                                    };
+                                                }),
+                                                html` <div class="d-flex">
+                                                    <div class="flex-fill"></div>
+                                                    <div
+                                                        class=" btn-primary-c btn my-2 me-2"
+                                                        style="margin-left: 10px;height:35px;"
+                                                        onclick="${gvc.event(() => {
+                                                            dialog.dataLoading({ visible: true });
+                                                            ApiUser.setPublicConfig({
+                                                                key: `robot_auto_reply`,
+                                                                value: keyData,
+                                                                user_id: 'manager',
+                                                            }).then((data: any) => {
+                                                                dialog.dataLoading({ visible: false });
+                                                                dialog.successMessage({ text: '設定成功' });
+                                                            });
+                                                        })}"
+                                                    >
+                                                        儲存設定
+                                                    </div>
+                                                </div>`,
+                                            ].join('');
+                                        },
+                                        () => {},
+                                        500,
+                                        '自訂表單'
+                                    );
+                                })}"
                             >
                                 <i class="fa-regular fa-gear me-2 "></i>
                                 機器人問答
@@ -3335,9 +2974,9 @@ export class BgSNS {
                                     vmi.callback();
                                     if (type === 'select') {
                                         callback(
-                                                vm.dataList.filter((dd: any) => {
-                                                    return dd.checked;
-                                                })
+                                            vm.dataList.filter((dd: any) => {
+                                                return dd.checked;
+                                            })
                                         );
                                     }
                                 });
@@ -3364,14 +3003,14 @@ export class BgSNS {
                             filter: html`
                                 <div style="height:50px;" class="w-100 border-bottom ">
                                     <input
-                                            class="form-control h-100 "
-                                            style="border: none;"
-                                            placeholder="搜尋用戶名稱"
-                                            onchange="${gvc.event((e, event) => {
-                                                vm.query = e.value;
-                                                gvc.notifyDataChange(id);
-                                            })}"
-                                            value="${vm.query || ''}"
+                                        class="form-control h-100 "
+                                        style="border: none;"
+                                        placeholder="搜尋用戶名稱"
+                                        onchange="${gvc.event((e, event) => {
+                                            vm.query = e.value;
+                                            gvc.notifyDataChange(id);
+                                        })}"
+                                        value="${vm.query || ''}"
                                     />
                                 </div>
                                 ${gvc.bindView(() => {
@@ -3379,10 +3018,10 @@ export class BgSNS {
                                         bind: filterID,
                                         view: () => {
                                             if (
-                                                    !vm.dataList ||
-                                                    !vm.dataList.find((dd: any) => {
-                                                        return dd.checked;
-                                                    })
+                                                !vm.dataList ||
+                                                !vm.dataList.find((dd: any) => {
+                                                    return dd.checked;
+                                                })
                                             ) {
                                                 return ``;
                                             } else {
@@ -3392,35 +3031,35 @@ export class BgSNS {
                                                     count: selCount,
                                                     buttonList: [
                                                         BgWidget.selEventButton(
-                                                                '批量移除',
-                                                                gvc.event(() => {
-                                                                    dialog.checkYesOrNot({
-                                                                        text: '是否確認刪除所選項目？',
-                                                                        callback: (response) => {
-                                                                            if (response) {
-                                                                                dialog.dataLoading({visible: true});
-                                                                                Chat.deleteChatRoom({
-                                                                                    id: vm.dataList
-                                                                                            .filter((dd: any) => {
-                                                                                                return dd.checked;
-                                                                                            })
-                                                                                            .map((dd: any) => {
-                                                                                                return dd.id;
-                                                                                            })
-                                                                                            .join(`,`),
-                                                                                }).then((res) => {
-                                                                                    dialog.dataLoading({visible: false});
-                                                                                    if (res.result) {
-                                                                                        vm.dataList = undefined;
-                                                                                        gvc.notifyDataChange(id);
-                                                                                    } else {
-                                                                                        dialog.errorMessage({text: '刪除失敗'});
-                                                                                    }
-                                                                                });
-                                                                            }
-                                                                        },
-                                                                    });
-                                                                })
+                                                            '批量移除',
+                                                            gvc.event(() => {
+                                                                dialog.checkYesOrNot({
+                                                                    text: '是否確認刪除所選項目？',
+                                                                    callback: (response) => {
+                                                                        if (response) {
+                                                                            dialog.dataLoading({ visible: true });
+                                                                            Chat.deleteChatRoom({
+                                                                                id: vm.dataList
+                                                                                    .filter((dd: any) => {
+                                                                                        return dd.checked;
+                                                                                    })
+                                                                                    .map((dd: any) => {
+                                                                                        return dd.id;
+                                                                                    })
+                                                                                    .join(`,`),
+                                                                            }).then((res) => {
+                                                                                dialog.dataLoading({ visible: false });
+                                                                                if (res.result) {
+                                                                                    vm.dataList = undefined;
+                                                                                    gvc.notifyDataChange(id);
+                                                                                } else {
+                                                                                    dialog.errorMessage({ text: '刪除失敗' });
+                                                                                }
+                                                                            });
+                                                                        }
+                                                                    },
+                                                                });
+                                                            })
                                                         ),
                                                     ],
                                                 });
@@ -3429,13 +3068,13 @@ export class BgSNS {
                                         divCreate: () => {
                                             return {
                                                 class: `d-flex align-items-center p-2 py-3 ${
-                                                        !vm.dataList ||
-                                                        !vm.dataList.find((dd: any) => {
-                                                            return dd.checked;
-                                                        }) ||
-                                                        type === 'select'
-                                                                ? `d-none`
-                                                                : ``
+                                                    !vm.dataList ||
+                                                    !vm.dataList.find((dd: any) => {
+                                                        return dd.checked;
+                                                    }) ||
+                                                    type === 'select'
+                                                        ? `d-none`
+                                                        : ``
                                                 }`,
                                                 style: ``,
                                             };
@@ -3456,7 +3095,6 @@ export class BgSNS {
 
 function defaultEmailText() {
     return `【商店名稱】親愛的顧客，限時優惠！全館商品即日起至9月30日享85折優惠，結帳時輸入優惠代碼：SALE2024，立即享受折扣！詳情請見：https://shopnex.cc/index。`;
-
 }
 
 (window as any).glitter.setModule(import.meta.url, BgSNS);