wandering
8a9c144637
- upload.js/sync.js: 移除 checkAutoStart() 自动调用 - config.js: promptMissingConfig 提示用户手动触发；sendUserMessage 识别'可以开始'等指令 - index.html: 更新欢迎消息
57 lines
2.6 KiB
HTML
57 lines
2.6 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="zh-CN">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>财务报销自动化</title>
|
|
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css" rel="stylesheet">
|
|
<link href="/static/css/index.css" rel="stylesheet">
|
|
</head>
|
|
<body>
|
|
|
|
|
|
<div class="main-container" style="max-width:960px">
|
|
<!-- 聊天窗口 -->
|
|
<div class="chat-container" id="chat-box">
|
|
<div class="chat-messages" id="chat-messages">
|
|
<div class="chat-welcome">
|
|
<div class="ai-avatar"><img src="/static/icon/agent.svg" alt=""></div>
|
|
<div class="chat-bubble system">你好！我是财务报销助手。请先上传 <b>config.json</b> 配置文件和发票文件，然后发送<b>"可以开始"</b>来启动处理流程。</div>
|
|
</div>
|
|
</div>
|
|
<div class="chat-input-area">
|
|
<input type="text" id="chat-input" placeholder="输入消息..." onkeydown="handleChatKey(event)" />
|
|
<button class="btn btn-primary" onclick="sendUserMessage()">发送</button>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- 上传区域（可折叠） -->
|
|
<div class="upload-panel">
|
|
<div class="upload-panel-header" onclick="toggleUploadPanel()">
|
|
<span><img src="/static/icon/file.svg" alt="" style="width:14px;height:14px;vertical-align:middle;margin-right:4px">文件上传</span>
|
|
<span class="upload-panel-toggle" id="upload-toggle-icon">▼</span>
|
|
</div>
|
|
<div class="upload-panel-body" id="upload-panel-body">
|
|
<div class="row g-3">
|
|
<div class="col-md-8">
|
|
<div class="upload-zone" id="file-zone" onclick="event.stopPropagation(); document.getElementById('file-input').click()">
|
|
<div class="icon"><img src="/static/icon/folder.svg" alt=""></div>
|
|
<div class="text-muted" style="font-size:13px">点击或拖拽上传文件（支持 PDF、图片）</div>
|
|
</div>
|
|
<input type="file" id="file-input" accept=".pdf,image/*,.json" multiple hidden onchange="handleFiles(this)">
|
|
</div>
|
|
<div class="col-md-4 text-center">
|
|
<div class="section-title"><img src="/static/icon/phone.svg" alt="" style="width:16px;height:16px;vertical-align:middle;margin-right:4px">手机扫码上传</div>
|
|
<div id="qrcode" style="display:inline-block"></div>
|
|
<p class="text-muted mt-2 mb-0" style="font-size:12px">扫码即可拍照上传</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<script src="https://cdn.jsdelivr.net/npm/qrcodejs@1.0.0/qrcode.min.js"></script>
|
|
<script type="module" src="/static/js/index.js"></script>
|
|
</body>
|
|
</html> |