Shopee Order Statistics

ShopeeOrderStatistics.user.js

// ==UserScript==
// @name         Shopee Order Statistics
// @namespace    http://tampermonkey.net/
// @version      1.1
// @description  Thống kê đơn hàng Shopee dựa theo https://github.com/Tiencp93/Shopee
// @author       Lê Tí
// @match        https://shopee.vn/user/purchase*
// @grant        none
// @require      https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js
// ==/UserScript==

(function() {
    'use strict';

    const style = document.createElement('style');
    style.textContent = `
        .shopee-stats-container {
            font-family: Arial, sans-serif;
            position: fixed;
            bottom: 20px;
            right: 20px;
            width: 400px;
            background: white;
            border-radius: 8px;
            box-shadow: 0 2px 10px rgba(0,0,0,0.1);
            z-index: 999999;
        }

        .shopee-stats-header {
            background: #ee4d2d;
            color: white;
            padding: 15px;
            border-radius: 8px 8px 0 0;
            position: relative;
        }

        .shopee-stats-body {
            padding: 15px;
        }

        .shopee-stats-list {
            list-style: none;
            padding: 0;
            margin: 0;
            border: 1px solid #dee2e6;
            border-radius: 0.375rem;
        }

        .shopee-stats-item {
            padding: 0.5rem 1rem;
            border-bottom: 1px solid #eee;
        }

        .shopee-stats-item:last-child {
            border-bottom: none;
        }

        .shopee-stats-label {
            font-size: 1rem;
            color: #555;
            margin-bottom: 5px;
        }

        .shopee-stats-value {
            font-size: 18px;
            color: #ee4d2d;
            font-weight: bold;
            margin: 0;
        }

        .shopee-stats-close {
            position: absolute;
            right: 10px;
            top: 10px;
            color: white;
            border: none;
            background: none;
            font-size: 20px;
            cursor: pointer;
        }

        .shopee-stats-btn {
            position: fixed;
            bottom: 100px;
            right: 8px;
            background: #ee4d2d;
            color: white;
            border: none;
            padding: 8px 16px;
            border-radius: 4px;
            cursor: pointer;
            z-index: 999998;
            font-family: Arial, sans-serif;
        }

        .loading-spinner {
            border: 3px solid #f3f3f3;
            border-top: 3px solid #ee4d2d;
            border-radius: 50%;
            width: 30px;
            height: 30px;
            animation: spin 1s linear infinite;
            margin: 20px auto;
        }

        @keyframes spin {
            0% { transform: rotate(0deg); }
            100% { transform: rotate(360deg); }
        }

        .text-center { text-align: center; }
        .d-none { display: none; }
        .shopee-stats-alert {
            color: #664d03;
            background: #fff3cd;
            border: 1px solid #ffe69c;
            padding: 1rem;
            margin-bottom: 1rem;
            border-radius: 0.375rem;
        }
        .h5, h5 {
            margin-top: 0;
            margin-bottom: .5rem;
            font-weight: 550;
            line-height: 1.2;
            font-size: 1.25rem;
        }
        .h4, h4 {
            font-size: 1.5rem;
        }
        .text-danger { color: rgb(220,53,69) }
        .text-success { color: rgb(25,135,84) }
        .text-primary { color: rgb(13,110,253) }
        .text-success { color: rgb(25,135,84) }

    `;
    document.head.appendChild(style);

    // Cập nhật HTML template
    const createUI = () => {
        const div = document.createElement('div');
        div.setAttribute('id', 'shopeeStats');
        div.innerHTML = `
            <div class="shopee-stats-container">
                <div class="shopee-stats-header">
                    <h3 style="margin:0">Thống kê đơn hàng Shopee</h3>
                    <button class="shopee-stats-close" onclick="document.getElementById('shopeeStats').remove();">×</button>
                </div>
                <div class="shopee-stats-body">
                    <div id="loadingStats" class="text-center d-none">
                        <div class="loading-spinner"></div>
                        <p id="loadingText">Đã thống kê được: 0 đơn hàng</p>
                    </div>
                    <div id="statsResult" class="d-none">
                        <div class="shopee-stats-alert h5 text-center" id="certResult"></div>
                        <div class="shopee-stats-list">
                            <div class="shopee-stats-item">
                                <div class="shopee-stats-label">Tổng tiền đã chi</div>
                                <p class="shopee-stats-value h4 text-danger" id="totalSpent">0 VNĐ</p>
                            </div>
                            <div class="shopee-stats-item">
                                <div class="shopee-stats-label">Tổng đơn hàng</div>
                                <p class="shopee-stats-value h5 text-success" id="totalOrders">0 đơn</p>
                            </div>
                            <div class="shopee-stats-item">
                                <div class="shopee-stats-label">Tổng sản phẩm</div>
                                <p class="shopee-stats-value h5 text-primary" id="totalProducts">0 sản phẩm</p>
                            </div>
                            <div class="shopee-stats-item">
                                <div class="shopee-stats-label">Tiết kiệm được</div>
                                <p class="shopee-stats-value h5 text-success" id="totalSaved">0 VNĐ</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        `;
        document.body.appendChild(div);
    };

    // Các biến thống kê
    let tongDonHang = 0;
    let tongTienTietKiem = 0;
    let tongtienhang = 0;
    let tongtienhangchuagiam = 0;
    let tongSanPhamDaMua = 0;
    let trangThaiDonHangConKhong = true;
    let offset = 0;
    const si = 20;

    // Format số
    function pxgPrice(number, fixed = 0) {
        if(isNaN(number)) return 0;
        number = number.toFixed(fixed);
        let delimeter = ',';
        number += '';
        let rgx = /(\d+)(\d{3})/;
        while (rgx.test(number)) {
            number = number.replace(rgx, '$1' + delimeter + '$2');
        }
        return number;
    }

    // Xác định cấp độ nghiện
    function PXGCert(pri) {
        if(pri <= 10000000) {
            return "HÊN QUÁ! BẠN CHƯA BỊ SHOPEE GÂY NGHIỆN 😍";
        } else if(pri > 10000000 && pri <= 50000000) {
            return "THÔI XONG! BẠN BẮT ĐẦU NGHIỆN SHOPEE RỒI 😂";
        } else if(pri > 50000000 && pri < 80000000) {
            return "ỐI GIỜI ƠI! BẠN LÀ CON NGHIỆN SHOPEE CHÍNH HIỆU 😱";
        } else {
            return "XÓA APP SHOPEE THÔI! BẠN NGHIỆN SHOPEE NẶNG QUÁ RỒI 😝";
        }
    }

    // Hàm lấy dữ liệu
    function xemBaoCaoThongKe() {
        document.getElementById('loadingStats').classList.remove('d-none');
        document.getElementById('statsResult').classList.add('d-none');

        fetch(`https://shopee.vn/api/v4/order/get_order_list?list_type=3&offset=${offset}&limit=${si}`)
            .then(response => response.json())
            .then(data => {
                const orders = data.data.details_list;
                tongDonHang += orders.length;
                trangThaiDonHangConKhong = orders.length >= si;

                orders.forEach(order => {
                    let t31 = order.info_card.final_total / 100000;
                    tongtienhang += t31;

                    order.info_card.order_list_cards.forEach(item => {
                        item.product_info.item_groups.forEach(itemGroups => {
                            itemGroups.items.forEach(data => {
                                let t5 = data.order_price / 100000;
                                tongSanPhamDaMua += data.amount;
                                tongtienhangchuagiam += t5;
                            });
                        });
                    });
                });

                document.getElementById('loadingText').textContent =
                    'Đã thống kê được: ' + tongDonHang + ' đơn hàng. Đang lấy thêm dữ liệu....';

                offset += si;
                if(trangThaiDonHangConKhong) {
                    xemBaoCaoThongKe();
                } else {
                    tongTienTietKiem = tongtienhangchuagiam - tongtienhang;

                    // Cập nhật UI
                    document.getElementById('loadingStats').classList.add('d-none');
                    document.getElementById('statsResult').classList.remove('d-none');
                    document.getElementById('certResult').textContent = PXGCert(tongtienhang);
                    document.getElementById('totalSpent').textContent = pxgPrice(tongtienhang) + ' VNĐ';
                    document.getElementById('totalOrders').textContent = pxgPrice(tongDonHang) + ' đơn';
                    document.getElementById('totalProducts').textContent = pxgPrice(tongSanPhamDaMua) + ' sản phẩm';
                    document.getElementById('totalSaved').textContent = pxgPrice(tongTienTietKiem) + ' VNĐ';
                }
            });
    }

    // Thêm nút để mở thống kê
    const addButton = () => {
        const btn = document.createElement('button');
        btn.className = 'shopee-stats-btn';
        btn.textContent = 'Thống kê';
        btn.onclick = () => {
            createUI();
            xemBaoCaoThongKe();
            btn.remove();
        };
        document.body.appendChild(btn);
    };

    // Khởi tạo
    window.addEventListener('load', () => {
        addButton();
    });
})();