ts-glitter 14.2.4 → 14.2.6

package/lowcode/cms-plugin/module/product-excel.ts

@@ -0,0 +1,652 @@
+import { GVC } from '../../glitterBundle/GVController.js';
+import { ShareDialog } from '../../glitterBundle/dialog/ShareDialog.js';
+import { ApiShop } from '../../glitter-base/route/shopping.js';
+import { CheckInput } from '../../modules/checkInput.js';
+
+export interface Variant {
+    save_stock?: string;
+    sale_price: number;
+    compare_price: number;
+    cost: number;
+    spec: string[];
+    profit: number;
+    v_length: number;
+    v_width: number;
+    v_height: number;
+    weight: number;
+    shipment_type: 'weight' | 'none' | 'volume';
+    sku: string;
+    barcode: string;
+    stock: number;
+    preview_image: string;
+    show_understocking: string;
+    type: string;
+}
+
+export interface RowInitData {
+    id?: string;
+    name: string;
+    status: string;
+    category: string;
+    productType: string;
+    img: string;
+    SEO_domain: string;
+    SEO_title: string;
+    SEO_desc: string;
+    spec1: string;
+    spec1Value: string;
+    spec2: string;
+    spec2Value: string;
+    spec3: string;
+    spec3Value: string;
+    sku: string;
+    cost: string;
+    sale_price: string;
+    compare_price: string;
+    benefit: string;
+    shipment_type: string;
+    length: string;
+    width: string;
+    height: string;
+    weight: string;
+    weightUnit: string;
+    stockPolicy: string;
+    stock: string;
+    save_stock: string;
+    barcode: string;
+}
+
+export class ProductExcel {
+    private workbook: any;
+    private worksheet: any;
+    private ExcelJS: any;
+    private gvc: GVC;
+    headers: string[];
+    lineName: string[];
+
+    constructor(gvc: GVC, headers: string[], lineName: string[]) {
+        this.gvc = gvc;
+        this.headers = headers;
+        this.lineName = lineName;
+    }
+
+    checkString(value: any) {
+        return CheckInput.isEmpty(value) ? '' : value;
+    }
+
+    checkNumber(value: any) {
+        return CheckInput.isEmpty(value) || !CheckInput.isNumberString(`${value}`) ? 0 : value;
+    }
+
+    loadScript() {
+        return new Promise((resolve) => {
+            if ((window as any).ExcelJS) {
+                this.initExcel();
+                resolve(true);
+            } else {
+                this.gvc.addMtScript(
+                    [
+                        {
+                            src: 'https://cdnjs.cloudflare.com/ajax/libs/xlsx/0.16.9/xlsx.full.min.js',
+                        },
+                        {
+                            src: 'https://cdnjs.cloudflare.com/ajax/libs/exceljs/4.3.0/exceljs.min.js',
+                        },
+                    ],
+                    () => {
+                        if ((window as any).XLSX) {
+                            this.initExcel();
+                            resolve(true);
+                        }
+                    },
+                    () => {}
+                );
+            }
+        });
+    }
+
+    private initExcel() {
+        this.ExcelJS = (window as any).ExcelJS;
+        this.workbook = new this.ExcelJS.Workbook();
+        this.worksheet = this.workbook.addWorksheet('Sheet1');
+    }
+
+    private insertData(data: any): void {
+        data.forEach((row: any) => {
+            this.worksheet.addRow(Object.values(row));
+        });
+    }
+
+    private setHeader(): void {
+        this.worksheet.addRow(this.headers);
+    }
+
+    // 設定標頭粗體
+    private setHeaderStyle(): void {
+        this.worksheet.getRow(1).eachCell((cell: any) => {
+            cell.font = { name: 'Microsoft JhengHei', bold: true };
+            cell.alignment = { vertical: 'middle', horizontal: 'center' };
+            cell.fill = { type: 'pattern', pattern: 'solid', fgColor: { argb: 'FFE1E1E1' } };
+        });
+    }
+
+    // 設定行高1.2
+    private setRowHeight(): void {
+        this.worksheet.eachRow((row: any) => {
+            row.height = 18;
+        });
+    }
+
+    private setFontAndAlignmentStyle(): void {
+        this.worksheet.eachRow((row: any) => {
+            row.eachCell((cell: any) => {
+                cell.font = { name: 'Microsoft JhengHei' };
+                cell.alignment = { vertical: 'middle', horizontal: 'center' };
+            });
+        });
+    }
+
+    private saveAsExcelFile(buffer: any, fileName: string): void {
+        const saasConfig: { config: any; api: any } = (window as any).saasConfig;
+        const dialog = new ShareDialog(this.gvc.glitter);
+        saasConfig.api.uploadFile(fileName).then((data: any) => {
+            const EXCEL_TYPE = 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet;charset=UTF-8';
+            const blobData: Blob = new Blob([buffer], { type: EXCEL_TYPE });
+            const data1 = data.response;
+            dialog.dataLoading({ visible: true });
+            $.ajax({
+                url: data1.url,
+                type: 'put',
+                data: blobData,
+                processData: false,
+                headers: {
+                    'Content-Type': data1.type,
+                },
+                crossDomain: true,
+                success: () => {
+                    dialog.dataLoading({ visible: false });
+                    const link = document.createElement('a');
+                    link.href = data1.fullUrl;
+                    link.download = fileName;
+                    link.click();
+                },
+                error: () => {
+                    dialog.dataLoading({ visible: false });
+                    dialog.errorMessage({ text: '上傳失敗' });
+                },
+            });
+        });
+    }
+
+    // 透過位元組的大小，判斷內容文字的適合寬度計算
+    private getByteLength(str: string): number {
+        let byteLength = 0;
+        for (let i = 0; i < str.length; i++) {
+            const charCode = str.charCodeAt(i);
+            if (charCode <= 0x007f) {
+                // ASCII 字符
+                byteLength += 1;
+            } else if (charCode <= 0x07ff) {
+                // 扩展拉丁字符
+                byteLength += 2;
+            } else if (charCode <= 0xffff) {
+                // 大部分语言字符
+                byteLength += 3;
+            } else {
+                // 补充字符
+                byteLength += 4;
+            }
+        }
+        return byteLength;
+    }
+
+    // 調整excel內容的寬度
+    private adjustColumnWidths(sheetData: any): void {
+        const maxLengths = this.headers.map((header) => this.getByteLength(header));
+        sheetData.forEach((row: any) => {
+            Object.values(row).forEach((value, index) => {
+                const valueLength = this.getByteLength(value as string);
+                if (valueLength > maxLengths[index]) {
+                    maxLengths[index] = valueLength;
+                }
+            });
+        });
+        this.worksheet.columns = this.headers.map((header, index) => {
+            return { header, width: maxLengths[index] + 2 };
+        });
+    }
+
+    // 匯入excel
+    async importData(notifyId: string, file: any) {
+        await this.loadScript();
+        const reader = new FileReader();
+        const dialog = new ShareDialog(this.gvc.glitter);
+        dialog.dataLoading({ visible: true, text: '資料處理中' });
+
+        reader.onload = async (e) => {
+            const arrayBuffer = e.target!.result;
+            const workbook = new this.ExcelJS.Workbook();
+            await workbook.xlsx.load(arrayBuffer);
+            const worksheet = workbook.getWorksheet(1);
+
+            const data: any = [];
+            worksheet.eachRow({ includeEmpty: true }, (row: any, rowNumber: any) => {
+                const rowData: any = [];
+                row.eachCell({ includeEmpty: true }, (cell: any, colNumber: any) => {
+                    rowData.push(cell.value);
+                });
+                const isEmptyRow = rowData.every((cellValue: any) => cellValue === null || cellValue === '');
+                if (!isEmptyRow) {
+                    data.push(rowData);
+                }
+            });
+            let error = false;
+            let addCollection: any = [];
+            let postMD: {
+                title: string;
+                productType: {
+                    product: boolean;
+                    addProduct: boolean;
+                    giveaway: boolean;
+                };
+                content: string;
+                preview_image: string;
+                hideIndex: string;
+                collection: string[];
+                status: 'active' | 'draft';
+                specs: { title: string; option: any }[];
+                variants: Variant[];
+                seo: {
+                    title: string;
+                    content: string;
+                    keywords: string;
+                };
+                template: string;
+            }[] = [];
+            let productData: any = {};
+            const getVariantData: () => Variant = () => {
+                return {
+                    barcode: '',
+                    compare_price: 0,
+                    cost: 0,
+                    preview_image: '',
+                    profit: 0,
+                    sale_price: 0,
+                    shipment_type: 'weight',
+                    show_understocking: '',
+                    sku: '',
+                    spec: [],
+                    stock: 0,
+                    type: '',
+                    v_height: 0,
+                    v_length: 0,
+                    v_width: 0,
+                    weight: 0,
+                };
+            };
+
+            const domainList = data.map((item: string[]) => item[5]);
+            function hasDuplicates(arr: string[]) {
+                const filteredArr = arr.filter((item) => item.trim() !== ''); // 過濾掉空白字串
+                return new Set(filteredArr).size !== filteredArr.length;
+            }
+            if (hasDuplicates(domainList)) {
+                error = true;
+                dialog.dataLoading({ visible: false });
+                dialog.infoMessage({ text: '「商品連結」的值不可重複' });
+                return;
+            }
+
+            data.forEach((row: any, index: number) => {
+                const variantData = getVariantData();
+                if (index != 0) {
+                    if (row[1]) {
+                        if (Object.keys(productData).length != 0) {
+                            postMD.push(productData);
+                        }
+                        addCollection = [];
+                        productData = {
+                            title: '',
+                            productType: {
+                                product: false,
+                                addProduct: false,
+                                giveaway: false,
+                            },
+                            visible: 'true',
+                            content: '',
+                            status: 'active',
+                            collection: [],
+                            hideIndex: 'false',
+                            preview_image: '',
+                            specs: [],
+                            variants: [],
+                            seo: {
+                                domain: '',
+                                title: '',
+                                content: '',
+                                keywords: '',
+                            },
+                            template: '',
+                        };
+
+                        productData.title = this.checkString(row[0]);
+                        productData.status = row[1] == '啟用' ? 'active' : 'draft';
+                        productData.collection = row[2].split(',') ?? [];
+                        const regex = /[\s\/\\]+/g;
+                        // 去除多餘空白
+                        productData.collection = productData.collection.map((item: string) => item.replace(/\s+/g, ''));
+                        productData.collection.forEach((row: any) => {
+                            let collection = row.replace(/\s+/g, '');
+                            if (regex.test(collection)) {
+                                error = true;
+                                dialog.infoMessage({ text: `第${index + 1}行的類別名稱不可包含空白格與以下符號：「 / 」「 \\ 」，並以「 , 」區分不同類別` });
+                                return;
+                            }
+
+                            // 若帶有/，要自動加上父類
+                            function splitStringIncrementally(input: string): string[] {
+                                const parts = input.split('/');
+                                const result: string[] = [];
+
+                                // 使用 reduce 来构建每一部分的拼接字符串
+                                parts.reduce((acc, part) => {
+                                    const newAcc = acc ? `${acc}/${part}` : part;
+                                    result.push(newAcc);
+                                    return newAcc;
+                                }, '');
+
+                                return result;
+                            }
+
+                            if (collection.split('/').length > 1) {
+                                // 會進來代表有/的內容 需要檢查放進去的collection有沒有父類
+                                // 先取得目前分層 例如 貓/貓用品/貓砂/A品牌 會拆分成 貓/貓用品/貓砂 , 貓/貓用品, 貓
+                                // 然後把父層自動推進去
+                                let check = splitStringIncrementally(collection);
+                                const newItems = check.filter((item: string) => !productData.collection.includes(item));
+                                addCollection.push(...newItems);
+                            }
+                            addCollection.push(collection);
+                        });
+                        productData.collection = addCollection;
+                        switch (row[3]) {
+                            case '贈品':
+                                productData.productType.giveaway = true;
+                                break;
+                            case '加購品':
+                                productData.productType.addProduct = true;
+                                break;
+                            case '隱形賣場':
+                                productData.productType.product = true;
+                                productData.visible = 'false';
+                                break;
+                            default:
+                                productData.productType.product = true;
+                                break;
+                        }
+                        productData.preview_image = row[4] ? [row[4]] : ['商品圖片'];
+                        productData.seo.domain = this.checkString(row[5]);
+                        productData.seo.title = this.checkString(row[6]);
+                        productData.seo.content = this.checkString(row[7]);
+                        // spec值 merge
+                        let indices = [8, 10, 12];
+                        indices.forEach((index) => {
+                            if (row[index]) {
+                                productData.specs.push({
+                                    title: row[index],
+                                    option: [],
+                                });
+                            }
+                        });
+                    }
+
+                    let indices = [9, 11, 13];
+                    indices.forEach((rowindex, key) => {
+                        if (row[rowindex] && productData.specs.length > key) {
+                            productData.specs[key].option = productData.specs[key].option ?? [];
+                            const exists = productData.specs[key].option.some((item: any) => item.title === row[rowindex]);
+                            if (!exists) {
+                                productData.specs[key].option.push({ title: row[rowindex], expand: true });
+                            }
+                            variantData.spec.push(row[rowindex]);
+                        }
+                    });
+
+                    variantData.sku = this.checkString(row[14]);
+                    variantData.cost = this.checkString(row[15]);
+                    variantData.sale_price = this.checkNumber(row[16]);
+                    variantData.compare_price = this.checkNumber(row[17]);
+                    variantData.profit = this.checkNumber(row[18]);
+
+                    const shipmentTypeMap: { [key: string]: 'weight' | 'volume' } = {
+                        依重量計算: 'weight',
+                        依材積計算: 'volume',
+                    };
+                    variantData.shipment_type = shipmentTypeMap[row[19]] || 'none';
+
+                    variantData.v_length = this.checkNumber(row[20]);
+                    variantData.v_width = this.checkNumber(row[21]);
+                    variantData.v_height = this.checkNumber(row[22]);
+                    variantData.weight = this.checkNumber(row[23]);
+                    variantData.show_understocking = row[25] == '追蹤' ? 'true' : 'false';
+                    variantData.stock = this.checkNumber(row[26]);
+                    variantData.save_stock = this.checkNumber(row[27]);
+                    variantData.barcode = this.checkString(row[28]);
+
+                    productData.variants.push(JSON.parse(JSON.stringify(variantData)));
+                }
+            });
+            postMD.push(productData);
+            productData.reverse;
+            let passData = {
+                data: postMD,
+                collection: addCollection,
+            };
+
+            dialog.dataLoading({ visible: false });
+            if (!error) {
+                dialog.dataLoading({ visible: true, text: '上傳資料中' });
+                await ApiShop.postMultiProduct({
+                    data: passData,
+                    token: (window.parent as any).config.token,
+                }).then(() => {
+                    dialog.dataLoading({ visible: false });
+                    dialog.successMessage({ text: '上傳成功' });
+                    this.gvc.glitter.closeDiaLog();
+                    this.gvc.notifyDataChange(notifyId);
+                });
+            }
+        };
+        reader.readAsArrayBuffer(file);
+    }
+
+    async exportData(data: any, name: string) {
+        await this.loadScript();
+        this.setHeader();
+        this.insertData(data);
+        this.setHeaderStyle();
+        this.setRowHeight();
+        this.setFontAndAlignmentStyle();
+        this.adjustColumnWidths(data);
+        const buffer = await this.workbook.xlsx.writeBuffer();
+        this.saveAsExcelFile(buffer, `${name}.xlsx`);
+    }
+
+    static getFileTime() {
+        const now = new Date();
+        const year = now.getFullYear();
+        const month = String(now.getMonth() + 1).padStart(2, '0');
+        const day = String(now.getDate()).padStart(2, '0');
+        const hours = String(now.getHours()).padStart(2, '0');
+        const minutes = String(now.getMinutes()).padStart(2, '0');
+        const seconds = String(now.getSeconds()).padStart(2, '0');
+        return `${year}${month}${day}${hours}${minutes}${seconds}`;
+    }
+
+    static exampleHeader() {
+        return [
+            '商品ID',
+            '商品名稱',
+            '使用狀態（啟用/草稿）',
+            '商品類別',
+            '上架類型（前台商品/加購品/贈品/隱形賣場）',
+            '圖片網址',
+            '商品連結',
+            'SEO標題',
+            'SEO描述',
+            '規格1',
+            '規格詳細',
+            '規格2',
+            '規格詳細',
+            '規格3',
+            '規格詳細',
+            'SKU',
+            '成本',
+            '售價',
+            '原價',
+            '利潤',
+            '運費計算方式',
+            '長度',
+            '寬度',
+            '高度',
+            '商品重量',
+            '重量單位',
+            '庫存政策',
+            '庫存數量',
+            '安全庫存數量',
+            '商品條碼',
+        ];
+    }
+
+    static exampleSheet() {
+        return [
+            [
+                '商品測試A',
+                '啟用',
+                '工具,把手',
+                '商品',
+                'https://d3jnmi1tfjgtti.cloudfront.net/file/234285319/1722936949034-default_image.jpg',
+                '商品連結A',
+                'SEO標題A',
+                'SEO描述A',
+                '顏色',
+                '黑色',
+                '尺寸',
+                '小型',
+                '',
+                '',
+                'A00100230',
+                '15000',
+                '25000',
+                '30000',
+                '0',
+                '依重量計算',
+                '',
+                '',
+                '',
+                '100',
+                'KG',
+                '追蹤',
+                '100',
+                '10',
+                'CODE1230',
+            ],
+            ['', '', '', '', '', '', '', '', '', '黑色', '', '大型', '', '', 'A00100231', '24000', '35000', '40000', '0', '依重量計算', '', '', '', '110', 'KG', '追蹤', '100', '10', 'CODE1231'],
+            ['', '', '', '', '', '', '', '', '', '棕色', '', '小型', '', '', 'A00100232', '15000', '25000', '30000', '0', '依重量計算', '', '', '', '120', 'KG', '追蹤', '100', '10', 'CODE1232'],
+            ['', '', '', '', '', '', '', '', '', '棕色', '', '大型', '', '', 'A00100233', '24000', '35000', '40000', '0', '依重量計算', '', '', '', '130', 'KG', '追蹤', '100', '10', 'CODE1233'],
+            [
+                '商品測試B',
+                '草稿',
+                '工具',
+                '加購品',
+                'https://d3jnmi1tfjgtti.cloudfront.net/file/234285319/1722936949034-default_image.jpg',
+                '商品連結B',
+                'SEO標題B',
+                'SEO描述B',
+                '顏色',
+                '白色',
+                '尺寸',
+                '小型',
+                '',
+                '',
+                'A00100567',
+                '12500',
+                '22000',
+                '28000',
+                '0',
+                '依材積計算',
+                '10',
+                '10',
+                '10',
+                '',
+                '',
+                '不追蹤',
+                '',
+                '',
+                'CODE5678',
+            ],
+            [
+                '商品測試C',
+                '啟用',
+                '收納用品',
+                '贈品',
+                'https://d3jnmi1tfjgtti.cloudfront.net/file/234285319/1722936949034-default_image.jpg',
+                '商品連結C',
+                'SEO標題C',
+                'SEO描述C',
+                '顏色',
+                '紅色',
+                '',
+                '',
+                '',
+                '',
+                'A00100890',
+                '13500',
+                '24000',
+                '32000',
+                '0',
+                '依材積計算',
+                '20',
+                '20',
+                '20',
+                '',
+                '',
+                '追蹤',
+                '200',
+                '20',
+                'CODE9900',
+            ],
+            [
+                '商品測試D',
+                '草稿',
+                '衛生用品',
+                '隱形賣場',
+                'https://d3jnmi1tfjgtti.cloudfront.net/file/234285319/1722936949034-default_image.jpg',
+                '商品連結D',
+                'SEO標題D',
+                'SEO描述D',
+                '顏色',
+                '藍色',
+                '尺寸',
+                '大型',
+                '版型',
+                '窄版',
+                'A00200234',
+                '8000',
+                '12000',
+                '15000',
+                '0',
+                '依重量計算',
+                '',
+                '',
+                '',
+                '50',
+                'KG',
+                '不追蹤',
+                '',
+                '',
+                'CODE1357',
+            ],
+        ];
+    }
+}

package/lowcode/cms-plugin/shopping-allowance-manager.js

@@ -829,7 +829,7 @@ export class ShoppingAllowanceManager {
     }
     static createOrder(gvc, vm) {
         let viewModel = {
-            searchOrder: '',
+            searchOrder: 'VF10008513',
             searchData: '',
             orderData: {},
             errorReport: '',
@@ -1203,10 +1203,17 @@ export class ShoppingAllowanceManager {
                                     dialog.dataLoading({
                                         visible: false
                                     });
-                                    dialog.infoMessage({
-                                        text: '折讓單建立完成'
-                                    });
-                                    vm.type = 'list';
+                                    if (r.response.RtnCode == "1") {
+                                        dialog.infoMessage({
+                                            text: html `折讓單建立完成<br>可折讓金額剩餘${r.response.IA_Remain_Allowance_Amt}`
+                                        });
+                                    }
+                                    else {
+                                        dialog.warningMessage({
+                                            callback: () => { },
+                                            text: html `此發票已無可用折讓餘額`
+                                        });
+                                    }
                                 });
                             }
                         }), '開立')}