participle.html 1.8 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="UTF-8">
  5. <meta name="viewport" content="width=device-width, initial-scale=1.0">
  6. <meta http-equiv="X-UA-Compatible" content="ie=edge">
  7. <title><%= htmlWebpackPlugin.options.title %></title>
  8. </head>
  9. <body>
  10. <div class="participleWrappper">
  11. <div class="title">
  12. <div class="titleTxt"><img class="titleLogo" src="./images/logo.png" alt="logo">&nbsp;&nbsp;|&nbsp;&nbsp;
  13. 医学知识图谱</div>
  14. </div>
  15. <div class="content">
  16. <div class="contentInfoBox">
  17. <p class="contentTitle">病历(现病史)</p>
  18. <div class="infoBox">
  19. <textarea name="" id="infoTxt" class="infoTxt" cols="30" rows="10" placeholder="请输入病例内容......"></textarea>
  20. </div>
  21. <div class="btnBox clearfix">
  22. <span class="btn" id="analy">开始分析</span>
  23. </div>
  24. </div>
  25. <div class="contentInfoBox">
  26. <p class="contentTitle">实体抽取</p>
  27. <div class="resultBox">
  28. <div class="empty">
  29. <img class="emptyImg" src="./images/empty2.png" alt="您提交的信息暂未收录">
  30. <p class="emptyTxt">暂无实体抽取数据~</p>
  31. </div>
  32. <div class="resultBoxInfo"></div>
  33. </div>
  34. </div>
  35. <div class="contentInfoBox">
  36. <p class="contentTitle">关系抽取</p>
  37. <div class="tableBox">
  38. <div class="empty">
  39. <img class="emptyImg" src="./images/empty2.png" alt="您提交的信息暂未收录">
  40. <p class="emptyTxt">暂无实体抽取数据~</p>
  41. </div>
  42. <p class="tableTitle">关系列表</p>
  43. <table>
  44. <thead>
  45. <tr>
  46. <td class="entry1">实体1</td>
  47. <td class="relationType">关系类别</td>
  48. <td class="entry2">实体2</td>
  49. </tr>
  50. </thead>
  51. <tbody class="relationBody"></tbody>
  52. </table>
  53. </div>
  54. </div>
  55. </div>
  56. </div>
  57. </body>
  58. </html>