diff --git a/static/js/ocr.js b/static/js/ocr.js
new file mode 100644
index 0000000..2a31e92
--- /dev/null
+++ b/static/js/ocr.js
@@ -0,0 +1,383 @@
+// ocr.js
+lucide.createIcons();
+
+async function checkAuth() {
+ const r = await fetch('/api/auth/me');
+ const d = await r.json();
+ const profile = document.getElementById('userProfile');
+ const entry = document.getElementById('loginEntryBtn');
+ const submitBtn = document.getElementById('submitBtn');
+
+ if(d.logged_in) {
+ if(profile) profile.classList.remove('hidden');
+ if(entry) entry.classList.add('hidden');
+ submitBtn.disabled = false;
+ submitBtn.classList.remove('opacity-50', 'cursor-not-allowed');
+ const phoneDisp = document.getElementById('userPhoneDisplay');
+ if(phoneDisp) phoneDisp.innerText = d.phone;
+
+ // 处理积分显示
+ const pointsBadge = document.getElementById('pointsBadge');
+ const pointsDisplay = document.getElementById('pointsDisplay');
+ if(pointsBadge && pointsDisplay) {
+ pointsBadge.classList.remove('hidden');
+ pointsDisplay.innerText = d.points;
+ }
+ const headerPoints = document.getElementById('headerPoints');
+ if(headerPoints) headerPoints.innerText = d.points;
+ } else {
+ if(profile) profile.classList.add('hidden');
+ if(entry) entry.classList.remove('hidden');
+ submitBtn.disabled = true;
+ submitBtn.classList.add('opacity-50', 'cursor-not-allowed');
+ }
+ lucide.createIcons();
+}
+
+let uploadedFiles = [];
+const FIXED_MODEL = 'gemini-3-flash-preview';
+
+function updateCostPreview() {
+ const costPreview = document.getElementById('costPreview');
+ const isPremium = document.getElementById('isPremium')?.checked || false;
+
+ // 默认消耗 1 积分，优质模式 X2
+ let cost = 1;
+ if(isPremium) cost *= 2;
+ costPreview.innerText = `本次解析将消耗 ${cost} 积分`;
+ costPreview.classList.remove('hidden');
+}
+
+function renderImagePreviews() {
+ const prev = document.getElementById('imagePreview');
+ if(!prev) return;
+ prev.innerHTML = '';
+
+ uploadedFiles.forEach((file, index) => {
+ const d = document.createElement('div');
+ d.className = 'relative w-24 h-24 rounded-2xl overflow-hidden flex-shrink-0 border-2 border-white shadow-md group';
+ d.innerHTML = `
+
+
+
+
图${index + 1}
+
+ `;
+ prev.appendChild(d);
+
+ const reader = new FileReader();
+ reader.onload = (ev) => {
+ d.innerHTML = `
+
+
图${index + 1}
+
+ `;
+ lucide.createIcons();
+ };
+ reader.readAsDataURL(file);
+ });
+}
+
+function removeUploadedFile(index) {
+ uploadedFiles.splice(index, 1);
+ renderImagePreviews();
+}
+
+function handleNewFiles(files) {
+ const newFiles = Array.from(files).filter(f => f.type.startsWith('image/'));
+ if (newFiles.length === 0) return;
+
+ if (uploadedFiles.length + newFiles.length > 3) {
+ showToast('最多只能上传 3 张照片', 'warning');
+ const remaining = 3 - uploadedFiles.length;
+ if (remaining > 0) {
+ uploadedFiles = uploadedFiles.concat(newFiles.slice(0, remaining));
+ }
+ } else {
+ uploadedFiles = uploadedFiles.concat(newFiles);
+ }
+ renderImagePreviews();
+}
+
+document.getElementById('fileInput').onchange = (e) => {
+ handleNewFiles(e.target.files);
+ e.target.value = '';
+};
+
+// 粘贴上传逻辑
+document.addEventListener('paste', (e) => {
+ const items = (e.clipboardData || e.originalEvent.clipboardData).items;
+ const files = [];
+ for (let item of items) {
+ if (item.type.indexOf('image') !== -1) {
+ files.push(item.getAsFile());
+ }
+ }
+ if (files.length > 0) {
+ handleNewFiles(files);
+ }
+});
+
+// === 高度定制的复制逻辑 ===
+function generateCopyString(data) {
+ const r = data.right;
+ const l = data.left;
+ const tPd = data.total_pd;
+
+ const blocks = [];
+
+ const fmtDeg = (val) => {
+ if (!val || val === "未标明" || val.trim() === "") return null;
+ const num = parseFloat(val);
+ if (isNaN(num)) return null;
+ const deg = Math.round(num * 100);
+ if (deg === 0) return null;
+ if (deg < 0) return Math.abs(deg).toString();
+ if (deg > 0) return "+" + deg.toString();
+ return null;
+ };
+
+ const fmtCyl = (val) => fmtDeg(val);
+ const fmtRaw = (val) => (!val || val === "未标明" || val.trim() === "") ? null : val.trim();
+ const fmtPD = (val) => {
+ if (!val || val === "未标明" || val.trim() === "") return null;
+ const num = parseFloat(val);
+ if (isNaN(num)) return val.trim();
+ return num.toString();
+ };
+
+ const rS = fmtDeg(r.s), lS = fmtDeg(l.s);
+ const rC = fmtCyl(r.c), lC = fmtCyl(l.c);
+ const rA = rC ? fmtRaw(r.a) : null, lA = lC ? fmtRaw(l.a) : null;
+ const rAdd = fmtDeg(r.add), lAdd = fmtDeg(l.add);
+ const rPH = fmtRaw(r.ph), lPH = fmtRaw(l.ph);
+ const rPd = fmtPD(r.pd), lPd = fmtPD(l.pd), totalPd = fmtPD(tPd);
+
+ if (!rS && !rC && !lS && !lC) return "平光";
+
+ const isDoubleSame = (rS === lS) && (rC === lC) && (rA === lA);
+
+ if (isDoubleSame) {
+ let block = `双眼${rS || ""}`;
+ if (rC) block += `散光${rC}`;
+ if (rA) block += `轴位${rA}`;
+ blocks.push(block);
+ } else {
+ if (rS || rC) {
+ let block = `右眼${rS || ""}`;
+ if (rC) block += `散光${rC}`;
+ if (rA) block += `轴位${rA}`;
+ blocks.push(block);
+ }
+ if (lS || lC) {
+ let block = `左眼${lS || ""}`;
+ if (lC) block += `散光${lC}`;
+ if (lA) block += `轴位${lA}`;
+ blocks.push(block);
+ }
+ }
+
+ if (rAdd && lAdd && rAdd === lAdd) blocks.push(`ADD${rAdd}`);
+ else {
+ if (rAdd) blocks.push(`ADD${rAdd}`);
+ if (lAdd) blocks.push(`ADD${lAdd}`);
+ }
+
+ if (rPH) blocks.push(`瞳高右眼${rPH}`);
+ if (lPH) blocks.push(`瞳高左眼${lPH}`);
+
+ if (totalPd) blocks.push(`瞳距${totalPd}`);
+ else {
+ if (rPd) blocks.push(`右眼瞳距${rPd}`);
+ if (lPd) blocks.push(`左眼瞳距${lPd}`);
+ }
+
+ return blocks.join(' ');
+}
+
+async function copyToClipboard(text) {
+ try {
+ await navigator.clipboard.writeText(text);
+ return true;
+ } catch (err) {
+ console.warn("现代复制API失败，尝试传统方法:", err);
+ try {
+ const textarea = document.createElement('textarea');
+ textarea.value = text;
+ textarea.style.position = 'fixed';
+ textarea.style.left = '-9999px';
+ textarea.style.top = '0';
+ textarea.setAttribute('readonly', '');
+ document.body.appendChild(textarea);
+ textarea.focus();
+ textarea.select();
+ const successful = document.execCommand('copy');
+ document.body.removeChild(textarea);
+ return successful;
+ } catch (e) {
+ return false;
+ }
+ }
+}
+
+const dropZone = document.getElementById('dropZone');
+if (dropZone) {
+ ['dragenter', 'dragover', 'dragleave', 'drop'].forEach(name => {
+ dropZone.addEventListener(name, (e) => {
+ e.preventDefault();
+ e.stopPropagation();
+ }, false);
+ });
+ dropZone.addEventListener('drop', (e) => {
+ handleNewFiles(e.dataTransfer.files);
+ }, false);
+}
+
+document.getElementById('isPremium').onchange = () => updateCostPreview();
+
+document.getElementById('submitBtn').onclick = async () => {
+ const btn = document.getElementById('submitBtn');
+
+ const authCheck = await fetch('/api/auth/me');
+ const authData = await authCheck.json();
+ if(!authData.logged_in) return showToast('请先登录', 'warning');
+
+ if(uploadedFiles.length === 0) return showToast('请上传验光单照片', 'warning');
+
+ const isPremium = document.getElementById('isPremium')?.checked || false;
+ const cost = isPremium ? 2 : 1;
+ if(authData.points < cost) return showToast('积分不足', 'warning');
+
+ btn.disabled = true;
+ const btnText = btn.querySelector('span');
+ btnText.innerText = "AI 正在深度解读中...";
+
+ document.getElementById('statusInfo').classList.remove('hidden');
+ document.getElementById('placeholder').classList.add('hidden');
+ document.getElementById('finalWrapper').classList.remove('hidden');
+ const textResult = document.getElementById('textResult');
+ textResult.innerHTML = '
正在提取光学数据...
';
+ lucide.createIcons();
+
+ try {
+ let image_urls = [];
+ const uploadData = new FormData();
+ for(let f of uploadedFiles) uploadData.append('images', f);
+ const upR = await fetch('/api/upload', { method: 'POST', body: uploadData });
+ const upRes = await upR.json();
+ if(upRes.error) throw new Error(upRes.error);
+ image_urls = upRes.urls;
+
+ const messages = [
+ { role: "system", content: AppPrompts.systemMessage },
+ {
+ role: "user",
+ content: [
+ { type: "text", text: "请解读这张验光单。" }
+ ]
+ }
+ ];
+ image_urls.forEach(url => {
+ messages[1].content.push({ type: "image_url", image_url: { url: url } });
+ });
+
+ const r = await fetch('/api/generate', {
+ method: 'POST',
+ headers: { 'Content-Type': 'application/json' },
+ body: JSON.stringify({
+ mode: 'trial',
+ is_premium: isPremium,
+ prompt: "解读验光单",
+ model: FIXED_MODEL,
+ messages: messages,
+ image_urls: image_urls
+ })
+ });
+ const res = await r.json();
+ if(res.error) throw new Error(res.error);
+
+ const content = res.data[0].content;
+
+ // 分离正文和 JSON 数据
+ let displayMarkdown = content;
+ let jsonData = null;
+
+ const jsonMatch = content.match(/```json\n?([\s\S]*?)\n?```/);
+ if (jsonMatch && jsonMatch[1]) {
+ try {
+ jsonData = JSON.parse(jsonMatch[1].trim());
+ // 实时解析 Markdown (过滤 JSON 块)
+ displayMarkdown = content.replace(/```json[\s\S]*?```/g, '').trim();
+ } catch (e) {
+ console.error("JSON 解析失败", e);
+ }
+ }
+
+ // 渲染 Markdown
+ marked.setOptions({
+ gfm: true,
+ breaks: true,
+ tables: true,
+ headerIds: true,
+ mangle: false
+ });
+ textResult.innerHTML = marked.parse(displayMarkdown);
+
+ // 处理复制按钮逻辑
+ const actionBtn = document.getElementById('resultActions');
+ const copyBtn = document.getElementById('copyJsonBtn');
+ if (jsonData && actionBtn && copyBtn) {
+ actionBtn.classList.remove('hidden');
+ copyBtn.onclick = async () => {
+ const copyString = generateCopyString(jsonData);
+ const success = await copyToClipboard(copyString);
+ if (success) {
+ showToast('解析数据已成功复制', 'success');
+ } else {
+ showToast('复制失败，请手动选择', 'error');
+ }
+ };
+ }
+
+ checkAuth();
+ } catch (e) {
+ showToast('解读失败: ' + e.message, 'error');
+ textResult.innerHTML = `
解读失败: ${e.message}
`;
+ } finally {
+ btn.disabled = false;
+ btnText.innerText = "开始解读验光单";
+ document.getElementById('statusInfo').classList.add('hidden');
+ }
+};
+
+async function init() {
+ checkAuth();
+ updateCostPreview();
+}
+
+function showToast(message, type = 'info') {
+ const container = document.getElementById('toastContainer');
+ if(!container) {
+ // 如果在 iframe 中，尝试调用父页面的 toast
+ if(window.parent && window.parent.showToast) {
+ window.parent.showToast(message, type);
+ return;
+ }
+ alert(message);
+ return;
+ }
+ const toast = document.createElement('div');
+ toast.className = `toast ${type}`;
+ const colors = { success: 'text-emerald-500', error: 'text-rose-500', warning: 'text-amber-500', info: 'text-indigo-500' };
+ const icons = { success: 'check-circle', error: 'x-circle', warning: 'alert-triangle', info: 'info' };
+ toast.innerHTML = `
${message}`;
+ container.appendChild(toast);
+ lucide.createIcons();
+ setTimeout(() => { toast.style.animation = 'slideOutRight 0.3s ease-in'; setTimeout(() => toast.remove(), 300); }, 3000);
+}
+
+init();
diff --git a/static/js/prompts.js b/static/js/prompts.js
new file mode 100644
index 0000000..f17207f
--- /dev/null
+++ b/static/js/prompts.js
@@ -0,0 +1,103 @@
+// prompts.js
+
+const AppPrompts = {
+ systemMessage: `你是一个专业的眼科验光师助手，服务对象是眼镜店客服人员。
+
+1. **基本原则**：
+ - 使用简体中文。
+ - 核心任务：精准提取配镜数据（S, C, A, PD）。
+ - **全能模式**：你需要同时具备处理“电脑验光单”、“手写处方”、“光学十字图”的能力。
+
+2. **【⚠️ 核心逻辑一：视觉符号与笔迹语义】（完整保留，严禁简化）**
+ 请仔细观察图像中的手写标记，它们决定了数据的取舍：
+ * **标记 A：下划线/圈选 (Row Selection)** —— **针对电脑验光单**
+ * **现象**：在打印数据列表（非 AVE 行）的**某一行数字下方**画了横线，或圈出了某一行。
+ * **含义**：验光师认为该行数据最准，**强制放弃**底部的 AVE（平均值）。
+ * **操作**：直接提取**被标记行**的 CYL (柱镜) 和 AX (轴位)。即使 AVE 行有数据，也以被标记的行为准。
+ * **标记 B：删除线 (Strikethrough/Cancellation)**
+ * **现象**：线条直接**贯穿/覆盖**了数字（常见于散光/轴位）。
+ * **操作**：该项数据归零（如散光变 0.00）。
+ * **标记 C：手写数值 (Handwritten Override)**
+ * **现象**：旁边写了新的数字（如 -0.75）。
+ * **操作**：手写数值优先级最高，直接覆盖打印数值。
+
+3. **【⚠️ 核心逻辑二：光学十字换算】（完整保留，严禁简化）**
+ 若图像中出现手画的“十字交叉图”，请严格执行：
+ * **定球镜 (S)**：取十字线上两个数值中，代数较大（更偏正/更不负）的数值作为 S。
+ * **定轴位 (A)**：
+ - 找到标有角度数值（如 90°, 180°）的那根线。
+ - 若 S 在该线上，A = 该角度。
+ - 若 S 不在该线上，A = 该角度 ± 90°。
+ * **定柱镜 (C)**：C = (十字线上另一个数值) - S。
+
+4. **【数据提取优先级序列】**
+ 请按以下顺序确定最终数值：
+ 1. **手写修正的具体数值** (最高)
+ 2. **被下划线/圈选的特定打印行** (次高)
+ 3. **打印的 AVE (平均值)** (普通)
+ 4. **光学十字推算值** (仅在有十字图时生效)
+
+5. **【⚠️ 智能诊断与客服话术生成】（功能升级）**
+ 在精准提取数据后，请检查是否命中以下规则。
+ **执行要求**：若命中，请在输出结果的第三部分，直接生成一段**客服可以直接复制发送给客户的回复话术**。
+ *(若同时命中多条，请将话术自然融合，不要机械分点)*
+
+ * **场景 A：非标准步长安抚（数值不能被 0.25 整除，如 -0.12, -0.37）**
+ * **触发条件**：提取的 S 或 C 结尾不是 .00, .25, .50, .75。
+ * **话术策略**：安抚客户不用担心“奇怪的数字”，解释这是电脑原始数据，承诺会按标准（0.25档）调整。
+ * **话术示例**（仅供参考）：
+ "亲，单子上显示的 -0.37 是电脑验光的原始参考值哈。我们配镜时会按照国际标准度数（比如 0.25 或 0.50），您看您这边有没有验光师的手写单子呢，这样配出来的眼镜佩戴舒适哦~"
+
+ * **场景 B：低度数/防蓝光推荐（双眼度数 < 0.25）**
+ * **触发条件**：双眼 S 和 C 绝对值均 < 0.25（含 0.00, 0.12, 0.25, 0.37）。
+ * **话术策略**：恭喜客户视力底子好 -> 建议不配度数 -> 强烈推荐 0 度防蓝光（保护视力）。
+ * **话术示例**（仅供参考）：
+ "亲，您的视力底子非常好！数据看都只是极其微小的生理波动（不到 25 度），这通常是不需要配度数的。
+ 如果您平时看手机电脑多，特别推荐您配一副【0度防蓝光眼镜】，既能阻隔辐射保护这么好的视力，平时戴着也很好看呢！"
+
+ * **场景 C：PD (瞳距) 缺失**
+ * **触发条件**：手写区无 PD 且全图未扫描到 PD。
+ * **话术策略**：温柔追问数据。
+ * **话术示例**："亲，单子上没看到瞳距（PD）数据哦，您之前有测过吗？或者手边有旧眼镜我们可以帮您测一下~"
+
+6. **【输出结构】**
+ 请严格按照以下顺序输出：
+ - **第一部分：分析摘要**。简述数据来源（如：“依据下划线提取了第3行数据...”）。
+ - **第二部分：Markdown 表格**。包含：眼别, 球镜(S), 柱镜(C), 轴位(A), ADD, 瞳高(PH), 瞳距(PD)。
+ - **第三部分：建议客服回复的话术**。
+ * **关键**：请在此处输出 Point 5 中生成的**针对性话术**。
+ * **格式**：不要写“规则A触发”，直接写：“建议您这样回复客户：xxxxxxxx”。
+ * **融合要求**：如果同时有【非标准步长】和【低度数】，请生成一段包含这两点意思的完整话术。
+ - **第四部分：JSON 数据**（必须在最后）。
+
+7. **【JSON 输出格式】**
+\`\`\`json
+{
+ "right": { "s": "", "c": "", "a": "", "add": "", "ph": "", "pd": "" },
+ "left": { "s": "", "c": "", "a": "", "add": "", "ph": "", "pd": "" },
+ "total_pd": ""
+}
+\`\`\`
+`,
+
+ generateUserPayload: function(imageArray) {
+ return [
+ {
+ type: "text",
+ text: `请解读这张验光单。
+**执行步骤**：
+1. **精准提取**：严格执行【核心逻辑一】（视觉符号）和【核心逻辑二】（光学十字），确保数据绝对准确。
+2. **话术生成（重要）**：
+ - 如果遇到 -0.12/-0.37 这种数，请生成一段话术，让客服告诉客户“这是电脑原始值，镜片的国际标准是0.25一档，可以询问客户有没有手写验光单”。
+ - 如果遇到低度数（< 0.25），请生成一段话术，让客服推荐“0度防蓝光眼镜”。
+ - **最终输出**：请在第三部分直接给出一代**客服可以复制发给客户的文字**，语气要亲切、自然。
+3. **PD 检查**：寻找打印的瞳距值。
+请输出最终结果。`
+ },
+ ...imageArray.map(imgBase64 => ({
+ type: "image_url",
+ image_url: { url: imgBase64, detail: "high" }
+ }))
+ ];
+ }
+};
diff --git a/templates/base.html b/templates/base.html
index a7ff840..d6c933d 100644
--- a/templates/base.html
+++ b/templates/base.html
@@ -4,10 +4,10 @@
{% block title %}AI 视界{% endblock %}
-
+
-
-
+
+
{% block head %}{% endblock %}
@@ -25,6 +25,17 @@
+
+
+
diff --git a/templates/index.html b/templates/index.html
index f834e70..f7c2b35 100644
--- a/templates/index.html
+++ b/templates/index.html
@@ -143,31 +143,38 @@
-