moki
/
hello-agents
mirror of https://github.com/datawhalechina/hello-agents.git


			
				
					
						
						
							1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162
							<!DOCTYPE html>
<html lang="zh">
<head>
    <meta charset="UTF-8">
    <title>HealthRecordAgent</title>
    <link rel="stylesheet" href="style.css">
    <style>
        .container { max-width: 800px; margin: auto; padding: 20px; font-family: sans-serif; }
        h1 { text-align: center; margin-bottom: 30px; }
        .card { background: #f7f7f7; padding: 20px; border-radius: 8px; margin-bottom: 20px; box-shadow: 0 2px 6px rgba(0,0,0,0.1); }
        textarea { width: 100%; height: 120px; padding: 10px; border-radius: 4px; border: 1px solid #ccc; resize: vertical; }
        input[type="file"] { width: 100%; padding: 6px; }
        button { padding: 8px 16px; border: none; border-radius: 4px; background-color: #007bff; color: white; cursor: pointer; }
        button:hover { background-color: #0056b3; }
        .flex-row { display: flex; gap: 20px; flex-wrap: wrap; }
        .flex-column { display: flex; flex-direction: column; gap: 10px; flex: 1; }
        #analysis { margin-top: 10px; font-weight: bold; }
        #report { margin-top: 15px; white-space: pre-wrap; }
        #progressList { margin-top: 10px; padding-left: 20px; list-style: none; }
        #progressList li { margin-bottom: 5px; }
        .hidden { display: none; }
    </style>
</head>
<body>

<div class="container">
    <h1>HealthRecordAgent 多Agent健康分析系统</h1>

    <div class="card">
        <h2>📄 输入体检报告或上传 PDF</h2>

        <div class="flex-row">
            <!-- 左边：文字输入 -->
            <div class="flex-column">
                <label>📝 文本报告输入</label>
                <textarea id="reportText" placeholder="请输入体检报告内容..."></textarea>
                <button onclick="analyze()">💡 分析文本报告</button>
            </div>

            <!-- 右边：PDF 上传 -->
            <div class="flex-column">
                <label>📄 PDF 报告上传</label>
                <input type="file" id="pdfFile" accept=".pdf" />
                <button onclick="uploadPDF()">💡 分析 PDF 报告</button>
            </div>
        </div>

        <!-- 分析状态显示 -->
        <div id="analysis"> </div>
        <ul id="progressList" class="hidden"></ul>
    </div>

    <!-- 分析结果 -->
    <div id="resultCard" class="card hidden">
        <h2>📊 分析结果</h2>
        <div id="report"></div>
    </div>
</div>

<script src="app.js"></script>
</body>
</html>