ts-glitter 13.3.5 → 13.3.8

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

@@ -19,13 +19,12 @@ import { FilterOptions } from '../cms-plugin/filter-options.js';
 import { ShoppingDiscountSetting } from '../cms-plugin/shopping-discount-setting.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 { ApiWallet } from '../glitter-base/route/wallet.js';
+import { ApiSns } from '../glitter-base/route/sms.js';
 const html = String.raw;
 const inputStyle = 'font-size: 16px; height:40px; width:300px;';
 export class BgSNS {
-    static email(gvc, type = 'list', callback = () => {
-    }) {
+    static email(gvc, type = 'list', callback = () => { }) {
         const vm = {
             type: 'list',
             data: {
@@ -50,58 +49,8 @@ export class BgSNS {
                 view: () => {
                     let vmi = undefined;
                     function getDatalist() {
-                        let interval = 0;
                         return vm.dataList.map((dd) => {
                             return [
-                                {
-                                    key: (() => {
-                                        clearInterval(interval);
-                                        if (!vm.dataList.find((dd) => {
-                                            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) => {
-                                                return !dd.checked;
-                                            }),
-                                            callback: (result) => {
-                                                vm.dataList.map((dd) => {
-                                                    dd.checked = result;
-                                                });
-                                                vmi.data = getDatalist();
-                                                vmi.callback();
-                                                gvc.notifyDataChange(filterID);
-                                                callback(vm.dataList.filter((dd) => {
-                                                    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) => {
-                                                return dd.checked;
-                                            }));
-                                        },
-                                        style: 'height:25px;',
-                                    }),
-                                },
                                 {
                                     key: '註冊信箱',
                                     value: `<span class="fs-7">${dd.email}</span>`,
@@ -113,107 +62,74 @@ 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;
-                                vmi.data = getDatalist();
-                                vmi.loading = false;
-                                vmi.callback();
-                                if (type === 'select') {
-                                    callback(vm.dataList.filter((dd) => {
-                                        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) => {
-                                return dd.checked;
-                            }));
-                        },
-                        filter: html `
-                                    ${BgWidget.searchPlace(gvc.event((e, event) => {
+                    return BgWidget.container(BgWidget.mainCard([
+                        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) => {
+                        }), 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) => {
                                             return dd.checked;
-                                        })) {
-                                        return ``;
+                                        }));
                                     }
-                                    else {
+                                });
+                            },
+                            rowClick: (data, index) => {
+                                vm.dataList[index].checked = !vm.dataList[index].checked;
+                                vmi.data = getDatalist();
+                                vmi.callback();
+                                gvc.notifyDataChange(filterID);
+                                callback(vm.dataList.filter((dd) => {
+                                    return dd.checked;
+                                }));
+                            },
+                            filter: [
+                                {
+                                    name: '批量移除',
+                                    event: (checkedData) => {
                                         const dialog = new ShareDialog(gvc.glitter);
-                                        const selCount = vm.dataList.filter((dd) => 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) => {
-                                                                        return dd.checked;
-                                                                    })
-                                                                        .map((dd) => {
-                                                                        return dd.email;
-                                                                    })
-                                                                        .join(`,`),
-                                                                }).then((res) => {
-                                                                    dialog.dataLoading({ visible: false });
-                                                                    if (res.result) {
-                                                                        vm.dataList = undefined;
-                                                                        gvc.notifyDataChange(id);
-                                                                    }
-                                                                    else {
-                                                                        dialog.errorMessage({ text: '刪除失敗' });
-                                                                    }
-                                                                });
-                                                            }
-                                                        },
+                                        dialog.checkYesOrNot({
+                                            text: '是否確認刪除所選項目？',
+                                            callback: (response) => {
+                                                if (response) {
+                                                    dialog.dataLoading({ visible: true });
+                                                    ApiUser.deleteSubscribe({
+                                                        email: checkedData.map((dd) => 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) => {
-                                                return dd.checked;
-                                            }) ||
-                                            type === 'select'
-                                            ? `d-none`
-                                            : ``}`,
-                                        style: ``,
-                                    };
+                                    },
                                 },
-                            };
-                        })}
-                                `,
-                    })), type === 'select' ? 850 : BgWidget.getContainerWidth(), 'padding: 0;');
+                            ],
+                        }),
+                    ].join('')), type === 'select' ? 850 : BgWidget.getContainerWidth(), 'padding: 0;');
                 },
             };
         });
@@ -243,136 +159,78 @@ export class BgSNS {
                             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) => {
-                                            return [
-                                                {
-                                                    key: EditorElem.checkBoxOnly({
-                                                        gvc: gvc,
-                                                        def: !data.response.data.find((dd) => {
-                                                            return !dd.checked;
-                                                        }),
-                                                        callback: (result) => {
-                                                            data.response.data.map((dd) => {
-                                                                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') : '無',
-                                                },
-                                            ];
-                                        });
-                                    }
-                                    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';
-                            },
-                            filter: html ` ${BgWidget.searchPlace(gvc.event((e) => {
+                                ${BgWidget.container(BgWidget.mainCard([
+                            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) => {
-                                                return dd.checked;
-                                            })) {
-                                            return ``;
+                            }), 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) => {
+                                                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') : '無',
+                                                    },
+                                                ];
+                                            });
                                         }
-                                        else {
-                                            const dialog = new ShareDialog(gvc.glitter);
-                                            const selCount = vm.dataList.filter((dd) => 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) => {
-                                                                            return dd.checked;
-                                                                        })
-                                                                            .map((dd) => {
-                                                                            return dd.id;
-                                                                        })
-                                                                            .join(`,`),
-                                                                    }).then((res) => {
-                                                                        dialog.dataLoading({ visible: false });
-                                                                        if (res.result) {
-                                                                            vm.dataList = undefined;
-                                                                            gvc.notifyDataChange(id);
-                                                                        }
-                                                                        else {
-                                                                            dialog.errorMessage({ text: '刪除失敗' });
-                                                                        }
-                                                                    });
-                                                                }
-                                                            },
+                                        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) => 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) => {
-                                                    return dd.checked;
-                                                })
-                                                ? `d-none`
-                                                : ``}`,
-                                            style: ``,
-                                        };
+                                        },
                                     },
-                                };
-                            })}`,
-                        })))}
+                                ],
+                            }),
+                        ].join('')))}
                                 ${BgWidget.mbContainer(120)}
                             `, BgWidget.getContainerWidth());
                     }
@@ -450,24 +308,18 @@ export class BgSNS {
                                         ];
                                         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>`;
