gawang

uni-medical · Dec 19, 2024 · d5a4fb8 · d5a4fb8
1 parent 8e8680c
commit d5a4fb8
Show file tree

Hide file tree

Showing 4 changed files with 3,966 additions and 0 deletions.
diff --git a/.nfs00000000806d5ac200000004 b/.nfs00000000806d5ac200000004
@@ -0,0 +1,61 @@
+<!DOCTYPE html>
+<html lang="zh-CN">
+<head>
+  <meta charset="UTF-8">
+  <title>模型数据展示</title>
+  <link rel="stylesheet" href="styles.css">
+  <!-- 引入ECharts -->
+  <script src="https://cdn.jsdelivr.net/npm/echarts/dist/echarts.min.js"></script>
+  <!-- 引入Animate.css -->
+  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/4.1.1/animate.min.css"/>
+</head>
+<body>
+  <header>
+    <h1>模型数据展示平台</h1>
+  </header>
+
+  <main>
+    <section id="category-section">
+      <h2>选择分类</h2>
+      <div id="categories" class="grid"></div>
+    </section>
+
+    <section id="dataset-section" class="hidden">
+      <h2>数据集列表</h2>
+      <div id="datasets" class="grid"></div>
+      <button id="cmd-button" class="hidden">CMD</button>
+    </section>
+
+    <section id="cmd-section" class="hidden">
+      <h2>命令行</h2>
+      <pre id="cmd-output">cmd xx</pre>
+    </section>
+
+    <section id="nlp-section">
+      <h2>自然语言输入</h2>
+      <input type="text" id="nlp-input" placeholder="请输入您的自然语言命令">
+      <button id="nlp-submit">提交</button>
+      <pre id="nlp-cmd-output" class="hidden"></pre>
+    </section>
+
+    <section id="body-map">
+      <h2>点击身体部位查看相关数据集</h2>
+      <svg id="human-body" width="300" height="600" xmlns="http://www.w3.org/2000/svg">
+        <!-- 脑部 -->
+        <circle cx="150" cy="100" r="50" fill="#28a745" class="body-part-svg" data-category="Brain"/>
+        <!-- 心脏 -->
+        <path d="M150 200 L130 250 L170 250 Z" fill="#28a745" class="body-part-svg" data-category="Heart"/>
+        <!-- 肝脏 -->
+        <ellipse cx="150" cy="350" rx="60" ry="30" fill="#28a745" class="body-part-svg" data-category="Liver"/>
+        <!-- 添加更多部位 -->
+      </svg>
+    </section>
+  </main>
+
+  <footer>
+    <p>&copy; 2024 模型数据展示平台</p>
+  </footer>
+
+  <script src="script.js"></script>
+</body>
+</html>