/** * @class OrderManager * @description ระบบจัดการข้อมูลการสั่งซื้อและประวัติการสั่งซื้อ */ const OrderManager = { /** * @method init * @description เริ่มต้นระบบจัดการการสั่งซื้อ */ init() { this.setupTemplates(); this.setupEventListeners(); }, /** * @method setupTemplates * @description ลงทะเบียนเทมเพลตที่จำเป็นสำหรับแสดงประวัติการสั่งซื้อ */ setupTemplates() { // เทมเพลตแสดงประวัติการสั่งซื้อ TemplateManager.registerTemplate('order-history-template', `

ประวัติการสั่งซื้อ

` ); // เทมเพลตแสดงรายละเอียดการสั่งซื้อ TemplateManager.registerTemplate('order-detail-template', `

คำสั่งซื้อ #

ข้อมูลการจัดส่ง

รายการสินค้า

ราคารวม
ค่าจัดส่ง
ยอดชำระทั้งสิ้น

ข้อมูลการชำระเงิน

` ); // รายละเอียดของประวัติการสั่งซื้อ TemplateManager.registerTemplate('history-detail-template', `

คำสั่งซื้อ #

ดูรายละเอียด
ยอดรวม
` ); // เทมเพลตรายการสั่งซื้อแต่ละรายการ TemplateManager.registerTemplate('order-item-template', `

คำสั่งซื้อ #

ราคารวม
ค่าจัดส่ง
ยอดชำระ
` ); // เทมเพลตรายการสินค้าในรายการสั่งซื้อ TemplateManager.registerTemplate('order-item-list-template', `
x
` ); // เทมเพลตรายการว่างเปล่า TemplateManager.registerTemplate('order-empty-template', `

ยังไม่มีประวัติการสั่งซื้อ

` ); }, /** * @method setupEventListeners * @description ตั้งค่าการรับฟังอีเวนต์ต่างๆ */ setupEventListeners() { document.addEventListener('click', (e) => { const target = e.target; if (target.matches('[data-action="viewOrder"]')) { this.showOrderDetail(target.dataset.orderId); } }); // รับฟังอีเวนต์เมื่อมีการสั่งซื้อใหม่ EventBus.on('order:created', (order) => { this.addToHistory(order); }); }, /** * @method showOrderDetail * @description แสดงรายละเอียดของคำสั่งซื้อแบบละเอียด * @param {string} orderId - รหัสคำสั่งซื้อ */ async showOrderDetail(orderId) { try { // 1. ดึงข้อมูล Order const order = await this.getOrderById(orderId); if (!order) { NotificationManager.error('ไม่พบข้อมูลคำสั่งซื้อ'); return; } console.log(order); // 2. แปลงข้อมูลและจัดรูปแบบ const orderData = { ...order, orderDate: new Date(order.orderDate).toLocaleString('th-TH', { dateStyle: 'medium', timeStyle: 'medium' }), name: order.customer.name, phone: order.customer.phone, address: CheckoutManager.formatAddress(order.customer), deliveryNotes: order.customer.deliveryNotes, subtotal: Utils.formatCurrency(order.total.subtotal), deliveryFee: Utils.formatCurrency(order.total.deliveryFee), total: Utils.formatCurrency(order.total.total), paymentMethod: this.getPaymentMethodText(order.payment?.method), transactionId: order.payment?.transactionId || '-', paymentDate: order.payment?.date ? Utils.formatDate(order.payment.date, 'WITH_TIME') : '-' }; const itemsList = order.items.map(item => ({ name: item.name, quantity: item.quantity, totalPrice: Utils.formatCurrency(item.price * item.quantity) })) const itemsHtml = itemsList.map(item => TemplateManager.create('checkout-item-template', item) ); // 3. แสดง Modal TemplateManager.showModal('order-detail-template', { ...orderData, itemsList: itemsHtml }); } catch (error) { console.error('Error showing order detail:', error); NotificationManager.error('เกิดข้อผิดพลาดในการแสดงรายละเอียดคำสั่งซื้อ'); } }, /** * @method getPaymentMethodText * @description แปลงรหัสวิธีการชำระเงินเป็นข้อความ * @param {string} method - รหัสวิธีการชำระเงิน * @returns {string} ข้อความแสดงวิธีการชำระเงิน */ getPaymentMethodText(method) { return CONFIG.PAYMENT.METHODS[method]?.name || method; }, /** * @method getOrders * @description ดึงข้อมูลประวัติการสั่งซื้อทั้งหมด * @returns {Promise} รายการคำสั่งซื้อ */ async getOrders() { try { // ดึงข้อมูลจาก localStorage และแปลงเป็น Array const ordersData = localStorage.getItem(CONFIG.STORAGE_KEYS.ORDERS); const orders = ordersData ? JSON.parse(ordersData) : []; // ตรวจสอบว่าเป็น Array if (!Array.isArray(orders)) { return []; } // เรียงตามวันที่ล่าสุด return orders.sort((a, b) => new Date(b.orderDate) - new Date(a.orderDate)); } catch (error) { console.error('Error getting orders:', error); return []; } }, /** * @method getOrderById * @description ดึงข้อมูลคำสั่งซื้อตามรหัส * @param {string} orderId - รหัสคำสั่งซื้อ * @returns {Promise} ข้อมูลคำสั่งซื้อ */ async getOrderById(orderId) { try { const orders = await this.getOrders(); return orders.find(order => order.orderId === orderId); } catch (error) { console.error('Error getting order:', error); return null; } }, /** * @method addToHistory * @description เพิ่มคำสั่งซื้อใหม่ลงในประวัติ * @param {Object} order - ข้อมูลคำสั่งซื้อ */ async addToHistory(order) { const orders = Utils.getStorageItem(CONFIG.STORAGE_KEYS.ORDERS, []); orders.unshift(order); Utils.setStorageItem(CONFIG.STORAGE_KEYS.ORDERS, orders); EventBus.emit('orders:updated', orders); }, /** * @method createOrder * @description สร้างคำสั่งซื้อใหม่และบันทึกลงในระบบ * @param {Object} orderData - ข้อมูลการสั่งซื้อ * @returns {Promise} ข้อมูลคำสั่งซื้อที่บันทึกแล้ว */ async createOrder(orderData) { try { // ตรวจสอบข้อมูลที่จำเป็น if (!orderData.customer || !orderData.items?.length || !orderData.total) { throw new Error('ข้อมูลการสั่งซื้อไม่ครบถ้วน'); } // สร้างข้อมูล Order ใหม่ const order = { ...orderData, orderId: this.generateOrderId(), createdAt: new Date().toISOString(), status: orderData.status || 'pending' }; // บันทึกลงในระบบ const orders = await this.getOrders(); // ดึงข้อมูลเดิม orders.unshift(order); // เพิ่ม order ใหม่ // บันทึกลง localStorage localStorage.setItem(CONFIG.STORAGE_KEYS.ORDERS, JSON.stringify(orders)); // แจ้งเตือนการสร้าง Order ใหม่ EventBus.emit('order:created', order); return order; } catch (error) { console.error('Error creating order:', error); throw error; } }, /** * @method updateOrder * @description อัพเดทข้อมูลคำสั่งซื้อที่มีอยู่ * @param {string} orderId - รหัสคำสั่งซื้อ * @param {Object} updateData - ข้อมูลที่ต้องการอัพเดท * @returns {Promise} ข้อมูลคำสั่งซื้อที่อัพเดทแล้ว */ async updateOrder(orderId, updateData) { try { // ดึงข้อมูลทั้งหมด const orders = await this.getOrders(); // หา index ของ order ที่ต้องการอัพเดท const orderIndex = orders.findIndex(order => order.orderId === orderId); if (orderIndex === -1) { throw new Error('ไม่พบคำสั่งซื้อ'); } // อัพเดทข้อมูล const updatedOrder = { ...orders[orderIndex], ...updateData, updatedAt: new Date().toISOString() }; // บันทึกการเปลี่ยนสถานะ if (updateData.status && updateData.status !== orders[orderIndex].status) { updatedOrder.statusHistory = { ...updatedOrder.statusHistory, [updateData.status]: new Date().toISOString() }; } // อัพเดทข้อมูลใน array orders[orderIndex] = updatedOrder; // บันทึกลง localStorage localStorage.setItem(CONFIG.STORAGE_KEYS.ORDERS, JSON.stringify(orders)); // แจ้งเตือนการอัพเดท EventBus.emit('order:updated', updatedOrder); return updatedOrder; } catch (error) { console.error('Error updating order:', error); throw error; } }, /** * @method generateOrderId * @description สร้างรหัสคำสั่งซื้อใหม่ * @returns {string} รหัสคำสั่งซื้อ */ generateOrderId() { const prefix = 'ORD'; const timestamp = Date.now(); const random = Math.floor(Math.random() * 1000).toString().padStart(3, '0'); return `${prefix}${timestamp}${random}`; }, /** * @method getOrderStatus * @description แปลงรหัสสถานะเป็นข้อความ * @param {string} status - รหัสสถานะ * @returns {string} ข้อความแสดงสถานะ */ getOrderStatus(status) { return CONFIG.ORDER_STATUS_TEXT[status] || status; }, /** * @method calculateOrderTotal * @description คำนวณยอดรวมของคำสั่งซื้อ * @param {Array} items - รายการสินค้า * @returns {Object} ยอดรวมต่างๆ */ calculateOrderTotal(items) { const subtotal = items.reduce((sum, item) => sum + (item.price * item.quantity), 0); const deliveryFee = subtotal >= CONFIG.BUSINESS.FREE_DELIVERY_AMOUNT ? 0 : CONFIG.BUSINESS.DELIVERY_FEE; return { subtotal, deliveryFee, total: subtotal + deliveryFee }; } };