错题�?/title> <meta name="theme-color" content="#f5f0e8"> <link rel="manifest" href="/manifest.json"> <style> :root{--bg:#f5f0e8;--card:#faf7f0;--border:#d4c8b0;--text:#3a3226;--text2:#8a7b6b;--accent:#8b4513;--red:#c4554d;--green:#5a8a6a;--gold:#b8963c;--paper:rgba(139,69,19,0.16)} *{margin:0;padding:0;box-sizing:border-box} body{font-family:"STKaiti","KaiTi","Noto Serif SC","PingFang SC",serif;background:var(--bg);color:var(--text);min-height:100vh;padding:22px 14px 40px;line-height:1.65;background-image:linear-gradient(0deg,transparent 24%,rgba(139,69,19,0.025) 25%,rgba(139,69,19,0.025) 26%,transparent 27%),linear-gradient(90deg,transparent 24%,rgba(139,69,19,0.015) 25%,rgba(139,69,19,0.015) 26%,transparent 27%);background-size:48px 48px} .wrap{width:100%;max-width:1120px;margin:0 auto} .top{display:flex;align-items:flex-end;justify-content:space-between;gap:14px;margin-bottom:16px} h1{font-size:1.58rem;font-weight:400;color:var(--accent)} .sub{font-size:0.78rem;color:var(--text2);margin-top:4px} .top-links{display:flex;gap:10px;align-items:center;flex-wrap:wrap} .back{color:var(--text2);font-size:0.82rem;text-decoration:none} .grid{display:grid;grid-template-columns:1.2fr 1fr;gap:14px;align-items:start} @media(max-width:750px){.grid{grid-template-columns:1fr}} .panel{background:linear-gradient(180deg,rgba(250,247,240,0.96),rgba(246,239,226,0.9));border:1px solid var(--paper);border-radius:8px;padding:14px;box-shadow:0 8px 24px rgba(91,55,28,0.08)} label{display:block;font-size:0.74rem;color:var(--text2);margin:10px 0 4px} input,textarea,select,button{font-family:inherit;font-size:0.88rem} input,textarea,select{width:100%;background:var(--bg);border:1px solid var(--border);border-radius:6px;padding:8px 10px;color:var(--text)} textarea{min-height:70px;resize:vertical;line-height:1.7} input:focus,textarea:focus,select:focus{outline:none;border-color:var(--accent)} .row{display:grid;grid-template-columns:1fr 1fr;gap:8px} .actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px} button,.btn{border:1px solid var(--border);border-radius:6px;background:var(--card);color:var(--accent);font-size:0.82rem;padding:8px 11px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center} .primary{background:var(--accent);border-color:var(--accent);color:#faf7f0}.danger{color:var(--red)}.green{color:var(--green)} .list{display:grid;gap:9px}.empty{padding:24px 10px;text-align:center;color:var(--text2);font-size:0.86rem;border:1px dashed var(--border);border-radius:8px} .card{border:1px solid rgba(212,200,176,0.75);border-radius:8px;background:rgba(255,255,255,0.22);padding:11px} .card-title{font-size:0.94rem;color:var(--text)}.card-body{font-size:0.78rem;color:var(--text2);line-height:1.62;white-space:pre-wrap;margin-top:6px} .meta{display:flex;gap:6px;flex-wrap:wrap;font-size:0.72rem;color:var(--text2);margin-top:4px} .pill{display:inline-flex;border:1px solid rgba(212,200,176,0.78);border-radius:999px;padding:2px 7px;background:rgba(250,247,240,0.65);font-size:0.7rem;color:var(--text2)}.pill.red{color:var(--red)}.pill.green{color:var(--green)}.pill.gold{color:var(--gold)} .ai-box{border:1px solid var(--gold);border-radius:8px;background:rgba(255,255,255,0.22);padding:11px;font-size:0.78rem;line-height:1.62;white-space:pre-wrap;margin-top:8px} .tab-row{display:flex;gap:4px;margin-bottom:12px}.tab{padding:6px 12px;border:1px solid var(--border);border-radius:6px;cursor:pointer;font-size:0.78rem;color:var(--text2)}.tab.on{border-color:var(--accent);color:var(--accent)} .filters{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:8px} @media(max-width:600px){.row,.filters{grid-template-columns:1fr}} @media(prefers-color-scheme:dark){body{--bg:#1a1612;--card:#221e18;--border:#3a3028;--text:#d4c8b0;--text2:#a09080;--accent:#c9956b;--red:#d4736b;--green:#81a884;--paper:rgba(201,149,107,0.18)}.panel{background:linear-gradient(180deg,rgba(34,30,24,0.96),rgba(28,24,19,0.92));box-shadow:0 12px 28px rgba(0,0,0,0.2)}} </style> <script data-cfasync="false" src="storage.js"></script> <script data-cfasync="false" src="sync.js"></script> <script data-cfasync="false" src="errors-core.js"></script> <script data-cfasync="false" src="ui.js"></script> </head> <body> <div class="wrap"> <div class="top"> <div><h1>错题�?/h1><div class="sub">每道错题贴标签→AI归因→回背章节→重做周期</div></div> <div class="top-links"><a class="back" href="/">今日</a><a class="back" href="/side">副笺</a><a class="back" href="/recite">背诵�?/a><a class="back" href="/issues">漏洞</a></div> </div> <div class="grid"> <section class="panel"> <div class="tab-row"> <span class="tab on" data-tab="add">录入错题</span> <span class="tab" data-tab="batch">AI 批量分析</span> </div> <div id="tab-add"> <div class="row"> <div><label for="e-subject">科目</label><select id="e-subject"></select></div> <div><label for="e-chapter">章节</label><input id="e-chapter" placeholder="�?总则第三�?></div> </div> <div class="row"> <div><label for="e-source">来源</label><select id="e-source"></select></div> <div><label for="e-date">日期</label><input id="e-date" type="date"></div> </div> <label for="e-question">题目描述</label> <textarea id="e-question" placeholder="题目内容... 我的答案�?#10;正确答��?></textarea> <label for="e-answer">正确答案</label> <input id="e-answer" placeholder="正确答案 / 法条依据"> <label>错因标签 <span style="font-weight:400;color:var(--text2)">（可多选）</span></label> <div id="e-tags" style="display:flex;flex-wrap:wrap;gap:4px;margin-top:4px"></div> <label for="e-review">回背内容</label> <input id="e-review" placeholder="需要重背的页码/章节/知识�?> <div class="actions"> <button class="primary" id="save-btn">保存错题</button> <button id="ai-analysis-btn" class="green">AI 错因分析</button> <button id="clear-btn">清空</button> </div> <div class="ai-box" id="ai-result" style="display:none"></div> </div> <div id="tab-batch" style="display:none"> <label for="batch-input">批量粘贴错题（每题一行，或粘整个章节�?/label> <textarea id="batch-input" placeholder="粘贴今日所有错�?.."></textarea> <div class="actions"> <button class="primary" id="batch-btn">AI 批量归因</button> </div> <div class="ai-box" id="batch-result" style="display:none"></div> </div> </section> <section class="panel"> <div style="display:flex;align-items:center;justify-content:space-between;margin-bottom:12px"> <span style="font-size:0.96rem;color:var(--accent);font-weight:600">错题记录</span> <span style="font-size:0.72rem;color:var(--text2)" id="stats"></span> </div> <div class="filters"> <select id="filter-subject"><option value="">全部科目</option></select> <input id="filter-chapter" placeholder="搜索章节/关键�?> </div> <div class="list" id="list"></div> </section> </div> </div> <script data-cfasync="false"> (function(){ 'use strict'; var E=TErrors, TS=TSync; var state=E.empty(), editingId=null, lastAiText='', selectedTags=[]; function $(id){return document.getElementById(id)} function esc(s){return String(s||'').replace(/&/g,'&').replace(/</g,'<').replace(/>/g,'>')} function clearForm(){ editingId=null;$('e-subject').value='刑法';$('e-chapter').value='';$('e-source').value='分章真题';$('e-date').value=E.today();$('e-question').value='';$('e-answer').value='';$('e-review').value='';selectedTags=[];renderTags();$('ai-result').style.display='none';lastAiText=''; } function renderTags(){ $('e-tags').innerHTML=E.ERROR_TAGS.map(function(t){ return '<span class="pill'+(selectedTags.indexOf(t)>=0?' gold':'')+'" data-tag="'+esc(t)+'" style="cursor:pointer">'+esc(t)+'</span>'; }).join(''); } $('e-tags').addEventListener('click',function(e){ var tag=e.target.getAttribute('data-tag'); if(!tag) return; var idx=selectedTags.indexOf(tag); if(idx>=0) selectedTags.splice(idx,1); else selectedTags.push(tag); renderTags(); }); function itemFromForm(){ var existing=editingId?state.items.find(function(x){return x.id===editingId}):null; return E.normalize({ id:editingId||E.newId('e'), date:$('e-date').value||E.today(), subject:$('e-subject').value, chapter:$('e-chapter').value.trim(), source:$('e-source').value, question:$('e-question').value.trim(), correctAnswer:$('e-answer').value.trim(), errorTags:selectedTags.slice(), reviewBack:$('e-review').value.trim(), aiAnalysis:existing&&existing.aiAnalysis||'', created:existing&&existing.created||E.now(), updated:E.now() }); } async function saveItem(){ var it=itemFromForm(); if(!it.question){alert('请填写题目描�?);return} state=E.merge(state,{items:[it],updated:E.now()}); E.saveLocal(state);render();clearForm(); } function render(){ var sub=$('filter-subject').value, ch=$('filter-chapter').value.trim().toLowerCase(); var items=state.items.filter(function(it){ if(sub&&it.subject!==sub) return false; if(ch&&(it.chapter||'').toLowerCase().indexOf(ch)<0&&(it.question||'').toLowerCase().indexOf(ch)<0) return false; return true; }); $('stats').textContent=items.length+' �?; if(!items.length){$('list').innerHTML='<div class="empty">暂无错题</div>';return} $('list').innerHTML=items.map(function(it){ var tags=(it.errorTags||[]).slice(0,8).map(function(t){return '<span class="pill red">'+esc(t)+'</span>'}).join(''); return '<article class="card">'+ '<div class="card-title">'+esc(it.subject)+' · '+esc(it.chapter)+' · '+esc(it.source)+'</div>'+ '<div class="meta"><span class="pill">'+esc(it.date)+'</span>'+tags+'</div>'+ '<div class="card-body">'+esc(it.question.slice(0,200))+'</div>'+ (it.aiAnalysis?'<div class="card-body" style="border-left:2px solid var(--gold);padding-left:8px">AI分析�?+esc(it.aiAnalysis)+'</div>':'')+ '<div class="actions"><button data-act="ai" data-id="'+esc(it.id)+'">AI分析</button><button data-act="edit" data-id="'+esc(it.id)+'">编辑</button><button class="danger" data-act="delete" data-id="'+esc(it.id)+'">删除</button></div>'+ '</article>'; }).join(''); } async function callAiForError(it){ if(!it) return; $('ai-result').style.display='block';$('ai-result').textContent='AI 分析�?..'; var key=(TS.getSyncKey&&TS.getSyncKey())||''; if(!key){$('ai-result').textContent='需要同步口�?;return} var prompt='你是法硕备考错题分析官。下面是考生的一道错题，请做归因分析，输出格式：\n1. 知识点定位\n2. 错误根因\n3. 同类陷阱预警\n4. 复习优先级：�?�?低\n5. 建议回背章节/页码\n\n科目�?+it.subject+'，章节：'+it.chapter+'，来源：'+it.source+'\n题目�?+it.question+'\n正确答案�?+it.correctAnswer+'\n考生初步判断的错因标签：'+(it.errorTags||[]).join('�?); var r=await fetch('/api/ai',{method:'POST',headers:{'Content-Type':'application/json','X-Taodash-Key':key},body:JSON.stringify({model:'deepseek-v4-flash',mode:'issue',prompt:prompt,thinking:false,stream:true})}); if(!r.ok){$('ai-result').textContent='AI 调用失败: '+r.status;return} var reader=r.body.getReader(), decoder=new TextDecoder(), buf='', full=''; while(true){var chunk=await reader.read(); if(chunk.done) break; buf+=decoder.decode(chunk.value,{stream:true}); var lines=buf.split('\n'); buf=lines.pop()||''; for(var i=0;i<lines.length;i++){var line=lines[i]; if(!line.startsWith('data: ')) continue; var d=line.slice(6).trim(); try{var p=JSON.parse(d); if(p.t){full+=p.t;$('ai-result').textContent=full}}catch(ex){}}} lastAiText=full; it.aiAnalysis=full; it.updated=E.now(); state=E.merge(state,{items:[it],updated:E.now()}); E.saveLocal(state); render(); } async function batchAnalysis(){ var text=$('batch-input').value.trim(); if(!text){alert('请粘贴错�?);return} $('batch-result').style.display='block';$('batch-result').textContent='AI 批量分析�?..'; var key=(TS.getSyncKey&&TS.getSyncKey())||''; if(!key){$('batch-result').textContent='需要同步口�?;return} var prompt='你是法硕备考错题分析官。下面是考生的一批错题，请逐条做归因分析，按以下格式输出每道：\n题号 | 知识点定�?| 错误根因 | 同类陷阱 | 优先�?| 回背建议\n\n'+text; var r=await fetch('/api/ai',{method:'POST',headers:{'Content-Type':'application/json','X-Taodash-Key':key},body:JSON.stringify({model:'deepseek-v4-flash',mode:'issue',prompt:prompt,thinking:false,stream:true})}); if(!r.ok){$('batch-result').textContent='AI 调用失败: '+r.status;return} var reader=r.body.getReader(), decoder=new TextDecoder(), buf='', full=''; while(true){var chunk=await reader.read(); if(chunk.done) break; buf+=decoder.decode(chunk.value,{stream:true}); var lines=buf.split('\n'); buf=lines.pop()||''; for(var i=0;i<lines.length;i++){var line=lines[i]; if(!line.startsWith('data: ')) continue; var d=line.slice(6).trim(); try{var p=JSON.parse(d); if(p.t){full+=p.t;$('batch-result').textContent=full}}catch(ex){}}} lastAiText=full; } document.querySelectorAll('[data-tab]').forEach(function(tab){tab.addEventListener('click',function(){document.querySelectorAll('[data-tab]').forEach(function(t){t.classList.remove('on')});this.classList.add('on');$('tab-add').style.display=this.getAttribute('data-tab')==='add'?'block':'none';$('tab-batch').style.display=this.getAttribute('data-tab')==='batch'?'block':'none'})}); function fillSelects(){ var subSel='<option value="">请选科�?/option>'+E.SUBJECTS.map(function(s){return '<option>'+s+'</option>'}).join(''); $('e-subject').innerHTML=subSel;$('filter-subject').innerHTML='<option value="">全部科目</option>'+E.SUBJECTS.map(function(s){return '<option>'+s+'</option>'}).join(''); $('e-source').innerHTML=E.SOURCES.map(function(s){return '<option>'+s+'</option>'}).join(''); } $('save-btn').addEventListener('click',saveItem); $('clear-btn').addEventListener('click',clearForm); $('ai-analysis-btn').addEventListener('click',function(){callAiForError(itemFromForm())}); $('batch-btn').addEventListener('click',batchAnalysis); ['filter-subject','filter-chapter'].forEach(function(id){$(id).addEventListener('input',render);$(id).addEventListener('change',render)}); $('list').addEventListener('click',function(e){ var btn=e.target.closest('button[data-act]'); if(!btn) return; var id=btn.getAttribute('data-id'), act=btn.getAttribute('data-act'); if(act==='ai'){ var it=state.items.find(function(x){return x.id===id}); callAiForError(it); }else if(act==='edit'){ var it=state.items.find(function(x){return x.id===id}); if(!it) return; editingId=id;$('e-subject').value=it.subject;$('e-chapter').value=it.chapter;$('e-source').value=it.source;$('e-date').value=it.date;$('e-question').value=it.question;$('e-answer').value=it.correctAnswer;$('e-review').value=it.reviewBack;selectedTags=(it.errorTags||[]).slice();renderTags(); if(it.aiAnalysis){$('ai-result').style.display='block';$('ai-result').textContent=it.aiAnalysis} }else if(act==='delete'){ var it=state.items.find(function(x){return x.id===id}); if(!it||!confirm('删除这条错题�?)) return; state=E.merge(state,{deleted:{[id]:E.now()}}); E.saveLocal(state); render(); } }); fillSelects();state=E.merge(state,E.readLocal());render();clearForm();$('e-date').value=E.today(); })(); </script> </body> </html>