+                                            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>`;
+                                            return html ` <div style="display: flex; align-items: center; gap: 10px;">${filterList.join('')}</div>
+                                                                <div>${filterTags}</div>`;
                                         }
                                     },
                                 });
@@ -475,7 +327,7 @@ export class BgSNS {
                             gvc.bindView({
                                 bind: vm.tableId,
                                 view: () => {
-                                    return BgWidget.tableV2({
+                                    return BgWidget.tableV3({
                                         gvc: gvc,
                                         getData: (vmi) => {
                                             var _a, _b;
@@ -490,26 +342,21 @@ export class BgSNS {
                                                 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) => {
                                                             return [
                                                                 {
                                                                     key: '寄件類型',
-                                                                    value: html `<span
-                                                                                                    class="fs-7">${dd.content.typeName}</span>`,
+                                                                    value: html `<span class="fs-7">${dd.content.typeName}</span>`,
                                                                 },
                                                                 {
                                                                     key: '標題',
-                                                                    value: html `<span
-                                                                                                    class="fs-7">${Tool.truncateString(`${dd.content.title}`, 25)}</span>`,
+                                                                    value: html `<span class="fs-7">${Tool.truncateString(`${dd.content.title}`, 25)}</span>`,
                                                                 },
                                                                 {
                                                                     key: '收件群組',
-                                                                    value: html `<span
-                                                                                                    class="fs-7"
-                                                                                            >${(() => {
+                                                                    value: html `<span class="fs-7"
+                                                                                        >${(() => {
                                                                         if (!dd.content.sendGroup) {
                                                                             return '沒有群組';
                                                                         }
@@ -525,13 +372,11 @@ export class BgSNS {
                                                                                 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
-                                                                                                        >`);
+                                                                        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: '寄送時間',
@@ -542,30 +387,21 @@ export class BgSNS {
                                                                     value: (() => {
                                                                         switch (dd.status) {
                                                                             case 0:
-                                                                                return html `
-                                                                                                            <div class="badge fs-7"
-                                                                                                                 style="color: #393939; background: #ffd6a4;">
-                                                                                                                尚未寄送
-                                                                                                            </div>`;
+                                                                                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>`;
+                                                                                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>`;
+                                                                                return html ` <div class="badge fs-7" style="color: #393939; background: #0000000f;">取消預約</div>`;
                                                                         }
                                                                     })(),
                                                                 },
                                                             ];
                                                         });
                                                     }
