File size: 6,672 Bytes
b4f2238 | 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 | {% load i18n %}
<!-- 证据智能分类演示 -->
<section class="evidence-sorting-section" id="evidence-sorting-flow">
<div class="evidence-sorting-container">
<div class="section-header reveal">
<span class="section-tag">🧠 {% trans "智能分类" %}</span>
<h2 class="section-title">{% trans "证据智能分类 · AI 自动整理" %}</h2>
<p class="section-desc">{% trans "LLM 驱动的证据分类器，自动识别证据类型并归类整理" %}</p>
</div>
<div class="evidence-demo" id="evidenceDemo">
<!-- 左侧：散乱文件 / 整理前 -->
<div class="evidence-source" id="evidenceSource">
<div class="evidence-file" style="--rotate: -5deg" data-category="contract" id="evFile1">
<div class="evidence-file-icon">📄</div>
<div class="evidence-file-name">借款合同</div>
</div>
<div class="evidence-file" style="--rotate: 3deg" data-category="finance" id="evFile2">
<div class="evidence-file-icon">🏦</div>
<div class="evidence-file-name">转账回单</div>
</div>
<div class="evidence-file" style="--rotate: -8deg" data-category="identity" id="evFile3">
<div class="evidence-file-icon">🪪</div>
<div class="evidence-file-name">身份证</div>
</div>
<div class="evidence-file" style="--rotate: 6deg" data-category="chat" id="evFile4">
<div class="evidence-file-icon">💬</div>
<div class="evidence-file-name">微信记录</div>
</div>
<div class="evidence-file" style="--rotate: -3deg" data-category="finance" id="evFile5">
<div class="evidence-file-icon">📊</div>
<div class="evidence-file-name">银行流水</div>
</div>
<div class="evidence-file" style="--rotate: 7deg" data-category="contract" id="evFile6">
<div class="evidence-file-icon">📑</div>
<div class="evidence-file-name">担保协议</div>
</div>
<div class="evidence-file" style="--rotate: -4deg" data-category="photo" id="evFile7">
<div class="evidence-file-icon">📸</div>
<div class="evidence-file-name">现场照片</div>
</div>
<div class="evidence-file" style="--rotate: 2deg" data-category="identity" id="evFile8">
<div class="evidence-file-icon">🏢</div>
<div class="evidence-file-name">营业执照</div>
</div>
</div>
<!-- 中间：AI 处理器 -->
<div class="evidence-ai-core" id="evidenceAiCore">
<div class="ai-brain" id="aiBrain">
🧠
<div class="ai-brain-ring"></div>
</div>
<div class="ai-progress-text" id="aiProgressText">{% trans "等待开始" %}</div>
</div>
<!-- 右侧：分类结果 -->
<div class="evidence-result" id="evidenceResult">
<div class="evidence-category" data-cat="contract" id="catContract">
<div class="category-icon contract">📄</div>
<div class="category-info">
<div class="category-name">{% trans "合同协议类" %}</div>
<div class="category-count" id="catContractCount">0 份</div>
</div>
<div class="category-badge" id="catContractBadge">✓</div>
</div>
<div class="evidence-category" data-cat="finance" id="catFinance">
<div class="category-icon finance">🏦</div>
<div class="category-info">
<div class="category-name">{% trans "财务凭证类" %}</div>
<div class="category-count" id="catFinanceCount">0 份</div>
</div>
<div class="category-badge" id="catFinanceBadge">✓</div>
</div>
<div class="evidence-category" data-cat="identity" id="catIdentity">
<div class="category-icon identity">🪪</div>
<div class="category-info">
<div class="category-name">{% trans "身份证明类" %}</div>
<div class="category-count" id="catIdentityCount">0 份</div>
</div>
<div class="category-badge" id="catIdentityBadge">✓</div>
</div>
<div class="evidence-category" data-cat="chat" id="catChat">
<div class="category-icon chat">💬</div>
<div class="category-info">
<div class="category-name">{% trans "通讯记录类" %}</div>
<div class="category-count" id="catChatCount">0 份</div>
</div>
<div class="category-badge" id="catChatBadge">✓</div>
</div>
<div class="evidence-category" data-cat="photo" id="catPhoto">
<div class="category-icon photo">📸</div>
<div class="category-info">
<div class="category-name">{% trans "影像资料类" %}</div>
<div class="category-count" id="catPhotoCount">0 份</div>
</div>
<div class="category-badge" id="catPhotoBadge">✓</div>
</div>
</div>
</div>
<div class="evidence-controls">
<button class="flow-btn flow-btn-play" id="evidencePlayBtn" onclick="startEvidenceAnimation()">
<span>▶</span> {% trans "播放演示" %}
</button>
<button class="flow-btn flow-btn-reset" id="evidenceResetBtn" onclick="resetEvidenceAnimation()">
<span>↺</span> {% trans "重置" %}
</button>
</div>
</div>
</section>
|