闂備胶绮喊宥囩矙閹惧瓨鍙忓┑鍌氭啞閸ゅ﹥銇勮箛鎾愁仼鐞氱喖姊虹粙璺ㄧ闁硅櫕鍔欏顐﹀传閵夈儱顕ч梺鐓庮潟閸婃宕?/title> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <link href="https://cdn.jsdelivr.net/npm/tailwindcss@2.2.19/dist/tailwind.min.css" rel="stylesheet"> <style> body { font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; background-color: #f9fafb; color: #1f2937; } .container { max-width: 100%; /* Adjust for mobile */ margin: 0 auto; padding: 20px; } .header { text-align: center; margin-bottom: 20px; } .header h1 { font-size: 2rem; /* Adjust for mobile */ color: #1f2937; } .button { background-color: #3b82f6; color: white; padding: 10px 20px; border-radius: 5px; transition: background-color 0.3s; } .button:hover { background-color: #2563eb; } .input-group { margin-bottom: 15px; } .input-group label { display: block; margin-bottom: 5px; color: #4b5563; } .input-group input { width: 100%; padding: 8px; border: 1px solid #d1d5db; border-radius: 5px; } .footer { text-align: center; margin-top: 30px; color: #6b7280; } .output-box { max-height: 400px; overflow-y: auto; } .task-card { background: white; border-radius: 0.5rem; padding: 1rem; margin-bottom: 1rem; border-left: 4px solid #3b82f6; transition: all 0.3s; } .task-card.selected { border-left-color: #10b981; background-color: #f0fdf4; } .quick-select-btn { padding: 0.25rem 0.75rem; border-radius: 0.375rem; font-size: 0.875rem; margin: 0.25rem; cursor: pointer; transition: all 0.2s; } .stop-btn { background-color: #ef4444; color: white; transition: all 0.2s; } .stop-btn:hover { background-color: #dc2626; } .stop-btn:disabled { background-color: #f87171; cursor: not-allowed; } .charge-detail-row { display: flex; justify-content: space-between; align-items: flex-start; gap: 0.75rem; padding: 0.4rem 0; border-bottom: 1px solid #f1f5f9; } .charge-detail-row:last-child { border-bottom: none; } .charge-detail-label { color: #64748b; flex: 0 0 auto; } .charge-detail-value { color: #1f2937; text-align: right; word-break: break-word; } .guard-board { display: grid; gap: 0.75rem; } .guard-hero { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 0.75rem; padding: 0.9rem 1rem; border-radius: 0.75rem; background: linear-gradient(135deg, #fff7ed, #fffbeb); border: 1px solid #fdba74; } .guard-hero-title { font-size: 0.78rem; color: #9a3412; letter-spacing: 0.04em; } .guard-hero-status { font-size: 1.05rem; font-weight: 600; color: #7c2d12; } .guard-hero-meta { font-size: 0.82rem; color: #b45309; text-align: right; } .guard-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0.75rem; } .guard-card { padding: 0.9rem 1rem; border-radius: 0.75rem; background: #ffffff; border: 1px solid #fde68a; box-shadow: inset 0 1px 0 rgba(255,255,255,0.75); } .guard-card-label { font-size: 0.78rem; color: #92400e; margin-bottom: 0.3rem; } .guard-card-value { font-size: 1rem; font-weight: 600; color: #1f2937; word-break: break-word; } .guard-card-note { margin-top: 0.35rem; font-size: 0.8rem; color: #6b7280; } @media (max-width: 768px) { .container { padding: 10px; /* Reduce padding for mobile */ } .header h1 { font-size: 1.5rem; /* Reduce font size for mobile */ } .input-group label, .quick-select-btn, .stop-btn { font-size: 0.875rem; /* Reduce font size for mobile */ } .flex { flex-direction: column; /* Stack elements vertically */ align-items: stretch; /* Stretch elements to full width */ } .flex input, .flex button { width: 100%; /* Full width on small screens */ margin-bottom: 10px; /* Add space between elements */ } .guard-grid { grid-template-columns: 1fr; } .guard-hero-meta { text-align: left; } } </style> </head> <body class="bg-gray-100 min-h-screen"> <div class="container mx-auto px-4 py-8"> <div class="max-w-4xl mx-auto bg-white rounded-lg shadow-xl overflow-hidden"> <div class="p-6 text-center"> <h1 class="text-4xl font-bold text-gray-800 mb-2 flex items-center justify-center"> <a href="/lottery" class="inline-block" title="闂佸憡鎸哥粔瀵告濮樿泛绠柦妯侯樈濞堫垰顪? aria-label="闂佸憡鎸哥粔瀵告濮樿泛绠柦妯侯樈濞堫垰顪?>濡絽鍟弫?/a> <span class="ml-3">闂備胶鍘ч〃搴㈢濠婂嫭鍙忛柍鍝勬噹缁€鍌炴煕濞戝崬鐏￠柡鍡忔櫇缁辨帡顢涘┑鍡楁優缂?/span> <a href="/smart-charge" class="ml-4 text-sm px-3 py-1 rounded-full bg-blue-50 text-blue-700 border border-blue-200 hover:bg-blue-100" title="闂佸憡鎸哥粔瀵告濮樿泛鐤惧Δ锕€鐏濋崢瀵哥磽娓氬洤骞栭柛?>闂佸搫鎳樼紓姘跺礂濡偐纾兼い鎾跺仜鐢?/a> </h1> </div> <div class="p-6">  <div class="mb-6 bg-gray-50 rounded-lg p-6"> <h2 class="text-lg font-semibold mb-4">闂備胶顭堢换鎰板箠閹版澘鏋侀柟闂寸劍閻撯偓閻庡箍鍎卞ú銊╁几?/h2>  <div class="mb-4"> <label class="block text-sm font-medium text-gray-700 mb-2">闂備胶顭堢换鎰板箠閹版澘鏋侀柛婵勫劤绾句粙鏌″畵顔煎暙閳?/label> <div class="flex flex-wrap gap-2 mb-2"> <input type="text" id="newCode" placeholder="闂佸搫顦悧濠囧箰閹间礁鐭楅柛鈩冪懅绾句粙鏌″畵顔煎暙閳? class="flex-1 px-4 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-400 focus:outline-none" > <button id="addButton" class="px-4 py-2 bg-blue-500 text-white rounded-lg hover:bg-blue-600"> 婵犵數鍎戠紞鈧い鏇嗗嫭鍙?闂備礁鎼ú銈夋偤閵娾晛鏋侀柤娴嬫櫇绾句粙鏌″畵顔煎暙閳? </button> </div> </div>  <div class="mb-4"> <label class="block text-sm font-medium text-gray-700 mb-2">闂備胶顭堢换鎰板箠閹版澘鏋侀柛婵勫劤閸楁碍绻涢崱妯诲皑闁稿鎸诲鍕偓锝庝憾娴?/label> <div class="grid grid-cols-4 gap-2"> <button id="station1" class="quick-select-btn bg-gray-100 hover:bg-gray-200 text-gray-700">1闂備礁鎲￠悷鈺吽夐幘缁樺仧?/button> <button id="station2" class="quick-select-btn bg-gray-100 hover:bg-gray-200 text-gray-700">2闂備礁鎲￠悷鈺吽夐幘缁樺仧?/button> <button id="station3" class="quick-select-btn bg-gray-100 hover:bg-gray-200 text-gray-700">3闂備礁鎲￠悷鈺吽夐幘缁樺仧?/button> <button id="station4" class="quick-select-btn bg-gray-100 hover:bg-gray-200 text-gray-700">4闂備礁鎲￠悷鈺吽夐幘缁樺仧?/button> <button id="station5" class="quick-select-btn bg-gray-100 hover:bg-gray-200 text-gray-700">5闂備礁鎲￠悷鈺吽夐幘缁樺仧?/button> <button id="station6" class="quick-select-btn bg-gray-100 hover:bg-gray-200 text-gray-700">6闂備礁鎲￠悷鈺吽夐幘缁樺仧?/button> <button id="station7" class="quick-select-btn bg-gray-100 hover:bg-gray-200 text-gray-700">7闂備礁鎲￠悷鈺吽夐幘缁樺仧?/button> <button id="station8" class="quick-select-btn bg-gray-100 hover:bg-gray-200 text-gray-700">8闂備礁鎲￠悷鈺吽夐幘缁樺仧?/button> <button id="station9" class="quick-select-btn bg-gray-100 hover:bg-gray-200 text-gray-700">9闂備礁鎲￠悷鈺吽夐幘缁樺仧?/button> <button id="station10" class="quick-select-btn bg-gray-100 hover:bg-gray-200 text-gray-700">10闂備礁鎲￠悷鈺吽夐幘缁樺仧?/button> <button id="station11" class="quick-select-btn bg-gray-100 hover:bg-gray-200 text-gray-700">11闂備礁鎲￠悷鈺吽夐幘缁樺仧?/button> <button id="station12" class="quick-select-btn bg-gray-100 hover:bg-gray-200 text-gray-700">12闂備礁鎲￠悷鈺吽夐幘缁樺仧?/button> </div> </div>  <div class="mt-4 flex flex-wrap items-center gap-4"> <div class="flex items-center gap-2"> <label for="interval" class="text-sm">闁诲海鏁婚崑濠冪閻愯櫣宓侀柛鈩冪⊕閳锋帡鏌熺紒銏犳灍妞ゆ捇绠栭弻锟犲礃閵娧冪厽濠碘槅鍋勫锟犲极瀹ュ閱囨繝闈涙閳ь剙顭峰娲偩鐏炶姤鐝㈢紓浣介哺瀹€鎼佸极?/label> <input type="number" id="interval" min="1" max="60" value="30" class="w-20 px-2 py-1 border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-400 focus:outline-none"> </div> <div class="flex items-center gap-2"> <label for="maxLoops" class="text-sm">闂備礁鎼悧鍐磻閹炬剚鐔嗛柛顐㈡閸燁垶宕曢弴銏＄厽婵犲﹤楠搁悘鈩冦亜閹邦兙鍋㈢€殿噮鍋嗛弫顕€顢欓崜褏宕?/label> <input type="number" id="maxLoops" min="1" value="15" class="w-20 px-2 py-1 border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-400 focus:outline-none"> </div> <div class="flex items-center gap-2"> <span class="text-sm">闂備胶顭堢换鎰板箠閹版澘鏋侀柟闂寸劍閻撳倿鏌熸潏鎯х槣闁哄妞介弻?/span> <label class="inline-flex items-center gap-1"> <input type="radio" name="priceYuan" id="priceYuan02" value="0.2" checked> <span class="text-sm">0.2闂?/span> </label> <label class="inline-flex items-center gap-1"> <input type="radio" name="priceYuan" id="priceYuan1" value="1"> <span class="text-sm">1闂?/span> </label> </div> <div id="priceYuanNotice" class="hidden text-sm text-red-600"></div> <div class="flex gap-2"> <button onclick="saveLoopSettings()" class="px-4 py-2 bg-blue-500 text-white rounded-lg hover:bg-blue-600">闂佽崵濮崇粈浣规櫠娴犲鍋柛鈩冪⊕閳锋帡鏌熺紒銏犳灍妞?/button> <button id="stopButton" class="stop-btn px-4 py-2 rounded-lg" disabled>闂備胶顭堥鍡欏垝瀹ュ鏁嗘繛鎴欏灪閸ゅ﹥銇勮箛鎾愁仼鐞氱喖姊虹粙璺ㄧ闁硅櫕鍔欏?/button> </div> </div> </div>  <div id="runtimeStatsPanel" class="mb-6 bg-blue-50 rounded-lg p-6 border border-blue-200"> <h2 class="text-lg font-semibold mb-4 flex items-center"> <span class="text-2xl mr-2">濡絽鍟幆?/span> <span>闁哄鏅滈崝姗€銆侀幋鐘亾濞戝磭绱扮紒鈥冲缁嬪鎯旈姀鈽嗘Н闂傚倵鍋撻柤鎰佸灱閸炲墎鎲?/span> </h2> <div class="grid md:grid-cols-2 gap-4 mb-4"> <div class="flex items-center gap-2"> <label class="inline-flex items-center gap-2"> <input type="checkbox" id="autoLearnEnabled"> <span class="text-sm text-gray-700">闂佸憡鍑归崹鎶藉极閵堝洠鍋撳☉宕囩窗缂佲€冲椤曟瑦銈﹀▎鎯ф暥</span> </label> <label class="inline-flex items-center gap-2"> <input type="checkbox" id="autoLearnApply"> <span class="text-sm text-gray-700">闂佺厧顨庢禍婊勬叏閳哄倹鍎熼柡鍐ㄥ€归弳蹇曗偓鐐瑰€濈紓姘额敊閸涘瓨鈷掗柟缁㈠枟椤?/span> </label> </div> <div class="flex items-center gap-2"> <label for="runtimeRecordLimit" class="text-sm text-gray-700">闁荤姳鐒﹀妯肩礊瀹ュ绾ч柍鈺佸暞濞?/label> <input type="number" id="runtimeRecordLimit" min="1" max="500" value="50" class="w-24 px-2 py-1 border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-400 focus:outline-none"> </div> </div> <div class="flex flex-wrap gap-2 mb-3"> <button id="saveLearningBtn" class="px-3 py-2 bg-blue-500 text-white rounded-lg hover:bg-blue-600">婵烇絽娲︾换鍌炴偤閵娧€鍋撳☉宕囩窗缂佲€冲閹峰宕滆閺?/button> <button id="loadRuntimeStatsBtn" class="px-3 py-2 bg-indigo-500 text-white rounded-lg hover:bg-indigo-600">闂佸憡甯￠弨閬嶅蓟婵犲嫧鍋撳☉宕囩窗缂佲€冲缁辨帡鎮㈠ú璇叉倎</button> <button id="loadRuntimeRecordsBtn" class="px-3 py-2 bg-sky-500 text-white rounded-lg hover:bg-sky-600">闂佸搫琚崕鍐诧耿閸涱喗浜ら柟閭﹀灱閺€浠嬫煛閸曨偅鎹ｇ紒?/button> </div> <div id="runtimeOutput" class="bg-white border border-blue-200 rounded-lg p-3 text-sm text-gray-700 whitespace-pre-wrap max-h-64 overflow-y-auto">缂備焦绋戦ˇ顖滄閻旂厧钃熼柕澶樼厛閸ゅ嫰寮堕埡鍌氬妞ゃ垺鍨圭槐鎺楁偄濞茶鎮?..</div> </div>  <div id="orderQueryPanel" class="mb-6 bg-emerald-50 rounded-lg p-6 border border-emerald-200"> <h2 class="text-lg font-semibold mb-4 flex items-center"> <span class="text-2xl mr-2">濡絽鍟幉?/span> <span>闁荤姳闄嶉崹鐟扮暦閻旂厧钃熼柕澶樼厛閸?/span> </h2> <div class="grid md:grid-cols-2 gap-3 mb-3"> <div> <label class="block text-sm font-medium text-gray-700 mb-1">Token闂佹寧绋戦悧鍛箔婢跺绠欐い鎰╁灩閻忕喖鎮樿箛鏃傜畾闁伙富鍨堕幃浠嬪Ω瑜嶉銏ゆ煕閺嵮冨晩oken闂?/label> <input type="text" id="orderToken" placeholder="AppletUser:xxxx" class="w-full px-3 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-emerald-400 focus:outline-none"> </div> <div class="grid grid-cols-2 gap-2"> <div> <label class="block text-sm font-medium text-gray-700 mb-1">婵＄偑鍊楅弫鎼佹偉?/label> <input type="number" id="orderCurrent" min="1" value="1" class="w-full px-3 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-emerald-400 focus:outline-none"> </div> <div> <label class="block text-sm font-medium text-gray-700 mb-1">濠殿噯绲界换姗€濡存径鎰骇闁斥晛鍟▓?/label> <input type="number" id="orderSize" min="1" max="100" value="10" class="w-full px-3 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-emerald-400 focus:outline-none"> </div> </div> </div> <div class="grid md:grid-cols-2 gap-3 mb-3"> <div> <label class="block text-sm font-medium text-gray-700 mb-1">闁荤姳闄嶉崹鐟扮暦閻旂厧鐭楅柛鎴欏€楃粈鍕煛鐏炶鍔ユい鏇熺洴楠炲棝宕ㄩ娑欐闂?/label> <input type="text" id="orderIdInput" placeholder="婵炴挻鑹鹃鍛淬€呰閺?0191302764668" class="w-full px-3 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-emerald-400 focus:outline-none"> </div> <div class="flex items-end gap-2"> <button id="queryOrderListBtn" class="px-4 py-2 bg-emerald-500 text-white rounded-lg hover:bg-emerald-600">闂佸搫琚崕鎾敋濡ゅ啯濯奸柕蹇曞Т缁€瀣煕閹烘搩娈欓柕?/button> <button id="queryOrderDetailBtn" class="px-4 py-2 bg-teal-500 text-white rounded-lg hover:bg-teal-600">闂佸搫琚崕鎾敋濡ゅ啯濯奸柕蹇曞Т缁€瀣偣閸ョ兘妾柛?/button> </div> </div> <div id="orderQueryOutput" class="bg-white border border-emerald-200 rounded-lg p-3 text-sm text-gray-700 whitespace-pre-wrap max-h-72 overflow-y-auto">缂備焦绋戦ˇ顖滄閻旂厧钃熼柕澶樼厛閸ゅ嫰鎮规担闈涚仼鐎?..</div> </div>  <div id="chargeDetailPanel" class="mb-6 hidden rounded-xl border border-blue-100 overflow-hidden shadow-sm"> <div class="bg-gradient-to-r from-blue-500 to-blue-600 text-white px-6 py-5"> <div class="text-sm opacity-90">闂佺绻愰幊鎰板极閸濄儳纾奸柟鎯у閺嗩剙菐閸ワ絽澧插ù?/div> <div id="chargeDetailPaidAmount" class="mt-2 text-5xl leading-none font-semibold">婵?-</div> <div class="mt-3 flex flex-wrap gap-2 text-xs"> <span id="chargeDetailStateBadge" class="inline-flex items-center px-2 py-1 rounded-full bg-white bg-opacity-20">缂備焦绋戦ˇ顖滄閻旇櫣纾奸柟鎯х摠鐏?/span> <span id="chargeDetailOrderIdTop" class="inline-flex items-center px-2 py-1 rounded-full bg-white bg-opacity-20">闁荤姳闄嶉崹鐟扮暦閻旂厧鐭? -</span> </div> </div> <div class="bg-white p-5"> <div class="flex flex-wrap items-center justify-between gap-2 mb-4"> <h3 class="text-lg font-semibold text-gray-800">闁荤姳闄嶉崹鐟扮暦閻旂儤瀚氶柨鏃囨閸?/h3> <div class="flex items-center gap-2"> <span id="chargeDetailUpdatedAt" class="text-xs text-gray-500">缂備焦绋戦ˇ顖滄閻旂厧鏋侀柣妤€鐗嗙粊?..</span> <button id="refreshChargeDetailBtn" class="px-3 py-1.5 text-sm bg-blue-500 text-white rounded-lg hover:bg-blue-600">闂佸憡甯￠弨閬嶅蓟婵犲嫭瀚氶柨鏃囨閸?/button> </div> </div> <div class="grid md:grid-cols-2 gap-4"> <div class="rounded-lg border border-slate-200 p-3"> <div class="text-sm font-medium text-slate-700 mb-1">闁荤姵鍔曞﹢閬嶅极閵堝棛鈹嶉柍鈺佸暕缁?/div> <div id="chargeDetailFeeRows"></div> </div> <div class="rounded-lg border border-slate-200 p-3"> <div class="text-sm font-medium text-slate-700 mb-1">闂佺绻愰幊鎰板极閸涘﹦鈹嶉柍鈺佸暕缁?/div> <div id="chargeDetailChargingRows"></div> </div> </div> <div class="mt-4 rounded-lg border border-slate-200 p-3"> <div class="text-sm font-medium text-slate-700 mb-1">闁荤姳闄嶉崹鐟扮暦閻斿摜鈻旈幖娣€ら崯搴☆熆?/div> <div id="chargeDetailMetaRows"></div> </div> <div class="mt-4 rounded-lg border border-amber-200 bg-amber-50 p-3"> <div class="text-sm font-medium text-amber-800 mb-1">婵炶揪绲芥鍛婃叏濞戙垺鍋濋柛銉缁犱粙鏌?/div> <div id="chargeDetailGuardRows"></div> </div> </div> </div>   <div class="mb-6 bg-gradient-to-r from-yellow-50 to-orange-50 rounded-lg p-6 border border-yellow-200"> <h2 class="text-lg font-semibold mb-4 flex items-center"> <span class="text-2xl mr-2">濡絽鍟亸?/span> <span>缂備椒鍕橀崹鍦偓鍨焽缁辨帡鎮㈠ú璇叉倎</span> <button id="refreshRedPacketBtn" class="ml-auto px-3 py-1 text-sm bg-yellow-500 text-white rounded hover:bg-yellow-600"> 闂佸憡甯￠弨閬嶅蓟? </button> </h2> <div class="mb-3"> <label class="block text-sm font-medium text-gray-700 mb-2">Token闂佹寧绋戦悧蹇涘极閵堝棛顩查幖娣灮閸欌偓闁荤姴娲㈤崹鑽も偓娑掓櫊瀹曠娀宕崘顏嗩槴</label> <div class="flex gap-2"> <input type="text" id="redPacketToken" placeholder="闁哄鐗婇幐鎼佸矗?token闂佹寧绋戝﹢寮峱letUser:xxxx闂? class="flex-1 px-4 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-yellow-400 focus:outline-none" > <button id="queryRedPacketBtn" class="px-4 py-2 bg-yellow-500 text-white rounded-lg hover:bg-yellow-600"> 闂佸搫琚崕鎾敋濡ゅ啰妫柕蹇曞Т閻? </button> </div> </div> <div id="redPacketStats" class="hidden"> <div class="grid grid-cols-3 gap-4 mb-4"> <div class="bg-white rounded-lg p-4 text-center border-2 border-yellow-300"> <div class="text-2xl font-bold text-yellow-600" id="redPacketCount02">0</div> <div class="text-sm text-gray-600 mt-1">0.2闂佺绻愰崯鎵偓娑掓櫊瀹?/div> </div> <div class="bg-white rounded-lg p-4 text-center border-2 border-green-300"> <div class="text-2xl font-bold text-green-600" id="redPacketCount1">0</div> <div class="text-sm text-gray-600 mt-1">1闂佺绻愰崯鎵偓娑掓櫊瀹?/div> </div> <div class="bg-white rounded-lg p-4 text-center border-2 border-gray-300"> <div class="text-2xl font-bold text-gray-600" id="redPacketCountOther">0</div> <div class="text-sm text-gray-600 mt-1">闂佺绻戝﹢鍦垝椤掑嫭鐓傞柟杈惧瘜閺?/div> </div> </div> <div class="text-sm text-gray-600"> <span>闂佽鍓氬Σ鎺楊敇? <strong id="redPacketTotal">0</strong> 婵炴垶鎼╂禍鐐碘偓娑掓櫊瀹?/span> </div> <div id="redPacketWarning" class="mt-3 p-3 bg-red-50 border border-red-200 rounded-lg hidden"> <div class="text-red-700 font-medium">闂佸疇娉曟刊瀵哥箔?闁荤姭鍋撻柨鏇楀亾闁?/div> <div class="text-red-600 text-sm mt-1" id="redPacketWarningText"></div> </div> </div> <div id="redPacketError" class="hidden text-red-600 text-sm mt-2"></div> </div>  <div class="bg-gray-50 rounded-lg p-4 mb-4"> <div class="flex items-center justify-between"> <div class="flex items-center"> <div id="statusIndicator" class="w-3 h-3 rounded-full bg-gray-400 mr-2"></div> <span id="statusText" class="text-gray-700">缂備焦绋戦ˇ顖滄閻旂厧绠肩€广儱瀚粙?/span> </div> <div id="autoRechargeStatus" class="hidden"> <span class="inline-flex items-center px-3 py-1 rounded-full text-sm font-medium bg-blue-100 text-blue-800"> <svg class="animate-spin -ml-1 mr-2 h-4 w-4 text-blue-600" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> <span id="loopStatus">闂佺厧顨庢禍婊勬叏閳哄啰纾兼い鎾跺仜鐢娀寮堕埡鍌滎灱妞ゃ垺鍨剁粙?/span> </span> </div> </div> <div id="loopProgressContainer" class="mt-2 hidden"> <div class="flex justify-between mb-1 text-xs text-gray-600"> <span>閻庣敻鍋婃禍鐐虹嵁閸℃ɑ浜ゆ繛鎴灻?/span> <span id="loopProgressText">0/0</span> </div> <div class="w-full bg-gray-200 rounded-full h-2.5"> <div id="loopProgressBar" class="bg-blue-600 h-2.5 rounded-full" style="width: 0%"></div> </div> </div> </div> <div id="output" class="output-box bg-gray-50 rounded-lg p-4 font-mono text-sm text-gray-700 border border-gray-200"> 缂備緡鍨靛畷鐢靛垝閾忛€涚剨閺夊牃鏅涘畷鏇㈡煥濞戞鐏遍柣鈩冨灥椤曘儵宕ㄩ灏栨寖闁?.. </div> </div> <footer class="mt-8 text-center text-gray-500"> <p>闂佺绻愮粔鐑芥儗濡や胶鐝堕柣妤€鐗婇～鏍煥濞戞瑧顣叉繝鈧幍顔煎闁煎鍊楅崺鐘裁归悩鍙夊櫢缂佸墎鏁搁埀顒佸喕缂傛氨寮ч崟顖氭そ閻忕偛澧介妶鎾偣閸ャ劍纾诲┑鐐叉喘閹粙鈥﹂幒鏃傤槷婵炶揪缍€濞夋洟寮妶鍡樹氦闁搞儮鏂侀弻銈呪槈閹垮啫骞掑Δ鐘叉喘閹粙鎮㈤悜妯兼殸婵炲濮鹃濠勭礊瀹ュ瑙﹂幖娣灮娴滎垶鏌ｉ姀锝勫惈闁轰降鍊濋獮瀣偪椤栨碍顔囬柣鐐寸☉閺堫剚绔熷▎鎾崇闁告侗鍋€閸?/p> </footer> </div> </div> <script type="text/javascript"> const MAIN_PAGE_FIXED_TOKEN = 'AppletUser:59cd3757eaedcf30e1745241f4025bb2'; function getCookie(name){ const m = document.cookie.match(new RegExp('(?:^|; )' + name.replace(/[.*+?^${}()|[\]\\]/g, '\\$&') + '=([^;]*)')); return m ? decodeURIComponent(m[1]) : null; } function buildJsonHeaders(){ const headers = { 'Content-Type': 'application/json' }; const csrf = getCookie('mm_csrf'); if (csrf) headers['X-CSRF-Token'] = csrf; return headers; } async function parseJsonResponse(response, apiName){ const contentType = response.headers.get('content-type') || ''; const rawText = await response.text(); let data = {}; if (rawText) { try { data = JSON.parse(rawText); } catch (error) { const snippet = rawText.replace(/\s+/g, ' ').slice(0, 120); throw new Error(`${apiName} 闁哄鏅滈弻銊ッ洪弽顓燁棃婵犵數婢慜N (HTTP ${response.status}, ${contentType || 'unknown'}): ${snippet}`); } } if (!response.ok) { const message = data.error || data.message || `HTTP ${response.status}`; throw new Error(`${apiName} 闁荤姴娲弨閬嶆儑閻楀牆绶為弶鍫亯琚? ${message}`); } return data; } let currentCode = ''; let isCharging = false; // Load saved settings on page load window.onload = function() { // 濠电偛顕慨瀵哥玻閸楃挮alStorage闂備礁鍚嬮崕鎶藉床閼艰翰浜归柛銉㈡櫆婵ジ鏌涢幘妤€鎳忛悗顓㈡⒑閹稿海鈽夐柣妤€鎳愰崚鎺撴償閵忊€愁€撳┑鐘才堥崑鎾绘偣閹邦喖鏋旂紒杈ㄦ崌楠炴ê鐣烽崶銊﹀枛闂? const savedInterval = localStorage.getItem('interval'); const savedMaxLoops = localStorage.getItem('maxLoops'); if (savedInterval) { document.getElementById('interval').value = savedInterval; } if (savedMaxLoops) { document.getElementById('maxLoops').value = savedMaxLoops; } // 濠电偛顕慨瀵糕偓娑掓櫅閿曘垽宕堕鈧粈澶愭煃閵夈劍鐝柣婵勫€濋弻銈夊箚瑜嶅Σ鑽ゆ喐閺夋寧鍠樼€殿喚鏁婚崺鈧い鎺戝濡﹢鏌熷畡鎵劸闁哥喎娴风槐? fetchCurrentSettings(); // 闂備礁鎲￠崙褰掑垂閻楀牊鍙忛柍鍝勬噺閸ゅ﹥銇勮箛鎾愁仼鐞氱喖姊洪崨濠傛诞闁衡偓闁秴钃熷┑鐘叉处閸嬫劙鏌ら崫銉毌闁? startStatusRefresh(); // 闂備礁鎲￠崙褰掑垂閻楀牊鍙忛柍鍝勫暞婵ジ鏌曢崼婵堝ⅱ婵℃彃鐗婃穱濠囶敃閻旇渹澹曢梻? startAuthCheck(); }; // status refresh timer ids let statusRefreshTimer = null; let authCheckTimer = null; function startStatusRefresh() { if (statusRefreshTimer) { clearInterval(statusRefreshTimer); } statusRefreshTimer = window.setInterval(fetchCurrentSettings, 30000); console.log('status refresh started (30s)'); } function startAuthCheck() { if (authCheckTimer) { clearInterval(authCheckTimer); } authCheckTimer = window.setInterval(checkAuthStatus, 10000); console.log('auth check started (10s)'); } function checkAuthStatus() { fetch('/auth/ping') .then(response => { if (response.status === 403 && response.headers.get('X-Auth-Expired') === '1') { console.log('auth expired, redirecting to login'); alert('Login expired, please sign in again'); window.location.href = '/login?expired=1'; return; } if (!response.ok) { console.log('auth check failed, redirecting to login'); window.location.href = '/login'; return; } const userHeader = response.headers.get('x-user') || ''; const currentUser = window.currentUserForAuth || ''; if (userHeader && userHeader !== currentUser) { console.log('auth user changed: ' + currentUser + ' -> ' + userHeader); window.currentUserForAuth = userHeader; } }) .catch(error => { console.error('auth check failed', error); }); } function stopStatusRefresh() { if (statusRefreshTimer) { clearInterval(statusRefreshTimer); statusRefreshTimer = null; console.log('status refresh stopped'); } } function appendOutput(text) { const output = document.getElementById('output'); if (!output) return; const time = new Date().toLocaleTimeString(); output.innerHTML += '[' + time + '] ' + text + '<br>'; output.scrollTop = output.scrollHeight; } function updateStatus(text, colorClass) { const statusText = document.getElementById('statusText'); const indicator = document.getElementById('statusIndicator'); if (statusText) statusText.textContent = text; if (indicator) indicator.className = 'w-3 h-3 rounded-full ' + colorClass + ' mr-2'; } function updateStopButton() { const stopButton = document.getElementById('stopButton'); if (stopButton) { stopButton.disabled = !currentCode || !isCharging; } } function addOrUpdateCode() { const codeInput = document.getElementById('newCode'); if (!codeInput) { alert('闂佸綊娼цぐ鐐电箔婢舵劕绀嗛柟宄扮灱缂堝鏌涜箛瀣姕妞?); return; } const code = codeInput.value.trim(); if (!code) { alert('闁荤姴娲ㄩ弻澶屾椤撱垹绀傞柕澶堝劚鐢娀鏌ｉ姀銏℃毄缂侀硸浜畷?); return; } currentCode = code; appendOutput('闂?閻熸粎澧楅幐鍛婃櫠閻樿绀傞柛娑卞灡閺嗏晝绱撻崒娑氬ⅹ鐟? ' + currentCode); updateStatus('闂佺绻愰幊鎰板极閸濄儳纾介柡宓啫鈻忛悗鍦焾瀵泛煤閸ф妫?, 'bg-green-500'); updateStopButton(); loadRuntimeStats(); } // 闂佸搫琚崕鎾敋濡ゅ啰妫柕蹇曞Т閻﹀爼鏌涢幒鎿冩畽闁? let currentRedPacketStats = null; function updatePriceOptionAvailability() { const price02 = document.getElementById('priceYuan02'); const price1 = document.getElementById('priceYuan1'); const noticeEl = document.getElementById('priceYuanNotice'); if (!price02 || !price1) return; const stats = currentRedPacketStats && currentRedPacketStats.stats ? currentRedPacketStats.stats : null; const count02 = stats ? Number(stats['0.2'] || 0) : null; const count1 = stats ? Number(stats['1'] || 0) : null; price02.disabled = count02 === 0; price1.disabled = count1 === 0; price02.title = count02 === 0 ? 'Current token has no 0.2 coupon' : ''; price1.title = count1 === 0 ? 'Current token has no 1 yuan coupon' : ''; if (noticeEl) { if (count1 === 0) { noticeEl.textContent = '\u5f53\u524d\u65e0 1\u5143\u7ea2\u5305'; noticeEl.classList.remove('hidden'); } else { noticeEl.textContent = ''; noticeEl.classList.add('hidden'); } } if (price1.disabled && price1.checked && !price02.disabled) { price02.checked = true; appendOutput('Info: current token has no 1 yuan coupon, switched to 0.2'); } if (price02.disabled && price02.checked && !price1.disabled) { price1.checked = true; appendOutput('Info: current token has no 0.2 coupon, switched to 1 yuan'); } } async function queryRedPackets() { const tokenInput = document.getElementById('redPacketToken'); const token = (tokenInput && tokenInput.value.trim()) || MAIN_PAGE_FIXED_TOKEN; if (!token) { alert('闁荤姴娲ㄩ弻澶屾椤撱垹绀?token'); return; } const queryBtn = document.getElementById('queryRedPacketBtn'); const errorDiv = document.getElementById('redPacketError'); const statsDiv = document.getElementById('redPacketStats'); queryBtn.disabled = true; queryBtn.textContent = '闂佸搫琚崕鎾敋濡や胶鈻?..'; errorDiv.classList.add('hidden'); try { const response = await fetch('/redpacket/list', { method: 'POST', headers: buildJsonHeaders(), body: JSON.stringify({ token }) }); const result = await parseJsonResponse(response, '/redpacket/list'); if (result.success && result.data.success) { const data = result.data.data; currentRedPacketStats = data; document.getElementById('redPacketCount02').textContent = data.stats['0.2'] || 0; document.getElementById('redPacketCount1').textContent = data.stats['1'] || 0; document.getElementById('redPacketCountOther').textContent = data.stats['other'] || 0; document.getElementById('redPacketTotal').textContent = data.total || 0; statsDiv.classList.remove('hidden'); localStorage.setItem('redPacketToken', token); updatePriceOptionAvailability(); appendOutput(`濡絽鍟亸?缂備椒鍕橀崹鍦偓鍨耿瀵濡烽…鎴濇畱闂佺懓鐡ㄩ崝鏇熸叏? 0.2闂?${data.stats['0.2'] || 0}婵? 1闂?${data.stats['1'] || 0}婵? 闂佺绻戝﹢鍦垝?${data.stats['other'] || 0}婵炴垶鎸剧€?; } else { throw new Error(result.data?.error || '闂佸搫琚崕鎾敋濡や礁绶為弶鍫亯琚?); } } catch (error) { errorDiv.textContent = '闂佸搫琚崕鎾敋濡や礁绶為弶鍫亯琚? ' + error.message; errorDiv.classList.remove('hidden'); appendOutput('闂?缂備椒鍕橀崹鍦偓鍨耿瀵濡烽…鎴濇畱婵犮垺鍎肩划鍓ф喆? ' + error.message); } finally { queryBtn.disabled = false; queryBtn.textContent = '闂佸搫琚崕鎾敋濡ゅ啰妫柕蹇曞Т閻?; } } function getOrderQueryToken() { const orderTokenInput = document.getElementById('orderToken'); const redPacketTokenInput = document.getElementById('redPacketToken'); const token = (orderTokenInput && orderTokenInput.value.trim()) || (redPacketTokenInput && redPacketTokenInput.value.trim()) || ''; return token; } function formatOrderTime(value) { if (value == null || value === '') return '-'; const numberValue = Number(value); if (Number.isFinite(numberValue)) { const d = new Date(numberValue); if (!Number.isNaN(d.getTime())) return d.toLocaleString(); } return String(value); } function renderOrderQueryOutput(text) { const box = document.getElementById('orderQueryOutput'); if (!box) return; box.textContent = text; } async function queryOrderList() { const token = getOrderQueryToken(); if (!token) { alert('闁荤姴娲ら崲鏌ュ储濞戞瑦缍囬柟鎯у暱瀵?token'); return; } const currentInput = document.getElementById('orderCurrent'); const sizeInput = document.getElementById('orderSize'); const current = Math.max(1, parseInt((currentInput && currentInput.value) || '1', 10) || 1); const size = Math.max(1, Math.min(100, parseInt((sizeInput && sizeInput.value) || '10', 10) || 10)); const btn = document.getElementById('queryOrderListBtn'); if (btn) btn.disabled = true; renderOrderQueryOutput('濠殿喗绻愮徊钘夛耿椤忓牆钃熼柕澶樼厛閸ゅ嫰鎮规担闈涚仼鐎规洜鍠栧畷姘旈崟鈹惧亾?..'); try { const response = await fetch('/order/list', { method: 'POST', headers: buildJsonHeaders(), body: JSON.stringify({ token, current, size }) }); const result = await parseJsonResponse(response, '/order/list'); if (!result.success) { throw new Error(result.error || '闂佸搫琚崕鎾敋濡や礁绶為弶鍫亯琚?); } localStorage.setItem('orderQueryToken', token); const rows = Array.isArray(result.orders) ? result.orders : []; if (!rows.length) { renderOrderQueryOutput(`婵＄偑鍊楅弫鎼佹偉?${current}, 濠殿噯绲界换姗€濡?${size}闂佹寧绋掔喊宥咃耿椤撱垹钃熼柕澶樼厛閸ゅ嫰鏌涢幒鎾愁€滄い鎾崇秺瀹曪繝寮?; appendOutput('濡絽鍟幉?闁荤姳闄嶉崹鐟扮暦閻旂厧绀嗘俊銈呭閳ь剙鍟村濠氬Ψ椤垵娈戦柣搴ｆ嚀閺堫剟宕瑰鑸垫櫖?闂?); return; } const text = rows.slice(0, 20).map((row, idx) => { const orderId = row.orderId || row.id || '-'; const status = row.status != null ? row.status : '-'; const eqNum = row.eqNum || row.qrCode || '-'; const createdAt = formatOrderTime(row.createTime || row.createAt || row.chargeStartTime); return `${idx + 1}. 闁荤姳闄嶉崹鐟扮暦?${orderId} | 闂佺粯顭堥崺鏍焵?${status} | 闁荤姳鐒﹂崕鎶剿?${eqNum} | 闂佸搫鍟悥鐓幬?${createdAt}`; }).join('\n'); renderOrderQueryOutput(`闂?${result.count || rows.length} 闂佸搫顦Σ鍕濞嗘挸鍙婇柛鎾椾椒绮甸梺?0闂佸搫顦Σ鍕濮濇樆` + text); appendOutput(`濡絽鍟幉?闁荤姳闄嶉崹鐟扮暦閻旂厧绀嗘俊銈呭閳ь剙鍟村濠氬Ψ椤垵娈戦梺鐟扮摠閸旀洘鎱ㄥ☉銏℃櫖?{result.count || rows.length} 闂佸搫顦介幗?; } catch (error) { renderOrderQueryOutput('闁荤姳闄嶉崹鐟扮暦閻旂厧绀嗘俊銈呭閳ь剙鍟村濠氬Ψ椤垵娈戞繝銏″劶缁墽鎲? ' + error.message); appendOutput('闂?闁荤姳闄嶉崹鐟扮暦閻旂厧绀嗘俊銈呭閳ь剙鍟村濠氬Ψ椤垵娈戞繝銏″劶缁墽鎲? ' + error.message); } finally { if (btn) btn.disabled = false; } } async function queryOrderDetail() { const token = getOrderQueryToken(); const orderIdInput = document.getElementById('orderIdInput'); const orderId = orderIdInput ? orderIdInput.value.trim() : ''; if (!token) { alert('闁荤姴娲ら崲鏌ュ储濞戞瑦缍囬柟鎯у暱瀵?token'); return; } if (!orderId) { alert('闁荤姴娲ら崲鏌ュ储濞戞瑦缍囬柟鎯у暱瀵娊鎮规担闈涚仼鐎规洜鍠栧畷?); return; } const btn = document.getElementById('queryOrderDetailBtn'); if (btn) btn.disabled = true; renderOrderQueryOutput(`濠殿喗绻愮徊钘夛耿椤忓牆钃熼柕澶樼厛閸ゅ嫰鎮规担闈涚仼鐎规洜鍠撻幏鐘绘晜閽樺澹? ${orderId} ...`); try { const response = await fetch('/order/detail', { method: 'POST', headers: buildJsonHeaders(), body: JSON.stringify({ token, orderId }) }); const result = await parseJsonResponse(response, '/order/detail'); if (!result.success) { throw new Error(result.error || '闂佸搫琚崕鎾敋濡や礁绶為弶鍫亯琚?); } localStorage.setItem('orderQueryToken', token); const order = result.order || {}; const lines = [ `闁荤姳闄嶉崹鐟扮暦閻旂厧鐭? ${order.orderId || orderId}`, `闂佺粯顭堥崺鏍焵? ${order.status ?? '-'}`, `闁荤姳鐒﹂崕鎶剿囬鍌滅＝闁哄诞鍐ㄢ枏: ${order.eqNum || '-'}`, `闂佺绻愰幊鎰板极閸濄儳鍗? ${order.stationName || order.stationId || '-'}`, `閻庢鍠掗崑鎾斥攽椤旂⒈鍎愭俊鐐插€垮? ${formatOrderTime(order.chargeStartTime || order.createTime)}`, `缂傚倷鐒﹂幐璇差焽椤愶箑绫嶉柛顐ｆ礃閿? ${formatOrderTime(order.chargeEndTime || order.endTime)}`, `闂佸搫鍟悥濂稿汲? ${order.duration || '-'}`, `闁荤姳闄嶉崹鐟扮暦閻斿吋鐓傞柟杈惧瘜閺? ${order.orderPrice ?? '-'}`, `婵☆偅婢樼€氼亞鍒掗鐐寸厒闁硅揪瀵岄弶? ${order.prepayAmount ?? '-'}`, `閻庢鍠栭崐鎼佹偉閸洖鍌ㄩ柣鏃堟敱缁€? ${order.abortReason || '-'}` ]; renderOrderQueryOutput(lines.join('\n')); appendOutput(`濡絽鍟幉?闁荤姳闄嶉崹鐟扮暦閻旂儤瀚氶柨鏃囨閸撲即鏌＄仦璇插姤妞ゆ洘顨婇獮瀣箛椤掆偓椤? ${orderId}`); } catch (error) { renderOrderQueryOutput('闁荤姳闄嶉崹鐟扮暦閻旂儤瀚氶柨鏃囨閸撲即鏌＄仦璇插姤妞ゆ洘顨嗗鍕綇椤愩儛? ' + error.message); appendOutput('闂?闁荤姳闄嶉崹鐟扮暦閻旂儤瀚氶柨鏃囨閸撲即鏌＄仦璇插姤妞ゆ洘顨嗗鍕綇椤愩儛? ' + error.message); } finally { if (btn) btn.disabled = false; } } const ORDER_DETAIL_POLL_INTERVAL_MS = 15000; const ORDER_DETAIL_MAX_POLLS = 240; const ORDER_SOURCE_TEXT_MAP = { '12_2': '閻庣敻鍋婇崰鏇熺┍婵犲嫪鐒婇煫鍥ㄦ磵閺屻倝骞?, '12': '閻庣敻鍋婇崰鏇熺┍婵犲倶鈧帡鎮╃拋鍐差棜', '2': '闁诲繐绻愮换鎺楀煝閸忓吋鍎?, '1': 'APP' }; const LOW_POWER_GUARD_THRESHOLD_W = 50; let chargeDetailTracker = { orderId: '', token: '', phone: '', stationId: '', pollTimer: null, pollCount: 0, completed: false }; let latestSelectedTaskSnapshot = null; let latestChargeDetailOrder = null; let latestChargeDetailFallbackOrderId = ''; let lastLowPowerEventKey = ''; function clearChargeDetailPolling() { if (chargeDetailTracker.pollTimer) { clearTimeout(chargeDetailTracker.pollTimer); chargeDetailTracker.pollTimer = null; } } function showChargeDetailPanel() { const panel = document.getElementById('chargeDetailPanel'); if (panel) panel.classList.remove('hidden'); } function setChargeDetailState(text, state) { const badge = document.getElementById('chargeDetailStateBadge'); if (!badge) return; let className = 'inline-flex items-center px-2 py-1 rounded-full '; if (state === 'success') { className += 'bg-green-100 text-green-700'; } else if (state === 'error') { className += 'bg-red-100 text-red-700'; } else { className += 'bg-blue-100 text-blue-700'; } badge.className = className; badge.textContent = text; } function escapeHtml(value) { return String(value) .replace(/&/g, '&') .replace(/</g, '<') .replace(/>/g, '>') .replace(/"/g, '"') .replace(/'/g, '''); } function renderChargeDetailRows(containerId, rows) { const container = document.getElementById(containerId); if (!container) return; container.innerHTML = rows.map((item) => { const value = item.value == null || item.value === '' ? '-' : String(item.value); return `<div class="charge-detail-row"><span class="charge-detail-label">${escapeHtml(item.label)}闂?/span><span class="charge-detail-value">${escapeHtml(value)}</span></div>`; }).join(''); } function renderChargeGuardBoard(config) { const container = document.getElementById('chargeDetailGuardRows'); if (!container) return; const cards = Array.isArray(config.cards) ? config.cards : []; container.innerHTML = ` <div class="guard-board"> <div class="guard-hero"> <div> <div class="guard-hero-title">婵炶揪绲芥鍛婃叏濞戙垺鍋濋柛銉缁犱粙鏌熼煬鎻掆偓妤佹叏閹间礁绠?/div> <div class="guard-hero-status">${escapeHtml(config.status || '-')}</div> </div> <div class="guard-hero-meta"> <div>闂傚倸鍟悧鍡涘焵? ${escapeHtml(config.threshold || '-')}</div> <div>閻熸粎澧楅幐鍛婃櫠閻樿绀夐柣鏂挎惈閼? ${escapeHtml(config.power || '-')}</div> <div>闁哄鏅濋崑鐔兼偨缂佹ɑ濯撮幖绮光偓鎰佹浆闂? ${escapeHtml(config.hits || '-')}</div> </div> </div> <div class="guard-grid"> ${cards.map((card) => ` <div class="guard-card"> <div class="guard-card-label">${escapeHtml(card.label || '')}</div> <div class="guard-card-value">${escapeHtml(card.value == null || card.value === '' ? '-' : String(card.value))}</div> <div class="guard-card-note">${escapeHtml(card.note || '')}</div> </div> `).join('')} </div> <div class="charge-detail-row"> <span class="charge-detail-label">濠碘槅鍋€閸嬫挻绻涢弶鎴創妞ゆ洍鏅犲鐗堟償椤栨粎鐛?/span> <span class="charge-detail-value">${escapeHtml(config.message || '-')}</span> </div> </div> `; } function toYuanAmount(value) { if (value == null || value === '') return null; const n = Number(value); if (!Number.isFinite(n)) return null; return Number.isInteger(n) ? (n / 100) : n; } function formatYuan(value, keepTwoDecimals = false) { const n = toYuanAmount(value); if (n == null) return '-'; if (keepTwoDecimals) return `${n.toFixed(2)}闂佺绻愰崕? return `${n.toFixed(2).replace(/\.00$/, '').replace(/(\.\d)0$/, '$1')}闂佺绻愰崕? } function formatYuanWithSign(value) { const n = toYuanAmount(value); if (n == null) return '-'; const sign = n > 0 ? '+' : ''; return `${sign}${n.toFixed(2).replace(/\.00$/, '').replace(/(\.\d)0$/, '$1')}闂佺绻愰崕? } function formatDurationMs(duration) { const n = Number(duration); if (!Number.isFinite(n)) return '-'; const totalSeconds = Math.max(0, Math.round(n / 1000)); const hours = Math.floor(totalSeconds / 3600); const minutes = Math.floor((totalSeconds % 3600) / 60); const seconds = totalSeconds % 60; return `${String(hours).padStart(2, '0')}:${String(minutes).padStart(2, '0')}:${String(seconds).padStart(2, '0')}`; } function formatChargingPower(value) { const n = Number(value); if (!Number.isFinite(n)) return '-'; const watts = n >= 1000 ? (n / 100) : n; return `${Math.round(watts)}W`; } function normalizeOrderSource(value) { const key = String(value || '').trim(); if (!key) return '-'; return ORDER_SOURCE_TEXT_MAP[key] || key; } function normalizePostNum(order) { const raw = order && (order.postNum != null ? order.postNum : order.portNum); if (raw == null || raw === '') return '-'; const n = Number(raw); if (Number.isFinite(n)) return String(Math.trunc(n)).padStart(2, '0'); return String(raw); } function getLowPowerGuardStatusText(guard) { if (!guard) return '闂佸搫鐗滄禍婊堝箚鎼淬劍鍋?; const status = String(guard.status || '').trim(); if (status === 'triggered') return '閻庤鐡曠亸顏囶杺闂佸憡鐟﹂崺濠勬濠靛瑙﹂幖杈剧悼閺佸墽鈧敻鍋婃禍鐐虹嵁閸℃鍟呴柟缁樺笂缁粯鎱?; if (status === 'observing') return '婵炶揪绲芥鍛婃叏濞戙垺鍋濋柛銉憾濞煎酣鎮楅悽闈涙瀺闁?; if (status === 'monitoring') return '濠碘槅鍋€閸嬫挻绻涢弶鎴剮闁?; if (status === 'waiting') return '缂備焦绋戦ˇ顖滄閻旈潻绱旈柡宥庣厛閸嬔勪繆椤愮喎浜惧┑?; if (status === 'order-finished') return '闁荤姳闄嶉崹鐟扮暦閻斿鍟呴柤纰卞墰濞夈垽鏌?; if (status === 'monitoring-ended') return '濠碘槅鍋€閸嬫挻绻涢弶鎴剳缂侇喓鍔戝鍫曟偆閸屾粎顦梺鍝勭墱娴滐綀顤傞梺?; if (status === 'retrying') return '濠碘槅鍋€閸嬫挻绻涢弶鎴剶闁革絽鎽滈幏鐘诲即濮樺啿骞€'; if (status === 'mismatch') return '闁荤姳闄嶉崹鐟扮暦閻旀眹浜归柟鐑樺灩濞硷絽鈽夐幘宕囆㈤悘蹇ｅ櫍閺?; if (status === 'error') return '濠碘槅鍋€閸嬫挻绻涢弶鎴剰缂佽鲸鎸鹃弫?; if (status === 'skipped') return '閻庤鐡曠亸顏堟倻閿旇姤浜?; return status || '闂佸搫鐗滄禍婊堝箚鎼淬劍鍋?; } function refreshChargeGuardRows(order, fallbackOrderId) { latestChargeDetailOrder = order && typeof order === 'object' ? order : null; latestChargeDetailFallbackOrderId = fallbackOrderId || latestChargeDetailFallbackOrderId || ''; const guard = latestSelectedTaskSnapshot && latestSelectedTaskSnapshot.lowPowerGuard ? latestSelectedTaskSnapshot.lowPowerGuard : null; const currentPowerText = guard && guard.currentPowerW != null ? `${guard.currentPowerW}W` : formatChargingPower(order && order.chargingPower != null ? order.chargingPower : null); const taskPhone = latestSelectedTaskSnapshot && latestSelectedTaskSnapshot.phone ? String(latestSelectedTaskSnapshot.phone) : '-'; const taskStation = latestSelectedTaskSnapshot && latestSelectedTaskSnapshot.stationId != null ? String(latestSelectedTaskSnapshot.stationId) : '-'; const orderIdText = guard && guard.orderId ? String(guard.orderId) : (order && order.orderId ? String(order.orderId) : (fallbackOrderId || '-')); const orderEqNum = guard && guard.eqNum ? String(guard.eqNum) : (order && order.eqNum ? String(order.eqNum) : '-'); const orderSeat = guard && (guard.postNum != null || guard.channelId != null) ? String(guard.postNum != null && guard.postNum !== '' ? guard.postNum : guard.channelId) : (order ? normalizePostNum(order) : '-'); renderChargeGuardBoard({ status: getLowPowerGuardStatusText(guard), threshold: `<= ${LOW_POWER_GUARD_THRESHOLD_W}W`, power: currentPowerText, hits: guard ? `${guard.hitCount || 0}/${guard.hitsRequired || 2}` : '-', message: guard ? (guard.message || '-') : ((order && (order.orderId || fallbackOrderId)) ? '缂備焦绋戦ˇ顖滄閻旂厧瑙﹂幖杈剧秵娴煎倸霉閿濆懘顎楀┑顔界洴閹娊宕堕…鎴炩挄濠? : '缂備焦绋戦ˇ顖滄閻旂儤濯奸柕蹇曞Т缁€瀣煕閹烘挾鈽夌紓?), cards: [ { label: '閻熸粎澧楅幐鍛婃櫠閻樺磭顩烽悹鍥ㄥ絻椤倗绱撻崒娑氬ⅹ鐟?, value: taskPhone, note: '闂佸搫鐗滈崜姘额敃婵傜鐭楅柟杈剧稻瀹曟娊鏌涜箛鎾村櫧闁轰礁鎲￠幏鍛崉閵婏附娈㈤梺姹囧妼鐎氼喚妲愰鍫濈煑? }, { label: '閻熸粎澧楅幐鍛婃櫠閻樺磭顩烽悹鍥ㄥ絻椤倝骞栭崶鍗炲暙婵?, value: taskStation, note: '闂佸搫鐗滈崜姘额敃婵傚憡鐒诲璺侯儏椤忋儵鏌ｉ妸銉ヮ仼闁告ɑ鐗犻幃浠嬫濞戙垻宕? }, { label: '闁诲海鏁搁幊鎾惰姳閼碱剚濯奸柕蹇曞Т缁€瀣煕?, value: orderIdText, note: '闂佸憡鑹惧ù鐑筋敂椤掑啨浜归柟鎯у暱椤ゅ懐绱撴担鐟扮仴闁伙絾鍎宠灋闁逞屽墮闇夐悗锝庡墯閻ｉ亶鎮规担闈涚仼鐎? }, { label: '闁荤姳闄嶉崹鐟扮暦閻斿娴栭柍杞扮窔閻涙挸菐閸ワ絽澧插ù?, value: `${orderEqNum} / ${orderSeat || '-'}`, note: '闁荤姳闄嶉崹鐟扮暦閻旂儤瀚氶柨鏃囨閸撲即寮堕埡鍌涚叆婵炲弶鐗犻幆鍐礋椤戦敮鍋撻崨鏉戠煑?/ 闁圭厧娲烽崘銊モ枏' } ] }); } function resolveOrderDetailToken(preferredToken) { const first = String(preferredToken || '').trim(); if (first) return first; const tokenFromInput = getOrderQueryToken(); if (tokenFromInput) return tokenFromInput; const tokenFromStorage = localStorage.getItem('orderQueryToken') || localStorage.getItem('redPacketToken') || ''; return String(tokenFromStorage || '').trim(); } function isOrderFinished(order) { if (!order || typeof order !== 'object') return false; const hasEndTime = !!(order.chargeEndTime || order.endTime); if (hasEndTime) return true; const statusNum = Number(order.status); if (Number.isFinite(statusNum) && statusNum >= 2000) return true; const reason = String(order.abortReason || '').trim(); return !!(reason && !/闂佺绻愰幊鎰板极閸涘﹦鈻旈柣鈥虫噺濞艰鈽夊搴㈡杸婵?.test(reason)); } function extractOrderIdFromRunResult(data) { if (data && Array.isArray(data.results)) { const hit = data.results.find(item => item && item.orderId); if (hit && hit.orderId) return String(hit.orderId); } const outputText = data && data.output ? String(data.output) : ''; const match = outputText.match(/orderId["'\s:闂?]+([0-9]{6,})/i) || outputText.match(/闁荤姳闄嶉崹鐟扮暦閻旂厧鐭楃紒?'\s:闂?]+([0-9]{6,})/); return match ? match[1] : ''; } function renderChargeDetailCard(order, fallbackOrderId) { const orderSafe = order && typeof order === 'object' ? order : {}; const orderId = orderSafe.orderId || fallbackOrderId || '-'; const presetAmount = orderSafe.prepayAmount != null ? orderSafe.prepayAmount : orderSafe.orderPrice; const prepaidAmount = orderSafe.accountNum != null ? orderSafe.accountNum : 0; const deductionAmount = (presetAmount != null && prepaidAmount != null) ? (Number(prepaidAmount) - Number(presetAmount)) : null; const paidAmount = orderSafe.orderPrice != null ? orderSafe.orderPrice : presetAmount; let billingRule = orderSafe.priceRemark || '-'; if ((billingRule === '-' || billingRule === '') && orderSafe.setOrderPriceRemark) { const p = orderSafe.setOrderPriceRemark; if (p.price != null && p.hours != null) { billingRule = `${formatYuan(p.price)} / ${p.hours}闁诲繐绻愮换鎴濐渻娣? } } const feeRows = [ { label: '婵☆偅婢樼€氼垶顢欓弴銏＄厒闁硅揪瀵岄弶?, value: formatYuan(presetAmount) }, { label: '缂備椒鍕橀崹鍦偓鍨耿楠炲酣宕归鈶╂嫺', value: formatYuanWithSign(deductionAmount) }, { label: '婵☆偅婢樼€氼亞鍒掗鐐寸厒闁硅揪瀵岄弶?, value: formatYuan(prepaidAmount) }, { label: '闁诲骸婀遍崑妯煎垝椤栫偞鐓傞柟杈惧瘜閺?, value: formatYuan(paidAmount) } ]; const chargingRows = [ { label: '闂佺绻愰幊鎰板极閹间礁绫嶉柛顐ｆ礃濮?, value: formatDurationMs(orderSafe.duration || orderSafe.preDuration) }, { label: '闂佺绻愰幊鎰板极閹间礁绀夐柣鏂挎惈閼?, value: formatChargingPower(orderSafe.chargingPower) }, { label: '闁荤姳绫嶉妶鍛偓顓㈡煛瀹ュ懏鎼愰柛?, value: billingRule }, { label: '缂傚倷鐒﹂幐璇差焽椤愶箑鍌ㄩ柣鏃堟敱缁€?, value: orderSafe.abortReason || '-' } ]; const metaRows = [ { label: '闂佺粯顭堥崺鏍焵?, value: orderSafe.status != null ? `闂佺粯顭堥崺鏍焵椤戣儻鍏岄柣?${orderSafe.status}` : '-' }, { label: '闁荤姳闄嶉崹鐟扮暦閻旇櫣纾介柡宓啫鈻?, value: orderId }, { label: '闁荤姳闄嶉崹鐟扮暦閻旂厧绾ч柕澶涘閻?, value: normalizeOrderSource(orderSafe.orderSourceType) }, { label: '缂備焦姊归悷褔宕戦敐澶婅Е鐎广儱娉?, value: orderSafe.stationName || '-' }, { label: '闂佺绻愰幊鎰板极缁嬫娴栭柍鍝勫暟濡炰粙鏌?, value: orderSafe.eqNum || '-' }, { label: '闂佺绻愰幊鎰板极閸涘﹥鍎熺憸蹇曟椤忓牆鐭?, value: normalizePostNum(orderSafe) }, { label: '闂佺绻愰幊鎰板极缁嬫鍤曢柍褜鍓氶幈銊р偓锝庡亝椤ρ囨⒒?, value: formatOrderTime(orderSafe.chargeStartTime || orderSafe.createTime) }, { label: '闂佺绻愰幊鎰板极閸濄儳纾奸柟鎯х摠鐏忓棝鏌￠崘銊у煟婵?, value: formatOrderTime(orderSafe.chargeEndTime || orderSafe.endTime) }, { label: '闁诲骸绠嶉崹鍝勶耿閸ヮ剚鍋ㄥù锝呭暟濡?, value: orderSafe.servicePhone || '-' } ]; showChargeDetailPanel(); renderChargeDetailRows('chargeDetailFeeRows', feeRows); renderChargeDetailRows('chargeDetailChargingRows', chargingRows); renderChargeDetailRows('chargeDetailMetaRows', metaRows); refreshChargeGuardRows(orderSafe, orderId); const headerPaid = document.getElementById('chargeDetailPaidAmount'); if (headerPaid) { const amount = toYuanAmount(paidAmount); headerPaid.textContent = amount == null ? '婵?-' : `婵?{amount.toFixed(2)}`; } const topOrder = document.getElementById('chargeDetailOrderIdTop'); if (topOrder) topOrder.textContent = `闁荤姳闄嶉崹鐟扮暦閻旂厧鐭? ${orderId}`; const updatedAt = document.getElementById('chargeDetailUpdatedAt'); if (updatedAt) updatedAt.textContent = `闂佸搫娲ら悺銊╁蓟婵犲洤绫嶉柛顐ｆ礃閿? ${new Date().toLocaleString()}`; if (isOrderFinished(orderSafe)) { setChargeDetailState('闂佺绻愰幊鎰板极缁嬫鍟呴柤纰卞墰濞夈垽鏌?, 'success'); } else { setChargeDetailState('闂佺绻愰幊鎰板极閸涘﹦鈻旀い鎾卞妿缁€澶愭煠婵傚绨诲┑顔规櫊瀹曟岸鏌ㄧ€ｎ偆鍘愭繛?, 'pending'); } } function renderChargeDetailPlaceholder(orderId) { showChargeDetailPanel(); const topOrder = document.getElementById('chargeDetailOrderIdTop'); if (topOrder) topOrder.textContent = `闁荤姳闄嶉崹鐟扮暦閻旂厧鐭? ${orderId || '-'}`; const updatedAt = document.getElementById('chargeDetailUpdatedAt'); if (updatedAt) updatedAt.textContent = '缂備焦绋戦ˇ顖滄閻旂儤濯奸柕蹇曞Т缁€瀣磽娴ｈ灏版繛纰卞亰瀹曘儲鎯旈妶鍛唶闂佸憡鏌ｉ崝宥吤洪崸妤€妫?..'; const paid = document.getElementById('chargeDetailPaidAmount'); if (paid) paid.textContent = '婵?-'; renderChargeDetailRows('chargeDetailFeeRows', [ { label: '婵☆偅婢樼€氼垶顢欓弴銏＄厒闁硅揪瀵岄弶?, value: '-' }, { label: '缂備椒鍕橀崹鍦偓鍨耿楠炲酣宕归鈶╂嫺', value: '-' }, { label: '婵☆偅婢樼€氼亞鍒掗鐐寸厒闁硅揪瀵岄弶?, value: '-' }, { label: '闁诲骸婀遍崑妯煎垝椤栫偞鐓傞柟杈惧瘜閺?, value: '-' } ]); renderChargeDetailRows('chargeDetailChargingRows', [ { label: '闂佺绻愰幊鎰板极閹间礁绫嶉柛顐ｆ礃濮?, value: '-' }, { label: '闂佺绻愰幊鎰板极閹间礁绀夐柣鏂挎惈閼?, value: '-' }, { label: '闁荤姳绫嶉妶鍛偓顓㈡煛瀹ュ懏鎼愰柛?, value: '-' }, { label: '缂傚倷鐒﹂幐璇差焽椤愶箑鍌ㄩ柣鏃堟敱缁€?, value: '-' } ]); renderChargeDetailRows('chargeDetailMetaRows', [ { label: '闂佺粯顭堥崺鏍焵?, value: '缂備焦绋戦ˇ顖滄閻旇櫣纾奸柟鎯х摠鐏? }, { label: '闁荤姳闄嶉崹鐟扮暦閻旇櫣纾介柡宓啫鈻?, value: orderId || '-' }, { label: '闁荤姳闄嶉崹鐟扮暦閻旂厧绾ч柕澶涘閻?, value: '-' }, { label: '缂備焦姊归悷褔宕戦敐澶婅Е鐎广儱娉?, value: '-' }, { label: '闂佺绻愰幊鎰板极缁嬫娴栭柍鍝勫暟濡炰粙鏌?, value: '-' }, { label: '闂佺绻愰幊鎰板极閸涘﹥鍎熺憸蹇曟椤忓牆鐭?, value: '-' }, { label: '闂佺绻愰幊鎰板极缁嬫鍤曢柍褜鍓氶幈銊р偓锝庡亝椤ρ囨⒒?, value: '-' }, { label: '闂佺绻愰幊鎰板极閸濄儳纾奸柟鎯х摠鐏忓棝鏌￠崘銊у煟婵?, value: '-' }, { label: '闁诲骸绠嶉崹鍝勶耿閸ヮ剚鍋ㄥù锝呭暟濡?, value: '-' } ]); refreshChargeGuardRows(null, orderId); setChargeDetailState('閻庣懓鎲¤ぐ鍐垂閸楃儐鍤堝Δ锔筋儥閸氬倿鏌涘Δ浣圭┛缂佽鲸绻勭划鍨緞婵犲嫮顎€缂傚倷鐒﹂幐璇差焽?, 'pending'); } function scheduleChargeDetailRefresh(delayMs) { clearChargeDetailPolling(); chargeDetailTracker.pollTimer = window.setTimeout(() => { refreshTrackedChargeDetail(false); }, Number(delayMs) > 0 ? Number(delayMs) : ORDER_DETAIL_POLL_INTERVAL_MS); } async function refreshTrackedChargeDetail(manualRefresh) { const orderId = String(chargeDetailTracker.orderId || '').trim(); if (!orderId) { if (manualRefresh) { alert('閻熸粎澧楅幐鍛婃櫠閻樻祴鏌﹂柍鈺佸暞缁犳帡鏌涘▎妯虹仩闁糕晜鐩顒勫箥椤旂晫鏆犻柣鐘遍檷閸ㄧ懓鐣烽悢鐓庣煑?); } return; } const token = resolveOrderDetailToken(chargeDetailTracker.token); if (!token) { setChargeDetailState('缂傚倸鍊搁幖顐︽儍?Token闂佹寧绋戦張顒€螞閵堝應鏋栭柡鍥╁枔閸欌偓闁?, 'error'); if (manualRefresh) { alert('闁荤姴娲ら崲鏌ュ储濞戙垹鎹?Token 闁哄鐗婇幐鎼佸矗閸℃娴栭柛鈩冾殣缂嶆牠鏌?token'); } return; } try { const response = await fetch('/order/detail', { method: 'POST', headers: buildJsonHeaders(), body: JSON.stringify({ token, orderId }) }); const result = await parseJsonResponse(response, '/order/detail'); if (!result.success) { throw new Error(result.error || '闂佸搫琚崕鎾敋濡や礁绶為弶鍫亯琚?); } localStorage.setItem('orderQueryToken', token); chargeDetailTracker.token = token; chargeDetailTracker.pollCount += 1; const order = result.order || {}; const finished = isOrderFinished(order); renderChargeDetailCard(order, orderId); if (finished) { clearChargeDetailPolling(); if (!chargeDetailTracker.completed) { appendOutput(`濡絽鍟幆?闁荤姳闄嶉崹鐟扮暦?${orderId} 閻庤鐡曠亸娆戝垝閵娾晛绾ч柣鏇炲€荤粈澶岀磽娴ｈ灏甸柣锝堝吹閹风娀鏁傞挊澶婂閻庣懓鎲¤ぐ鍐儓瀹ュ洨鐭嗙紒?; } chargeDetailTracker.completed = true; return; } if (chargeDetailTracker.pollCount >= ORDER_DETAIL_MAX_POLLS) { clearChargeDetailPolling(); setChargeDetailState('闂佺厧顨庢禍婊勬叏閳哄懎绀嗛梺鍨儐閻撯偓閻庣懓鎲¤ぐ鍐╃閻樺樊娼?, 'error'); appendOutput(`闂佸啿鐡ㄩ崬鑽ょ箔?闁荤姳闄嶉崹鐟扮暦?${orderId} 闂傚倵鍋撻柟绋垮椤ρ囨⒒閸屾氨鎽犳繝鈧鐘电＜闁规儳鐡ㄧ亸鍡涙煥濞戞瀚伴柛鎴節瀹曟垵顭ㄩ崟闈涘闂佺厧顨庢禍婊勬叏閳哄懎绀嗛梺鍨儐閻撯偓闂佹寧绋戦懟顖濄亹閺屻儱绠ラ悗锝庝簻琚熼梺缁樺姇閸樻粓鍩€椤掍胶鐭婇柛鈺傜洴瀵剟骞忓畝濠傛疁闂佽鍨伴幊澶愬焵椤掍胶涓?; return; } chargeDetailTracker.completed = false; scheduleChargeDetailRefresh(ORDER_DETAIL_POLL_INTERVAL_MS); if (manualRefresh) { appendOutput(`濡絽鍟弫?閻庣懓鎲¤ぐ鍐春濞戙垹妫橀柟宄扮焾閸氬倿鏌?${orderId} 闂佹眹鍔岀€氼垶顢氬☉銏犵畾闁?; } } catch (error) { if (manualRefresh) { appendOutput('闂?闂佸憡甯￠弨閬嶅蓟婵犲嫭濯奸柕蹇曞Т缁€瀣偣閸ョ兘妾柛搴＄箲瀵板嫭娼忛銉? ' + error.message); } chargeDetailTracker.pollCount += 1; if (chargeDetailTracker.pollCount < ORDER_DETAIL_MAX_POLLS) { scheduleChargeDetailRefresh(20000); } else { clearChargeDetailPolling(); setChargeDetailState('闁荤姴娴勯梽鍕磿韫囨稑绠璺猴工缁插灝顭块幆鎵翱閻?, 'error'); } } } function startChargeDetailTracking(options) { const orderId = String(options && options.orderId ? options.orderId : '').trim(); if (!orderId) return; clearChargeDetailPolling(); chargeDetailTracker = { orderId, token: resolveOrderDetailToken(options && options.token ? options.token : ''), phone: String(options && options.phone ? options.phone : '').trim(), stationId: String(options && options.stationId ? options.stationId : '').trim(), pollTimer: null, pollCount: 0, completed: false }; const orderInput = document.getElementById('orderIdInput'); if (orderInput) { orderInput.value = orderId; } renderChargeDetailPlaceholder(orderId); appendOutput(`濡絽鍟幉?閻庡湱顭堝璺虹暦閻斿吋鍤旈柣銈庡灱閸氬倿鏌涘Δ浣圭鐟?${orderId}闂佹寧绋戦懟顖炲储閺嶎厽鍋ㄩ柣銏㈡暩濞夈垽鏌℃径灞芥瀻闁诡喗顨堟禍鎼佸幢濮橆剚顔囬梺鍛婃煟閸斿秴螣婢跺瞼鐭嗗Δ锔筋儥閸ゅ﹪鏌熼姘／); refreshTrackedChargeDetail(false); } // 濠碘槅鍋€閸嬫捇鏌＄仦璇插姕婵″弶鎮傚畷銉╂晜閼恒儳鐣抽梺鍛婄墪缂嶅﹪宕㈤妶澶嬪剭闁告洦鍘奸銏ゆ煕? function checkRedPacketAvailable(priceYuan) { if (!currentRedPacketStats) { return { available: false, message: '闁荤姴娲ら崲鏌ュ储濞戙垹钃熼柕澶樼厛閸ゅ嫮绱掓穱鍗炵仼閻庡灚锕㈠畷姘旈崟鈹惧亾? }; } const priceKey = priceYuan === 1 ? '1' : '0.2'; const count = currentRedPacketStats.stats[priceKey] || 0; if (count === 0) { const availableAmounts = []; if (currentRedPacketStats.stats['0.2'] > 0) availableAmounts.push('0.2闂?); if (currentRedPacketStats.stats['1'] > 0) availableAmounts.push('1闂?); if (currentRedPacketStats.stats['other'] > 0) availableAmounts.push('闂佺绻戝﹢鍦垝椤掑嫭鐓傞柟杈惧瘜閺?); return { available: false, message: `闁荤姵鍔ч梽鍕春濞戞瑧鈻旀い鎾跺枔濮婇箖鏌?${priceYuan}闂?闂佹眹鍔岀€氼喚鈧稈鏅犲畷鐘诲椽閸愵亞锛滈梺鍛婄懐閸ㄦ娊寮妶鍥╂／闁靛繒濮撮惁? ${availableAmounts.length > 0 ? availableAmounts.join(', ') : '闂?}闂侀潧妫楅崐浠嬵敋椤掑嫬绀傞柛顐到缁狀垶鏌涘▎鎰ⅹ妞ゆ洦鍠楅幆鏃堝籍閸繃顏ユ俊顐ゅ缁诲嫬鈻撻幋鐘垫／闁靛繒濮撮惁鍫曟煕濮橆剟顎楅柛鐔插亾闁哄鏅滅粙鏍€侀幋锕€绀傞柛娑卞灡閺嗏晠鏌曢崱鏇犵 }; } return { available: true, count }; } function getSelectedPhone() { const input = document.getElementById('newCode'); const fromInput = input ? input.value.trim() : ''; return currentCode || fromInput || ''; } function getAutoLearnOptions() { const autoLearnEnabledEl = document.getElementById('autoLearnEnabled'); const autoLearnApplyEl = document.getElementById('autoLearnApply'); return { autoLearnEnabled: !!(autoLearnEnabledEl && autoLearnEnabledEl.checked), autoLearnApply: !!(autoLearnApplyEl && autoLearnApplyEl.checked) }; } function restoreLearningSwitches() { const autoLearnEnabledEl = document.getElementById('autoLearnEnabled'); const autoLearnApplyEl = document.getElementById('autoLearnApply'); const savedEnabled = localStorage.getItem('autoLearnEnabled'); const savedApply = localStorage.getItem('autoLearnApply'); if (autoLearnEnabledEl) autoLearnEnabledEl.checked = savedEnabled === '1'; if (autoLearnApplyEl) autoLearnApplyEl.checked = savedApply === '1'; } function persistLearningSwitches() { const opts = getAutoLearnOptions(); localStorage.setItem('autoLearnEnabled', opts.autoLearnEnabled ? '1' : '0'); localStorage.setItem('autoLearnApply', opts.autoLearnApply ? '1' : '0'); } function renderRuntimeOutput(text) { const box = document.getElementById('runtimeOutput'); if (!box) return; box.textContent = text; } async function saveRuntimeLearningSettings() { const phone = getSelectedPhone(); if (!phone) { alert('闁荤姴娲ら崲鏌ュ储濞戞瑦缍囬柟鎯у暱瀵娊鏌涜箛鎾村櫧闁轰礁鎽滅槐鎾诲冀瑜嶆繛?); return; } const opts = getAutoLearnOptions(); persistLearningSwitches(); try { const response = await fetch('/runtime/learning', { method: 'POST', headers: buildJsonHeaders(), body: JSON.stringify({ phone, autoLearnEnabled: opts.autoLearnEnabled, autoLearnApply: opts.autoLearnApply }) }); const data = await parseJsonResponse(response, '/runtime/learning'); if (!data.success) { throw new Error(data.error || data.message || '婵烇絽娲︾换鍌炴偤閵婏箑绶為弶鍫亯琚?); } appendOutput(`闂?闁诲孩鍐荤紓姘卞姬閸曨厽濯奸柛鎾楀懏鐎悗瑙勭摃瀵挾鎹㈠鎵佸亾? ${phone}`); await loadRuntimeStats(); } catch (error) { appendOutput('闂?闁诲孩鍐荤紓姘卞姬閸曨厽濯奸柛鎾楀懏鐎繛锝呮处缁诲倿鎮洪妸锕€绶為弶鍫亯琚? ' + error.message); renderRuntimeOutput('婵烇絽娲︾换鍌炴偤閵婏箑绶為弶鍫亯琚? ' + error.message); } } async function loadRuntimeStats() { try { const phone = getSelectedPhone(); const url = phone ? `/runtime/stats?phone=${encodeURIComponent(phone)}` : '/runtime/stats'; const response = await fetch(url); const data = await parseJsonResponse(response, '/runtime/stats'); if (!data.success) { throw new Error(data.error || data.message || '闂佸搫琚崕鎾敋濡や礁绶為弶鍫亯琚?); } if (phone) { const summary = data.summary || {}; const learning = data.learning || {}; const text = [ `闂佸綊娼ч鍡椻攦閳ь剟鏌? ${phone}`, `闂佽鍓氬Σ鎺旀崲瀹ュ洦鍋? ${summary.totalRuns || 0}`, `闂佺懓鐡ㄩ崝鏇熸叏?婵犮垺鍎肩划鍓ф喆? ${(summary.successRuns || 0)}/${(summary.failureRuns || 0)}`, `闂佺懓鐡ㄩ崝鏇熸叏濞戙垺鍋? ${summary.successRate != null ? (summary.successRate * 100).toFixed(1) + '%' : '-'}`, `濡ょ姷鍋涢崯鍨焽鎼淬劌绫嶉柛顐ｆ礃濮? ${summary.avgDurationMs != null ? Math.round(summary.avgDurationMs / 1000) + '缂? : '-'}`, `闂佸搫鐗冮崑鎾诲级閳哄倸鐏辩紒璇茬Ф閹? ${summary.lastRunAt || '-'}`, `閻庣偣鍊濈紓姘额敊閸涘瓨鈷掗柟缁㈠枟椤? ${learning.recommendedInterval != null ? learning.recommendedInterval + '闂佸憡甯掑Λ婵嬪箰? : '-'} (${learning.reason || '-'})` ].join('\n'); renderRuntimeOutput(text); } else { const rows = (data.stats || []).slice(0, 8); if (!rows.length) { renderRuntimeOutput('闂佸搫妫楅崐鐟拔涢妶鍡樹氦闁归偊鍨奸弨浠嬫偣娴ｈ绶茬紓?); return; } const text = rows.map(row => { const s = row.summary || {}; const l = row.learning || {}; return `${row.phone} | 闂佺懓鐡ㄩ崝鏇熸叏濞戙垺鍋?${s.successRate != null ? (s.successRate * 100).toFixed(1) + '%' : '-'} | 閻庣偣鍊濈紓姘额敊?${l.recommendedInterval || '-'}闂佸憡甯掑Λ婵嬪箰閹? }).join('\n'); renderRuntimeOutput(text); } } catch (error) { renderRuntimeOutput('闂佸搫琚崕鎾敋濡や礁绶為弶鍫亯琚? ' + error.message); } } async function loadRuntimeRecords() { const phone = getSelectedPhone(); if (!phone) { alert('闁荤姴娲ら崲鏌ュ储濞戞瑦缍囬柟鎯у暱瀵娊鏌涜箛鎾村櫧闁轰礁鎽滅槐鎾诲冀瑜嶆繛?); return; } const limitEl = document.getElementById('runtimeRecordLimit'); const limitVal = limitEl ? parseInt(limitEl.value || '50', 10) : 50; const limit = Number.isFinite(limitVal) ? Math.max(1, Math.min(500, limitVal)) : 50; try { const response = await fetch(`/runtime/records?phone=${encodeURIComponent(phone)}&limit=${limit}`); const data = await parseJsonResponse(response, '/runtime/records'); if (!data.success) { throw new Error(data.error || data.message || '闂佸搫琚崕鎾敋濡や礁绶為弶鍫亯琚?); } const rows = data.records || []; if (!rows.length) { renderRuntimeOutput(`闂佸綊娼ч鍡椻攦閳ь剟鏌?${phone} 闂佸搫妫楅崐鐟拔涢妶鍡樹氦闁归偊鍨奸弨浠嬫煛閸曨偅鎹ｇ紒顔煎寲); return; } const text = rows.map((row, idx) => { const duration = row.durationMs != null ? `${Math.round(row.durationMs / 1000)}缂備礁顦版俊?: '-'; return `${idx + 1}. ${row.at} | ${row.success ? '闂佺懓鐡ㄩ崝鏇熸叏? : '婵犮垺鍎肩划鍓ф喆?} | 闂佸搫鍟悥濂稿汲?${duration} | 闂備焦褰冪粔鐑芥儊?${row.attempts ?? '-'} | 闂備焦瀵ч悷銊╊敋?${row.error || '-'}`; }).join('\n'); renderRuntimeOutput(text); } catch (error) { renderRuntimeOutput('闂佸搫琚崕鎾敋濡や礁绶為弶鍫亯琚? ' + error.message); } } function selectStation(stationId) { if (!currentCode) { alert('Please enter the charging code first'); return; } const lastRequestTime = window.lastRequestTime || 0; const now = Date.now(); if (now - lastRequestTime < 10000) { alert('Requests are too frequent. Please try again in 10 seconds.'); return; } window.lastRequestTime = now; const intervalValue = document.getElementById('interval').value; const maxLoopsValue = document.getElementById('maxLoops').value; const priceYuan = (document.getElementById('priceYuan1') && document.getElementById('priceYuan1').checked) ? 1 : 0.2; const redPacketCheck = checkRedPacketAvailable(priceYuan); const warningDiv = document.getElementById('redPacketWarning'); const warningText = document.getElementById('redPacketWarningText'); if (!redPacketCheck.available) { if (warningDiv && warningText) { warningText.textContent = redPacketCheck.message; warningDiv.classList.remove('hidden'); } alert(redPacketCheck.message); return; } if (warningDiv) { warningDiv.classList.add('hidden'); } const learnOpts = getAutoLearnOptions(); const runToken = getOrderQueryToken() || MAIN_PAGE_FIXED_TOKEN; persistLearningSwitches(); appendOutput('Start charge: ' + currentCode + ' -> station ' + stationId); appendOutput('Loop settings: interval=' + intervalValue + ' min, loops=' + maxLoopsValue); appendOutput('Coupon target: ' + priceYuan + ' yuan (available=' + redPacketCheck.count + ')'); updateStatus('Running...', 'bg-yellow-400'); isCharging = true; updateStopButton(); const autoRechargeStatus = document.getElementById('autoRechargeStatus'); const loopStatusEl = document.getElementById('loopStatus'); if (autoRechargeStatus) { autoRechargeStatus.classList.add('hidden'); } if (loopStatusEl) { loopStatusEl.textContent = '\u542f\u52a8\u4e2d'; } fetch('/run', { method: 'POST', headers: buildJsonHeaders(), body: JSON.stringify({ chargingTasks: [{ phone: currentCode, stationId: stationId.toString() }], interval: parseInt(intervalValue, 10), maxLoops: parseInt(maxLoopsValue, 10), autoRecharge: true, priceYuan: priceYuan, autoLearnEnabled: learnOpts.autoLearnEnabled, autoLearnApply: learnOpts.autoLearnApply, token: runToken }) }) .then(response => { if (!response.ok) { throw new Error('network request failed'); } return parseJsonResponse(response, '/run'); }) .then(data => { const firstResult = Array.isArray(data.results) && data.results.length ? data.results[0] : null; if (!data.success || (firstResult && firstResult.success === false)) { const reason = (firstResult && (firstResult.error || firstResult.warning)) || data.error || data.output || 'run failed'; throw new Error(reason); } const loopStillActive = !!(firstResult && firstResult.loopActive); isCharging = loopStillActive; updateStopButton(); if (autoRechargeStatus) { autoRechargeStatus.classList.toggle('hidden', !loopStillActive); } appendOutput('Charge started: ' + currentCode + ' @ station ' + stationId); if (firstResult && firstResult.warning) { appendOutput('Warning: ' + firstResult.warning); } if (data.output) { appendOutput('Backend: ' + data.output.trim()); } if (firstResult) { appendOutput('Loop progress: ' + firstResult.currentLoop + '/' + firstResult.maxLoops + (firstResult.nextRunAt ? (' next=' + firstResult.nextRunAt) : '')); } const orderId = extractOrderIdFromRunResult(data); if (orderId) { appendOutput('Order ID: ' + orderId); startChargeDetailTracking({ orderId, token: runToken, phone: currentCode, stationId: stationId.toString() }); } else { appendOutput('No order ID captured from this run.'); } if (loopStatusEl) { loopStatusEl.textContent = loopStillActive && firstResult ? ('\u81ea\u52a8\u7eed\u5145\u8fdb\u884c\u4e2d ' + firstResult.currentLoop + '/' + firstResult.maxLoops) : '\u81ea\u52a8\u7eed\u5145\u5df2\u5b8c\u6210'; } if (loopStillActive && firstResult) { updateStatus('Loop running ' + firstResult.currentLoop + '/' + firstResult.maxLoops, 'bg-yellow-400'); } else { updateStatus('Completed', 'bg-green-500'); } disableStationButtons(5 * 60 * 1000, stationId); }) .catch(error => { appendOutput('Charge failed: ' + error.message); updateStatus('Run failed', 'bg-red-500'); isCharging = false; updateStopButton(); if (autoRechargeStatus) { autoRechargeStatus.classList.add('hidden'); } if (loopStatusEl) { loopStatusEl.textContent = '\u6700\u8fd1\u4e00\u6b21\u6267\u884c\u5931\u8d25'; } disableStationButtons(10000); }); } function disableStationButtons(duration, excludeStationId = null) { const buttons = document.querySelectorAll('[id^="station"]'); buttons.forEach(button => { const buttonStationId = parseInt(button.id.replace('station', '')); if (buttonStationId !== excludeStationId) { button.disabled = true; button.classList.add('opacity-50', 'cursor-not-allowed'); } }); setTimeout(() => { buttons.forEach(button => { button.disabled = false; button.classList.remove('opacity-50', 'cursor-not-allowed'); }); }, duration); } function stopCharging() { if (!currentCode || !isCharging) return; const autoRechargeStatus = document.getElementById('autoRechargeStatus'); fetch('/stopCharge', { method: 'POST', headers: buildJsonHeaders(), body: JSON.stringify({ phone: currentCode }) }) .then(response => parseJsonResponse(response, '/stopCharge')) .then(data => { if (!data.success) { throw new Error(data.error || data.output || 'stop failed'); } isCharging = false; updateStopButton(); clearChargeDetailPolling(); if (autoRechargeStatus) { autoRechargeStatus.classList.add('hidden'); } appendOutput('Stopped auto charge: ' + currentCode); if (data.output) { appendOutput('Backend: ' + data.output.trim()); } updateStatus('Stopped', 'bg-gray-500'); }) .catch(error => { appendOutput('Stop failed: ' + error.message); }); } function saveLoopSettings() { const intervalValue = document.getElementById('interval').value; const maxLoopsValue = document.getElementById('maxLoops').value; if (!currentCode) { alert('Please enter the charging code first'); return; } persistLearningSwitches(); localStorage.setItem('interval', intervalValue); localStorage.setItem('maxLoops', maxLoopsValue); fetch('/set-interval', { method: 'POST', headers: buildJsonHeaders(), body: JSON.stringify({ phone: currentCode, interval: parseInt(intervalValue, 10), maxLoops: parseInt(maxLoopsValue, 10), priceYuan: (document.getElementById('priceYuan1') && document.getElementById('priceYuan1').checked) ? 1 : 0.2, autoLearnEnabled: getAutoLearnOptions().autoLearnEnabled, autoLearnApply: getAutoLearnOptions().autoLearnApply }) }) .then(response => parseJsonResponse(response, '/set-interval')) .then(data => { if (!data.success) { throw new Error(data.error || data.output || 'save settings failed'); } appendOutput('Loop settings saved: interval=' + intervalValue + ' min, loops=' + maxLoopsValue); updateStatus('Loop settings saved', 'bg-blue-500'); }) .catch(error => { appendOutput('Save settings failed: ' + error.message); updateStatus('Save failed', 'bg-red-500'); }); } function fetchCurrentSettings() { fetch('/settings') .then(response => parseJsonResponse(response, '/settings')) .then(data => { if (!data.success) { throw new Error(data.error || data.output || 'load settings failed'); } const settings = data.settings || {}; if (settings.interval != null && document.getElementById('interval')) { document.getElementById('interval').value = settings.interval; } if (settings.maxLoops != null && document.getElementById('maxLoops')) { document.getElementById('maxLoops').value = settings.maxLoops; } const activeTasks = Array.isArray(settings.activeTasks) ? settings.activeTasks : []; const recentTasks = Array.isArray(settings.recentTasks) ? settings.recentTasks : []; const selectedPhone = getSelectedPhone(); const activeTask = selectedPhone ? activeTasks.find(item => item && String(item.phone || '').trim() === selectedPhone) : null; const recentTask = !activeTask && selectedPhone ? recentTasks.find(item => item && String(item.phone || '').trim() === selectedPhone) : null; const matchedTask = activeTask || recentTask || null; latestSelectedTaskSnapshot = matchedTask; refreshChargeGuardRows(latestChargeDetailOrder, latestChargeDetailFallbackOrderId); const autoRechargeStatus = document.getElementById('autoRechargeStatus'); const loopStatusEl = document.getElementById('loopStatus'); isCharging = !!activeTask; updateStopButton(); if (autoRechargeStatus) { autoRechargeStatus.classList.toggle('hidden', !activeTask); } if (activeTask) { if (loopStatusEl) { const guardText = activeTask.lowPowerGuard && activeTask.lowPowerGuard.message ? ` | ${activeTask.lowPowerGuard.message}` : ''; loopStatusEl.textContent = '\u81ea\u52a8\u7eed\u5145\u8fdb\u884c\u4e2d ' + activeTask.currentLoop + '/' + activeTask.maxLoops + guardText; } updateStatus('Loop running ' + activeTask.currentLoop + '/' + activeTask.maxLoops, 'bg-yellow-400'); } else if (matchedTask && matchedTask.status === 'low-power-stopped') { if (loopStatusEl) { loopStatusEl.textContent = '\u4f4e\u529f\u7387\u4fdd\u62a4\u5df2\u89e6\u53d1'; } updateStatus('Low power guard stopped future loops', 'bg-orange-500'); const guard = matchedTask.lowPowerGuard || {}; const eventKey = [matchedTask.phone || '', guard.orderId || matchedTask.lastOrderId || '', guard.triggeredAt || ''].join('|'); if (eventKey && eventKey !== lastLowPowerEventKey) { lastLowPowerEventKey = eventKey; appendOutput('\u26a0\ufe0f \u4f4e\u529f\u7387\u4fdd\u62a4\u89e6\u53d1: ' + (guard.message || '\u81ea\u52a8\u7eed\u5145\u5df2\u505c\u6b62')); } } else if (matchedTask && matchedTask.status === 'failed') { if (loopStatusEl) { loopStatusEl.textContent = '\u6700\u8fd1\u4e00\u6b21\u6267\u884c\u5931\u8d25'; } updateStatus('Run failed', 'bg-red-500'); } else if (matchedTask && matchedTask.status === 'completed') { if (loopStatusEl) { loopStatusEl.textContent = '\u81ea\u52a8\u7eed\u5145\u5df2\u5b8c\u6210'; } updateStatus('Completed', 'bg-green-500'); } else if (matchedTask && matchedTask.status === 'stopped') { if (loopStatusEl) { loopStatusEl.textContent = '\u81ea\u52a8\u7eed\u5145\u5df2\u505c\u6b62'; } updateStatus('Stopped', 'bg-gray-500'); } else { if (loopStatusEl) { loopStatusEl.textContent = '\u7b49\u5f85\u542f\u52a8'; } updateStatus('Idle', 'bg-green-500'); } }) .catch(error => { console.error('fetchCurrentSettings failed', error); }); } if (stopButton) { stopButton.addEventListener('click', stopCharging); } for (let i = 1; i <= 12; i++) { const stationBtn = document.getElementById('station' + i); if (stationBtn) { stationBtn.addEventListener('click', () => selectStation(i)); } } // 濠电偛顕慨瀵糕偓娑掓櫅閿曘垺瀵奸弶鎴炲祶闂佸搫顦冲▔鏇㈠箺閻樼粯鐓曢悘鐐额嚙婵＄厧鈹戦鎯т沪婵炵⒈浜炲濠囨偝閻亰n const tokenInput = document.getElementById('redPacketToken'); const orderTokenInput = document.getElementById('orderToken'); if (tokenInput) { tokenInput.value = MAIN_PAGE_FIXED_TOKEN; } if (orderTokenInput) { orderTokenInput.value = MAIN_PAGE_FIXED_TOKEN; } localStorage.setItem('redPacketToken', MAIN_PAGE_FIXED_TOKEN); localStorage.setItem('orderQueryToken', MAIN_PAGE_FIXED_TOKEN); // 婵犵數鍎戠紞鈧い鏇嗗嫭鍙忛柣鎰暩濡垶鏌曡箛鏇炐㈤柣锕€鐖奸弻锛勪沪鐠囨彃濮ゅ銈嗘礃椤ㄥ﹪鐛幇顓炵窞闁归偊鍘奸崬澶嬬箾鐎涙鐭婃い鎴濆閳? const queryRedPacketBtn = document.getElementById('queryRedPacketBtn'); if (queryRedPacketBtn) { queryRedPacketBtn.addEventListener('click', queryRedPackets); } // 婵犵數鍎戠紞鈧い鏇嗗嫭鍙忛柣鎰惈缁€鍡涙⒑閸噮鍎愰柣鎾亾闂備礁婀遍…鍫ニ囬悽绋跨闁惧浚鍋嗛々鏌ユ倵閿濆倹娅嗘い? const refreshRedPacketBtn = document.getElementById('refreshRedPacketBtn'); if (refreshRedPacketBtn) { refreshRedPacketBtn.addEventListener('click', queryRedPackets); } const queryOrderListBtn = document.getElementById('queryOrderListBtn'); if (queryOrderListBtn) { queryOrderListBtn.addEventListener('click', queryOrderList); } const queryOrderDetailBtn = document.getElementById('queryOrderDetailBtn'); if (queryOrderDetailBtn) { queryOrderDetailBtn.addEventListener('click', queryOrderDetail); } const refreshChargeDetailBtn = document.getElementById('refreshChargeDetailBtn'); if (refreshChargeDetailBtn) { refreshChargeDetailBtn.addEventListener('click', () => refreshTrackedChargeDetail(true)); } window.addEventListener('beforeunload', clearChargeDetailPolling); const saveLearningBtn = document.getElementById('saveLearningBtn'); if (saveLearningBtn) { saveLearningBtn.addEventListener('click', saveRuntimeLearningSettings); } const loadRuntimeStatsBtn = document.getElementById('loadRuntimeStatsBtn'); if (loadRuntimeStatsBtn) { loadRuntimeStatsBtn.addEventListener('click', loadRuntimeStats); } const loadRuntimeRecordsBtn = document.getElementById('loadRuntimeRecordsBtn'); if (loadRuntimeRecordsBtn) { loadRuntimeRecordsBtn.addEventListener('click', loadRuntimeRecords); } const autoLearnEnabledEl = document.getElementById('autoLearnEnabled'); const autoLearnApplyEl = document.getElementById('autoLearnApply'); if (autoLearnEnabledEl) { autoLearnEnabledEl.addEventListener('change', persistLearningSwitches); } if (autoLearnApplyEl) { autoLearnApplyEl.addEventListener('change', persistLearningSwitches); } restoreLearningSwitches(); loadRuntimeStats(); updateStopButton(); appendOutput('缂傚倷绶￠崹闈涚暦閻㈤潧鍨濇繛宸簻缁€鍡樼節闂堟稒锛嶆繛鍏碱殜閺屾盯寮介妸褍鈪归梺浼欑秵閸撶喖鐛€ｎ喖绠涢柛鎾茶兌椤︻噣姊洪崨濠勬噽闁割煈鍨辩粋宥夊箳閹搭厼娈ㄩ梺閫炲苯澧柟渚垮妿閳ь剨缍嗛崑鍕焽閹达附鐓曢柡鍐ㄥ€稿瓭闂佸憡蓱閻楃娀骞冩禒瀣仺闁汇垹鐏氶妵婵嬫⒑閸涘﹦鎳嗘繛鎾虫贡閼?); // 闂備浇顫夐崕鐓幬涢崟顖樷偓鍐ㄢ槈閵忕姷顦梺缁樻椤曆囧储鐎电硶鍋撶憴鍕憙閻忓繑鐟ょ花娲⒑閻撳骸妲荤痪缁㈠幘閳ь剚鍑归崢鍓у垝閳哄啠鍋撻敐搴℃灁闁逞屽墮椤﹂潧螞閸愵噯缍栨い鏂垮⒔椤︻噣姊虹紒妯哄闁硅櫕鎹囧畷鐢割敋閳ь剟骞冩禒瀣瀭妞ゆ劑鍊栧娲⒑閹肩偛鍔ら柛瀣崌閹儵鏁愰崶銊ョ／闁诲骸婀辨慨鐢电矈椤曗偓閺?/lottery </script> </body> </html>