ts-glitter 20.5.3 → 20.5.5

package/lowcode/cms-plugin/module/delivery-html.js

@@ -1,6 +1,7 @@
 import { Tool } from '../../modules/tool.js';
 import { BgWidget } from '../../backend-manager/bg-widget.js';
 import { ApiUser } from '../../glitter-base/route/user.js';
+import { OrderSetting } from '../module/order-setting.js';
 const html = String.raw;
 export class DeliveryHTML {
     static print(ogvc, dataArray, type) {
@@ -40,16 +41,17 @@ export class DeliveryHTML {
                 return gvc.bindView({
                     bind: id,
                     view: () => {
+                        var _a;
                         if (loading) {
                             return '載入中';
                         }
                         const printMap = {
-                            shipment: this.shipmentHTML(vm, glitter, dataArray),
-                            pick: this.pickHTML(vm, glitter, dataArray),
-                            address: this.addressHTML(vm, dataArray),
-                            shipAddr: this.shipAddrHTML(vm, glitter, dataArray),
+                            shipment: () => this.shipmentHTML(vm, gvc, dataArray),
+                            pick: () => this.pickHTML(vm, glitter, dataArray),
+                            address: () => this.addressHTML(vm, dataArray),
+                            shipAddr: () => this.shipAddrHTML(vm, gvc, dataArray),
                         };
-                        return html `<div class="container" id="${containerID}">${printMap[type]}</div>`;
+                        return html `<div class="container" id="${containerID}">${(_a = printMap[type]) === null || _a === void 0 ? void 0 : _a.call(printMap)}</div>`;
                     },
                     divCreate: {
                         style: 'min-height: calc(100vh - 70px); padding: 20px;',
@@ -290,115 +292,140 @@ export class DeliveryHTML {
       }
     `);
     }
-    static shipmentHTML(vm, glitter, dataArray) {
-        const section = (data) => {
-            const orderData = data.orderData;
+    static shipmentHeader(vm, glitter) {
+        return html `<div class="header">
+      <h1 class="subtitle">商店名稱：${vm.store.shop_name}</h1>
+      <h1 class="title">${vm.info.title}</h1>
+      <h1 class="subtitle">${vm.info.subtitle}時間：${glitter.ut.dateFormat(new Date(), 'yyyy-MM-dd hh:mm')}</h1>
+    </div>`;
+    }
+    static shipmentDetail(glitter, data) {
+        const orderData = data.orderData;
+        function paymentStatus(cart) {
+            const statusMessages = {
+                '0': cart.orderData.proof_purchase ? '待核款' : '未付款',
+                '1': '已付款',
+                '-2': '已退款',
+                '3': '部分付款',
+            };
+            return statusMessages[`${cart.status}`] || '付款失敗';
+        }
+        return html `<div class="details">
+      <table>
+        <tr>
+          <td>訂單編號：${data.cart_token}</td>
+          <td>送貨方式：${OrderSetting.getShippingMethodText(orderData)}</td>
+        </tr>
+        <tr>
+          <td>訂購日期：${glitter.ut.dateFormat(new Date(data.created_time), 'yyyy-MM-dd hh:mm')}</td>
+          <td>
+            送貨地址：${[orderData.user_info.city, orderData.user_info.area, orderData.user_info.address]
+            .filter(Boolean)
+            .join('')}
+          </td>
+        </tr>
+        <tr>
+          <td>訂購人帳號：${orderData.email}</td>
+          <td>收件人姓名：${orderData.user_info.name}</td>
+        </tr>
+        <tr>
+          <td>付款方式：${OrderSetting.getPaymentMethodText(orderData)}</td>
+          <td>收件人電話：${orderData.user_info.phone}</td>
+        </tr>
+        <tr>
+          <td>付款狀態：${paymentStatus(data)}</td>
+          <td>收件人信箱：${orderData.user_info.email}</td>
+        </tr>
+      </table>
+    </div>`;
+    }
+    static shipmentItems(gvc, orderData) {
+        return html `<div class="items">
+      <table>
+        <thead>
+          <tr>
+            <th class="text-left">項次</th>
+            <th class="text-left">圖片</th>
+            <th class="text-left">商品名稱</th>
+            <th class="text-right">單價</th>
+            <th class="text-right">數量</th>
+            <th class="text-right">金額</th>
+          </tr>
+        </thead>
+        <tbody>
+          ${orderData.lineItems
+            .map((item, index) => {
+            var _a;
             return html `
-        <div class="page">
-          <div class="header">
-            <h1 class="subtitle">商店名稱：${vm.store.shop_name}</h1>
-            <h1 class="title">${vm.info.title}</h1>
-            <h1 class="subtitle">${vm.info.subtitle}時間：${glitter.ut.dateFormat(new Date(), 'yyyy-MM-dd hh:mm')}</h1>
-          </div>
-          <div class="details">
-            <table>
-              <tr>
-                <td>訂單編號：${data.cart_token}</td>
-                <td>送貨方式：${this.getShippingMethodText(orderData)}</td>
-              </tr>
-              <tr>
-                <td>訂購日期：${glitter.ut.dateFormat(new Date(data.created_time), 'yyyy-MM-dd hh:mm')}</td>
-                <td>
-                  送貨地址：${[orderData.user_info.city, orderData.user_info.area, orderData.user_info.address]
-                .filter(Boolean)
-                .join('')}
-                </td>
-              </tr>
-              <tr>
-                <td>訂購人帳號：${orderData.email}</td>
-                <td>收件人姓名：${orderData.user_info.name}</td>
-              </tr>
-              <tr>
-                <td>付款方式：${this.getPaymentMethodText(orderData)}</td>
-                <td>收件人電話：${orderData.user_info.phone}</td>
-              </tr>
-              <tr>
-                <td>付款狀態：${this.paymentStatus(data)}</td>
-                <td>收件人信箱：${orderData.user_info.email}</td>
-              </tr>
-            </table>
-          </div>
-          <div class="items">
-            <table>
-              <thead>
                 <tr>
-                  <th class="text-left">項次</th>
-                  <th class="text-left">商品名稱</th>
-                  <th class="text-right">單價</th>
-                  <th class="text-right">數量</th>
-                  <th class="text-right">金額</th>
+                  <td class="text-left">${index + 1}</td>
+                  <td class="text-left">
+                    ${BgWidget.validImageBox({ gvc, image: (_a = item.preview_image) !== null && _a !== void 0 ? _a : '', width: 40 })}
+                  </td>
+                  <td class="text-left">${item.title} ${item.spec.length > 0 ? `(${item.spec.join('/')})` : ''}</td>
+                  <td class="text-right">${item.sale_price.toLocaleString()}</td>
+                  <td class="text-right">${item.count}</td>
+                  <td class="text-right">
+                    $ ${Tool.floatAdd(item.sale_price * Number(item.count), 0).toLocaleString()}
+                  </td>
                 </tr>
-              </thead>
-              <tbody>
-                ${orderData.lineItems
-                .map((item, index) => {
-                return html `
-                      <tr>
-                        <td class="text-left">${index + 1}</td>
-                        <td class="text-left">
-                          ${item.title} ${item.spec.length > 0 ? `(${item.spec.join('/')})` : ''}
-                        </td>
-                        <td class="text-right">${item.sale_price.toLocaleString()}</td>
-                        <td class="text-right">${item.count}</td>
-                        <td class="text-right">$ ${Tool.floatAdd(item.sale_price * Number(item.count), 0).toLocaleString()}</td>
-                      </tr>
-                    `;
-            })
-                .join('')}
-              </tbody>
-            </table>
-          </div>
-          <div class="summary">
-            <table>
-              <tr>
-                <td>小計：</td>
-                <td>
-                  $
-                  ${(orderData.total +
-                orderData.discount -
-                orderData.shipment_fee +
-                orderData.use_rebate).toLocaleString()}
-                </td>
-              </tr>
-              <tr>
-                <td>運費：</td>
-                <td>${orderData.shipment_fee.toLocaleString()}</td>
-              </tr>
-              <tr>
-                <td>折扣：</td>
-                <td>-${orderData.discount.toLocaleString()}</td>
-              </tr>
-              <tr>
-                <td>購物金折抵：</td>
-                <td>-${orderData.use_rebate.toLocaleString()}</td>
-              </tr>
-              <tr>
-                <td>總計：</td>
-                <td>$ ${orderData.total.toLocaleString()}</td>
-              </tr>
-            </table>
-          </div>
-          ${orderData.order_note && orderData.order_note.length > 0
-                ? html ` <div>【訂單備註】</div>
-                <p class="note">${orderData.order_note.replace(/\n/g, '<br />')}</p>`
-                : ''}
-        </div>
-      `;
-        };
+              `;
+        })
+            .join('')}
+        </tbody>
+      </table>
+    </div>`;
+    }
+    static shipmentSummary(orderData) {
+        return html `<div class="summary">
+      <table>
+        <tr>
+          <td>小計：</td>
+          <td>
+            $ ${(orderData.total + orderData.discount - orderData.shipment_fee + orderData.use_rebate).toLocaleString()}
+          </td>
+        </tr>
+        <tr>
+          <td>運費：</td>
+          <td>$ ${orderData.shipment_fee.toLocaleString()}</td>
+        </tr>
+        <tr>
+          <td>折扣：</td>
+          <td>- $ ${orderData.discount.toLocaleString()}</td>
+        </tr>
+        <tr>
+          <td>購物金折抵：</td>
+          <td>- $ ${orderData.use_rebate.toLocaleString()}</td>
+        </tr>
+        <tr>
+          <td>總計：</td>
+          <td>$ ${orderData.total.toLocaleString()}</td>
+        </tr>
+      </table>
+    </div>`;
+    }
+    static shipmentNote(orderData) {
+        return orderData.order_note && orderData.order_note.length > 0
+            ? html ` <div>【訂單備註】</div>
+          <p class="note">${orderData.order_note.replace(/\n/g, '<br />')}</p>`
+            : '';
+    }
+    static getShipmentPage(vm, gvc, data) {
+        const glitter = gvc.glitter;
+        const orderData = data.orderData;
+        return [
+            this.shipmentHeader(vm, glitter),
+            this.shipmentDetail(glitter, data),
+            this.shipmentItems(gvc, orderData),
+            this.shipmentSummary(orderData),
+            this.shipmentNote(orderData),
+        ].join('');
+    }
+    static shipmentHTML(vm, gvc, dataArray) {
         return dataArray
             .map(data => {
             try {
-                return section(data);
+                return html ` <div class="page">${this.getShipmentPage(vm, gvc, data)}</div>`;
             }
             catch (e) {
                 const text = `訂單 #${data.cart_token} 列印出貨發生錯誤`;
@@ -501,7 +528,7 @@ export class DeliveryHTML {
         })
             .join('');
     }
-    static shipAddrHTML(vm, glitter, dataArray) {
+    static shipAddrHTML(vm, gvc, dataArray) {
         const section = (data) => {
             const orderData = data.orderData;
             const zipcode = (() => {
@@ -534,104 +561,7 @@ export class DeliveryHTML {
             </div>
             <div style="text-align: end">訂單編號： ${data.cart_token}</div>
           </div>
-          <div class="header">
-            <h1 class="subtitle">商店名稱：${vm.store.shop_name}</h1>
-            <h1 class="title">${vm.info.title}</h1>
-            <h1 class="subtitle">${vm.info.subtitle}時間：${glitter.ut.dateFormat(new Date(), 'yyyy-MM-dd hh:mm')}</h1>
-          </div>
-          <div class="details">
-            <table>
-              <tr>
-                <td>訂單編號：${data.cart_token}</td>
-                <td>送貨方式：${this.getShippingMethodText(orderData)}</td>
-              </tr>
-              <tr>
-                <td>訂購日期：${glitter.ut.dateFormat(new Date(data.created_time), 'yyyy-MM-dd hh:mm')}</td>
-                <td>
-                  送貨地址：${[orderData.user_info.city, orderData.user_info.area, orderData.user_info.address]
-                .filter(Boolean)
-                .join('')}
-                </td>
-              </tr>
-              <tr>
-                <td>訂購人帳號：${orderData.email}</td>
-                <td>收件人姓名：${orderData.user_info.name}</td>
-              </tr>
-              <tr>
-                <td>付款方式：${this.getPaymentMethodText(orderData)}</td>
-                <td>收件人電話：${orderData.user_info.phone}</td>
-              </tr>
-              <tr>
-                <td>付款狀態：${this.paymentStatus(data)}</td>
-                <td>收件人信箱：${orderData.user_info.email}</td>
-              </tr>
-            </table>
-          </div>
-          <div class="items">
-            <table>
-              <thead>
-                <tr>
-                  <th class="text-left">項次</th>
-                  <th class="text-left">商品名稱</th>
-                  <th class="text-right">單價</th>
-                  <th class="text-right">數量</th>
-                  <th class="text-right">金額</th>
-                </tr>
-              </thead>
-              <tbody>
-                ${orderData.lineItems
-                .map((item, index) => {
-                var _a;
-                return html `
-                      <tr>
-                        <td class="text-left">${index + 1}</td>
-                        <td class="text-left">
-                          ${item.title} ${item.spec.length > 0 ? `(${item.spec.join('/')})` : ''}
-                        </td>
-                        <td class="text-right">${item.sale_price.toLocaleString()}</td>
-                        <td class="text-right">${item.count}</td>
-                        <td class="text-right">$ ${Tool.floatAdd((_a = item.sale_price * Number(item.count)) !== null && _a !== void 0 ? _a : 0, 0).toLocaleString()}</td>
-                      </tr>
-                    `;
-            })
-                .join('')}
-              </tbody>
-            </table>
-          </div>
-          <div class="summary">
-            <table>
-              <tr>
-                <td>小計：</td>
-                <td>
-                  $
-                  ${(orderData.total +
-                orderData.discount -
-                orderData.shipment_fee +
-                orderData.use_rebate).toLocaleString()}
-                </td>
-              </tr>
-              <tr>
-                <td>運費：</td>
-                <td>${orderData.shipment_fee.toLocaleString()}</td>
-              </tr>
-              <tr>
-                <td>折扣：</td>
-                <td>-${orderData.discount.toLocaleString()}</td>
-              </tr>
-              <tr>
-                <td>購物金折抵：</td>
-                <td>-${orderData.use_rebate.toLocaleString()}</td>
-              </tr>
-              <tr>
-                <td>總計：</td>
-                <td>$ ${orderData.total.toLocaleString()}</td>
-              </tr>
-            </table>
-          </div>
-          ${orderData.order_note && orderData.order_note.length > 0
-                ? html ` <div>【訂單備註】</div>
-                <p class="note">${orderData.order_note.replace(/\n/g, '<br />')}</p>`
-                : ''}
+          ${this.getShipmentPage(vm, gvc, data)}
         </div>
       `;
         };
@@ -648,36 +578,4 @@ export class DeliveryHTML {
         })
             .join('');
     }
-    static getPaymentMethodText(orderData) {
-        const paymentMethods = {
-            POS: '門市POS付款',
-            off_line: '線下付款',
-            newWebPay: '藍新金流',
-            ecPay: '綠界金流',
-            line_pay: 'Line Pay',
-            atm: '銀行轉帳',
-            line: 'Line 轉帳',
-            cash_on_delivery: '貨到付款',
-        };
-        return orderData.orderSource === 'POS'
-            ? paymentMethods['POS']
-            : paymentMethods[orderData.customer_info.payment_select] || '線下付款';
-    }
-    static getShippingMethodText(orderData) {
-        const shippingMethods = {
-            UNIMARTC2C: '7-11店到店',
-            FAMIC2C: '全家店到店',
-            OKMARTC2C: 'OK店到店',
-            HILIFEC2C: '萊爾富店到店',
-        };
-        return shippingMethods[orderData.user_info.shipment] || '宅配';
-    }
-    static paymentStatus(cart) {
-        const statusMessages = {
-            '0': cart.orderData.proof_purchase ? '待核款' : '未付款',
-            '1': '已付款',
-            '-2': '已退款',
-        };
-        return statusMessages[`${cart.status}`] || '付款失敗';
-    }
 }