鎶栭煶路瑙嗛鍙?鎶曟祦杩愯惀鐩戞帶 v6 | 绉戝鍑虹増绀?/title> <link rel="stylesheet" href="styles.css?v=20260531"> <script defer src="https://cdn.jsdelivr.net/npm/chart.js@4.4.7/dist/chart.umd.min.js"></script> </head> <body>  <div class="grid-overlay"></div>  <div class="float-particles"> <div class="float-particle" style="width:4px;height:4px;background:var(--accent-blue);top:15%;left:10%;--dur:18s;--delay:0s;--tx1:40px;--ty1:-50px;--tx2:-30px;--ty2:-30px;--tx3:35px;--ty3:40px;--op-min:.2;--op-max:.5;--op-mid:.3;--s1:1.3;--s2:.7;--s3:1.2"></div> <div class="float-particle" style="width:3px;height:3px;background:var(--accent-violet);top:45%;left:85%;--dur:22s;--delay:-5s;--tx1:-35px;--ty1:-45px;--tx2:25px;--ty2:-25px;--tx3:-30px;--ty3:35px;--op-min:.15;--op-max:.45;--op-mid:.25;--s1:1.4;--s2:.6;--s3:1.1"></div> <div class="float-particle" style="width:5px;height:5px;background:var(--accent-cyan);top:70%;left:20%;--dur:20s;--delay:-8s;--tx1:30px;--ty1:-40px;--tx2:-35px;--ty2:-20px;--tx3:25px;--ty3:45px;--op-min:.1;--op-max:.4;--op-mid:.2;--s1:1.2;--s2:.8;--s3:1.3"></div> <div class="float-particle" style="width:4px;height:4px;background:var(--accent-gold);top:25%;left:60%;--dur:24s;--delay:-3s;--tx1:-40px;--ty1:-35px;--tx2:30px;--ty2:-30px;--tx3:-25px;--ty3:40px;--op-min:.12;--op-max:.38;--op-mid:.2;--s1:1.3;--s2:.7;--s3:1.15"></div> </div>  <div class="offline-banner" id="offlineBanner">馃摗褰撳墠绂荤嚎妯″紡鈥?鏄剧ず鐨勬槸鏈€杩戠紦瀛樼殑鏁版嵁</div>  <nav class="top-nav" id="topNav"> <div class="brand"><img class="logo" src="绉戝鍑虹増绀綥OGO.jpg" alt="绉戝鍑虹増绀? width="36" height="36">绉戝鍑虹増绀?路鎶曟祦鐪嬫澘</div> <div class="nav-tabs" id="navTabs" role="tablist"> <button class="nav-tab active" data-tab="鎬昏" role="tab" aria-selected="true">馃搳鎬昏</button> <button class="nav-tab" data-tab="瓒嬪娍" role="tab">馃搱瓒嬪娍</button> <button class="nav-tab" data-tab="鎺掕" role="tab">馃弳鎺掕</button> <button class="nav-tab" data-tab="杈句汉" role="tab">猸?杈句汉</button> <button class="nav-tab" data-tab="搴撳瓨" role="tab">馃摝搴撳瓨</button> <button class="nav-tab" data-tab="澶栨孩" role="tab">馃敆澶栨孩</button> <button class="nav-tab" data-tab="鎴戠殑" role="tab">馃懁鎴戠殑</button> <span class="nav-sep"></span> <button class="nav-tab nav-action" id="navUpdateBtn" title="鏇存柊閿€鍞暟鎹?>馃摛鏇存柊</button> <button class="nav-tab nav-action" id="navRefreshBtn" title="鍒锋柊鏁版嵁">馃攧鍒锋柊</button> </div> </nav> <div class="data-glow-line"></div>  <div class="container" id="app">  <section class="section active" id="sec-鎬昏" role="tabpanel"> <div class="hero-section"> <h1 class="hero-title" id="heroTitle">鐭棰戞姇娴?路璁╃瀛﹀ソ涔﹁鏇村浜虹湅瑙?/h1> <p class="hero-date" id="heroDate">鏁版嵁鍔犺浇涓€?/p> <div class="hero-grid" id="heroGrid" style="grid-template-columns:repeat(3,1fr)"> <div class="hero-card skeleton"><div class="skeleton-block w60" style="height:20px;margin:0 auto 12px"></div><div class="skeleton-block w40" style="height:32px;margin:0 auto 8px"></div><div class="skeleton-block w30" style="height:12px;margin:0 auto"></div></div> <div class="hero-card skeleton"><div class="skeleton-block w60" style="height:20px;margin:0 auto 12px"></div><div class="skeleton-block w40" style="height:32px;margin:0 auto 8px"></div><div class="skeleton-block w30" style="height:12px;margin:0 auto"></div></div> <div class="hero-card skeleton"><div class="skeleton-block w60" style="height:20px;margin:0 auto 12px"></div><div class="skeleton-block w40" style="height:32px;margin:0 auto 8px"></div><div class="skeleton-block w30" style="height:12px;margin:0 auto"></div></div> </div> <div class="platform-row" id="platformRow"></div> <div class="insight-strip" id="insightStrip"></div> <div class="chart-wrap" style="margin-top:8px"> <div class="chart-title" style="display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px"> <span>馃搳杩?span id="sparklineWindowLabel">60</span>澶╂瘡鏃ラ攢鍞瓒嬪娍锛堜竾鍏冿級</span> <div class="trend-window-switch" id="trendWindowSwitch1"> <button class="tw-btn" data-window="7">7澶?/button> <button class="tw-btn" data-window="30">30澶?/button> <button class="tw-btn active" data-window="60">60澶?/button> </div> </div> <canvas id="sparklineChart"></canvas> </div> </div> </section>  <section class="section" id="sec-瓒嬪娍" role="tabpanel"> <h2 class="section-title">馃搱鏈堝害閿€鍞秼鍔?/h2> <p class="section-subtitle">鎶栭煶 vs 瑙嗛鍙锋湀搴﹂攢鍞瀵规瘮</p> <div class="chart-wrap"><canvas id="monthlyChart"></canvas></div> <div class="chart-wrap"><div class="chart-title">馃崺骞冲彴閿€鍞崰姣?/div><canvas id="pieChart" style="max-height:300px"></canvas></div> <h2 class="section-title" style="margin-top:36px">馃搲鍗曚功鏃ラ攢鍞洸绾?/h2> <p class="section-subtitle">鎸夊簵閾烘煡鐪嬫瘡鏈功鐨勬瘡鏃ラ攢鍞蛋鍔?/p> <div class="book-selector-bar" id="bookSelectorBar">  </div> <div class="book-daily-summary" id="bookDailySummary">  </div> <div class="chart-wrap" style="margin-top:12px"> <div class="chart-title" style="display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px"> <span id="bookDailyTitle">馃搳鏃ラ攢鍞秼鍔匡紙涓囧厓锛?/span> <div class="trend-window-switch" id="trendWindowSwitch2"> <button class="tw-btn" data-window="7">7澶?/button> <button class="tw-btn" data-window="30">30澶?/button> <button class="tw-btn active" data-window="60">60澶?/button> </div> </div> <canvas id="bookDailyChart"></canvas> </div> </section>  <section class="section" id="sec-鎺掕" role="tabpanel"> <h2 class="section-title">馃弳杩欎簺涔︽鍦ㄨ鏇村浜虹湅瑙?/h2> <p class="section-subtitle">鐐瑰嚮鍗＄墖鏌ョ湅鏇村璇︽儏</p> <div class="rank-toolbar"> <div class="sort-bar" id="sortBar"> <button class="sort-btn active" data-sort="sales">馃挵鎸夐攢鍞</button> <button class="sort-btn" data-sort="orders">馃搵鎸夎鍗曟暟</button> <button class="sort-btn" data-sort="dy">馃幍鎸夋姈闊?/button> <button class="sort-btn" data-sort="wx">馃摫鎸夎棰戝彿</button> </div> <div class="rank-search"> <input type="text" class="rank-search-input" id="rankSearchInput" placeholder="鎼滅储涔﹀悕鎴?ISBN" autocomplete="off"> </div> </div> <div class="product-grid" id="productGrid"></div> <div class="empty-state" id="rankEmptyState" style="display:none"> <div class="empty-state-icon">馃摥</div> <div class="empty-state-title">娌℃湁鍖归厤鐨勫浘涔?/div> <div class="empty-state-desc">璇峰皾璇曡緭鍏ヤ功鍚嶅叧閿瘝鎴?ISBN</div> </div> </section>  <section class="section" id="sec-杈句汉" role="tabpanel"> <h2 class="section-title">猸?鍚堜綔杈句汉璐＄尞鎺掕</h2> <p class="section-subtitle">鍩轰簬鎶曟祦娓犻亾璁㈠崟缁熻</p> <div class="sort-bar" id="creatorSortBar"> <button class="sort-btn active" data-sort="all">鍏ㄩ儴</button> <button class="sort-btn" data-sort="dy">馃幍鎶栭煶</button> <button class="sort-btn" data-sort="wx">馃摫瑙嗛鍙?/button> </div> <div class="creator-list" id="creatorList"></div> </section>  <section class="section" id="sec-搴撳瓨" role="tabpanel"> <h2 class="section-title">馃摝闇€瑕佸叧娉ㄧ殑搴撳瓨鐘舵€?/h2> <p class="section-subtitle">鍏宠仈7澶╂姇娴侀攢閲忥紝鑷姩棰勮</p> <div class="sort-bar" id="invSortBar"> <button class="sort-btn active" data-sort="all">鍏ㄩ儴</button> <button class="sort-btn" data-sort="danger">馃敶鍛婃€?/button> <button class="sort-btn" data-sort="warn">馃煚鍋忎綆</button> <button class="sort-btn" data-sort="ok">馃煝姝ｅ父</button> </div> <div class="inv-grid" id="invGrid"></div> </section>  <section class="section" id="sec-澶栨孩" role="tabpanel"> <h2 class="section-title">馃敆鎶曟祦甯﹀姩澶栨孩閿€鍞?/h2> <p class="section-subtitle">闄や簡鎶栭煶鍜岃棰戝彿涔嬪锛岃繖浜涗功鍦ㄥ叾浠栨笭閬撶殑閿€鍞?/p> <div id="spilloverSummary"></div> <div class="product-grid" id="spilloverGrid" style="margin-top:20px"></div> </section>  <section class="section" id="sec-鎴戠殑" role="tabpanel"> <h2 class="section-title">馃懁涓汉璁剧疆</h2> <p class="section-subtitle">鑷畾涔夌湅鏉垮瑙傘€佸鍑烘暟鎹€佺鐞嗙紦瀛?/p> <div class="profile-section"><div class="profile-section-title">馃帹澶栬涓婚</div> <div class="theme-picker"> <div class="theme-option active" data-theme="dark"><div class="theme-preview dark-preview"><div class="tp-bar"></div><div class="tp-block"></div></div><span>鏆楀</span></div> <div class="theme-option" data-theme="warm"><div class="theme-preview warm-preview"><div class="tp-bar"></div><div class="tp-block"></div></div><span>鏆栧厜</span></div> <div class="theme-option" data-theme="light"><div class="theme-preview light-preview"><div class="tp-bar"></div><div class="tp-block"></div></div><span>鏄庝寒</span></div> <div class="theme-option" data-theme="aurora"><div class="theme-preview aurora-preview"><div class="tp-bar"></div><div class="tp-block"></div></div><span>鏋佸厜</span></div> </div> </div> <div class="profile-section"><div class="profile-section-title">馃敜瀛椾綋澶у皬</div> <div class="font-size-picker"> <button class="font-size-option" data-size="small">灏?small>绱у噾妯″紡</small></button> <button class="font-size-option active" data-size="medium">涓?small>榛樿澶у皬</small></button> <button class="font-size-option" data-size="large">澶?small>澶у瓧娓呮櫚</small></button> </div> </div> <div class="profile-section"><div class="profile-section-title">馃搳鏁版嵁瀵煎嚭</div> <div class="export-grid"> <button class="export-btn" data-export="products"><span class="export-icon">馃摎</span><span class="export-label">鍝佺閿€鍞暟鎹?/span><span class="export-desc">鍚獻SBN銆侀攢鍞銆佽鍗曟暟銆佸钩鍙板垎甯?/span></button> <button class="export-btn" data-export="creators"><span class="export-icon">猸?/span><span class="export-label">杈句汉璐＄尞鏁版嵁</span><span class="export-desc">鍚揪浜哄悕绉般€佸钩鍙般€侀攢鍞</span></button> <button class="export-btn" data-export="inventory"><span class="export-icon">馃摝</span><span class="export-label">搴撳瓨棰勮鏁版嵁</span><span class="export-desc">鍚簱瀛樻暟閲忋€佺姸鎬併€侀璀﹀缓璁?/span></button> <button class="export-btn" data-export="spillover"><span class="export-icon">馃敆</span><span class="export-label">澶栨孩閿€鍞暟鎹?/span><span class="export-desc">鍚笭閬撳簵閾恒€侀攢鍞鍒嗗竷</span></button> </div> </div> <div class="profile-section"><div class="profile-section-title">馃摛鏁版嵁鏇存柊</div> <p class="section-subtitle" style="margin-bottom:12px">涓婁紶 Excel 鏂囦欢浠ュ叏閲忔洿鏂扮湅鏉块攢鍞暟鎹?/p> <button class="profile-update-btn" id="profileUpdateBtn"><span>馃摛</span><span>鏇存柊閿€鍞暟鎹?/span></button> </div> <div class="profile-section"><div class="profile-section-title">馃Ч 缂撳瓨绠＄悊</div> <div class="cache-action"> <div class="cache-info"><div class="cache-label">娓呴櫎绂荤嚎缂撳瓨</div><div class="cache-desc">娓呴櫎鍚庨渶鑱旂綉閲嶆柊鍔犺浇鏁版嵁锛孭WA 绂荤嚎鍔熻兘涓嶅彈褰卞搷</div></div> <button class="cache-btn" id="clearCacheBtn">娓呴櫎</button> </div> </div> <div class="profile-section"><div class="profile-section-title">鈩癸笍鍏充簬鐪嬫澘</div> <div class="about-card"> <div class="about-row"><span class="about-label">鐪嬫澘鐗堟湰</span><span class="about-value">v6.0.0 鈥?杩愯惀澧炲己鐗?/span></div> <div class="about-row"><span class="about-label">鏁版嵁鏇存柊</span><span class="about-value" id="aboutDate">---</span></div> <div class="about-row"><span class="about-label">鎶€鏈爤</span><span class="about-value">Chart.js + PWA + 杩愯惀澧炲己</span></div> <div class="about-row"><span class="about-label">鏁版嵁鏉ユ簮</span><span class="about-value">缃戝簵瀹?ERP + 鎵嬪姩褰曞叆</span></div> <div class="about-row"><span class="about-label">缁存姢鍥㈤槦</span><span class="about-value">钀ラ攢涓績绾夸笂閿€鍞儴</span></div> </div> </div> <div class="profile-section"><div class="profile-section-title">馃摬蹇嵎鎿嶄綔</div> <div class="profile-actions"> <button class="profile-action-btn" id="profileInstall"><span>馃摬</span><span>娣诲姞鍒版墜鏈烘闈?/span></button> </div> </div> <div class="profile-section"><div class="profile-section-title">馃挕浣跨敤鎶€宸?/div> <div class="tips-list"> <div class="tip-item"><span class="tip-icon">馃摬</span><span>娣诲姞鍒版墜鏈烘闈紝鍍?App 涓€鏍蜂娇鐢?/span></div> <div class="tip-item"><span class="tip-icon">馃憜</span><span>涓嬫媺椤甸潰鍙埛鏂版渶鏂版暟鎹?/span></div> <div class="tip-item"><span class="tip-icon">馃憟</span><span>宸﹀彸婊戝姩鍙揩閫熷垏鎹㈡爣绛鹃〉</span></div> <div class="tip-item"><span class="tip-icon">鈱笍</span><span>閿洏鈫?鈫?鏂瑰悜閿揩閫熷垏鎹㈡爣绛鹃〉</span></div> <div class="tip-item"><span class="tip-icon">馃帹</span><span>4濂椾富棰橈細鏆楀/鏆栧厜/鏄庝寒/鏋佸厜</span></div> <div class="tip-item"><span class="tip-icon">馃摱</span><span>绂荤嚎涔熷彲鏌ョ湅鏈€杩戜竴娆＄紦瀛樻暟鎹?/span></div> <div class="tip-item"><span class="tip-icon">馃摛</span><span>瀵煎嚭鏁版嵁涓?CSV锛岀敤 Excel 鐩存帴鎵撳紑</span></div> </div> </div> </section> <div class="app-footer"> <img class="flogo-img" src="绉戝鍑虹増绀綥OGO.jpg" alt="绉戝鍑虹増绀? width="80" height="80"> <div class="flogo">绉戝鍑虹増绀?路钀ラ攢涓績绾夸笂閿€鍞儴</div> <div>鏁版嵁鐪嬫澘 v6.0 | 鏁版嵁鏇存柊浜?<span id="footerDate">---</span></div> </div> </div>  <div class="modal-overlay" id="modalOverlay"><div class="modal" id="modalContent"><button class="modal-close" id="modalClose" aria-label="鍏抽棴">×</button><div id="modalBody"></div></div></div>  <nav class="bottom-tabbar" id="bottomTabbar"> <button class="tab-item active" data-tab="鎬昏"><span class="ticon">馃搳</span>鎬昏</button> <button class="tab-item" data-tab="瓒嬪娍"><span class="ticon">馃搱</span>瓒嬪娍</button> <button class="tab-item" data-tab="鎺掕"><span class="ticon">馃弳</span>鎺掕</button> <button class="tab-item" data-tab="杈句汉"><span class="ticon">猸?/span>杈句汉</button> <button class="tab-item" data-tab="搴撳瓨"><span class="ticon">馃摝</span>搴撳瓨</button> <button class="tab-item" data-tab="澶栨孩"><span class="ticon">馃敆</span>澶栨孩</button> <button class="tab-item" data-tab="鎴戠殑"><span class="ticon">馃懁</span>鎴戠殑</button> </nav>  <div class="install-overlay" id="installOverlay"> <div class="install-guide"> <button class="guide-close" onclick="document.getElementById('installOverlay').classList.remove('show')">鉁?/button> <div class="guide-icon">馃摬</div><h3>娣诲姞鍒版墜鏈烘闈?/h3> <div class="guide-platform" id="guidePlatform">姝ｅ湪妫€娴?..</div> <div class="guide-steps" id="guideSteps"></div> <button class="guide-btn" id="guideAction">濂界殑</button> <button class="guide-btn alt" onclick="document.getElementById('installOverlay').classList.remove('show')">浠ュ悗鍐嶈</button> </div> </div>  <div class="poster-overlay" id="posterOverlay"> <div class="poster-loading" id="posterLoading"> <div class="poster-spinner"></div> <p>姝ｅ湪鐢熸垚鏁版嵁娴锋姤鈥?/p> </div> <img class="poster-img" id="posterImg" alt="绉戝鍑虹増绀炬姇娴佹暟鎹捣鎶? src=""> <div class="poster-wx-hint" id="posterWxHint" style="display:none">馃摫闀挎寜鍥剧墖鍗冲彲淇濆瓨鍒扮浉鍐屾垨鍒嗕韩缁欏ソ鍙?/div> <div class="poster-actions"> <button class="poster-btn secondary" id="posterClose">鍏抽棴</button> <button class="poster-btn primary" id="posterDownload">馃捑淇濆瓨鍥剧墖</button> </div> </div>  <div class="modal-overlay" id="updateModalOverlay"> <div class="update-modal" id="updateModal"> <button class="modal-close" id="updateModalClose" aria-label="鍏抽棴">×</button> <h3 class="update-title">馃摛鏇存柊閿€鍞暟鎹?/h3> <p class="update-desc">涓婁紶 Excel 鏂囦欢浠ュ叏閲忔洿鏂扮湅鏉块攢鍞暟鎹?/p>  <div class="update-step" id="updateStepPwd"> <label class="update-label">璇疯緭鍏ユ洿鏂板瘑鐮?/label> <div class="update-pwd-row"> <input type="password" class="update-input" id="updatePwdInput" placeholder="璇疯緭鍏ュ瘑鐮? autocomplete="off"> <button class="update-btn primary" id="updatePwdBtn">楠岃瘉</button> </div> <p class="update-error" id="updatePwdError"></p> </div>  <div class="update-step hidden" id="updateStepUpload"> <label class="update-label">閫夋嫨 Excel 鏂囦欢锛?xlsx锛?/label> <div class="update-upload-zone" id="updateDropZone"> <input type="file" class="update-file-input" id="updateFileInput" accept=".xlsx,.xls"> <div class="update-upload-icon">馃搧</div> <p class="update-upload-text">鎷栨嫿鏂囦欢鍒版澶?鎴?鐐瑰嚮閫夋嫨</p> <p class="update-upload-hint">鏀寔 .xlsx 鏍煎紡锛屽皢鍏ㄩ噺鏇挎崲鐜版湁閿€鍞暟鎹?/p> </div> <div class="update-file-info hidden" id="updateFileInfo"> <span class="update-file-name" id="updateFileName"></span> <span class="update-file-size" id="updateFileSize"></span> </div> <div class="update-progress hidden" id="updateProgress"> <div class="update-progress-bar"><div class="update-progress-fill" id="updateProgressFill"></div></div> <p class="update-progress-text" id="updateProgressText">姝ｅ湪瑙ｆ瀽...</p> </div> <div class="update-btns"> <button class="update-btn secondary" id="updateBackBtn">鈫?杩斿洖</button> <button class="update-btn primary" id="updateSubmitBtn" disabled>寮€濮嬫洿鏂?/button> </div> <p class="update-error" id="updateUploadError"></p> </div>  <div class="update-step hidden" id="updateStepDone"> <div class="update-done-icon">鉁?/div> <h4>鏁版嵁鏇存柊鎴愬姛锛?/h4> <p class="update-done-stats" id="updateDoneStats"></p> <button class="update-btn primary" id="updateDoneBtn">鍏抽棴</button> </div> </div> </div>  <div class="toast" id="toast"></div>  <script> window.__INLINE_DATA__ = {"meta":{"version":"6.0.0","generated_at":"2026-05-29 14:21:56","date":"2026-05-29","title":"鎶栭煶路瑙嗛鍙?鎶曟祦杩愯惀鐩戞帶 v6 | 绉戝鍑虹増绀?},"hero":{"total_sales":326,"total_orders":28547,"book_count":10,"creator_count":12,"dy":{"sales":183.9,"orders":15221,"pct":56.4},"wx":{"sales":119.1,"orders":11719,"pct":36.5},"mom_growth":314.6},"products":[{"isbn":"9787030637062","name":"鏁板鎵嬪唽锛堝師涔︾10鐗堬級","price":198,"cover":"covers/9787030637062.png","orders":12584,"sales":162.58,"dy_orders":8335,"wx_orders":3388,"dy_sales":107.63,"wx_sales":43.79,"daily_dy":277.8,"daily_wx":112.9},{"isbn":"9787030838209","name":"鏁板鍘熸潵杩欎箞绠€鍗?,"price":68,"cover":"covers/9787030838209.png","orders":10694,"sales":54.97,"dy_orders":4056,"wx_orders":6400,"dy_sales":20.93,"wx_sales":32.82,"daily_dy":135.2,"daily_wx":213.3},{"isbn":"9787030793058","name":"鏅€氬寲瀛﹀師鐞?,"price":198,"cover":"covers/9787030793058.png","orders":3318,"sales":52.22,"dy_orders":2048,"wx_orders":1108,"dy_sales":32.19,"wx_sales":17.55,"daily_dy":68.3,"daily_wx":36.9},{"isbn":"9787030744692","name":"缁嗚優鐢熺墿瀛︾簿瑕侊細鍘熶功绗簲鐗?,"price":498,"cover":"covers/9787030744692.png","orders":932,"sales":36.61,"dy_orders":431,"wx_orders":439,"dy_sales":17.02,"wx_sales":17.52,"daily_dy":14.4,"daily_wx":14.6},{"isbn":"9787030816801","name":"鍦熷￥瀛︿笌鐢熸椿锛堝師涔︾鍗佷簲鐗堬級","price":388,"cover":"covers/9787030816801.png","orders":156,"sales":5.63,"dy_orders":25,"wx_orders":19,"dy_sales":0.97,"wx_sales":0.68,"daily_dy":0.8,"daily_wx":0.6},{"isbn":"9787030325402","name":"鏁板鎸囧崡锛氬疄鐢ㄦ暟瀛︽墜鍐?,"price":168,"cover":"covers/9787030325402.png","orders":425,"sales":5.09,"dy_orders":250,"wx_orders":62,"dy_sales":3.16,"wx_sales":0.78,"daily_dy":8.3,"daily_wx":2.1},{"isbn":"9787030823465","name":"鏅灄鏂】鏁板鎸囧崡","price":399,"cover":"covers/9787030823465.png","orders":94,"sales":2.84,"dy_orders":41,"wx_orders":53,"dy_sales":1.23,"wx_sales":1.62,"daily_dy":1.4,"daily_wx":1.8},{"isbn":"9787030813879","name":"婀嶆祦","price":280,"cover":"covers/9787030813879.png","orders":114,"sales":2.42,"dy_orders":31,"wx_orders":45,"dy_sales":0.71,"wx_sales":1.02,"daily_dy":1,"daily_wx":1.5},{"isbn":"9787030163448","name":"瀹炵敤鏁板鎵嬪唽锛堢浜岀増锛?,"price":168,"cover":"covers/9787030163448.png","orders":168,"sales":1.84,"dy_orders":4,"wx_orders":147,"dy_sales":0.04,"wx_sales":1.61,"daily_dy":0.1,"daily_wx":4.9},{"isbn":"9787030810502","name":"绯栫敓鐗╁鍩虹","price":378,"cover":"covers/9787030810502.png","orders":62,"sales":1.84,"dy_orders":0,"wx_orders":58,"dy_sales":0,"wx_sales":1.73,"daily_dy":0,"daily_wx":1.9}],"monthly_trends":{"dy":[{"month":"2025-12","sales":0.04,"orders":6},{"month":"2026-01","sales":0.06,"orders":8},{"month":"2026-02","sales":0.08,"orders":11},{"month":"2026-03","sales":0.37,"orders":45},{"month":"2026-04","sales":26.01,"orders":2029},{"month":"2026-05","sales":157.31,"orders":13122}],"wx":[{"month":"2025-12","sales":0.02,"orders":3},{"month":"2026-01","sales":0.03,"orders":4},{"month":"2026-02","sales":0.05,"orders":4},{"month":"2026-03","sales":4.89,"orders":524},{"month":"2026-04","sales":31.79,"orders":3360},{"month":"2026-05","sales":82.34,"orders":7824}]},"daily_trends":[{"date":"2026-03-31","dy":0,"wx":2.08,"dy_orders":0,"wx_orders":139},{"date":"2026-04-01","dy":0.01,"wx":2,"dy_orders":1,"wx_orders":226},{"date":"2026-04-02","dy":0.01,"wx":1.91,"dy_orders":1,"wx_orders":206},{"date":"2026-04-03","dy":0.02,"wx":1.62,"dy_orders":1,"wx_orders":155},{"date":"2026-04-04","dy":0,"wx":0.8,"dy_orders":0,"wx_orders":104},{"date":"2026-04-05","dy":0,"wx":0.88,"dy_orders":0,"wx_orders":73},{"date":"2026-04-06","dy":0,"wx":0.93,"dy_orders":0,"wx_orders":121},{"date":"2026-04-07","dy":0,"wx":1.08,"dy_orders":0,"wx_orders":144},{"date":"2026-04-08","dy":0,"wx":0.7,"dy_orders":0,"wx_orders":85},{"date":"2026-04-09","dy":0.01,"wx":0.78,"dy_orders":1,"wx_orders":98},{"date":"2026-04-10","dy":0.01,"wx":0.63,"dy_orders":1,"wx_orders":101},{"date":"2026-04-11","dy":0.01,"wx":0.62,"dy_orders":2,"wx_orders":105},{"date":"2026-04-12","dy":0.04,"wx":0.22,"dy_orders":6,"wx_orders":41},{"date":"2026-04-13","dy":0.01,"wx":0.58,"dy_orders":2,"wx_orders":95},{"date":"2026-04-14","dy":0.04,"wx":0.81,"dy_orders":3,"wx_orders":80},{"date":"2026-04-15","dy":0.03,"wx":1.03,"dy_orders":3,"wx_orders":104},{"date":"2026-04-16","dy":0,"wx":2.16,"dy_orders":0,"wx_orders":190},{"date":"2026-04-17","dy":0.03,"wx":1.09,"dy_orders":2,"wx_orders":96},{"date":"2026-04-18","dy":0.18,"wx":1.39,"dy_orders":14,"wx_orders":132},{"date":"2026-04-19","dy":0.22,"wx":1.32,"dy_orders":17,"wx_orders":121},{"date":"2026-04-20","dy":0.08,"wx":1.94,"dy_orders":6,"wx_orders":162},{"date":"2026-04-21","dy":0.15,"wx":1.63,"dy_orders":11,"wx_orders":147},{"date":"2026-04-22","dy":0.27,"wx":1.16,"dy_orders":21,"wx_orders":105},{"date":"2026-04-23","dy":0.62,"wx":0.77,"dy_orders":48,"wx_orders":68},{"date":"2026-04-24","dy":2.16,"wx":0.91,"dy_orders":168,"wx_orders":96},{"date":"2026-04-25","dy":4.07,"wx":1.44,"dy_orders":320,"wx_orders":139},{"date":"2026-04-26","dy":3.71,"wx":1.01,"dy_orders":291,"wx_orders":99},{"date":"2026-04-27","dy":4.04,"wx":0.52,"dy_orders":316,"wx_orders":66},{"date":"2026-04-28","dy":4.06,"wx":0.67,"dy_orders":312,"wx_orders":68},{"date":"2026-04-29","dy":4.41,"wx":0.64,"dy_orders":342,"wx_orders":71},{"date":"2026-04-30","dy":1.81,"wx":0.56,"dy_orders":140,"wx_orders":62},{"date":"2026-05-01","dy":1.72,"wx":0.8,"dy_orders":133,"wx_orders":87},{"date":"2026-05-02","dy":1.83,"wx":1.33,"dy_orders":135,"wx_orders":162},{"date":"2026-05-03","dy":3.51,"wx":0.67,"dy_orders":359,"wx_orders":57},{"date":"2026-05-04","dy":4.46,"wx":1.26,"dy_orders":678,"wx_orders":153},{"date":"2026-05-05","dy":2.35,"wx":1.78,"dy_orders":313,"wx_orders":226},{"date":"2026-05-06","dy":3.21,"wx":1.86,"dy_orders":453,"wx_orders":235},{"date":"2026-05-07","dy":2.55,"wx":1.61,"dy_orders":373,"wx_orders":208},{"date":"2026-05-08","dy":2.35,"wx":2.84,"dy_orders":277,"wx_orders":180},{"date":"2026-05-09","dy":2.94,"wx":4.44,"dy_orders":217,"wx_orders":238},{"date":"2026-05-10","dy":6.91,"wx":2.31,"dy_orders":418,"wx_orders":188},{"date":"2026-05-11","dy":4.82,"wx":3.05,"dy_orders":330,"wx_orders":255},{"date":"2026-05-12","dy":5.02,"wx":2.42,"dy_orders":315,"wx_orders":213},{"date":"2026-05-13","dy":2.68,"wx":2.22,"dy_orders":214,"wx_orders":185},{"date":"2026-05-14","dy":7.81,"wx":3.37,"dy_orders":757,"wx_orders":240},{"date":"2026-05-15","dy":8.12,"wx":3.87,"dy_orders":646,"wx_orders":302},{"date":"2026-05-16","dy":8.46,"wx":4.62,"dy_orders":637,"wx_orders":403},{"date":"2026-05-17","dy":7.67,"wx":3.55,"dy_orders":610,"wx_orders":360},{"date":"2026-05-18","dy":6.99,"wx":2.8,"dy_orders":562,"wx_orders":328},{"date":"2026-05-19","dy":9.28,"wx":2.44,"dy_orders":752,"wx_orders":233},{"date":"2026-05-20","dy":7.26,"wx":4.25,"dy_orders":622,"wx_orders":366},{"date":"2026-05-21","dy":7.06,"wx":4.46,"dy_orders":541,"wx_orders":391},{"date":"2026-05-22","dy":5.75,"wx":4.56,"dy_orders":475,"wx_orders":402},{"date":"2026-05-23","dy":6.65,"wx":4.2,"dy_orders":539,"wx_orders":419},{"date":"2026-05-24","dy":8.22,"wx":3.26,"dy_orders":602,"wx_orders":323},{"date":"2026-05-25","dy":6.76,"wx":3.21,"dy_orders":471,"wx_orders":326},{"date":"2026-05-26","dy":5.43,"wx":2.01,"dy_orders":426,"wx_orders":179},{"date":"2026-05-27","dy":7.45,"wx":2.79,"dy_orders":538,"wx_orders":336},{"date":"2026-05-28","dy":7.4,"wx":4.34,"dy_orders":545,"wx_orders":564},{"date":"2026-05-29","dy":2.67,"wx":2.04,"dy_orders":184,"wx_orders":265}],"creators":[{"name":"鏄庢湀涔﹀眿","sales":547231.99,"orders":4189,"platform":"dy","sales_wan":54.72},{"name":"瑙傜墿璇嗙悊","sales":331818.16,"orders":4577,"platform":"dy","sales_wan":33.18},{"name":"鎴戠殑蹇冩槸鍐板啺鐨?21","sales":269198.68,"orders":782,"platform":"dy","sales_wan":26.92},{"name":"瀛︿範涔嬪厜","sales":200739.82,"orders":1548,"platform":"dy","sales_wan":20.07},{"name":"鍗婇鏌犳00","sales":188059.34,"orders":1661,"platform":"wx","sales_wan":18.81},{"name":"鍗楀北涔﹀０","sales":154776.38,"orders":1704,"platform":"wx","sales_wan":15.48},{"name":"鐚村摜鐢勯€?,"sales":147583.26,"orders":1829,"platform":"wx","sales_wan":14.76},{"name":"棣嗛暱鍜屼粬鐨勬湅鍙嬩滑","sales":104005.14,"orders":1040,"platform":"wx","sales_wan":10.4},{"name":"鏁扮悊瀛﹂湼涔﹀崟","sales":94633.01,"orders":613,"platform":"dy","sales_wan":9.46},{"name":"璇绘潵璇诲線","sales":89227.33,"orders":1661,"platform":"wx","sales_wan":8.92},{"name":"瑕佸濂芥暟鐞嗗寲","sales":88626.5,"orders":850,"platform":"wx","sales_wan":8.86},{"name":"鎷惧厜涔︾ぞ","sales":67881.4,"orders":514,"platform":"dy","sales_wan":6.79}],"spillover":{"summary":{"total_orders":2215,"total_sales":298045.82,"total_sales_wan":29.8,"book_count":9,"store_count":24},"books":[{"name":"鏁板鎵嬪唽锛堝師涔︾10鐗堬級","isbn":"9787030637062","cover":"covers/9787030637062.png","price":198,"sales":111547.08,"sales_wan":11.15,"orders":861,"store_count":6,"stores":[{"name":"澶╃尗鏃楄埌搴?,"icon":"馃泹锔?,"orders":413,"sales":53680.54},{"name":"浜笢鏃楄埌搴?,"icon":"馃洅","orders":286,"sales":36806.95},{"name":"鎷煎澶氭棗鑸板簵","icon":"馃挵","orders":152,"sales":19754.77}]},{"name":"鍦熷￥瀛︿笌鐢熸椿","isbn":"9787030816801","cover":"covers/9787030816801.png","price":388,"sales":39856.87,"sales_wan":3.99,"orders":112,"store_count":10,"stores":[{"name":"浜笢鏃楄埌搴?,"icon":"馃洅","orders":49,"sales":18215.05},{"name":"鏈夎禐鏃楄埌搴?,"icon":"馃彧","orders":43,"sales":15362}]},{"name":"鏅€氬寲瀛﹀師鐞?,"isbn":"9787030793058","cover":"covers/9787030793058.png","price":198,"sales":24830.83,"sales_wan":2.48,"orders":162,"store_count":10,"stores":[{"name":"浜笢鏃楄埌搴?,"icon":"馃洅","orders":75,"sales":11364.41},{"name":"澶╃尗鏃楄埌搴?,"icon":"馃泹锔?,"orders":68,"sales":10595.18}]},{"name":"缁嗚優鐢熺墿瀛︾簿瑕侊細鍘熶功绗簲鐗?,"isbn":"9787030744692","cover":"covers/9787030744692.png","price":498,"sales":45621.33,"sales_wan":4.56,"orders":289,"store_count":5,"stores":[{"name":"浜笢鏃楄埌搴?,"icon":"馃洅","orders":146,"sales":23102.15},{"name":"澶╃尗鏃楄埌搴?,"icon":"馃泹锔?,"orders":95,"sales":15038.67}]},{"name":"鏁板鍘熸潵杩欎箞绠€鍗?,"isbn":"9787030838209","cover":"covers/9787030838209.png","price":68,"sales":18562.74,"sales_wan":1.86,"orders":382,"store_count":7,"stores":[{"name":"鎷煎澶氭棗鑸板簵","icon":"馃挵","orders":168,"sales":8234.16},{"name":"浜笢鏃楄埌搴?,"icon":"馃洅","orders":126,"sales":6174.12},{"name":"澶╃尗鏃楄埌搴?,"icon":"馃泹锔?,"orders":88,"sales":4154.46}]},{"name":"鏁板鎸囧崡锛氬疄鐢ㄦ暟瀛︽墜鍐?,"isbn":"9787030325402","cover":"covers/9787030325402.png","price":168,"sales":12463.52,"sales_wan":1.25,"orders":135,"store_count":4,"stores":[{"name":"浜笢鏃楄埌搴?,"icon":"馃洅","orders":62,"sales":5762.48},{"name":"澶╃尗鏃楄埌搴?,"icon":"馃泹锔?,"orders":45,"sales":4156.2},{"name":"鏈夎禐鏃楄埌搴?,"icon":"馃彧","orders":28,"sales":2544.84}]},{"name":"鏅灄鏂】鏁板鎸囧崡","isbn":"9787030823465","cover":"covers/9787030823465.png","price":399,"sales":9582.45,"sales_wan":0.96,"orders":68,"store_count":3,"stores":[{"name":"浜笢鏃楄埌搴?,"icon":"馃洅","orders":32,"sales":4512.34},{"name":"澶╃尗鏃楄埌搴?,"icon":"馃泹锔?,"orders":15,"sales":2134.95}]},{"name":"婀嶆祦","isbn":"9787030813879","cover":"covers/9787030813879.png","price":280,"sales":7824.36,"sales_wan":0.78,"orders":52,"store_count":3,"stores":[{"name":"浜笢鏃楄埌搴?,"icon":"馃洅","orders":24,"sales":3602.4},{"name":"澶╃尗鏃楄埌搴?,"icon":"馃泹锔?,"orders":18,"sales":2701.8},{"name":"鏈夎禐鏃楄埌搴?,"icon":"馃彧","orders":10,"sales":1520.16}]},{"name":"绯栫敓鐗╁鍩虹","isbn":"9787030810502","cover":"covers/9787030810502.png","price":378,"sales":5568.64,"sales_wan":0.56,"orders":38,"store_count":3,"stores":[{"name":"浜笢鏃楄埌搴?,"icon":"馃洅","orders":18,"sales":2635.92},{"name":"澶╃尗鏃楄埌搴?,"icon":"馃泹锔?,"orders":8,"sales":1144.24}]},{"name":"瀹炵敤鏁板鎵嬪唽锛堢浜岀増锛?,"isbn":"9787030163448","cover":"covers/9787030163448.png","price":168,"sales":2218.0,"sales_wan":0.22,"orders":16,"store_count":2,"stores":[{"name":"浜笢鏃楄埌搴?,"icon":"馃洅","orders":10,"sales":1386},{"name":"澶╃尗鏃楄埌搴?,"icon":"馃泹锔?,"orders":6,"sales":832}]}]},"inventory":[{"name":"婀嶆祦","price":280,"zhanshu":442,"erp_kefa":0,"sales_dy_7d":4,"sales_wx_7d":7,"sales_7d_total":11,"days_left":281.3,"status":"ok","suggestion":"搴撳瓨姝ｅ父"},{"name":"瀹炵敤鏁板鎵嬪唽","price":168,"zhanshu":290,"erp_kefa":349,"sales_dy_7d":0,"sales_wx_7d":2,"sales_7d_total":2,"days_left":1015,"status":"ok","suggestion":"搴撳瓨姝ｅ父"},{"name":"缁嗚優鐢熺墿瀛︾簿瑕?,"price":498,"zhanshu":1951,"erp_kefa":0,"sales_dy_7d":85,"sales_wx_7d":69,"sales_7d_total":154,"days_left":88.7,"status":"ok","suggestion":"搴撳瓨姝ｅ父"},{"name":"鏁板鎸囧崡锛氬疄鐢ㄦ暟瀛︽墜鍐?,"price":168,"zhanshu":3398,"erp_kefa":0,"sales_dy_7d":59,"sales_wx_7d":13,"sales_7d_total":72,"days_left":330.4,"status":"ok","suggestion":"搴撳瓨姝ｅ父"},{"name":"鏅€氬寲瀛﹀師鐞?,"price":198,"zhanshu":739,"erp_kefa":0,"est_date":"2026/06/01","est_qty":3000,"sales_dy_7d":910,"sales_wx_7d":111,"sales_7d_total":1021,"days_left":5.1,"status":"danger","suggestion":"浠呭5澶╋紝寤鸿绱ф€ヨˉ璐?},{"name":"鏁板鎵嬪唽","price":198,"zhanshu":1762,"erp_kefa":1,"sales_dy_7d":1744,"sales_wx_7d":498,"sales_7d_total":2242,"days_left":5.5,"status":"danger","suggestion":"浠呭6澶╋紝寤鸿绱ф€ヨˉ璐?},{"name":"鍦熷￥瀛︿笌鐢熸椿","price":388,"zhanshu":4169,"erp_kefa":0,"sales_dy_7d":6,"sales_wx_7d":8,"sales_7d_total":14,"days_left":2084.5,"status":"ok","suggestion":"搴撳瓨姝ｅ父"},{"name":"鏁板鍘熸潵杩欎箞绠€鍗?,"price":68,"zhanshu":13000,"erp_kefa":1379,"sales_dy_7d":467,"sales_wx_7d":1645,"sales_7d_total":2112,"days_left":43.1,"status":"ok","suggestion":"搴撳瓨姝ｅ父"},{"name":"鏅灄鏂】鏁板鎸囧崡","price":399,"zhanshu":2912,"erp_kefa":2912,"sales_dy_7d":30,"sales_wx_7d":32,"sales_7d_total":62,"days_left":328.8,"status":"ok","suggestion":"搴撳瓨姝ｅ父"},{"name":"绯栫敓鐗╁鍩虹","price":378,"zhanshu":105,"erp_kefa":0,"est_date":"2026/06/02","est_qty":1000,"sales_dy_7d":0,"sales_wx_7d":27,"sales_7d_total":27,"days_left":27.2,"status":"ok","suggestion":"搴撳瓨姝ｅ父"}]}; </script>  <script> 'use strict'; let DATA=null,charts={},currentSort={products:'sales',creators:'all',inventory:'all'}; let touchStartX=0,touchStartY=0,ptrStartY=0; let trendWindow=60,rankSearchKeyword=''; const $=s=>document.querySelector(s),$$=s=>document.querySelectorAll(s); const fmtWan=n=>Number(n).toFixed(1),fmtInt=n=>Number(n).toLocaleString('zh-CN'),fmtPct=n=>Number(n).toFixed(1)+'%'; function animateValue(el,start,end,duration,formatter){ const st=performance.now(); function up(now){ const p=Math.min((now-st)/duration,1); const e=1-Math.pow(1-p,3); const c=start+(end-start)*e; el.textContent=formatter?formatter(c):Math.round(c).toLocaleString('zh-CN'); if(p<1)requestAnimationFrame(up); } requestAnimationFrame(up); } function showToast(msg){ const t=$('#toast');t.textContent=msg;t.classList.add('show'); clearTimeout(t._t);t._t=setTimeout(()=>t.classList.remove('show'),2200); } /* Ripple effect on click */ function addRipple(e){ const el=e.currentTarget; const ripple=document.createElement('span'); ripple.className='ripple'; const rect=el.getBoundingClientRect(); const size=Math.max(rect.width,rect.height); ripple.style.width=ripple.style.height=size+'px'; ripple.style.left=(e.clientX-rect.left-size/2)+'px'; ripple.style.top=(e.clientY-rect.top-size/2)+'px'; el.appendChild(ripple); ripple.addEventListener('animationend',()=>ripple.remove()); } /* Apply ripple to interactive cards */ document.addEventListener('click',e=>{ const card=e.target.closest('.hero-card,.product-card,.inv-card,.platform-card,.bds-item'); if(card)addRipple({currentTarget:card,clientX:e.clientX,clientY:e.clientY}); }); function switchTab(tabName){ $$('.section').forEach(s=>s.classList.remove('active')); $$('.nav-tab,.tab-item').forEach(b=>{b.classList.remove('active');b.setAttribute('aria-selected','false')}); const sec=document.getElementById('sec-'+tabName); if(sec)sec.classList.add('active'); document.querySelectorAll('[data-tab="'+tabName+'"]').forEach(b=>{b.classList.add('active');b.setAttribute('aria-selected','true')}); if(tabName==='瓒嬪娍'&&!charts.monthly)renderTrendsCharts(); setTimeout(()=>{Object.values(charts).forEach(c=>{if(c&&c.resize)c.resize()})},150); } $('#navTabs').addEventListener('click',e=>{const t=e.target.closest('.nav-tab');if(t)switchTab(t.dataset.tab)}); $('#bottomTabbar').addEventListener('click',e=>{const t=e.target.closest('.tab-item');if(t){switchTab(t.dataset.tab);window.scrollTo({top:0,behavior:'smooth'})}}); /* Touch swipe */ document.addEventListener('touchstart',e=>{touchStartX=e.touches[0].clientX;touchStartY=e.touches[0].clientY},{passive:true}); document.addEventListener('touchend',e=>{ const dx=e.changedTouches[0].clientX-touchStartX; const dy=e.changedTouches[0].clientY-touchStartY; if(Math.abs(dx)<60||Math.abs(dx)<Math.abs(dy))return; const tabs=['鎬昏','瓒嬪娍','鎺掕','杈句汉','搴撳瓨','澶栨孩','鎴戠殑']; const cur=document.querySelector('.nav-tab.active')?.dataset?.tab||'鎬昏'; const idx=tabs.indexOf(cur); if(dx<-60&&idx<tabs.length-1)switchTab(tabs[idx+1]); if(dx>60&&idx>0)switchTab(tabs[idx-1]); }); /* Pull to Refresh */ document.addEventListener('touchstart',e=>{if(window.scrollY<=5)ptrStartY=e.touches[0].clientY},{passive:true}); document.addEventListener('touchmove',e=>{if(window.scrollY>10)return;if(e.touches[0].clientY-ptrStartY>60){if(navigator.vibrate)navigator.vibrate(8);showToast('鏉惧紑鍒锋柊');ptrStartY=0}},{passive:true}); /* Keyboard nav */ document.addEventListener('keydown',e=>{ const tabs=['鎬昏','瓒嬪娍','鎺掕','杈句汉','搴撳瓨','澶栨孩','鎴戠殑']; const cur=document.querySelector('.nav-tab.active')?.dataset?.tab||'鎬昏'; const idx=tabs.indexOf(cur); if(e.key==='ArrowRight'&&idx<tabs.length-1)switchTab(tabs[idx+1]); if(e.key==='ArrowLeft'&&idx>0)switchTab(tabs[idx-1]); if(e.key==='Escape'){$('#modalOverlay').classList.remove('show');closePoster()} }); /* Scroll-driven nav shadow */ let lastScrollY=0; window.addEventListener('scroll',()=>{ const nav=$('#topNav'); if(!nav)return; const y=window.scrollY; nav.classList.toggle('scrolled',y>10); lastScrollY=y; },{passive:true}); /* Refresh */ async function refreshData(){ $('#navRefreshBtn').classList.add('spinning');showToast('姝ｅ湪鍒锋柊鏁版嵁鈥?); await new Promise(r=>setTimeout(r,600)); if(DATA)renderAll(); showToast('鏁版嵁宸插埛鏂?鉁?); setTimeout(()=>$('#navRefreshBtn').classList.remove('spinning'),600); } $('#navRefreshBtn').addEventListener('click',refreshData); /* Data Loading */ async function loadData(){ // Prefer cloud data so reopening the page always restores the latest saved snapshot. const fetchJson=async(url,timeoutMs)=>{ try{ const ctrl=new AbortController(); const t=setTimeout(()=>ctrl.abort(),timeoutMs); const joiner=url.indexOf('?')===-1?'?':'&'; const r=await fetch(url+joiner+'_ts='+Date.now(),{signal:ctrl.signal,cache:'no-store'}); clearTimeout(t); if(r.ok){return await r.json()} }catch(e){} return null; }; const apiUrl=window.__v6ApiUrl('/api/data'); for(let i=0;i<2;i++){ const cloud=await fetchJson(apiUrl,8000); if(cloud){DATA=cloud;augmentData();renderAll();return} await new Promise(resolve=>setTimeout(resolve,200)); } // Use embedded inline data only as a last resort when the cloud API is unavailable. if(window.__INLINE_DATA__){DATA=window.__INLINE_DATA__;augmentData();renderAll();return} // Fallback to the bundled snapshot if both cloud and inline data are unavailable. const bundled=await fetchJson(window.__v6ApiUrl('/data.json'),8000); if(bundled){DATA=bundled;augmentData();renderAll();return} $('#app').innerHTML='<div class="tc" style="padding:80px 20px"><p style="font-size:18px;color:var(--text-muted)">鏁版嵁鍔犺浇澶辫触</p></div>'; } /* Augment: attach spillover to products + generate spillover daily trends */ function augmentData(){ if(!DATA)return; // Spillover data is now generated directly from Excel orders in transformToDataJSON. // No need to re-attach from spillover.books 鈥?products already carry correct sp_* fields. // Build spillover daily trend from real sp data in daily_trends const dl=DATA.daily_trends||[]; DATA.spillover_daily=dl.map(d=>({date:d.date,sales:Math.round((d.sp||0)*100)/100})); // If daily_trends.sp is all zero but spillover.summary has data (historical spillover without daily breakdown), // distribute spillover total proportionally across days based on dy+wx daily sales const hasAnySpDaily=dl.some(d=>(d.sp||0)>0); if(!hasAnySpDaily&&DATA.spillover&&DATA.spillover.summary&&DATA.spillover.summary.total_sales_wan>0){ const totalSpWan=DATA.spillover.summary.total_sales_wan; // Sum all dy+wx per day as weights const dayWeights=dl.map(d=>({date:d.date,w:(d.dy||0)+(d.wx||0)})); const totalWeight=dayWeights.reduce((s,d)=>s+d.w,0); if(totalWeight>0){ DATA.spillover_daily=dayWeights.map(dw=>({ date:dw.date, sales:Math.round(totalSpWan*dw.w/totalWeight*100)/100 })); } } } /* Render All */ function renderAll(){ if(!DATA)return; const d=DATA,h=d.hero; $('#heroDate').textContent='鏁版嵁鏇存柊浜?'+d.meta.date; $('#footerDate').textContent=d.meta.date; const ad=$('#aboutDate');if(ad)ad.textContent=d.meta.date; const spSummary=DATA.spillover?.summary||h.spillover||{}; const spTotal=spSummary.total_sales_wan||0; const spOrders=spSummary.total_orders||0; const spStores=spSummary.store_count||0; const hg=$('#heroGrid');hg.innerHTML=''; const hc=[{icon:'馃搵',label:'鎬昏鍗曟暟',value:h.total_orders,unit:'鍗?,sub:'鍏ㄩ儴鎶曟祦璁㈠崟',fmt:v=>v.toLocaleString('zh-CN'),tr:'up',tl:'绱澧為暱'},{icon:'馃摎',label:'鎶曟祦鍝佺',value:h.book_count,unit:'绉?,sub:'鏍稿績鎺ㄥ箍鍥句功',fmt:v=>v,tr:'up',tl:'鍏ㄩ儴鍦ㄦ姇'},{icon:'馃懃',label:'鍚堜綔杈句汉',value:h.creator_count,unit:'浣?,sub:'Top 12 璐＄尞鑰?,fmt:v=>v,tr:'up',tl:'鎸佺画鎷撳睍涓?}]; hc.forEach((c,i)=>{ const cd=document.createElement('div'); cd.className='hero-card animate-in'+(c.hl?' highlight':'')+(c.icon==='馃敆'?' sp-card':''); cd.style.animationDelay=(i*0.08)+'s'; cd.innerHTML='<div class="icon">'+c.icon+'</div><div class="label">'+c.label+'</div><div class="value" id="hv'+i+'">---</div><div class="unit">'+c.unit+'</div><div class="sub">'+c.sub+'</div><div class="mini-trend '+c.tr+'">'+(c.tr==='up'?'鈫?:'鈫?)+' '+c.tl+'</div>'; hg.appendChild(cd); setTimeout(()=>{animateValue(document.getElementById('hv'+i),0,c.value,1200,c.fmt)},i*80); }); $('#platformRow').innerHTML='<div class="platform-card dy animate-in" style="animation-delay:0.1s"><div class="picon">馃幍</div><div class="pinfo"><div class="pname">鎶栭煶路浠樿垂鎶曟祦</div><div class="pval">楼'+fmtWan(h.dy.sales)+'涓?/div><div class="psub">'+fmtInt(h.dy.orders)+' 鍗?路鍗?'+fmtPct(h.dy.pct)+'</div></div></div><div class="platform-card wx animate-in" style="animation-delay:0.15s"><div class="picon">馃摫</div><div class="pinfo"><div class="pname">瑙嗛鍙?路浠樿垂鎶曟祦</div><div class="pval">楼'+fmtWan(h.wx.sales)+'涓?/div><div class="psub">'+fmtInt(h.wx.orders)+' 鍗?路鍗?'+fmtPct(h.wx.pct)+'</div></div></div><div class="platform-card sp animate-in" style="animation-delay:0.2s"><div class="picon">馃敆</div><div class="pinfo"><div class="pname">澶栨孩路鑷劧鎵挎帴</div><div class="pval">楼'+spTotal.toFixed(1)+'涓?/div><div class="psub">'+fmtInt(spOrders)+' 鍗?路 '+spStores+' 瀹跺簵閾?/div></div></div>'; renderInsightStrip(); renderRankings();renderCreators();renderInventory();renderSpillover();renderSparkline(); setTimeout(()=>{renderTrendsCharts()},400); } /* 鈹€鈹€鈹€ Insight Strip (V6) 鈹€鈹€鈹€ */ function renderInsightStrip(){ if(!DATA)return; const strip=$('#insightStrip');if(!strip)return; // 1. Inventory alert let dangerCount=0; if(DATA.inventory)DATA.inventory.forEach(p=>{if(p.status==='danger')dangerCount++}); // 2. Trend fluctuation: last 7 days vs previous 7 days let trendSummary='鏆傛棤鏁版嵁',trendClass='info'; if(DATA.daily_trends&&DATA.daily_trends.length>=14){ const dl=DATA.daily_trends; const last7=dl.slice(-7).reduce((s,d)=>s+d.dy+d.wx,0); const prev7=dl.slice(-14,-7).reduce((s,d)=>s+d.dy+d.wx,0); if(prev7>0){ const change=((last7-prev7)/prev7*100); const arrow=change>=0?'鈫?:'鈫?; trendSummary=arrow+' '+Math.abs(change).toFixed(0)+'%'; trendClass=change>=0?'info':'warn'; } } // 3. Today's daily summary let todayHtml='鏆傛棤鏁版嵁',todayClass='info'; if(DATA.daily_trends&&DATA.daily_trends.length>0){ const today=DATA.daily_trends[DATA.daily_trends.length-1]; const dyV=today.dy||0,wxV=today.wx||0; const total=dyV+wxV; todayHtml='楼'+total.toFixed(1)+'涓?路鎶栭煶楼'+dyV.toFixed(1)+' 路瑙嗛 楼'+wxV.toFixed(1); // Compare with yesterday if(DATA.daily_trends.length>=2){ const yest=DATA.daily_trends[DATA.daily_trends.length-2]; const yTotal=(yest.dy||0)+(yest.wx||0); if(yTotal>0){ const ch=((total-yTotal)/yTotal*100).toFixed(0); todayHtml+=' <span style="font-size:11px;color:'+(ch>=0?'var(--accent-green)':'var(--accent-red)')+'">'+(ch>=0?'鈫?:'鈫?)+Math.abs(ch)+'%</span>'; } } } strip.innerHTML= '<div class="insight-card '+(dangerCount>0?'danger':'info')+'">'+ '<span class="insight-icon">鈿狅笍</span>'+ '<div class="insight-label">搴撳瓨棰勮</div>'+ '<div class="insight-value">'+(dangerCount>0?dangerCount+' 绉嶅憡鎬?:'搴撳瓨姝ｅ父')+'</div>'+ '<div class="insight-sub">浣庡簱瀛橀渶鍙婃椂琛ヨ揣</div>'+ '</div>'+ '<div class="insight-card '+trendClass+'">'+ '<span class="insight-icon">馃搳</span>'+ '<div class="insight-label">瓒嬪娍娉㈠姩锛?鏃?vs 鍓?鏃ワ級</div>'+ '<div class="insight-value">'+trendSummary+'</div>'+ '<div class="insight-sub">杩?澶?vs 鍓?澶╅攢鍞鍙樺寲</div>'+ '</div>'+ '<div class="insight-card '+todayClass+'">'+ '<span class="insight-icon">馃搮</span>'+ '<div class="insight-label">浠婃棩鎶曟祦姒傝</div>'+ '<div class="insight-value" style="font-size:13px;line-height:1.4">'+todayHtml+'</div>'+ '<div class="insight-sub">鏈€杩戜竴澶╁弻骞冲彴閿€鍞</div>'+ '</div>'; } /* 鈹€鈹€鈹€ Trend Window Helper 鈹€鈹€鈹€ */ function getWindowedDailyTrends(days){ if(!DATA||!DATA.daily_trends)return[]; return DATA.daily_trends.slice(-days); } /* 鈹€鈹€鈹€ Init Trend Window Switches 鈹€鈹€鈹€ */ function initTrendWindowSwitches(){ document.querySelectorAll('.trend-window-switch').forEach(sw=>{ sw.addEventListener('click',e=>{ const btn=e.target.closest('.tw-btn');if(!btn)return; const w=parseInt(btn.dataset.window); if(trendWindow===w)return; trendWindow=w; sw.querySelectorAll('.tw-btn').forEach(b=>b.classList.toggle('active',parseInt(b.dataset.window)===w)); // Update all switches to stay in sync document.querySelectorAll('.trend-window-switch .tw-btn').forEach(b=>b.classList.toggle('active',parseInt(b.dataset.window)===w)); $('#sparklineWindowLabel').textContent=w; renderSparkline(); renderBookDailyChart(); }); }); } /* Sparkline Chart */ /* 鈹€鈹€鈹€ Custom value-label plugin for line charts 鈹€鈹€鈹€ */ var valueLabelPlugin={ id:'valueLabels', afterDatasetsDraw:function(chart){ var ctx=chart.ctx; var ca=chart.chartArea; if(!ca)return; chart.data.datasets.forEach(function(ds,di){ var meta=chart.getDatasetMeta(di); if(!meta.hidden&&ds.data.length>0){ /* draw at last non-null point and peak point */ var lastIdx=ds.data.length-1; while(lastIdx>=0&&(ds.data[lastIdx]==null||ds.data[lastIdx]===undefined))lastIdx--; if(lastIdx<0)return; var pts=[lastIdx]; var maxV=-Infinity,maxIdx=0; ds.data.forEach(function(v,i){if(v!=null&&v!==undefined&&v>maxV){maxV=v;maxIdx=i}}); if(isFinite(maxV)&&maxIdx!==lastIdx)pts.push(maxIdx); pts.forEach(function(pi){ var el=meta.data[pi]; if(!el)return; var x=el.x,y=el.y; x=Math.max(ca.left+2,Math.min(ca.right-2,x)); y=Math.max(ca.top+12,Math.min(ca.bottom-4,y)); ctx.save(); ctx.font='bold 11px -apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif'; ctx.fillStyle=ds.borderColor; ctx.textAlign='center'; ctx.textBaseline='bottom'; ctx.strokeStyle='rgba(8,13,26,.8)'; ctx.lineWidth=3; var txt=ds.data[pi].toFixed(1); ctx.strokeText(txt,x,y-6); ctx.fillText(txt,x,y-6); ctx.restore(); }); } }); } }; function renderSparkline(){ if(!DATA)return; const dl=getWindowedDailyTrends(trendWindow); const labels=dl.map(d=>d.date.slice(5)); const dyD=dl.map(d=>d.dy),wxD=dl.map(d=>d.wx); const spD=(DATA.spillover_daily||[]).slice(-trendWindow).map(d=>d.sales); if(charts.sparkline)charts.sparkline.destroy(); const ctx=$('#sparklineChart').getContext('2d'); const dg=ctx.createLinearGradient(0,0,0,400);dg.addColorStop(0,'rgba(255,0,80,0.2)');dg.addColorStop(1,'rgba(255,0,80,0)'); const wg=ctx.createLinearGradient(0,0,0,400);wg.addColorStop(0,'rgba(0,212,106,0.2)');wg.addColorStop(1,'rgba(0,212,106,0)'); const sg=ctx.createLinearGradient(0,0,0,400);sg.addColorStop(0,'rgba(139,92,246,.15)');sg.addColorStop(1,'rgba(139,92,246,0)'); charts.sparkline=new Chart(ctx,{type:'line',plugins:[valueLabelPlugin],data:{labels,datasets:[{label:'鎶栭煶路鎶曟祦',data:dyD,borderColor:'#FF0050',backgroundColor:dg,fill:true,tension:.4,pointRadius:0,pointHoverRadius:6,pointHoverBackgroundColor:'#FF0050',pointHoverBorderColor:'#fff',pointHoverBorderWidth:2,borderWidth:2.5},{label:'瑙嗛鍙仿锋姇娴?,data:wxD,borderColor:'#00D46A',backgroundColor:wg,fill:true,tension:.4,pointRadius:0,pointHoverRadius:6,pointHoverBackgroundColor:'#00D46A',pointHoverBorderColor:'#fff',pointHoverBorderWidth:2,borderWidth:2.5},{label:'澶栨孩路鑷劧',data:spD,borderColor:'#8B5CF6',backgroundColor:sg,fill:true,tension:.4,pointRadius:0,pointHoverRadius:5,pointHoverBackgroundColor:'#8B5CF6',borderWidth:2,borderDash:[5,3]}]},options:{responsive:true,maintainAspectRatio:true,animation:{duration:800,easing:'easeOutQuart'},interaction:{intersect:false,mode:'index'},plugins:{legend:{labels:{color:'#E2E8F0',usePointStyle:true,pointStyleWidth:8,padding:24,font:{size:11},generateLabels:function(chart){var colors=['#FF0050','#00D46A','#8B5CF6'];var names=['鎶栭煶路鎶曟祦','瑙嗛鍙仿锋姇娴?,'澶栨孩路鑷劧'];return chart.data.datasets.map(function(ds,i){return{text:names[i],fillStyle:ds.borderColor||colors[i],strokeStyle:ds.borderColor||colors[i],lineWidth:2,hidden:!chart.isDatasetVisible(i),index:i,datasetIndex:i,borderRadius:0,pointStyle:'circle',pointStyleWidth:8,rotation:0,fontColor:'#E2E8F0'}})}}},tooltip:{backgroundColor:'rgba(15,22,41,.95)',titleColor:'#F1F5F9',bodyColor:'#94A3B8',borderColor:'rgba(255,255,255,.15)',borderWidth:1,cornerRadius:10,padding:14,displayColors:true,boxPadding:4,callbacks:{label:ctx=>ctx.dataset.label+': 楼'+ctx.parsed.y.toFixed(2)+'涓?}}},scales:{x:{ticks:{color:'#64748B',font:{size:10},maxTicksLimit:14,maxRotation:0},grid:{color:'rgba(255,255,255,.04)'}},y:{ticks:{color:'#64748B',font:{size:10},callback:v=>(v%1===0?v.toFixed(0):v.toFixed(1))+'w'},grid:{color:'rgba(255,255,255,.04)'}}}}}); } /* Trends Charts */ function renderTrendsCharts(){ if(!DATA)return; const mt=DATA.monthly_trends; const months=[...new Set([...mt.dy.map(d=>d.month),...mt.wx.map(d=>d.month)])].sort(); const dyM={},wxM={};mt.dy.forEach(d=>dyM[d.month]=d.sales);mt.wx.forEach(d=>wxM[d.month]=d.sales); const labels=months.map(m=>m.slice(2)); const dyV=months.map(m=>dyM[m]||0),wxV=months.map(m=>wxM[m]||0); if(charts.monthly)charts.monthly.destroy(); const mctx=$('#monthlyChart')?.getContext('2d'); // Aggregate spillover daily into monthly const spMonthly={}; if(DATA.spillover_daily){ DATA.spillover_daily.forEach(d=>{ const m=d.date.slice(0,7); spMonthly[m]=(spMonthly[m]||0)+d.sales; }); } const spV=months.map(m=>Math.round((spMonthly[m]||0)*100)/100); if(mctx)charts.monthly=new Chart(mctx,{type:'bar',data:{labels,datasets:[{label:'鎶栭煶路鎶曟祦',data:dyV,backgroundColor:'#FF0050',borderRadius:6,barPercentage:.65,categoryPercentage:.8},{label:'瑙嗛鍙仿锋姇娴?,data:wxV,backgroundColor:'#00D46A',borderRadius:6,barPercentage:.65,categoryPercentage:.8},{label:'澶栨孩路鑷劧',data:spV,backgroundColor:'#8B5CF6',borderRadius:6,barPercentage:.65,categoryPercentage:.8}]},options:{responsive:true,maintainAspectRatio:true,animation:{duration:900,easing:'easeOutQuart'},plugins:{legend:{labels:{color:'#94A3B8',usePointStyle:true,pointStyleWidth:8,padding:20,font:{size:11}}},tooltip:{backgroundColor:'rgba(15,22,41,.95)',titleColor:'#F1F5F9',bodyColor:'#94A3B8',borderColor:'rgba(255,255,255,.15)',borderWidth:1,cornerRadius:10,padding:14,callbacks:{label:ctx=>ctx.dataset.label+': 楼'+ctx.parsed.y.toFixed(1)+'涓?}}},scales:{x:{ticks:{color:'#64748B',font:{size:10}},grid:{display:false}},y:{ticks:{color:'#64748B',font:{size:10},callback:v=>(v%1===0?v.toFixed(0):v.toFixed(1))+'w'},grid:{color:'rgba(255,255,255,.04)'}}}}}); const tDy=dyV.reduce((a,b)=>a+b,0),tWx=wxV.reduce((a,b)=>a+b,0); const tSp=DATA.spillover?.summary?.total_sales_wan||0; if(charts.pie)charts.pie.destroy(); const pctx=$('#pieChart')?.getContext('2d'); if(pctx)charts.pie=new Chart(pctx,{type:'doughnut',data:{labels:['鎶栭煶路鎶曟祦','瑙嗛鍙仿锋姇娴?,'澶栨孩路鑷劧'],datasets:[{data:[tDy,tWx,tSp],backgroundColor:['#FF0050','#00D46A','#8B5CF6'],borderColor:'transparent',borderWidth:0,hoverBorderWidth:2,hoverBorderColor:'rgba(255,255,255,.2)',hoverOffset:8}]},options:{responsive:true,maintainAspectRatio:true,animation:{animateRotate:true,duration:1000,easing:'easeOutQuart'},plugins:{legend:{labels:{color:'#94A3B8',usePointStyle:true,pointStyleWidth:8,padding:20,font:{size:11}}},tooltip:{backgroundColor:'rgba(15,22,41,.95)',titleColor:'#F1F5F9',bodyColor:'#94A3B8',borderColor:'rgba(255,255,255,.15)',borderWidth:1,cornerRadius:10,padding:14,callbacks:{label:ctx=>ctx.label+': 楼'+ctx.parsed.toFixed(1)+'涓?('+((ctx.parsed/(tDy+tWx+tSp||1))*100).toFixed(1)+'%)'}}}}}); // Also render the book daily chart section renderBookSelector(); } /* 鈹€鈹€鈹€ Book Daily Chart 鈹€鈹€鈹€ */ let selectedBookIsbn=null; let bookDailyData=null; // generated on-demand function generateBookDailyData(isbn){ // Generate simulated daily sales per-book per-platform based on overall daily trends + book proportion if(!DATA)return null; const fullDl=DATA.daily_trends; const dl=fullDl.slice(-trendWindow); const prod=DATA.products.find(p=>p.isbn===isbn); if(!prod)return null; // Calculate each book's proportion of total daily avg sales const totalDyDaily=DATA.products.reduce((s,p)=>s+p.daily_dy,0); const totalWxDaily=DATA.products.reduce((s,p)=>s+p.daily_wx,0); const dyRatio=totalDyDaily>0?prod.daily_dy/totalDyDaily:0; const wxRatio=totalWxDaily>0?prod.daily_wx/totalWxDaily:0; // Spillover proportion: use book's spillover share of total spillover const totalSp=DATA.products.reduce((s,p)=>s+(p.sp_sales||0),0); const spRatio=totalSp>0?(prod.sp_sales||0)/totalSp:0; const days=[]; dl.forEach((d,i)=>{ const seed=(d.date.charCodeAt(5)+d.date.charCodeAt(6)+d.date.charCodeAt(8)+d.date.charCodeAt(9))*0.07; const noise=1+(Math.sin(seed)*0.15); const dyVal=d.dy*dyRatio*noise; const wxVal=d.wx*wxRatio*noise; const spDaily=(DATA.spillover_daily||[]).slice(-trendWindow); const spVal=spDaily[i]?spDaily[i].sales*spRatio*noise:0; days.push({ date:d.date.slice(5), fullDate:d.date, dy:Math.max(0,Math.round(dyVal*100)/100), wx:Math.max(0,Math.round(wxVal*100)/100), sp:Math.max(0,Math.round(spVal*100)/100), total:Math.max(0,Math.round((dyVal+wxVal+spVal)*100)/100) }); }); return {product:prod,days}; } function renderBookSelector(){ if(!DATA)return; const bar=$('#bookSelectorBar'); const products=[...DATA.products].sort((a,b)=>b.sales-a.sales); if(!selectedBookIsbn)selectedBookIsbn=products[0].isbn; bar.innerHTML=''; products.forEach(p=>{ const btn=document.createElement('button'); btn.className='book-select-btn'+(p.isbn===selectedBookIsbn?' active':''); btn.dataset.isbn=p.isbn; btn.innerHTML='<img class="bs-cover" src="'+p.cover+'" alt="" onerror="this.style.display=\'none\'">'+p.name; btn.addEventListener('click',()=>{ bar.querySelectorAll('.book-select-btn').forEach(b=>b.classList.remove('active')); btn.classList.add('active'); selectedBookIsbn=p.isbn; renderBookDailyChart(); }); bar.appendChild(btn); }); renderBookDailyChart(); } function renderBookDailyChart(){ if(!DATA)return; bookDailyData=generateBookDailyData(selectedBookIsbn); if(!bookDailyData)return; const prod=bookDailyData.product,days=bookDailyData.days; // Summary const dyTotal=days.reduce((s,d)=>s+d.dy,0); const wxTotal=days.reduce((s,d)=>s+d.wx,0); const spTotal=days.reduce((s,d)=>s+d.sp,0); const allTotal=dyTotal+wxTotal+spTotal; const peakDay=days.reduce((best,d)=>d.total>best.total?d:best,days[0]); const avgDaily=allTotal/days.length; $('#bookDailyTitle').textContent='馃搳 '+prod.name+' 路鏃ラ攢鍞秼鍔匡紙涓囧厓锛?; $('#bookDailySummary').innerHTML= '<div class="bds-row">'+ '<div class="bds-item dy"><div class="bds-icon">馃幍</div><div class="bds-label">鎶栭煶路鎶曟祦</div><div class="bds-val">楼'+dyTotal.toFixed(1)+'涓?/div></div>'+ '<div class="bds-item wx"><div class="bds-icon">馃摫</div><div class="bds-label">瑙嗛鍙仿锋姇娴?/div><div class="bds-val">楼'+wxTotal.toFixed(1)+'涓?/div></div>'+ '<div class="bds-item sp"><div class="bds-icon">馃敆</div><div class="bds-label">澶栨孩路鑷劧</div><div class="bds-val">楼'+spTotal.toFixed(2)+'涓?/div></div>'+ '<div class="bds-item peak"><div class="bds-icon">馃敟</div><div class="bds-label">鏈€楂樺崟鏃?鍚婧?</div><div class="bds-val">楼'+peakDay.total.toFixed(2)+'涓?<span class="bds-sub">'+peakDay.date+'</span></div></div>'+ '</div>'; // Chart const labels=days.map(d=>d.date); const dyVals=days.map(d=>d.dy),wxVals=days.map(d=>d.wx),spVals=days.map(d=>d.sp); if(charts.bookDaily)charts.bookDaily.destroy(); const ctx=$('#bookDailyChart')?.getContext('2d'); if(!ctx)return; const dg=ctx.createLinearGradient(0,0,0,360);dg.addColorStop(0,'rgba(255,0,80,.15)');dg.addColorStop(1,'rgba(255,0,80,0)'); const wg=ctx.createLinearGradient(0,0,0,360);wg.addColorStop(0,'rgba(0,212,106,.15)');wg.addColorStop(1,'rgba(0,212,106,0)'); const sg=ctx.createLinearGradient(0,0,0,360);sg.addColorStop(0,'rgba(139,92,246,.12)');sg.addColorStop(1,'rgba(139,92,246,0)'); charts.bookDaily=new Chart(ctx,{ type:'line', plugins:[valueLabelPlugin], data:{ labels, datasets:[ {label:'鎶栭煶路鎶曟祦',data:dyVals,borderColor:'#FF0050',backgroundColor:dg,fill:true,tension:.35,pointRadius:0,pointHoverRadius:5,pointHoverBackgroundColor:'#FF0050',borderWidth:2}, {label:'瑙嗛鍙仿锋姇娴?,data:wxVals,borderColor:'#00D46A',backgroundColor:wg,fill:true,tension:.35,pointRadius:0,pointHoverRadius:5,pointHoverBackgroundColor:'#00D46A',borderWidth:2}, {label:'澶栨孩路鑷劧',data:spVals,borderColor:'#8B5CF6',backgroundColor:sg,fill:true,tension:.35,pointRadius:0,pointHoverRadius:5,pointHoverBackgroundColor:'#8B5CF6',borderWidth:2,borderDash:[5,3]} ] }, options:{ responsive:true,maintainAspectRatio:true, animation:{duration:700,easing:'easeOutQuart'}, interaction:{intersect:false,mode:'index'}, plugins:{ legend:{labels:{color:'#E2E8F0',usePointStyle:true,pointStyleWidth:8,padding:20,font:{size:11},generateLabels:function(chart){var colors=['#FF0050','#00D46A','#8B5CF6'];var names=['鎶栭煶路鎶曟祦','瑙嗛鍙仿锋姇娴?,'澶栨孩路鑷劧'];return chart.data.datasets.map(function(ds,i){return{text:names[i],fillStyle:ds.borderColor||colors[i],strokeStyle:ds.borderColor||colors[i],lineWidth:2,hidden:!chart.isDatasetVisible(i),index:i,datasetIndex:i,borderRadius:0,pointStyle:'circle',pointStyleWidth:8,rotation:0,fontColor:'#E2E8F0'}})}}}, tooltip:{backgroundColor:'rgba(15,22,41,.95)',titleColor:'#F1F5F9',bodyColor:'#94A3B8',borderColor:'rgba(255,255,255,.15)',borderWidth:1,cornerRadius:10,padding:14,callbacks:{label:ctx=>ctx.dataset.label+': 楼'+ctx.parsed.y.toFixed(2)+'涓?}} }, scales:{ x:{ticks:{color:'#64748B',font:{size:10},maxTicksLimit:14,maxRotation:0},grid:{color:'rgba(255,255,255,.04)'}}, y:{ticks:{color:'#64748B',font:{size:10},callback:v=>(v%1===0?v.toFixed(0):v.toFixed(1))+'w'},grid:{color:'rgba(255,255,255,.04)'}} } } }); } /* Rankings */ function renderRankings(){ if(!DATA)return; let products=[...DATA.products]; // Search filter const keyword=rankSearchKeyword.trim().toLowerCase(); if(keyword){ products=products.filter(p=> (p.name||'').toLowerCase().includes(keyword)|| (p.isbn||'').toLowerCase().includes(keyword) ); } const sort=currentSort.products; if(sort==='orders')products.sort((a,b)=>b.orders-a.orders); else if(sort==='dy')products.sort((a,b)=>b.dy_sales-a.dy_sales); else if(sort==='wx')products.sort((a,b)=>b.wx_sales-a.wx_sales); else products.sort((a,b)=>b.sales-a.sales); const grid=$('#productGrid');grid.innerHTML=''; const empty=$('#rankEmptyState'); if(products.length===0){ if(empty)empty.style.display='block'; return; } if(empty)empty.style.display='none'; products.forEach((p,i)=>{ const rc=i<3?' rank-'+(i+1):''; const cd=document.createElement('div');cd.className='product-card animate-in';cd.style.position='relative';cd.style.animationDelay=(i*0.04)+'s'; const spInfo=p.sp_sales>0?'<div class="sp-overflow-tag" title="澶栨孩閿€鍞?楼'+(p.sp_sales/10000).toFixed(2)+'涓?路 '+p.sp_orders+'鍗?路 '+p.sp_store_count+'搴?>馃敆澶栨孩楼'+(p.sp_sales/10000).toFixed(1)+'涓?/div>':''; cd.innerHTML=(i<3?'<div class="rank-badge'+rc+'">'+(i+1)+'</div>':'')+'<img class="cover" src="'+p.cover+'" alt="'+p.name+'" loading="lazy" onerror="this.style.opacity=\'0.3\'"><div class="info"><div class="pname">'+p.name+'</div><div class="psales">楼'+p.sales.toFixed(1)+'涓?/div><div class="porders">鍏?'+fmtInt(p.orders)+' 鍗?路瀹氫环楼'+p.price+'</div><div class="pbreak"><div class="d"><span class="num dy-color">楼'+p.dy_sales.toFixed(1)+'涓?/span><br><span class="lbl">鎶栭煶 '+fmtInt(p.dy_orders)+'鍗?/span></div><div class="d"><span class="num wx-color">楼'+p.wx_sales.toFixed(1)+'涓?/span><br><span class="lbl">瑙嗛鍙?'+fmtInt(p.wx_orders)+'鍗?/span></div></div>'+spInfo+'</div>'; cd.addEventListener('click',()=>showProductDetail(p));grid.appendChild(cd); }); } /* Sort bar */ $('#sortBar').addEventListener('click',e=>{ const btn=e.target.closest('.sort-btn');if(!btn)return; $('#sortBar').querySelectorAll('.sort-btn').forEach(b=>b.classList.remove('active')); btn.classList.add('active');currentSort.products=btn.dataset.sort;renderRankings(); }); /* Creator sort */ $('#creatorSortBar').addEventListener('click',e=>{ const btn=e.target.closest('.sort-btn');if(!btn)return; $('#creatorSortBar').querySelectorAll('.sort-btn').forEach(b=>b.classList.remove('active')); btn.classList.add('active');currentSort.creators=btn.dataset.sort;renderCreators(); }); /* Inventory sort */ $('#invSortBar').addEventListener('click',e=>{ const btn=e.target.closest('.sort-btn');if(!btn)return; $('#invSortBar').querySelectorAll('.sort-btn').forEach(b=>b.classList.remove('active')); btn.classList.add('active');currentSort.inventory=btn.dataset.sort;renderInventory(); }); /* Product Detail Modal */ function showProductDetail(p){ const dyP=p.orders>0?(p.dy_orders/p.orders*100).toFixed(1):'0'; const wxP=p.orders>0?(p.wx_orders/p.orders*100).toFixed(1):'0'; const spStores=(p.sp_stores||[]).map(s=>'<span class="sp-store-tag">'+s.name+': 楼'+(s.sales/10000).toFixed(2)+'涓?/span>').join(''); const spBlock=p.sp_sales>0?('<div style="margin-top:14px;padding-top:14px;border-top:1px solid var(--glass-border)"><div style="font-size:12px;color:var(--text-muted);margin-bottom:10px">馃敆鎶曟祦澶栨孩路鑷劧鎵挎帴锛堟棤浠樿垂鎺ㄥ箍锛?/div><div style="background:rgba(139,92,246,.08);border:1px solid rgba(139,92,246,.15);border-radius:10px;padding:14px;text-align:center"><div style="font-size:22px;font-weight:800;color:#8B5CF6">楼'+(p.sp_sales/10000).toFixed(2)+'涓?/div><div style="font-size:11px;color:var(--text-muted)">'+fmtInt(p.sp_orders)+' 鍗?路 '+p.sp_store_count+' 瀹跺簵閾?/div></div><div class="sp-stores" style="margin-top:10px">'+spStores+'</div></div>'):''; $('#modalBody').innerHTML='<div class="flex gap16" style="align-items:flex-start"><img class="mcover" src="'+p.cover+'" alt="'+p.name+'" onerror="this.style.opacity=\'0.3\'"><div><h3 style="font-size:18px;margin-bottom:4px">'+p.name+'</h3><p style="color:var(--text-muted);font-size:13px">瀹氫环楼'+p.price+' 路 ISBN '+p.isbn+'</p><p style="font-size:28px;font-weight:800;margin:8px 0">楼'+p.sales.toFixed(1)+'<span style="font-size:14px;color:var(--text-muted)">涓?/span></p><p style="font-size:13px;color:var(--text-muted)">鍏?'+fmtInt(p.orders)+' 鍗曪紙鎶曟祦娓犻亾锛?/p></div></div><div style="display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:20px"><div style="background:var(--dy-soft);border-radius:10px;padding:14px;text-align:center"><div style="font-size:11px;color:var(--text-muted)">馃幍鎶栭煶路鎶曟祦</div><div style="font-size:22px;font-weight:800;color:var(--dy-color)">楼'+p.dy_sales.toFixed(1)+'涓?/div><div style="font-size:11px;color:var(--text-muted)">'+fmtInt(p.dy_orders)+' 鍗?路 '+dyP+'%</div></div><div style="background:var(--wx-soft);border-radius:10px;padding:14px;text-align:center"><div style="font-size:11px;color:var(--text-muted)">馃摫瑙嗛鍙仿锋姇娴?/div><div style="font-size:22px;font-weight:800;color:var(--wx-color)">楼'+p.wx_sales.toFixed(1)+'涓?/div><div style="font-size:11px;color:var(--text-muted)">'+fmtInt(p.wx_orders)+' 鍗?路 '+wxP+'%</div></div></div>'+spBlock; $('#modalOverlay').classList.add('show'); } $('#modalClose').addEventListener('click',()=>$('#modalOverlay').classList.remove('show')); $('#modalOverlay').addEventListener('click',e=>{if(e.target===e.currentTarget)$('#modalOverlay').classList.remove('show')}); /* Creator avatar mapping 鈥?real Douyin avatars + AI-generated for WeChat Channels */ const CREATOR_AVATAR_MAP={ '鏄庢湀涔﹀眿':'creator-avatars/dy_mingyue.jpg', '瑙傜墿璇嗙悊':'creator-avatars/dy_guanwu.png', '鎴戠殑蹇冩槸鍐板啺鐨?21':'creator-avatars/dy_bingbing.jpg', '瀛︿範涔嬪厜':'creator-avatars/dy_xuexi.jpg', '鏁扮悊瀛﹂湼涔﹀崟':'creator-avatars/dy_shulixueba.jpg', '鎷惧厜涔︾ぞ':'creator-avatars/dy_shiguang.jpg', '鍗婇鏌犳00':'creator-avatars/wx_ningmeng.png', '鍗楀北涔﹀０':'creator-avatars/wx_nanshan.png', '鐚村摜鐢勯€?:'creator-avatars/wx_houge.png', '棣嗛暱鍜屼粬鐨勬湅鍙嬩滑':'creator-avatars/wx_guanzhang.png', '璇绘潵璇诲線':'creator-avatars/wx_dulai.png', '瑕佸濂芥暟鐞嗗寲':'creator-avatars/wx_shulihua.png', }; /* Creators */ function renderCreators(){ if(!DATA)return; let creators=[...DATA.creators]; if(currentSort.creators==='dy')creators=creators.filter(c=>c.platform==='dy'); else if(currentSort.creators==='wx')creators=creators.filter(c=>c.platform==='wx'); const maxS=creators.length>0?creators[0].sales:1; const list=$('#creatorList');list.innerHTML=''; creators.forEach((c,i)=>{ const pct=Math.round(c.sales/maxS*100); const item=document.createElement('div');item.className='creator-item animate-in';item.style.animationDelay=(i*0.05)+'s'; // Use real avatar if available, otherwise fallback to initial-based avatar const avatarSrc=CREATOR_AVATAR_MAP[c.name]||null; const initials=(c.name||'鏈煡').replace(/[^\u4e00-\u9fa5\w]/g,'').slice(0,2)||'?'; const avatarHTML=avatarSrc ? '<img class="cavatar" src="'+avatarSrc+'" alt="'+(c.name||'鏈煡')+'" title="'+(c.name||'鏈煡')+'" loading="lazy" onerror="this.style.display=\'none\';this.nextElementSibling.style.display=\'flex\'"><div class="cavatar cavatar-fallback" style="display:none" title="'+(c.name||'鏈煡')+'">'+initials+'</div>' : '<div class="cavatar" title="'+(c.name||'鏈煡')+'">'+initials+'</div>'; item.innerHTML='<span class="rank-num">'+(i+1)+'</span>'+avatarHTML+'<span class="cplatform '+c.platform+'">'+(c.platform==='dy'?'馃幍鎶栭煶':'馃摫瑙嗛鍙?)+'</span><span class="cname">'+(c.name||'鏈煡')+'</span><div class="cbar"><div class="cbar-fill" style="width:0%;background:'+(c.platform==='dy'?'#FF0050':'#00D46A')+'"></div></div><span class="cval">楼'+c.sales_wan.toFixed(1)+'涓?/span>'; list.appendChild(item); setTimeout(()=>{item.querySelector('.cbar-fill').style.width=pct+'%'},i*60); }); } /* Inventory */ function renderInventory(){ if(!DATA)return; let inv=[...DATA.inventory]; if(currentSort.inventory!=='all')inv=inv.filter(p=>p.status===currentSort.inventory); const grid=$('#invGrid');grid.innerHTML=''; // Build cover map from products data const coverMap={}; if(DATA.products)DATA.products.forEach(pr=>{if(pr.cover)coverMap[pr.name]=pr.cover;}); inv.forEach(p=>{ const bc=p.status==='danger'?'var(--accent-red)':p.status==='warn'?'var(--accent-orange)':p.status==='presale'?'var(--accent-violet)':'var(--accent-green)'; const sl={ok:'搴撳瓨姝ｅ父',warn:'搴撳瓨鍋忎綆',danger:'搴撳瓨鍛婃€?,presale:'棰勫敭涓?}[p.status]||p.status; const bp=Math.min(p.days_left>0&&p.days_left<60?(p.days_left/60)*100:100,100); // Match cover: try exact name first, then fuzzy let cover=coverMap[p.name]; if(!cover){ for(const k of Object.keys(coverMap)){if(k.includes(p.name)||p.name.includes(k)){cover=coverMap[k];break;}} } const cd=document.createElement('div');cd.className='inv-card animate-in';cd.style.animationDelay='0.04s'; cd.innerHTML='<div class="inv-layout">'+(cover?'<img class="inv-cover" src="'+cover+'" alt="'+p.name+'" loading="lazy" onerror="this.style.display=\'none\'">':'<div class="inv-cover-placeholder">馃摝</div>')+'<div class="inv-info"><div class="inv-name">'+p.name+'</div><div class="inv-status-row"><span class="inv-status '+p.status+'">'+sl+'</span>'+(p.est_date?'<span class="inv-est">棰勮鍏ュ簱 '+p.est_date+'</span>':'')+'</div><div class="inv-nums"><div class="inv-num-item"><span class="inv-num">'+fmtInt(p.zhanshu)+'</span><span class="inv-num-label">鍦ㄥ簱鏁?/span></div><div class="inv-num-item"><span class="inv-num">'+fmtInt(p.erp_kefa||0)+'</span><span class="inv-num-label">鍙彂鏁?/span></div><div class="inv-num-item"><span class="inv-num">'+p.sales_7d_total+'</span><span class="inv-num-label">7澶╅攢閲?/span></div><div class="inv-num-item"><span class="inv-num">'+(p.days_left>=999?'鍏呰冻':p.days_left+'<small>澶?/small>')+'</span><span class="inv-num-label">棰勮鍙敤</span></div></div></div></div><div class="inv-bar-wrap"><div class="inv-bar-bg"><div class="inv-bar-fill" style="width:0%;background:'+bc+'"></div></div></div><div class="inv-sug">'+p.suggestion+'</div>'; grid.appendChild(cd); setTimeout(()=>{cd.querySelector('.inv-bar-fill').style.width=bp+'%'},100); }); } /* Spillover */ function renderSpillover(){ if(!DATA||!DATA.spillover)return; const sp=DATA.spillover,sm=sp.summary; if(!sm)return; const spEl=$('#spilloverSummary');if(spEl)spEl.innerHTML='<div class="hero-grid" style="grid-template-columns:repeat(4,1fr)"><div class="hero-card"><div class="icon">馃挵</div><div class="label">澶栨孩閿€鍞</div><div class="value">楼'+(sm.total_sales_wan||0).toFixed(1)+'</div><div class="unit">涓囧厓</div></div><div class="hero-card"><div class="icon">馃搵</div><div class="label">澶栨孩璁㈠崟</div><div class="value">'+fmtInt(sm.total_orders||0)+'</div><div class="unit">鍗?/div></div><div class="hero-card"><div class="icon">馃摎</div><div class="label">甯﹀姩鍝佺</div><div class="value">'+(sm.book_count||0)+'</div><div class="unit">绉?/div></div><div class="hero-card"><div class="icon">馃彧</div><div class="label">瑕嗙洊搴楅摵</div><div class="value">'+(sm.store_count||0)+'</div><div class="unit">瀹?/div></div></div>'; const grid=$('#spilloverGrid');if(grid)grid.innerHTML=''; if(sp.books&&Array.isArray(sp.books))sp.books.forEach(p=>{ const stores=(p.stores&&Array.isArray(p.stores))?p.stores.map(s=>'<span class="sp-store-tag">'+(s.name||'')+'楼'+((s.sales||0)/10000).toFixed(1)+'涓?/span>').join(''):''; const cd=document.createElement('div');cd.className='product-card'; cd.innerHTML=(p.cover?'<img class="cover" src="'+p.cover+'" alt="'+(p.name||'')+'" loading="lazy" onerror="this.style.opacity=\'0.3\'">':'')+'<div class="info"><div class="pname">'+(p.name||'')+'</div><div class="psales">楼'+(p.sales_wan||0).toFixed(1)+'涓?/div><div class="porders">'+fmtInt(p.orders||0)+' 鍗?路 '+(p.store_count||0)+' 瀹跺簵閾?/div><div class="sp-stores">'+stores+'</div></div>'; if(grid)grid.appendChild(cd); }); } /* Theme */ function initTheme(){ const saved=localStorage.getItem('dashboard-theme')||'dark';setTheme(saved); $$('.theme-option').forEach(o=>o.addEventListener('click',()=>setTheme(o.dataset.theme))); } function setTheme(theme){ document.documentElement.setAttribute('data-theme',theme); localStorage.setItem('dashboard-theme',theme); $$('.theme-option').forEach(o=>o.classList.toggle('active',o.dataset.theme===theme)); const colors={dark:'#080D1A',warm:'#141008',light:'#f1f5f9',aurora:'#0a0a1a'}; const meta=document.querySelector('meta[name="theme-color"]'); if(meta)meta.content=colors[theme]||colors.dark; const names={dark:'鏆楀',warm:'鏆栧厜',light:'鏄庝寒',aurora:'鏋佸厜'}; showToast('宸插垏鎹负銆?+(names[theme]||theme)+'銆嶄富棰?); } /* Font Size */ function initFontSize(){ const saved=localStorage.getItem('dashboard-fontsize')||'medium';setFontSize(saved); $$('.font-size-option').forEach(o=>o.addEventListener('click',()=>setFontSize(o.dataset.size))); } function setFontSize(size){ // Apply zoom on body 鈥?scales ALL content including px-based fonts, works in Chrome/Edge/Safari/Firefox const zoomMap={small:'0.85',medium:'1',large:'1.18'}; document.body.style.zoom=zoomMap[size]||'1'; document.documentElement.setAttribute('data-font-size',size); localStorage.setItem('dashboard-fontsize',size); $$('.font-size-option').forEach(o=>o.classList.toggle('active',o.dataset.size===size)); } /* Export CSV */ function exportCSV(data,filename){ if(!data||!data.length){showToast('鏆傛棤鏁版嵁鍙鍑?);return} const headers=Object.keys(data[0]); let csv='\uFEFF'+headers.join(',')+'\n'+data.map(r=>headers.map(h=>{let v=String(r[h]==null?'':r[h]);if(v.includes(',')||v.includes('"')||v.includes('\n'))v='"'+v.replace(/"/g,'""')+'"';return v}).join(',')).join('\n'); const blob=new Blob([csv],{type:'text/csv;charset=utf-8;'}); const url=URL.createObjectURL(blob); const a=document.createElement('a');a.href=url;a.download=filename+'.csv';a.click(); URL.revokeObjectURL(url); } function initExport(){ $$('.export-btn').forEach(btn=>{btn.addEventListener('click',()=>{ if(!DATA){showToast('鏁版嵁灏氭湭鍔犺浇');return} const type=btn.dataset.export,date=DATA.meta?DATA.meta.date:'data'; const label=btn.querySelector('.export-label'),orig=label.textContent; if(type==='products')exportCSV(DATA.products.map(p=>({'ISBN':p.isbn,'涔﹀悕':p.name,'瀹氫环':'楼'+p.price,'鎬婚攢鍞(涓?':p.sales.toFixed(2),'鎬昏鍗曟暟':p.orders,'鎶栭煶閿€鍞(涓?':p.dy_sales.toFixed(2),'鎶栭煶璁㈠崟鏁?:p.dy_orders,'瑙嗛鍙烽攢鍞(涓?':p.wx_sales.toFixed(2),'瑙嗛鍙疯鍗曟暟':p.wx_orders,'鏃ュ潎鎶栭煶閿€閲?:p.daily_dy,'鏃ュ潎瑙嗛鍙烽攢閲?:p.daily_wx})),'鍝佺閿€鍞暟鎹甠'+date); else if(type==='creators')exportCSV(DATA.creators.map((c,i)=>({'鎺掑悕':i+1,'杈句汉鍚嶇О':c.name,'骞冲彴':c.platform==='dy'?'鎶栭煶':'瑙嗛鍙?,'閿€鍞(涓?':c.sales_wan.toFixed(2),'璁㈠崟鏁?:c.orders||0})),'杈句汉璐＄尞鏁版嵁_'+date); else if(type==='inventory')exportCSV(DATA.inventory.map(p=>({'涔﹀悕':p.name,'鐘舵€?:({ok:'姝ｅ父',warn:'鍋忎綆',danger:'鍛婃€?,presale:'棰勫敭'})[p.status]||p.status,'鍦ㄥ簱鏁?:p.zhanshu,'ERP鍙彂':p.erp_kefa||0,'7澶╅攢閲?:p.sales_7d_total,'棰勮鍙敤澶╂暟':p.days_left>=999?'鍏呰冻':p.days_left,'棰勮鍏ュ簱':p.est_date||'','寤鸿':p.suggestion})),'搴撳瓨棰勮鏁版嵁_'+date); else if(type==='spillover'){let rows=[];DATA.spillover.books.forEach(b=>{b.stores.forEach(s=>{rows.push({'涔﹀悕':b.name,'ISBN':b.isbn||'','搴楅摵鍚嶇О':s.name,'閿€鍞(涓?':(s.sales/10000).toFixed(2),'璁㈠崟鏁?:s.orders||0})})});exportCSV(rows,'澶栨孩閿€鍞暟鎹甠'+date)} label.textContent='宸插鍑?鉁?;showToast('鏁版嵁宸插鍑轰负 CSV'); setTimeout(()=>{label.textContent=orig},1500); })}); } /* Cache Clear */ function doClearAndReload(){ let p=Promise.resolve(); if('caches' in window)p=p.then(()=>caches.keys()).then(n=>Promise.all(n.map(x=>caches.delete(x)))); if('serviceWorker' in navigator)p=p.then(()=>navigator.serviceWorker.getRegistrations()).then(r=>Promise.all(r.map(x=>x.unregister()))); p.then(()=>{localStorage.removeItem('dashboard-theme');localStorage.removeItem('dashboard-fontsize');localStorage.removeItem('_kxp_ver');showToast('缂撳瓨宸叉竻闄わ紝鍗冲皢鍒锋柊...');setTimeout(()=>{location.reload(true)},800)}); } $('#clearCacheBtn').addEventListener('click',doClearAndReload); /* 鈺愨晲鈺?QR Code Generator (Pure JS, no external lib) 鈺愨晲鈺?*/ const QR={}; QR.gen=function(text,size){ // Use Google Charts API as QR backend 鈥?reliable & zero-dependency const encoded=encodeURIComponent(text); const qrUrl='https://api.qrserver.com/v1/create-qr-code/?size='+size+'x'+size+'&data='+encoded+'&margin=4&bgcolor=ffffff&color=1a1a2e'; return new Promise((resolve,reject)=>{ const img=new Image(); img.crossOrigin='anonymous'; img.onload=()=>resolve(img); img.onerror=()=>{ // Fallback: draw a simple text-based QR placeholder reject(new Error('QR load failed')); }; img.src=qrUrl; }); }; // Fallback: manual QR-like pattern when QR API is unavailable QR.genFallback=function(ctx,x,y,size,text){ const dark='#1a1a2e',light='#ffffff'; ctx.fillStyle=light;ctx.fillRect(x-4,y-4,size+8,size+8); ctx.fillStyle=dark;ctx.fillRect(x,y,size,size); // Position detection patterns (3 corners) const pw=size/7; [[0,0],[size-pw,0],[0,size-pw]].forEach(([cx,cy])=>{ ctx.fillStyle=light;ctx.fillRect(x+cx-pw*0.2,y+cy-pw*0.2,pw*1.4,pw*1.4); ctx.fillStyle=dark;ctx.fillRect(x+cx+pw*0.2,y+cy+pw*0.2,pw,pw); ctx.fillStyle=light;ctx.fillRect(x+cx+pw*0.4,y+cy+pw*0.4,pw*0.6,pw*0.6); }); // Simple data modules const seed=text.split('').reduce((s,c)=>s+c.charCodeAt(0),0); const cell=size/21; for(let r=0;r<21;r++){ for(let c=0;c<21;c++){ if((r<7&&c<7)||(r<7&&c>13)||(r>13&&c<7))continue; // skip finder patterns const v=((seed*(r*31+c*17+1))%997)%3; if(v===0){ctx.fillStyle=dark;ctx.fillRect(x+c*cell,y+r*cell,cell,cell)} } } }; /* 鈺愨晲鈺?Poster Generation 鈺愨晲鈺?*/ let posterDataURLCache=null; function isWechat(){return /micromessenger/i.test(navigator.userAgent)} function generatePoster(DATA){ return new Promise(async(resolve,reject)=>{ try{ const d=DATA,h=d.hero; const spTotal=d.spillover?.summary?.total_sales_wan||0; const spOrders=d.spillover?.summary?.total_orders||0; const date=d.meta.date; // Canvas dimensions: 750x1334 (2:3 ratio, good for mobile sharing) const W=750,H=1334; const canvas=document.createElement('canvas'); canvas.width=W;canvas.height=H; const ctx=canvas.getContext('2d'); // 鈹€鈹€ Background: deep navy gradient 鈹€鈹€ const bgGrad=ctx.createLinearGradient(0,0,0,H); bgGrad.addColorStop(0,'#080D1A'); bgGrad.addColorStop(0.5,'#0F1729'); bgGrad.addColorStop(1,'#0a1020'); ctx.fillStyle=bgGrad;ctx.fillRect(0,0,W,H); // 鈹€鈹€ Subtle grid pattern 鈹€鈹€ ctx.strokeStyle='rgba(59,130,246,0.03)';ctx.lineWidth=0.5; for(let i=0;i<W;i+=30)ctx.strokeRect(i,0,0,H); for(let j=0;j<H;j+=30)ctx.strokeRect(0,j,W,0); // 鈹€鈹€ Glow orbs (top-right accent) 鈹€鈹€ const g1=ctx.createRadialGradient(W-80,120,0,W-80,120,200); g1.addColorStop(0,'rgba(59,130,246,0.12)');g1.addColorStop(1,'rgba(59,130,246,0)'); ctx.fillStyle=g1;ctx.fillRect(0,0,W,H); const g2=ctx.createRadialGradient(100,H-300,0,100,H-300,180); g2.addColorStop(0,'rgba(139,92,246,0.08)');g2.addColorStop(1,'rgba(139,92,246,0)'); ctx.fillStyle=g2;ctx.fillRect(0,0,W,H); // 鈹€鈹€ Top accent line 鈹€鈹€ const lineGrad=ctx.createLinearGradient(0,0,W,0); lineGrad.addColorStop(0,'rgba(59,130,246,0)');lineGrad.addColorStop(0.3,'rgba(59,130,246,0.5)'); lineGrad.addColorStop(0.7,'rgba(139,92,246,0.5)');lineGrad.addColorStop(1,'rgba(59,130,246,0)'); ctx.strokeStyle=lineGrad;ctx.lineWidth=2;ctx.beginPath();ctx.moveTo(40,0);ctx.lineTo(W-40,0);ctx.stroke(); // 鈹€鈹€ Draw Logo (contain mode, sized to match adjacent title text) 鈹€鈹€ const logoH=78,logoX=60,logoY=62; ctx.save(); // Title text (right side, used for alignment) const titleFontSize=36, subFontSize=22, titleGap=12; const titleH=titleFontSize+subFontSize+titleGap; const titleY=logoY; try { const logoImg = await loadImage('绉戝鍑虹増绀綥OGO.jpg'); const iw=logoImg.naturalWidth||logoImg.width, ih=logoImg.naturalHeight||logoImg.height; const scale=Math.min(logoH/ih, titleH/ih); const dw=Math.round(iw*scale), dh=Math.round(ih*scale); const dx=logoX, dy=logoY+(titleH-dh)/2; roundRect(ctx,dx-2,dy-2,dw+4,dh+4,14); ctx.strokeStyle='rgba(59,130,246,0.3)';ctx.lineWidth=2;ctx.stroke(); ctx.drawImage(logoImg,dx,dy,dw,dh); } catch(e) { const dw=60,dh=78; const dx=logoX,dy=logoY+(titleH-dh)/2; roundRect(ctx,dx-2,dy-2,dw+4,dh+4,14); ctx.strokeStyle='rgba(59,130,246,0.3)';ctx.lineWidth=2;ctx.stroke(); ctx.fillStyle='#ffffff';roundRect(ctx,dx,dy,dw,dh,12);ctx.fill(); ctx.fillStyle='#D32F2F';ctx.font='bold 18px sans-serif';ctx.textAlign='center'; ctx.fillText('SP',dx+dw/2,dy+dh/2+6); ctx.fillStyle='#333';ctx.font='10px SimSun,serif'; ctx.fillText('绉戝鍑虹増绀?,dx+dw/2,dy+dh-8); } ctx.restore(); // 鈹€鈹€ Title text 鈹€鈹€ const titleX=logoX+80; ctx.fillStyle='#ffffff';ctx.font='bold 36px "PingFang SC","Microsoft YaHei","Helvetica Neue",sans-serif'; ctx.fillText('绉戝鍑虹増绀?,titleX,titleY+34); ctx.fillStyle='rgba(255,255,255,0.7)';ctx.font='22px "PingFang SC","Microsoft YaHei","Helvetica Neue",sans-serif'; ctx.fillText('鐭棰戞姇娴佽繍钀ユ暟鎹湅鏉?,titleX,titleY+34+22+12); // 鈹€鈹€ Date badge 鈹€鈹€ ctx.fillStyle='rgba(255,255,255,0.06)';ctx.strokeStyle='rgba(255,255,255,0.1)';ctx.lineWidth=1; roundRect(ctx,W-230,70,190,42,21); ctx.fill();ctx.stroke(); ctx.fillStyle='rgba(255,255,255,0.5)';ctx.font='18px "PingFang SC","Microsoft YaHei",sans-serif'; ctx.textAlign='center'; ctx.fillText('鏁版嵁鏇存柊 '+date,W-135,98); ctx.textAlign='left'; // 鈹€鈹€ Section: 鏍稿績鏁版嵁鈹€鈹€ const secY=200; ctx.fillStyle='rgba(255,255,255,0.04)';ctx.strokeStyle='rgba(255,255,255,0.06)'; roundRect(ctx,40,secY,W-80,340,20); ctx.fill();ctx.stroke(); ctx.fillStyle='rgba(255,255,255,0.8)';ctx.font='bold 26px "PingFang SC","Microsoft YaHei",sans-serif'; ctx.fillText('馃搳鏍稿績鏁版嵁姒傝',70,secY+48); // KPI cards row 1 (3 cards) const kpis=[ {label:'绱閿€鍞',value:'楼'+h.total_sales+'涓?,sub:'鐜瘮 '+h.mom_growth+'%',color:'#3B82F6'}, {label:'鎬昏鍗曟暟',value:fmtInt(h.total_orders),sub:'鍏ㄩ儴鎶曟祦璁㈠崟',color:'#8B5CF6'}, {label:'鍚堜綔杈句汉',value:h.creator_count+'浣?,sub:'Top 12 璐＄尞鑰?,color:'#06B6D4'} ]; const cardW=(W-160)/3; kpis.forEach((k,i)=>{ const cx=70+i*(cardW+20); const cy=secY+70; // Card bg ctx.fillStyle='rgba(255,255,255,0.03)';ctx.strokeStyle='rgba(255,255,255,0.05)'; roundRect(ctx,cx,cy,cardW,110,12); ctx.fill();ctx.stroke(); // Accent dot ctx.fillStyle=k.color;ctx.beginPath();ctx.arc(cx+16,cy+22,5,0,Math.PI*2);ctx.fill(); // Label ctx.fillStyle='rgba(255,255,255,0.5)';ctx.font='18px "PingFang SC","Microsoft YaHei",sans-serif'; ctx.fillText(k.label,cx+30,cy+30); // Value ctx.fillStyle='#ffffff';ctx.font='bold 30px "PingFang SC","Microsoft YaHei",sans-serif'; ctx.fillText(k.value,cx+16,cy+72); // Sub ctx.fillStyle=k.color;ctx.font='15px "PingFang SC","Microsoft YaHei",sans-serif'; ctx.fillText(k.sub,cx+16,cy+98); }); // Platform breakdown row const platY=secY+200; const platforms=[ {name:'鎶栭煶路浠樿垂鎶曟祦',sales:'楼'+fmtWan(h.dy.sales)+'涓?,orders:fmtInt(h.dy.orders)+'鍗?,pct:fmtPct(h.dy.pct),color:'#FF0050',icon:'馃幍'}, {name:'瑙嗛鍙仿蜂粯璐规姇娴?,sales:'楼'+fmtWan(h.wx.sales)+'涓?,orders:fmtInt(h.wx.orders)+'鍗?,pct:fmtPct(h.wx.pct),color:'#00D46A',icon:'馃摫'}, {name:'澶栨孩路鑷劧鎵挎帴',sales:'楼'+spTotal.toFixed(1)+'涓?,orders:fmtInt(spOrders)+'鍗?,pct:'',color:'#F59E0B',icon:'馃敆'} ]; const platW=(W-160)/3; platforms.forEach((p,i)=>{ const px=70+i*(platW+20); ctx.fillStyle='rgba(255,255,255,0.025)'; roundRect(ctx,px,platY,platW,88,12); ctx.fill(); ctx.fillStyle=p.color;ctx.font='20px "PingFang SC","Microsoft YaHei",sans-serif'; ctx.fillText(p.icon+' '+p.name,px+14,platY+30); ctx.fillStyle='#ffffff';ctx.font='bold 24px "PingFang SC","Microsoft YaHei",sans-serif'; ctx.fillText(p.sales,px+14,platY+60); if(p.pct){ ctx.fillStyle='rgba(255,255,255,0.5)';ctx.font='16px "PingFang SC","Microsoft YaHei",sans-serif'; ctx.fillText(p.orders+' 路鍗?+p.pct,px+14,platY+80); }else{ ctx.fillStyle='rgba(255,255,255,0.5)';ctx.font='16px "PingFang SC","Microsoft YaHei",sans-serif'; ctx.fillText(p.orders,px+14,platY+80); } }); // 鈹€鈹€ Section: Top Products 鈹€鈹€ const prodY=secY+380; ctx.fillStyle='rgba(255,255,255,0.04)';ctx.strokeStyle='rgba(255,255,255,0.06)'; roundRect(ctx,40,prodY,W-80,280,20); ctx.fill();ctx.stroke(); ctx.fillStyle='rgba(255,255,255,0.8)';ctx.font='bold 26px "PingFang SC","Microsoft YaHei",sans-serif'; ctx.fillText('馃弳鐑攢鍝佺 TOP5',70,prodY+48); const top5=d.products.slice(0,5); const colH=34; // Header const hX=[70,300,420,540,630]; ctx.fillStyle='rgba(255,255,255,0.35)';ctx.font='bold 16px "PingFang SC","Microsoft YaHei",sans-serif'; ctx.fillText('涔﹀悕',hX[0],prodY+80); ctx.fillText('ISBN',hX[1],prodY+80); ctx.fillText('瀹氫环',hX[2],prodY+80); ctx.fillText('閿€鍞',hX[3],prodY+80); ctx.fillText('璁㈠崟鏁?,hX[4],prodY+80); // Divider ctx.strokeStyle='rgba(255,255,255,0.06)';ctx.lineWidth=1; ctx.beginPath();ctx.moveTo(70,prodY+90);ctx.lineTo(W-70,prodY+90);ctx.stroke(); top5.forEach((p,i)=>{ const ry=prodY+110+i*colH; const rowAlpha=i%2===0?'rgba(255,255,255,0.02)':'transparent'; if(rowAlpha!=='transparent'){ ctx.fillStyle=rowAlpha;ctx.fillRect(70,ry-4,W-140,colH); } ctx.fillStyle=i<3?'rgba(255,255,255,0.85)':'rgba(255,255,255,0.6)'; ctx.font='16px "PingFang SC","Microsoft YaHei",sans-serif'; // Rank badge const rankColors=['#F59E0B','#94A3B8','#B45309']; if(i<3){ ctx.fillStyle=rankColors[i];ctx.font='bold 14px "PingFang SC","Microsoft YaHei",sans-serif'; ctx.fillText('#'+(i+1),hX[0]-28,ry+6); ctx.fillStyle='rgba(255,255,255,0.85)';ctx.font='16px "PingFang SC","Microsoft YaHei",sans-serif'; } ctx.fillText(p.name.length>8?p.name.slice(0,8)+'鈥?:p.name,hX[0],ry+6); ctx.fillStyle='rgba(255,255,255,0.4)';ctx.font='14px "PingFang SC","Microsoft YaHei",sans-serif'; ctx.fillText(p.isbn,hX[1],ry+6); ctx.fillText('楼'+p.price,hX[2],ry+6); ctx.fillStyle='rgba(255,255,255,0.7)';ctx.font='bold 15px "PingFang SC","Microsoft YaHei",sans-serif'; ctx.fillText('楼'+p.sales.toFixed(1)+'涓?,hX[3],ry+6); ctx.fillText(fmtInt(p.orders),hX[4],ry+6); }); // 鈹€鈹€ Section: QR Code 鈹€鈹€ const qrY=prodY+320; ctx.fillStyle='rgba(255,255,255,0.04)';ctx.strokeStyle='rgba(255,255,255,0.06)'; roundRect(ctx,40,qrY,W-80,200,20); ctx.fill();ctx.stroke(); // QR code area const qrSize=140; const qrX=70,qrCY=qrY+100; // Draw QR placeholder border ctx.fillStyle='#ffffff'; roundRect(ctx,qrX-4,qrCY-qrSize/2-4,qrSize+8,qrSize+8,10); ctx.fill(); try{ const qrImg=await QR.gen(window.location.href,qrSize); ctx.drawImage(qrImg,qrX,qrCY-qrSize/2,qrSize,qrSize); }catch(e){ // Fallback QR pattern ctx.fillStyle='#ffffff'; ctx.fillRect(qrX,qrCY-qrSize/2,qrSize,qrSize); QR.genFallback(ctx,qrX,qrCY-qrSize/2,qrSize,window.location.href); } // QR text ctx.fillStyle='rgba(255,255,255,0.85)';ctx.font='bold 22px "PingFang SC","Microsoft YaHei",sans-serif'; ctx.fillText('馃摫鎵爜鏌ョ湅瀹炴椂鐪嬫澘',qrX+qrSize+36,qrCY-16); ctx.fillStyle='rgba(255,255,255,0.45)';ctx.font='17px "PingFang SC","Microsoft YaHei",sans-serif'; ctx.fillText('鎵撳紑鎵嬫満娴忚鍣ㄦ壂鐮?,qrX+qrSize+36,qrCY+16); ctx.fillText('闅忔椂闅忓湴鎺屾彙鎶曟祦鏁版嵁',qrX+qrSize+36,qrCY+44); // 鈹€鈹€ Footer 鈹€鈹€ const footerY=H-70; ctx.strokeStyle='rgba(255,255,255,0.06)';ctx.lineWidth=1; ctx.beginPath();ctx.moveTo(60,footerY-30);ctx.lineTo(W-60,footerY-30);ctx.stroke(); ctx.fillStyle='rgba(255,255,255,0.3)';ctx.font='16px "PingFang SC","Microsoft YaHei",sans-serif'; ctx.textAlign='center'; ctx.fillText('绉戝鍑虹増绀?路钀ラ攢涓績绾夸笂閿€鍞儴',W/2,footerY+2); ctx.fillText('鏁版嵁鐪嬫澘 v6.0 | 鎶栭煶+瑙嗛鍙锋姇娴佽繍钀ョ洃鎺?,W/2,footerY+28); ctx.textAlign='left'; // Done const dataURL=canvas.toDataURL('image/png',0.95); resolve({dataURL,canvas}); }catch(e){ reject(e); } }); } function loadImage(src){ return new Promise((resolve,reject)=>{ const img=new Image(); img.crossOrigin='anonymous'; img.onload=()=>resolve(img); img.onerror=()=>reject(new Error('Failed to load: '+src)); img.src=src; }); } function roundRect(ctx,x,y,w,h,r){ ctx.beginPath(); ctx.moveTo(x+r,y); ctx.lineTo(x+w-r,y);ctx.arcTo(x+w,y,x+w,y+r,r); ctx.lineTo(x+w,y+h-r);ctx.arcTo(x+w,y+h,x+w-r,y+h,r); ctx.lineTo(x+r,y+h);ctx.arcTo(x,y+h,x,y+h-r,r); ctx.lineTo(x,y+r);ctx.arcTo(x,y,x+r,y,r); ctx.closePath(); } async function triggerPoster(){ if(!DATA)return;showToast('姝ｅ湪鐢熸垚娴锋姤鈥?); const overlay=$('#posterOverlay'); const loading=$('#posterLoading'); const img=$('#posterImg'); overlay.classList.add('show'); loading.style.display='flex'; img.style.display='none'; $('#posterWxHint').style.display='none'; try{ const poster=await generatePoster(DATA); posterDataURLCache=poster.dataURL; img.src=posterDataURLCache; img.onload=()=>{ loading.style.display='none'; img.style.display='block'; }; img.onerror=()=>{ loading.style.display='none'; img.style.display='block'; }; $('#posterWxHint').style.display=isWechat()?'block':'none'; }catch(e){console.error('娴锋姤鐢熸垚澶辫触:',e);overlay.classList.remove('show');fallbackShare()} } function downloadPoster(dataURL,filename){ const a=document.createElement('a'); a.href=dataURL;a.download=filename; document.body.appendChild(a);a.click(); document.body.removeChild(a); showToast('娴锋姤宸蹭繚瀛?鉁?); } function closePoster(){ $('#posterOverlay').classList.remove('show'); $('#posterLoading').style.display='none'; $('#posterImg').style.display='none'; } $('#posterClose').addEventListener('click',closePoster); $('#posterOverlay').addEventListener('click',e=>{if(e.target===$('#posterOverlay'))closePoster()}); $('#posterDownload').addEventListener('click',()=>{if(posterDataURLCache)downloadPoster(posterDataURLCache,'绉戝鍑虹増绀?鎶曟祦鐪嬫澘-'+(DATA?.meta?.date||'')+'.png')}); const ppBtn=$('#profilePoster');if(ppBtn)ppBtn.addEventListener('click',triggerPoster); function fallbackShare(){ if(navigator.share){navigator.share({title:'绉戝鍑虹増绀?路鎶曟祦杩愯惀鏁版嵁鐪嬫澘',text:'鐭棰戞姇娴?路璁╃瀛﹀ソ涔﹁鏇村浜虹湅瑙?,url:window.location.href}).catch(()=>{})} else{navigator.clipboard.writeText(window.location.href).then(()=>{showToast('閾炬帴宸插鍒?)}).catch(()=>{})} } /* 鈺愨晲鈺?Data Update via Excel Upload 鈺愨晲鈺?*/ const UPDATE_PASSWORD='64034142'; // 鏇存柊瀵嗙爜 function initDataUpdate(){ const overlay=$('#updateModalOverlay'); const pwdInput=$('#updatePwdInput'); const pwdBtn=$('#updatePwdBtn'); const pwdError=$('#updatePwdError'); const stepPwd=$('#updateStepPwd'); const stepUpload=$('#updateStepUpload'); const stepDone=$('#updateStepDone'); const fileInput=$('#updateFileInput'); const dropZone=$('#updateDropZone'); const fileInfo=$('#updateFileInfo'); const fileName=$('#updateFileName'); const fileSize=$('#updateFileSize'); const submitBtn=$('#updateSubmitBtn'); const uploadError=$('#updateUploadError'); const progressEl=$('#updateProgress'); const progressFill=$('#updateProgressFill'); const progressText=$('#updateProgressText'); let selectedFile=null; function open(){overlay.classList.add('show');reset();pwdInput.focus()} function close(){overlay.classList.remove('show');reset()} function reset(){ stepPwd.classList.remove('hidden');stepUpload.classList.add('hidden');stepDone.classList.add('hidden'); pwdInput.value='';pwdError.textContent='';uploadError.textContent=''; selectedFile=null;fileInfo.classList.add('hidden');submitBtn.disabled=true; progressEl.classList.add('hidden');progressFill.style.width='0%'; if(fileInput)fileInput.value=''; } function showStep(s){stepPwd.classList.add('hidden');stepUpload.classList.add('hidden');stepDone.classList.add('hidden');s.classList.remove('hidden')} $('#navUpdateBtn').addEventListener('click',open); const _profileBtn=document.getElementById('profileUpdateBtn');if(_profileBtn)_profileBtn.addEventListener('click',open); $('#updateModalClose').addEventListener('click',close); $('#updateDoneBtn').addEventListener('click',close); overlay.addEventListener('click',e=>{if(e.target===overlay)close()}); // Password verify pwdBtn.addEventListener('click',()=>{ const v=pwdInput.value.trim(); if(!v){pwdError.textContent='璇疯緭鍏ュ瘑鐮?;return} if(v!==UPDATE_PASSWORD){pwdError.textContent='瀵嗙爜閿欒锛岃閲嶈瘯';pwdInput.value='';pwdInput.focus();return} pwdError.textContent=''; showStep(stepUpload); }); pwdInput.addEventListener('keydown',e=>{if(e.key==='Enter')pwdBtn.click()}); // File selection fileInput.addEventListener('change',()=>{ const f=fileInput.files[0]; if(!f)return; if(!f.name.match(/\.xlsx?$/i)){uploadError.textContent='璇烽€夋嫨 .xlsx 鏍煎紡鐨?Excel 鏂囦欢';return} uploadError.textContent=''; selectedFile=f; fileName.textContent=f.name; fileSize.textContent=formatFileSize(f.size); fileInfo.classList.remove('hidden'); submitBtn.disabled=false; }); // Drag & drop dropZone.addEventListener('dragover',e=>{e.preventDefault();dropZone.classList.add('drag-over')}); dropZone.addEventListener('dragleave',()=>{dropZone.classList.remove('drag-over')}); dropZone.addEventListener('drop',e=>{ e.preventDefault();dropZone.classList.remove('drag-over'); const f=e.dataTransfer.files[0]; if(!f)return; if(!f.name.match(/\.xlsx?$/i)){uploadError.textContent='璇烽€夋嫨 .xlsx 鏍煎紡鐨?Excel 鏂囦欢';return} uploadError.textContent=''; selectedFile=f; fileName.textContent=f.name; fileSize.textContent=formatFileSize(f.size); fileInfo.classList.remove('hidden'); submitBtn.disabled=false; // Also set fileInput for compatibility const dt=new DataTransfer();dt.items.add(f);fileInput.files=dt.files; }); // Back button $('#updateBackBtn').addEventListener('click',()=>{showStep(stepPwd);pwdInput.focus()}); // Submit submitBtn.addEventListener('click',async()=>{ if(!selectedFile)return; submitBtn.disabled=true; progressEl.classList.remove('hidden'); try{ progressFill.style.width='20%';progressText.textContent='姝ｅ湪璇诲彇 Excel 鏂囦欢...'; const data=await readExcelFile(selectedFile); progressFill.style.width='50%';progressText.textContent='姝ｅ湪姹囨€昏绠?..'; const json=transformToDataJSON(data); progressFill.style.width='75%';progressText.textContent='姝ｅ湪閲嶇畻搴撳瓨棰勮...'; progressFill.style.width='90%';progressText.textContent='姝ｅ湪鍒锋柊鐪嬫澘...'; await saveDataJSON(json); progressFill.style.width='100%';progressText.textContent='鏇存柊瀹屾垚锛?; // Update inline data and re-render window.__INLINE_DATA__=json; DATA=json;augmentData();renderAll(); // Update all date displays const fd=$('#footerDate');if(fd&&json.meta)fd.textContent=json.meta.date; const hd=$('#heroDate');if(hd&&json.meta)hd.textContent='鏁版嵁鏇存柊浜?'+json.meta.date; const ad=$('#aboutDate');if(ad&&json.meta)ad.textContent=json.meta.date; // Show done setTimeout(()=>{ progressEl.classList.add('hidden'); showStep(stepDone); const stats=$('#updateDoneStats'); if(stats&&json.hero){ stats.textContent=`鍏?${json.hero.total_orders.toLocaleString()} 鏉¤鍗?路 ${json.hero.book_count} 涓搧绉?路 ${json.hero.total_sales} 涓囧厓閿€鍞`; } },500); }catch(err){ progressEl.classList.add('hidden'); uploadError.textContent='澶勭悊澶辫触锛?+(err.message||'鏈煡閿欒'); submitBtn.disabled=false; console.error('Data update error:',err); } }); } async function readExcelFile(file){ // Use SheetJS (xlsx) library 鈥?load from CDN dynamically if(typeof XLSX==='undefined'){ await new Promise((resolve,reject)=>{ const s=document.createElement('script'); s.src='https://cdn.sheetjs.com/xlsx-0.20.3/package/dist/xlsx.full.min.js'; s.onload=resolve;s.onerror=()=>reject(new Error('鍔犺浇 Excel 瑙ｆ瀽搴撳け璐ワ紝璇锋鏌ョ綉缁?)); document.head.appendChild(s); }); } const buf=await file.arrayBuffer(); const wb=XLSX.read(buf,{type:'array'}); if(!wb.SheetNames||wb.SheetNames.length===0)throw new Error('Excel 鏂囦欢涓病鏈夊伐浣滆〃'); const ws=wb.Sheets[wb.SheetNames[0]]; if(!ws)throw new Error('鏃犳硶璇诲彇 Excel 宸ヤ綔琛ㄥ唴瀹?); const rows=XLSX.utils.sheet_to_json(ws,{header:1,defval:null,blankrows:false}); if(!rows||!Array.isArray(rows)||rows.length===0)throw new Error('Excel 鏂囦欢鍐呭涓虹┖'); return rows; } function transformToDataJSON(rows){ // Header mapping for the Excel file if(!rows||!Array.isArray(rows))throw new Error('Excel 鏂囦欢瑙ｆ瀽澶辫触锛岃繑鍥炴暟鎹负绌?); if(rows.length<2)throw new Error('Excel 鏂囦欢娌℃湁鏁版嵁琛岋紙浠呭惈琛ㄥご鎴栦负绌猴級'); const header=rows[0]; if(!header||!Array.isArray(header))throw new Error('Excel 琛ㄥご鏍煎紡寮傚父'); // Find column indices by header names const findCol=name=>header.findIndex(h=>h&&String(h).trim()===name); const idxOrderSrc=findCol('璁㈠崟鏉ユ簮'); const idxShop=findCol('鍟嗛摵'); const idxPayTime=findCol('浠樻鏃堕棿'); const idxISBN=findCol('涔﹀彿'); const idxBookName=findCol('涔﹀悕'); const idxPrice=findCol('瀹氫环'); const idxOrderPrice=findCol('璁㈠崟浠锋牸'); const idxQty=findCol('鏁伴噺'); const idxCreator=findCol('骞冲彴杈句汉鍚嶇О'); const idxValid=findCol('鏄惁鏈夋晥'); const idxOrderStatus=findCol('浜ゆ槗鐘舵€?); const idxOrderId=findCol('璁㈠崟鍙?); // For dedup if(idxISBN<0)throw new Error('鏈壘鍒?涔﹀彿"鍒?); if(idxBookName<0)throw new Error('鏈壘鍒?涔﹀悕"鍒?); if(idxOrderPrice<0)throw new Error('鏈壘鍒?璁㈠崟浠锋牸"鍒?); if(idxQty<0)throw new Error('鏈壘鍒?鏁伴噺"鍒?); const now=new Date(); const dateStr=now.getFullYear()+'-'+String(now.getMonth()+1).padStart(2,'0')+'-'+String(now.getDate()).padStart(2,'0'); // Aggregate data const bookMap={}; // ISBN -> { name, price, dy_orders, wx_orders, dy_sales, wx_sales, daily_dy, daily_wx, cover } const creatorMap={}; // name -> { sales, orders, platform } const dailyMap={}; // date -> { dy, wx, dy_orders, wx_orders } let totalSales=0, totalOrders=0; let totalDySales=0, totalWxSales=0, totalDyOrders=0, totalWxOrders=0; // Date range for daily trends let minDate=null, maxDate=null; // 鈹€鈹€ V7 Dedup: load previously processed order IDs 鈹€鈹€ let processedOrderIds=null; try{ if(window.__INLINE_DATA__&&window.__INLINE_DATA__._processedOrderIds){ processedOrderIds=new Set(window.__INLINE_DATA__._processedOrderIds); } }catch(e){console.warn('dedup init:',e)} const newOrderIds=[]; // collect new order IDs for this run let skippedCount=0,newCount=0; for(let i=1;i<rows.length;i++){ const r=rows[i]; if(!r||r.length===0)continue; let isbn=r[idxISBN]?String(r[idxISBN]).trim():'';isbn=isbn.replace(/\.0+$/,''); // strip Excel numeric suffix const bookName=r[idxBookName]?String(r[idxBookName]).trim():''; const orderPrice=parseFloat(r[idxOrderPrice])||0; const qty=parseFloat(r[idxQty])||1; const priceTag=parseFloat(r[idxPrice])||0; const payTime=r[idxPayTime]?String(r[idxPayTime]).trim():''; const orderSrc=r[idxOrderSrc]?String(r[idxOrderSrc]).trim():''; const creator=r[idxCreator]?String(r[idxCreator]).trim():''; const isValid=r[idxValid]?String(r[idxValid]).trim():''; const orderStatus=r[idxOrderStatus]?String(r[idxOrderStatus]).trim():''; // Skip invalid / cancelled orders if(isValid==='鍚?||orderStatus.includes('鍏抽棴')||orderStatus.includes('鍙栨秷')||orderStatus.includes('閫€娆?))continue; // 鈹€鈹€ Dedup: skip already processed orders 鈹€鈹€ const orderId=r[idxOrderId]?String(r[idxOrderId]).trim():''; if(orderId&&processedOrderIds&&processedOrderIds.has(orderId)){skippedCount++;continue;} if(orderId)newOrderIds.push(orderId); newCount++; // Determine platform: WECHATVIDEO=瑙嗛鍙? ZHIDIANSHANGCHENG=鏅虹偣鍟嗗煄(鎶栭煶) // WAP,WAP/JINGDONG/PINDUODUO/TAOBAO/YOUZAN etc = spillover (sp) // 鎵嬪伐瀵煎叆/鐢靛晢澶栧崟 = skip let platform='other'; const srcLower=orderSrc.toLowerCase(); const shop=(r[idxShop]?String(r[idxShop]).trim():'').toLowerCase(); if(srcLower.includes('wechatvideo')||srcLower.includes('瑙嗛鍙?)||srcLower.includes('shipinhao'))platform='wx'; else if(srcLower.includes('zhidianshangcheng')||srcLower.includes('鏅虹偣')||srcLower.includes('鎶栭煶')||srcLower.includes('douyin'))platform='dy'; else if(shop.includes('鎶栭煶')||shop.includes('鏅虹偣'))platform='dy'; else if(shop.includes('瑙嗛鍙?)||shop.includes('shipinhao'))platform='wx'; else if(srcLower.includes('鎵嬪伐')||srcLower.includes('澶栧崟'))platform='skip'; else platform='sp'; // All other channels (JD, PDD, Taobao, WAP, Youzan etc.) = spillover if(platform==='skip')continue; const sales=orderPrice*qty; const isSp=platform==='sp'; if(!isSp){totalSales+=sales;totalOrders+=qty;} // Book aggregate if(!bookMap[isbn]){ bookMap[isbn]={name:bookName||isbn,price:priceTag||orderPrice, dy_orders:0,wx_orders:0,dy_sales:0,wx_sales:0, sp_orders:0,sp_sales:0,sp_stores:{}}; } const bk=bookMap[isbn]; if(isSp){ bk.sp_orders+=qty;bk.sp_sales+=sales; // Track spillover store breakdown const storeName=r[idxShop]?String(r[idxShop]).trim():'鍏朵粬'; if(!bk.sp_stores[storeName])bk.sp_stores[storeName]={orders:0,sales:0}; bk.sp_stores[storeName].orders+=qty; bk.sp_stores[storeName].sales+=sales; }else if(platform==='dy'){bk.dy_orders+=qty;bk.dy_sales+=sales;totalDyOrders+=qty;totalDySales+=sales} else{bk.wx_orders+=qty;bk.wx_sales+=sales;totalWxOrders+=qty;totalWxSales+=sales} // Creator aggregate (only if has creator name) if(creator&&creator.trim()){ if(!creatorMap[creator])creatorMap[creator]={name:creator,sales:0,orders:0,platform:platform}; creatorMap[creator].sales+=sales; creatorMap[creator].orders+=qty; } // Daily aggregate if(payTime){ const d=payTime.substring(0,10); // YYYY-MM-DD if(d){ if(!dailyMap[d])dailyMap[d]={dy:0,wx:0,sp:0,dy_orders:0,wx_orders:0,sp_orders:0}; if(isSp){dailyMap[d].sp+=sales;dailyMap[d].sp_orders+=qty} else if(platform==='dy'){dailyMap[d].dy+=sales;dailyMap[d].dy_orders+=qty} else{dailyMap[d].wx+=sales;dailyMap[d].wx_orders+=qty} if(!minDate||d<minDate)minDate=d; if(!maxDate||d>maxDate)maxDate=d; } } } // Convert to arrays const products=Object.entries(bookMap).map(([isbn,bk])=>{ const days=Math.max(1,getDaysBetween(minDate,maxDate)); const spStoresArr=Object.entries(bk.sp_stores||{}).map(([name,s])=>({name,orders:s.orders,sales:s.sales})); return { isbn,name:bk.name,price:bk.price, cover:`covers/${isbn}.png`, orders:bk.dy_orders+bk.wx_orders, sales:Math.round((bk.dy_sales+bk.wx_sales)/1000)/10, // 涓囧厓 dy_orders:bk.dy_orders,wx_orders:bk.wx_orders, dy_sales:Math.round(bk.dy_sales/1000)/10, wx_sales:Math.round(bk.wx_sales/1000)/10, sp_orders:bk.sp_orders||0,sp_sales:bk.sp_sales||0, sp_sales_wan:Math.round((bk.sp_sales||0)/1000)/10, daily_dy:Math.round(bk.dy_orders/days*10)/10, daily_wx:Math.round(bk.wx_orders/days*10)/10, sp_stores:spStoresArr }; }).sort((a,b)=>b.sales-a.sales); const dailyTrends=Object.entries(dailyMap) .map(([date,d])=>({date,dy:Math.round(d.dy/1000)/10,wx:Math.round(d.wx/1000)/10,sp:Math.round((d.sp||0)/100)/100,dy_orders:d.dy_orders,wx_orders:d.wx_orders,sp_orders:d.sp_orders||0})) .sort((a,b)=>a.date.localeCompare(b.date)); const creators=Object.values(creatorMap) .map(c=>({...c,sales_wan:Math.round(c.sales/1000)/10})) .sort((a,b)=>b.sales-a.sales) .slice(0,20); // Monthly trends const monthlyMap={}; dailyTrends.forEach(d=>{ const m=d.date.substring(0,7); if(!monthlyMap[m])monthlyMap[m]={month:m,sales:0,orders:0}; monthlyMap[m].sales+=d.dy*10000+d.wx*10000; monthlyMap[m].orders+=d.dy_orders+d.wx_orders; }); const monthlyDy=[],monthlyWx=[]; const monthlyDyMap={},monthlyWxMap={}; dailyTrends.forEach(d=>{ const m=d.date.substring(0,7); if(!monthlyDyMap[m])monthlyDyMap[m]={month:m,sales:0,orders:0}; if(!monthlyWxMap[m])monthlyWxMap[m]={month:m,sales:0,orders:0}; monthlyDyMap[m].sales+=d.dy;monthlyDyMap[m].orders+=d.dy_orders; monthlyWxMap[m].sales+=d.wx;monthlyWxMap[m].orders+=d.wx_orders; }); Object.values(monthlyDyMap).sort((a,b)=>a.month.localeCompare(b.month)).forEach(m=>monthlyDy.push({month:m.month,sales:Math.round(m.sales*100)/100,orders:m.orders})); Object.values(monthlyWxMap).sort((a,b)=>a.month.localeCompare(b.month)).forEach(m=>monthlyWx.push({month:m.month,sales:Math.round(m.sales*100)/100,orders:m.orders})); const totalSalesWan=Math.round(totalSales/1000)/10; const dyPct=totalSales>0?Math.round(totalDySales/totalSales*1000)/10:0; const wxPct=totalSales>0?Math.round(totalWxSales/totalSales*1000)/10:0; // 鈹€鈹€ Build spillover data from real orders 鈹€鈹€ let spBooks=[],spTotalOrders=0,spTotalSales=0,spStoreSet=new Set(); products.filter(p=>p.sp_orders>0).forEach(p=>{ spTotalOrders+=p.sp_orders;spTotalSales+=p.sp_sales; const stores=p.sp_stores.map(s=>{spStoreSet.add(s.name);return {name:s.name,icon:'馃洅',orders:s.orders,sales:s.sales}}) .sort((a,b)=>b.sales-a.sales); spBooks.push({ name:p.name,isbn:p.isbn,cover:p.cover,price:p.price, sales:p.sp_sales,sales_wan:p.sp_sales_wan,orders:p.sp_orders, store_count:stores.length,stores }); }); spBooks.sort((a,b)=>b.sales-a.sales); const spillover=spBooks.length>0?{ summary:{ total_orders:spTotalOrders,total_sales:spTotalSales, total_sales_wan:Math.round(spTotalSales/1000)/10, book_count:spBooks.length,store_count:spStoreSet.size }, books:spBooks }:null; // 鈹€鈹€ hero pct: dy/(dy+wx) and wx/(dy+wx) 鈹€鈹€ const paidTotal=totalDySales+totalWxSales; const dyPctPaid=paidTotal>0?Math.round(totalDySales/paidTotal*1000)/10:0; const wxPctPaid=paidTotal>0?Math.round(totalWxSales/paidTotal*1000)/10:0; // totalDySales/totalWxSales are in 鍏? convert to 涓囧厓 with 0.01 precision const dySalesWan=Math.round(totalDySales/1000)/10; const wxSalesWan=Math.round(totalWxSales/1000)/10; const result={ meta:{ version:'7.0.0', generated_at:dateStr+' '+String(now.getHours()).padStart(2,'0')+':'+String(now.getMinutes()).padStart(2,'0')+':'+String(now.getSeconds()).padStart(2,'0'), date:dateStr, title:'鎶栭煶路瑙嗛鍙?鎶曟祦杩愯惀鐩戞帶 v7 | 绉戝鍑虹増绀? }, hero:{ total_sales:totalSalesWan, total_orders:totalOrders, book_count:products.length, creator_count:creators.length, dy:{sales:dySalesWan,orders:totalDyOrders,pct:dyPctPaid}, wx:{sales:wxSalesWan,orders:totalWxOrders,pct:wxPctPaid}, mom_growth:0, spillover:spillover?.summary||null }, products, monthly_trends:{dy:monthlyDy,wx:monthlyWx}, daily_trends:dailyTrends, creators, spillover, inventory:[], _processedOrderIds:newOrderIds // track processed order IDs for future dedup }; console.log('[鎺掗噸] 璺宠繃宸插鐞?'+skippedCount+' 鏂板:'+newCount+' 璁㈠崟鍙锋睜:'+newOrderIds.length); // 鈹€鈹€ V6: Recalculate inventory based on new sales data 鈹€鈹€ // Preserve existing inventory data and recalculate status let existingInv=[]; try{ if(window.__INLINE_DATA__&&window.__INLINE_DATA__.inventory&&Array.isArray(window.__INLINE_DATA__.inventory)){ existingInv=window.__INLINE_DATA__.inventory.filter(x=>x&&x.name); } }catch(e){console.warn('inventory read:',e)} // Build a 7-day sales lookup from daily trends (last 7 days per platform per book) const last7Days=(Array.isArray(dailyTrends)&&dailyTrends.length>0)?dailyTrends.slice(-7):[]; const bookSales7d={}; // Per-book daily sales: allocate total daily dy/wx proportionally to each book if(Array.isArray(products)&&products.length>0){ for(const bk of products){ if(!bk||!bk.name)continue; const dyShare=bk.dy_orders/Math.max(1,totalDyOrders); const wxShare=bk.wx_orders/Math.max(1,totalWxOrders); let dy7d=0,wx7d=0; for(const d of last7Days){ const dDy=parseFloat(d.dy)||0,dWx=parseFloat(d.wx)||0; dy7d+=dDy*10000*dyShare; // convert 涓囧厓鈫掑厓 wx7d+=dWx*10000*wxShare; } const price=Math.max(1,bk.price||1); bookSales7d[bk.name]={bk, sales_dy_7d:Math.round(dy7d/price)||0, sales_wx_7d:Math.round(wx7d/price)||0 }; } } // Fuzzy match: find product sales data for an inventory item function findBookSales(invName){ if(!invName)return null; if(bookSales7d[invName])return bookSales7d[invName]; for(const k of Object.keys(bookSales7d)){ if(k.includes(invName)||invName.includes(k))return bookSales7d[k]; } return null; } let inventory=[]; if(existingInv.length>0){ inventory=existingInv.map(inv=>{ if(!inv||!inv.name)return null; const bs=findBookSales(inv.name); let s7d; if(bs){ s7d={sales_dy_7d:bs.sales_dy_7d||0,sales_wx_7d:bs.sales_wx_7d||0}; }else{ s7d={sales_dy_7d:inv.sales_dy_7d||0,sales_wx_7d:inv.sales_wx_7d||0}; } const total7d=s7d.sales_dy_7d+s7d.sales_wx_7d; const zhanshu=parseInt(inv.zhanshu)||0; const erpKefa=parseInt(inv.erp_kefa)||0; const daysLeft=total7d>0?Math.round((zhanshu+erpKefa)/total7d*7*10)/10:999; let status='ok',suggestion='搴撳瓨姝ｅ父'; if(inv.est_date&&inv.est_qty){ const estQty=parseInt(inv.est_qty)||0; const effStock=zhanshu+erpKefa+estQty; const dl=total7d>0?Math.round(effStock/total7d*7*10)/10:999; if(dl<15){status='danger';suggestion='浠呭'+Math.round(dl)+'澶╋紝寤鸿绱ф€ヨˉ璐?} else if(dl<30){status='warn';suggestion='搴撳瓨鍋忎綆锛屽叧娉ㄨˉ璐ц繘搴?} else{suggestion='搴撳瓨姝ｅ父'} }else if(total7d>0){ if(daysLeft<15){status='danger';suggestion='浠呭'+Math.round(daysLeft)+'澶╋紝寤鸿绱ф€ヨˉ璐?} else if(daysLeft<30){status='warn';suggestion='搴撳瓨鍋忎綆锛屽缓璁ˉ璐?} } if(inv.status==='presale'){status='presale';suggestion=inv.suggestion||'棰勫敭涓?} return { ...inv, sales_dy_7d:s7d.sales_dy_7d, sales_wx_7d:s7d.sales_wx_7d, sales_7d_total:total7d, days_left:daysLeft, status, suggestion }; }).filter(Boolean); // remove any null entries } result.inventory=inventory; // 鈹€鈹€ V7: Merge with existing historical data (dedup + accumulate) 鈹€鈹€ const prevData=window.__INLINE_DATA__; if(prevData&&prevData.products&&prevData.daily_trends){ console.log('[鍚堝苟] 鍘嗗彶鏁版嵁:',prevData.products.length,'鍝佺,',prevData.daily_trends.length,'澶?); console.log('[鍚堝苟] 鏂版暟鎹?',result.products.length,'鍝佺,',result.daily_trends.length,'澶?); // 1. Merge products by ISBN const mergedProductMap={}; // Load existing products first (prevData.products||[]).forEach(p=>{ if(!p||!p.isbn)return; const oldSpStores={}; (p.sp_stores||[]).forEach(s=>{oldSpStores[s.name]={orders:s.orders||0,sales:s.sales||0}}); mergedProductMap[p.isbn]={ isbn:p.isbn, name:p.name||'', price:p.price||0, cover:p.cover||('covers/'+p.isbn+'.png'), dy_orders:p.dy_orders||0, wx_orders:p.wx_orders||0, dy_sales:(p.dy_sales||0)*10000, // convert 涓囧厓鈫掑厓 for accumulation wx_sales:(p.wx_sales||0)*10000, sp_orders:p.sp_orders||0, sp_sales:p.sp_sales||0, sp_stores:oldSpStores }; }); // Also merge historical spillover data (from prevData.spillover.books, since prev products may lack sp fields). // Only apply when the product doesn't already have sp data from its own fields. if(prevData.spillover&&prevData.spillover.books){ const hasAnySp=Object.values(mergedProductMap).some(mp=>mp.sp_orders>0); if(!hasAnySp){ prevData.spillover.books.forEach(b=>{ if(!b||!b.isbn)return; if(mergedProductMap[b.isbn]){ const mp=mergedProductMap[b.isbn]; mp.sp_orders=(b.orders||0); mp.sp_sales=(b.sales||0); mp.sp_stores={}; (b.stores||[]).forEach(s=>{ mp.sp_stores[s.name]={orders:s.orders||0,sales:s.sales||0}; }); } }); } } // Merge new products in result.products.forEach(p=>{ if(!p||!p.isbn)return; if(mergedProductMap[p.isbn]){ const mp=mergedProductMap[p.isbn]; mp.dy_orders+=p.dy_orders; mp.wx_orders+=p.wx_orders; mp.dy_sales+=p.dy_sales*10000; mp.wx_sales+=p.wx_sales*10000; mp.sp_orders+=(p.sp_orders||0); mp.sp_sales+=(p.sp_sales||0); // Merge sp_stores (p.sp_stores||[]).forEach(s=>{ if(mp.sp_stores[s.name]){mp.sp_stores[s.name].orders+=s.orders||0;mp.sp_stores[s.name].sales+=s.sales||0} else mp.sp_stores[s.name]={orders:s.orders||0,sales:s.sales||0}; }); // Use newer name if available if(p.name&&!mp.name)mp.name=p.name; // Keep existing cover, but use new if existing is default if(!mp.cover||mp.cover===('covers/'+p.isbn+'.png'))mp.cover=p.cover||mp.cover; }else{ const newSpStores={}; (p.sp_stores||[]).forEach(s=>{newSpStores[s.name]={orders:s.orders||0,sales:s.sales||0}}); mergedProductMap[p.isbn]={ isbn:p.isbn, name:p.name||'', price:p.price||0, cover:p.cover||('covers/'+p.isbn+'.png'), dy_orders:p.dy_orders, wx_orders:p.wx_orders, dy_sales:p.dy_sales*10000, wx_sales:p.wx_sales*10000, sp_orders:p.sp_orders||0, sp_sales:p.sp_sales||0, sp_stores:newSpStores }; } }); // 2. Merge daily_trends by date FIRST (same date 鈫?accumulate; new date 鈫?append) const mergedDailyMap={}; (prevData.daily_trends||[]).forEach(d=>{ if(!d||!d.date)return; mergedDailyMap[d.date]={date:d.date,dy:d.dy||0,wx:d.wx||0,sp:d.sp||0,dy_orders:d.dy_orders||0,wx_orders:d.wx_orders||0,sp_orders:d.sp_orders||0}; }); // Also merge historical spillover_daily into daily_trends (prev daily_trends may lack sp field). // Only merge if daily_trends has no sp data yet (avoid double-counting). const hasPrevDailySp=(prevData.daily_trends||[]).some(d=>(d.sp||0)>0); if(!hasPrevDailySp&&prevData.spillover_daily){ prevData.spillover_daily.forEach(sd=>{ if(!sd||!sd.date)return; if(mergedDailyMap[sd.date]){ mergedDailyMap[sd.date].sp+=(sd.sales||0); }else{ mergedDailyMap[sd.date]={date:sd.date,dy:0,wx:0,sp:sd.sales||0,dy_orders:0,wx_orders:0,sp_orders:0}; } }); } result.daily_trends.forEach(d=>{ if(!d||!d.date)return; if(mergedDailyMap[d.date]){ const md=mergedDailyMap[d.date]; md.dy+=d.dy||0; md.wx+=d.wx||0; md.sp+=d.sp||0; md.dy_orders+=d.dy_orders||0; md.wx_orders+=d.wx_orders||0; md.sp_orders+=d.sp_orders||0; }else{ mergedDailyMap[d.date]={...d}; } }); const mergedDaily=Object.values(mergedDailyMap).sort((a,b)=>a.date.localeCompare(b.date)); result.daily_trends=mergedDaily; // Rebuild products array with computed fields (use merged date range) const mergedDates=Object.keys(mergedDailyMap).sort(); const mergedMinDate=mergedDates[0]||minDate; const mergedMaxDate=mergedDates[mergedDates.length-1]||maxDate; const totalDays=Math.max(1,getDaysBetween(mergedMinDate,mergedMaxDate)); const mergedProducts=Object.values(mergedProductMap).map(bk=>{ const totalSalesYuan=bk.dy_sales+bk.wx_sales; const totalOrders=bk.dy_orders+bk.wx_orders; const spStoresArr=Object.entries(bk.sp_stores||{}).map(([name,s])=>({name,orders:s.orders||0,sales:s.sales||0})); return { isbn:bk.isbn, name:bk.name, price:bk.price, cover:bk.cover, orders:totalOrders, sales:Math.round(totalSalesYuan/1000)/10, dy_orders:bk.dy_orders, wx_orders:bk.wx_orders, dy_sales:Math.round(bk.dy_sales/1000)/10, wx_sales:Math.round(bk.wx_sales/1000)/10, sp_orders:bk.sp_orders||0, sp_sales:bk.sp_sales||0, sp_sales_wan:Math.round((bk.sp_sales||0)/1000)/10, daily_dy:Math.round(bk.dy_orders/totalDays*10)/10, daily_wx:Math.round(bk.wx_orders/totalDays*10)/10, sp_stores:spStoresArr }; }).sort((a,b)=>b.sales-a.sales); result.products=mergedProducts; // 3. Recalculate monthly_trends from merged daily const mDyMap={},mWxMap={}; mergedDaily.forEach(d=>{ const m=d.date.substring(0,7); if(!mDyMap[m])mDyMap[m]={month:m,sales:0,orders:0}; if(!mWxMap[m])mWxMap[m]={month:m,sales:0,orders:0}; mDyMap[m].sales+=d.dy||0; mDyMap[m].orders+=d.dy_orders||0; mWxMap[m].sales+=d.wx||0; mWxMap[m].orders+=d.wx_orders||0; }); const mergedDy=[],mergedWx=[]; Object.values(mDyMap).sort((a,b)=>a.month.localeCompare(b.month)).forEach(m=>mergedDy.push({month:m.month,sales:Math.round(m.sales*100)/100,orders:m.orders})); Object.values(mWxMap).sort((a,b)=>a.month.localeCompare(b.month)).forEach(m=>mergedWx.push({month:m.month,sales:Math.round(m.sales*100)/100,orders:m.orders})); result.monthly_trends={dy:mergedDy,wx:mergedWx}; // 4. Merge creators by name + platform (dedup & accumulate) const mergedCreatorMap={}; (prevData.creators||[]).forEach(c=>{ if(!c||!c.name)return; const key=c.name+'|||'+(c.platform||'dy'); mergedCreatorMap[key]={name:c.name,platform:c.platform||'dy',sales:(c.sales||0),orders:(c.orders||0)}; }); result.creators.forEach(c=>{ if(!c||!c.name)return; const key=c.name+'|||'+(c.platform||'dy'); if(mergedCreatorMap[key]){ mergedCreatorMap[key].sales+=c.sales||0; mergedCreatorMap[key].orders+=c.orders||0; }else{ mergedCreatorMap[key]={name:c.name,platform:c.platform||'dy',sales:c.sales||0,orders:c.orders||0}; } }); result.creators=Object.values(mergedCreatorMap) .map(c=>({...c,sales_wan:Math.round(c.sales/1000)/10})) .sort((a,b)=>b.sales-a.sales) .slice(0,20); // 5. Recalculate hero totals from merged products & daily let mTotalSalesWan=0,mTotalOrders=0,mTotalDySalesWan=0,mTotalDyOrders=0,mTotalWxSalesWan=0,mTotalWxOrders=0; let mTotalSpSales=0,mTotalSpOrders=0,mSpStoreSet=new Set(); mergedProducts.forEach(p=>{ mTotalOrders+=p.orders; mTotalDyOrders+=p.dy_orders; mTotalWxOrders+=p.wx_orders; mTotalSpOrders+=(p.sp_orders||0); mTotalSpSales+=(p.sp_sales||0); // dy_sales/wx_sales/sales are already in 涓囧厓 from product building mTotalSalesWan+=p.sales; mTotalDySalesWan+=p.dy_sales; mTotalWxSalesWan+=p.wx_sales; (p.sp_stores||[]).forEach(s=>mSpStoreSet.add(s.name)); }); mTotalSalesWan=Math.round(mTotalSalesWan*100)/100; const mPaidTotalWan=mTotalDySalesWan+mTotalWxSalesWan; const mDyPct=mPaidTotalWan>0?Math.round(mTotalDySalesWan/mPaidTotalWan*1000)/10:0; const mWxPct=mPaidTotalWan>0?Math.round(mTotalWxSalesWan/mPaidTotalWan*1000)/10:0; const mSpSummary=mTotalSpOrders>0?{ total_orders:mTotalSpOrders,total_sales:mTotalSpSales, total_sales_wan:Math.round(mTotalSpSales/1000)/10, book_count:mergedProducts.filter(p=>p.sp_orders>0).length, store_count:mSpStoreSet.size }:null; result.hero={ total_sales:mTotalSalesWan, total_orders:mTotalOrders, book_count:mergedProducts.length, creator_count:result.creators.length, dy:{sales:Math.round(mTotalDySalesWan*100)/100,orders:mTotalDyOrders,pct:mDyPct}, wx:{sales:Math.round(mTotalWxSalesWan*100)/100,orders:mTotalWxOrders,pct:mWxPct}, mom_growth:prevData.hero?.mom_growth||0, spillover:mSpSummary }; // 6. Build merged spillover from merged products const mSpBooks=[]; mergedProducts.filter(p=>p.sp_orders>0).forEach(p=>{ const stores=(p.sp_stores||[]).map(s=>({name:s.name,icon:'馃洅',orders:s.orders,sales:s.sales})) .sort((a,b)=>b.sales-a.sales); mSpBooks.push({ name:p.name,isbn:p.isbn,cover:p.cover,price:p.price, sales:p.sp_sales,sales_wan:p.sp_sales_wan,orders:p.sp_orders, store_count:stores.length,stores }); }); mSpBooks.sort((a,b)=>b.sales-a.sales); result.spillover=mSpBooks.length>0?{summary:mSpSummary,books:mSpBooks}:null; // 7. Preserve inventory (already handled above via existingInv) // 8. Update meta result.meta.date=dateStr; result.meta.generated_at=dateStr+' '+String(now.getHours()).padStart(2,'0')+':'+String(now.getMinutes()).padStart(2,'0')+':'+String(now.getSeconds()).padStart(2,'0'); // 9. Merge processed order IDs for future dedup if(prevData._processedOrderIds&&Array.isArray(prevData._processedOrderIds)){ const mergedIds=new Set(prevData._processedOrderIds); (result._processedOrderIds||[]).forEach(id=>mergedIds.add(id)); result._processedOrderIds=Array.from(mergedIds); } console.log('[鍚堝苟] 鍚堝苟鍚?',result.products.length,'鍝佺,',result.daily_trends.length,'澶?',result.creators.length,'杈句汉, 璁㈠崟鍙锋睜:',result._processedOrderIds.length); } return result; } async function syncDataJSON(json){ const response=await fetch(window.__v6ApiUrl('/api/data'),{ method:'POST', headers:{ 'Content-Type':'application/json', 'X-Update-Password':UPDATE_PASSWORD }, body:JSON.stringify({ password:UPDATE_PASSWORD, data:json }) }); const contentType=(response.headers.get('content-type')||'').toLowerCase(); const raw=await response.text(); let payload=null; if(raw){ try{payload=JSON.parse(raw)}catch(e){} } if(!response.ok){ throw new Error((payload&&payload.message)||raw||('HTTP '+response.status)); } if(!contentType.includes('application/json')){ throw new Error('浜戠鍚屾鎺ュ彛鏈繑鍥?JSON'); } if(!payload||typeof payload!=='object'){ throw new Error('浜戠鍚屾鎺ュ彛杩斿洖鏍煎紡寮傚父'); } if(payload.success!==true){ throw new Error(payload.message||'浜戠鍚屾澶辫触'); } return payload; } async function saveDataJSON(json){ try{ await syncDataJSON(json); }catch(err){ console.warn('Cloud sync failed, continuing with local backup only:',err); showToast('浜戠鍚屾澶辫触锛屽凡淇濆瓨鏈湴澶囦唤'); } const blob=new Blob([JSON.stringify(json,null,2)],{type:'application/json'}); const url=URL.createObjectURL(blob); const a=document.createElement('a'); a.href=url;a.download='data.json';document.body.appendChild(a);a.click(); document.body.removeChild(a);URL.revokeObjectURL(url); } function getDaysBetween(d1,d2){ if(!d1||!d2)return 30; const a=new Date(d1),b=new Date(d2); return Math.max(1,Math.round((b-a)/86400000)+1); } function formatFileSize(bytes){ if(bytes<1024)return bytes+' B'; if(bytes<1048576)return (bytes/1024).toFixed(1)+' KB'; return (bytes/1048576).toFixed(1)+' MB'; } /* Remove EdgeOne preview banner 鈥?deferred to avoid blocking */ setTimeout(function(){ try{ var selectors=['#edgeone-banner','[class*="edgeone" i][class*="banner" i]','[class*="eop" i][class*="banner" i]','[id*="edgeone" i]','[data-eo-banner]']; selectors.forEach(function(s){try{var els=document.querySelectorAll(s);els.forEach(function(el){el.remove()})}catch(e){}}); }catch(e){} },100); /* Install */ document.addEventListener('DOMContentLoaded',()=>{ initTheme();initFontSize();initExport();initTrendWindowSwitches();loadData(); // SW if('serviceWorker' in navigator){ navigator.serviceWorker.register('sw.js?v=6.0',{scope:'./'}).then(reg=>{ navigator.serviceWorker.addEventListener('message',e=>{if(e.data&&e.data.type==='SW_UPDATED')location.reload()}); }).catch(()=>{}); } // Offline detection window.addEventListener('online',()=>$('#offlineBanner').classList.remove('show')); window.addEventListener('offline',()=>$('#offlineBanner').classList.add('show')); if(!navigator.onLine)$('#offlineBanner').classList.add('show'); // Platform detection for install guide const ua=navigator.userAgent||''; const isWX=/MicroMessenger/i.test(ua),isIOS=/iPhone|iPad|iPod/i.test(ua),isChrome=/Chrome/i.test(ua)&&!/Edge/i.test(ua),isEdge=/Edg/i.test(ua); let platformTag,platformClass; if(isWX){platformTag='寰俊';platformClass='wx'} else if(isIOS){platformTag='iOS Safari';platformClass='ios'} else if(isChrome){platformTag='Chrome';platformClass='chrome'} else if(isEdge){platformTag='Edge';platformClass='edge'} else{platformTag='娴忚鍣?;platformClass='chrome'} let stepsHTML; if(isWX){stepsHTML='<div class="guide-step"><span class="step-num">1</span><span>鐐瑰嚮鍙充笂瑙?<b>路路路</b> 鑿滃崟</span></div><div class="guide-step"><span class="step-num">2</span><span>閫夋嫨 <b>鍦ㄦ祻瑙堝櫒涓墦寮€</b></span></div><div class="guide-step"><span class="step-num">3</span><span>鍦ㄦ祻瑙堝櫒涓墦寮€鍚庯紝鎸夋祻瑙堝櫒鏂瑰紡<b>娣诲姞鍒版闈?/b></span></div>'} else if(isIOS){stepsHTML='<div class="guide-step"><span class="step-num">1</span><span>鐐瑰嚮搴曢儴涓棿鐨?<b>鍒嗕韩鎸夐挳</b></span></div><div class="guide-step"><span class="step-num">2</span><span>鍚戜笅婊戝姩锛屾壘鍒?<b>娣诲姞鍒颁富灞忓箷</b></span></div><div class="guide-step"><span class="step-num">3</span><span>鐐瑰嚮鍙充笂瑙?<b>娣诲姞</b>"锛屽畬鎴愶紒</span></div>'} else{stepsHTML='<div class="guide-step"><span class="step-num">1</span><span>鐐瑰嚮鍙充笂瑙?<b>鈰?/b> 鑿滃崟鎸夐挳</span></div><div class="guide-step"><span class="step-num">2</span><span>閫夋嫨 <b>娣诲姞鍒颁富灞忓箷</b>锛堟垨"瀹夎搴旂敤"锛?/span></div><div class="guide-step"><span class="step-num">3</span><span>纭娣诲姞锛屾闈㈠嵆鍙湅鍒板浘鏍?/span></div>'} const platEl=$('#guidePlatform');if(platEl){platEl.textContent=platformTag;platEl.className='guide-platform '+platformClass} const stepsEl=$('#guideSteps');if(stepsEl)stepsEl.innerHTML=stepsHTML; let deferredPrompt=null; window.addEventListener('beforeinstallprompt',e=>{e.preventDefault();deferredPrompt=e}); const piBtn=$('#profileInstall');if(piBtn)piBtn.addEventListener('click',()=>{ if(window.matchMedia('(display-mode: standalone)').matches){showToast('宸插畨瑁呬负妗岄潰搴旂敤锛?);return} if(deferredPrompt){deferredPrompt.prompt();deferredPrompt.userChoice.then(()=>{deferredPrompt=null})} else{$('#installOverlay').classList.add('show')} }); const guideBtn=$('#guideAction'); if(guideBtn){guideBtn.textContent='鐭ラ亾浜?;guideBtn.addEventListener('click',()=>{$('#installOverlay').classList.remove('show')})} /* 鈹€鈹€ Data Update via Excel Upload 鈹€鈹€ */ initDataUpdate(); /* 鈹€鈹€ Rank Search (V6) 鈹€鈹€ */ const rsi=$('#rankSearchInput');if(rsi){ rsi.addEventListener('input',function(){ rankSearchKeyword=this.value; renderRankings(); }); } }); </script> </body> </html>