main

分支 (2)

管理

管理

main

dev

document-qa-robot
/
index.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>问答机器人</title>
    <link rel="stylesheet" href="style.css">
</head>
<body>

    <!-- 添加顶部栏 -->
    <div class="top-bar" id="top-bar">Model:GPT-3.5</div>

    <div class="container">

        <div class="selection-container">
            <div class="select-box">
                <!-- 模型选择 -->
                <label for="model-selector">问答模型<br>Language Model：</label>
                <select id="model-selector">
                    <option value="gpt">GPT-3.5</option>
                    <option value="ErnieBot">文心一言</option>
                    <option value="Spark">Spark</option>
                </select>
            </div>
            <div class="select-box">
                <!-- 语言选择 -->
                    <label for="language-selector">问答语言<br>Language：</label>
                    <select id="language-selector">
                        <option value="zh">中文</option>
                        <option value="en">English</option>
                    </select>
                </div>
            <div class="select-box">
                <!-- 类别选择 -->
                <label for="category-selector">问题类别<br>Question Category：</label>
                <select id="category-selector" onchange="updateSubCategory()">
                    <option value="A.json">deepin简介</option>
                    <option value="B.json">linux相关问题</option>
                    <option value="C.json">技术规范与wiki编辑</option>
                    <option value="D.json">系统修复/美化及其他</option>
                    <option value="E.json">硬件问题</option>
                    <option value="F.json">软件问题</option>
                    <option value="G.json">玲珑相关问题</option>
                    <option value="H.json">其他问题</option>
                    <!-- ...其他选项... -->
                </select>
            </div>

            <div class="select-box" id="subcategory-select-box" disabled>
                <!-- 子类别选择 -->
                <div id="subcategory-container" >
                    <label for="subcategory-selector">子类别<br>Subcategory：</label>
                    <select id="subcategory-selector"disabled></select>
                </div>
            </div>
        </div>
    </div>
    <div id="conversation"></div>

    <div class="chat-box">

        <textarea id="user-input" placeholder="请输入问题/Please enter your question..."></textarea>
        <button onclick="submitQuestion()"></button>
    </div>


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