-                                                    vmi.data = getDatalist();
+                                                    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();
                                                 }
@@ -576,6 +412,7 @@ export class BgSNS {
                                             vm.data = vm.dataList[index].content;
                                             vm.type = 'replace';
                                         },
+                                        filter: [],
                                     });
                                 },
                             }),
@@ -613,22 +450,13 @@ export class BgSNS {
                     <div class="flex-fill"></div>
                     ${obj.readonly
             ? [
-                html `
-                                    <div class="badge fs-7 me-2" style="color: #393939; background: #0000000f;">
-                                        ${vm.data.typeName}
-                                    </div>`,
+                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>`;
+                            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>`;
+                            return html ` <div class="badge fs-7 me-1" style="color: #393939; background: #0000000f;">已寄出</div>`;
                     }
                 })(),
             ].join('')
@@ -643,30 +471,25 @@ export class BgSNS {
                     var _a;
                     let htmlList = [];
                     if (obj.readonly) {
-                        const sendGroupHTML = ((_a = vm.data.sendGroup) !== null && _a !== void 0 ? _a : []).map((str) => html `
-                                            <div class="c_filter_tag">${str}</div>`);
-                        const phoneHTML = vm.data.phone.map((str) => html `
-                                            <div class="c_filter_tag">${str}</div>`);
+                        const sendGroupHTML = ((_a = vm.data.sendGroup) !== null && _a !== void 0 ? _a : []).map((str) => html ` <div class="c_filter_tag">${str}</div>`);
+                        const phoneHTML = vm.data.phone.map((str) => 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
+                                                <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>
+                                : 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_700 mb-3">發送時間</div>
-                                                ${EditorElem.radio({
+                                            <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',
@@ -678,43 +501,37 @@ export class BgSNS {
                                     {
                                         title: '排定發送時間',
                                         value: 'set',
-                                        innerHtml: html `
-                                                                <div class="d-flex mt-3 ${document.body.clientWidth < 768 ? 'flex-column' : ''}"
-                                                                     style="gap: 12px">
-                                                                    ${EditorElem.editeInput({
+                                        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: () => {
-                                            },
+                                            callback: () => { },
                                             readonly: true,
                                         })}
-                                                                    ${EditorElem.editeInput({
+                                                            ${EditorElem.editeInput({
                                             gvc: gvc,
                                             title: '',
                                             type: 'time',
                                             style: inputStyle,
                                             default: vm.data.sendTime ? vm.data.sendTime.time : '',
                                             placeHolder: '',
-                                            callback: () => {
-                                            },
+                                            callback: () => { },
                                             readonly: true,
                                         })}
-                                                                </div>`,
+                                                        </div>`,
                                     },
                                 ],
-                                callback: () => {
-                                },
+                                callback: () => { },
                                 readonly: true,
                             })}`),
                         ]);
                     }
                     htmlList = htmlList.concat([
-                        BgWidget.mainCard(html `
-                                                    ${BgWidget.editeInput({
+                        BgWidget.mainCard(html ` ${BgWidget.editeInput({
                             gvc: gvc,
                             title: '簡訊主題',
                             default: postData.title,
@@ -723,23 +540,23 @@ export class BgSNS {
                                 postData.title = text;
                             },
                         })}
-                                                    <div class="d-flex align-items-center my-3">
-                                                        <div class="tx_normal fw-normal me-2">簡訊內文</div>
-                                                        ${gvc.bindView(() => {
+                                            <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({
+                                            </div>
+                                            ${EditorElem.editeText({
                             gvc: gvc,
-                            title: "",
+                            title: '',
                             readonly: true,
-                            default: postData.content || "",
-                            placeHolder: "",
+                            default: postData.content || '',
+                            placeHolder: '',
                             callback: (text) => {
                                 postData.content = text;
                                 let totalSize = 0;
@@ -759,7 +576,7 @@ export class BgSNS {
                                     pointCount = Math.ceil(totalSize / this.longSMS);
                                 }
                                 gvc.notifyDataChange('total_count');
-                            }
+                            },
                         })}`),
                     ]);
                     return htmlList.filter((str) => str.length > 0).join(BgWidget.mbContainer(16));
@@ -798,9 +615,9 @@ export class BgSNS {
             const dialog = new ShareDialog(gvc.glitter);
             dialog.dataLoading({ text: '取消預約中', visible: true });
             ApiSns.delete({
-                id: vm.data.name
-            }).then(r => {
-                console.log("res -- ", r);
+                id: vm.data.name,
+            }).then((r) => {
+                console.log('res -- ', r);
                 dialog.dataLoading({ visible: false });
                 if (r.result) {
                     vm.status = 'list';
@@ -1150,19 +967,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(() => {
+                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>`,
+                    ></i>
+                </div>`,
             };
         }
         function getTagsHTML() {
@@ -1182,12 +998,11 @@ 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: '且'
+                    right: '且',
                 }, (bool) => {
                     postData.boolean = bool ? 'and' : 'or';
                     setUserList();
@@ -1211,8 +1026,7 @@ export class BgSNS {
                         gvc: gvc,
                         title: '預計寄件顧客',
                         tag: 'send_users_list',
-                        callback: () => {
-                        },
+                        callback: () => { },
                         default: [],
                         api: () => {
                             return new Promise((resolve) => {
@@ -1252,7 +1066,8 @@ export class BgSNS {
                         readonly: true,
                     });
                 }), { textStyle: 'font-weight: 400;' })}
-                    </div> `,
+                    </div>
+                `,
                 html `
                     <div class="tx_normal fw-normal">篩選條件</div>
                     <div class="c_filter_container">
@@ -1267,7 +1082,7 @@ export class BgSNS {
                 `,
             ].join(BgWidget.mbContainer(18));
         }
-        ApiWallet.getWallet().then(r => {
+        ApiWallet.getWallet().then((r) => {
             wallet = r.response.sum;
         });
         return BgWidget.container(html `
@@ -1282,14 +1097,11 @@ export class BgSNS {
                 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({
+                            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) => {
@@ -1300,9 +1112,9 @@ export class BgSNS {
                                 options: FilterOptions.emailOptions,
                                 style: 'margin: 8px 0;',
                             })}
-                                                            </div>
-                                                            <div style="width: 100%; display: flex; align-items: center;">
-                                                                ${gvc.bindView({
+                                                </div>
+                                                <div style="width: 100%; display: flex; align-items: center;">
+                                                    ${gvc.bindView({
                                 bind: vm.id,
                                 view: () => {
                                     const getDefault = (def) => {
@@ -1325,7 +1137,7 @@ export class BgSNS {
                                         case 'all':
                                             dialog.dataLoading({
                                                 visible: true,
-                                                text: '取得所有會員資料中...'
+                                                text: '取得所有會員資料中...',
                                             });
                                             new Promise((resolve) => {
                                                 ApiUser.getUserListOrders({
@@ -1447,8 +1259,8 @@ export class BgSNS {
                                     }
                                 },
                             })}
-                                                            </div>
-                                                        </div>`,
+                                                </div>
+                                            </div>`,
                             gvc.bindView({
                                 bind: vm.tagsId,
                                 view: () => getTagsHTML(),
@@ -1456,10 +1268,8 @@ export class BgSNS {
                             }),
                         ].join('')),
                         BgWidget.mainCard([
-                            html `
-                                                        <div class="tx_700">信件內容</div>`,
-                            html `
-                                                        <div class="tx_normal fw-normal mt-3">信件樣式</div>`,
+                            html ` <div class="tx_700">信件內容</div>`,
+                            html ` <div class="tx_normal fw-normal mt-3">信件樣式</div>`,
                             (() => {
                                 const selectVM = {
                                     id: glitter.getUUID(),
@@ -1529,14 +1339,13 @@ export class BgSNS {
                                 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(() => {
+                                                            <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(() => {
+                                                                ${gvc.bindView(() => {
                                             return {
                                                 bind: 'total_count',
                                                 view: () => {
@@ -1544,15 +1353,15 @@ export class BgSNS {
                                                                              style="font-size: 12px;color: #8D8D8D">
                                                                                 預計每則簡訊花費${pointCount * this.ticket}點
                                                                         </div>`;
-                                                }
+                                                },
                                             };
                                         })}
-                                                                    </div>
-                                                                    ${EditorElem.editeText({
+                                                            </div>
+                                                            ${EditorElem.editeText({
                                             gvc: gvc,
-                                            title: "",
-                                            default: postData.content || "",
-                                            placeHolder: "",
+                                            title: '',
+                                            default: postData.content || '',
+                                            placeHolder: '',
                                             callback: (text) => {
                                                 postData.content = text;
                                                 let totalSize = 0;
@@ -1572,16 +1381,15 @@ export class BgSNS {
                                                     pointCount = Math.ceil(totalSize / this.longSMS);
                                                 }
                                                 gvc.notifyDataChange('total_count');
-                                            }
+                                            },
                                         })}
-                                                                `,
+                                                        `,
                                     ].join('');
                                 },
                             }),
                         ].join('')),
-                        BgWidget.mainCard(html `
-                                                    <div class="tx_700 mb-3">發送時間</div>
-                                                    ${EditorElem.radio({
+                        BgWidget.mainCard(html ` <div class="tx_700 mb-3">發送時間</div>
+                                            ${EditorElem.radio({
                             gvc: gvc,
                             title: '',
                             def: postData.sendTime === undefined ? 'now' : 'set',
@@ -1593,10 +1401,8 @@ export class BgSNS {
                                 {
                                     title: '排定發送時間',
                                     value: 'set',
-                                    innerHtml: html `
-                                                                    <div class="d-flex mt-3 ${document.body.clientWidth < 768 ? 'flex-column' : ''}"
-                                                                         style="gap: 12px">
-                                                                        ${EditorElem.editeInput({
+                                    innerHtml: html ` <div class="d-flex mt-3 ${document.body.clientWidth < 768 ? 'flex-column' : ''}" style="gap: 12px">
+                                                            ${EditorElem.editeInput({
                                         gvc: gvc,
                                         title: '',
                                         type: 'date',
@@ -1611,7 +1417,7 @@ export class BgSNS {
                                             };
                                         },
                                     })}
-                                                                        ${EditorElem.editeInput({
+                                                            ${EditorElem.editeInput({
                                         gvc: gvc,
                                         title: '',
                                         type: 'time',
@@ -1626,7 +1432,7 @@ export class BgSNS {
                                             };
                                         },
                                     })}
-                                                                    </div>`,
+                                                        </div>`,
                                 },
                             ],
                             callback: (text) => {
@@ -1674,12 +1480,15 @@ export class BgSNS {
                 }
                 else {
                     if (data.response.message === 'No_Points') {
-                        dialog.warningMessage({ text: `餘額不足是否前往儲值?`, callback: (response) => {
+                        dialog.warningMessage({
+                            text: `餘額不足是否前往儲值?`,
+                            callback: (response) => {
                                 if (response) {
                                     window.parent.glitter.setUrlParameter('tab', 'sms-points');
                                     window.parent.glitter.pageConfig[0].gvc.recreateView();
                                 }
-                            } });
+                            },
+                        });
                     }
                     else {
                         dialog.errorMessage({ text: '手動寄件失敗' });
@@ -1710,8 +1519,7 @@ export class BgSNS {
                     ${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();
@@ -1755,9 +1563,9 @@ export class BgSNS {
                     </div>
                     ${obj.type === 'replace'
             ? html `
-                                <div class="d-flex w-100 mt-2">
-                                    <div class="flex-fill"></div>
-                                    ${BgWidget.redButton('刪除樣本', obj.gvc.event(() => {
+                              <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: '是否確認刪除樣本?',
@@ -1779,8 +1587,8 @@ export class BgSNS {
                     },
                 });
             }))}
-                                </div>
-                            `
+                              </div>
+                          `
             : ``}
                     <div class="update-bar-container">
                         ${BgWidget.cancel(gvc.event(() => {
@@ -1826,8 +1634,7 @@ export class BgSNS {
                     </div>`)}
             `, BgWidget.getContainerWidth({ rate: { web: 0.68 } }));
     }
-    static fcmDevice(gvc, type = 'list', callback = () => {
-    }) {
+    static fcmDevice(gvc, type = 'list', callback = () => { }) {
         const vm = {
             type: 'list',
             data: {
@@ -1853,59 +1660,9 @@ export class BgSNS {
                 view: () => {
                     let vmi = undefined;
                     function getDatalist() {
-                        let interval = 0;
                         return vm.dataList.map((dd) => {
                             var _a;
                             return [
-                                {
-                                    key: (() => {
-                                        clearInterval(interval);
-                                        if (!vm.dataList.find((dd) => {
-                                            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) => {
-                                                return !dd.checked;
-                                            }),
-                                            callback: (result) => {
-                                                vm.dataList.map((dd) => {
-                                                    dd.checked = result;
-                                                });
-                                                vmi.data = getDatalist();
-                                                vmi.callback();
-                                                gvc.notifyDataChange(filterID);
-                                                callback(vm.dataList.filter((dd) => {
-                                                    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) => {
-                                                return dd.checked;
-                                            }));
-                                        },
-                                        style: 'height:25px;',
-                                    }),
-                                },
                                 {
                                     key: '用戶ID',
                                     value: `<span class="fs-7">${(_a = dd.userID) !== null && _a !== void 0 ? _a : '尚未登入'}</span>`,
@@ -1926,106 +1683,80 @@ export class BgSNS {
                                 ${BgWidget.title('已訂閱裝置')}
                                 <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) => {
-                                        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) => {
-                                return dd.checked;
-                            }));
-                        },
-                        filter: html `
-                                                    ${BgWidget.searchPlace(gvc.event((e, event) => {
+                            ${BgWidget.container(BgWidget.mainCard([
+                        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) => {
+                        }), 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();
+                                    if (type === 'select') {
+                                        callback(vm.dataList.filter((dd) => {
                                             return dd.checked;
-                                        })) {
-                                        return ``;
+                                        }));
                                     }
-                                    else {
-                                        const dialog = new ShareDialog(gvc.glitter);
-                                        const selCount = vm.dataList.filter((dd) => 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) => {
-                                                                        return dd.checked;
-                                                                    })
-                                                                        .map((dd) => {
-                                                                        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) => {
+                                    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) => {
+                                                            return dd.checked;
+                                                        })
+                                                            .map((dd) => {
+                                                            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) => {
-                                                return dd.checked;
-                                            }) ||
-                                            type === 'select'
-                                            ? `d-none`
-                                            : ``}`,
-                                        style: ``,
-                                    };
+                                    },
                                 },
-                            };
-                        })}
-                                                `,
-                    })))}
+                            ],
+                        }),
+                    ].join('')))}
                         `, BgWidget.getContainerWidth());
                 },
                 divCreate: {
@@ -2059,220 +1790,170 @@ export class BgSNS {
                             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) => {
-                                            return [
-                                                {
-                                                    key: EditorElem.checkBoxOnly({
-                                                        gvc: gvc,
-                                                        def: !data.response.data.find((dd) => {
-                                                            return !dd.checked;
-                                                        }),
-                                                        callback: (result) => {
-                                                            data.response.data.map((dd) => {
-                                                                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 = [];
-                                                            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) {
+                                ${BgWidget.container(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) => {
+                                                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 = [];
+                                                                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: dataList.map((dd) => {
-                                                                                return dd.deviceToken;
-                                                                            }),
+                                                                            device_token: ['all'],
                                                                             title: dd.content.title,
                                                                             content: dd.content.content,
                                                                             link: dd.content.link,
                                                                         }).then(() => {
                                                                             dialog.dataLoading({ visible: false });
-                                                                            dialog.successMessage({ text: '發送成功' });
+                                                                            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';
-                            },
-                            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) => {
-                                                return dd.checked;
-                                            })) {
-                                            return ``;
-                                        }
-                                        else {
-                                            const dialog = new ShareDialog(gvc.glitter);
-                                            const selCount = vm.dataList.filter((dd) => 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) => {
-                                                                            return dd.checked;
-                                                                        })
-                                                                            .map((dd) => {
-                                                                            return dd.id;
-                                                                        })
-                                                                            .join(`,`),
-                                                                    }).then((res) => {
-                                                                        dialog.dataLoading({ visible: false });
-                                                                        if (res.result) {
-                                                                            vm.dataList = undefined;
-                                                                            gvc.notifyDataChange(id);
+                                                                    })}"
+                                                                                                                >
+                                                                                                                    發送給所有用戶
+                                                                                                                </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) => {
+                                                                                    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: '刪除失敗' });
+                                                                            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>`,
+                                                    },
+                                                ];
                                             });
                                         }
+                                        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) => {
+                                                                return dd.checked;
+                                                            })
+                                                                .map((dd) => {
+                                                                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) => {
-                                                    return dd.checked;
-                                                })
-                                                ? `d-none`
-                                                : ``}`,
-                                            style: ``,
-                                        };
-                                    },
-                                };
-                            })}`,
-                        })))}
+                                ],
+                            }),
+                        ].join('')))}
                             `, BgWidget.getContainerWidth());
                     }
                     else if (vm.type == 'replace') {
@@ -2293,8 +1974,7 @@ export class BgSNS {
             };
         });
     }
-    static rebackMessage(gvc, type = 'list', callback = () => {
-    }) {
+    static rebackMessage(gvc, type = 'list', callback = () => { }) {
         const vm = {
             type: 'list',
             data: {
@@ -2502,8 +2182,7 @@ export class BgSNS {
                                     },
                                 },
                             ],
-                            refresh: () => {
-                            },
+                            refresh: () => { },
                             formData: vm.data.content,
                         })}`)}
                             `, 800);
@@ -2618,8 +2297,7 @@ export class BgSNS {
             };
         });
     }
-    static customerMessage(gvc, type = 'list', callback = () => {
-    }) {
+    static customerMessage(gvc, type = 'list', callback = () => { }) {
         const vm = {
             type: 'list',
             data: {
@@ -2823,8 +2501,7 @@ export class BgSNS {
                                     },
                                 },
                             ],
-                            refresh: () => {
-                            },
+                            refresh: () => { },
                             formData: vm.data.content,
                         })}`)}
                             `, 800);
@@ -2834,9 +2511,9 @@ 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(() => {
+                                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 = window.saasConfig;
                             const id = gvc.glitter.getUUID();
@@ -2869,7 +2546,7 @@ export class BgSNS {
                                                                 },
                                                                 input: {
                                                                     class: '',
-                                                                    style: ''
+                                                                    style: '',
                                                                 },
                                                                 container: {
                                                                     class: '',
@@ -2936,13 +2613,12 @@ export class BgSNS {
                                         },
                                     };
                                 }),
-                                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(() => {
+                                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`,
@@ -2953,13 +2629,12 @@ export class BgSNS {
                                         dialog.successMessage({ text: '設定成功' });
                                     });
                                 })}"
-                                                                >
-                                                                    儲存設定
-                                                                </div>
-                                                            </div>`,
+                                                    >
+                                                        儲存設定
+                                                    </div>
+                                                </div>`,
                             ].join('');
-                        }, () => {
-                        }, 500, '自訂表單');
+                        }, () => { }, 500, '自訂表單');
                     })}"
                             >
                                 <i class="fa-regular fa-gear me-2 "></i>
@@ -3009,14 +2684,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) => {
+                                        class="form-control h-100 "
+                                        style="border: none;"
+                                        placeholder="搜尋用戶名稱"
+                                        onchange="${gvc.event((e, event) => {
                             vm.query = e.value;
                             gvc.notifyDataChange(id);
                         })}"
-                                            value="${vm.query || ''}"
+                                        value="${vm.query || ''}"
                                     />
                                 </div>
                                 ${gvc.bindView(() => {