participle.html 3.3 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596
  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. <link href="../resources/favicon.ico" rel="shortcut icon">
  9. </head>
  10. <body>
  11. <div class="participleWrappper wrappper">
  12. <div class="title">
  13. <div class="titleTxt">
  14. <img class="titleLogo ltLogo" src="./images/logo.png" alt="logo">
  15. <img class="titleLogo titleLogoShaiyifu" src="./images/logo_shaoyifu.png" alt="logo">
  16. <span class="titleInfo">|&nbsp;&nbsp;电子病历信息抽取</span>
  17. </div>
  18. </div>
  19. <div class="content">
  20. <div class="contentInfoBox">
  21. <p class="contentTitle">病历(现病史)<span class="example-btn" id="showEgBtn">引用示例</span></p>
  22. <div class="exampleList pop-box">
  23. <!-- <div class="pop-cover"></div> -->
  24. <div class="pop-container">
  25. <div class="pop-title">
  26. <h3>示例列表</h3>
  27. <img class="pop-close" src="./images/iconClose3.png" alt="">
  28. </div>
  29. <div class="pop-body"></div>
  30. <!-- <div class="pop-footer">
  31. <button class="pop-ok">确定</button>
  32. <button class="pop-cancel">取消</button>
  33. </div> -->
  34. </div>
  35. </div>
  36. <div class="infoBox">
  37. <textarea name="" id="infoTxt" class="infoTxt" cols="30" rows="10" placeholder="请输入病例内容......"></textarea>
  38. </div>
  39. <div class="btnBox clearfix">
  40. <span class="btn" id="analy">开始分析</span>
  41. </div>
  42. </div>
  43. <div class="contentInfoBox">
  44. <p class="contentTitle">实体抽取
  45. <span id="toggleImg" class="activeBtn">文本</span><span id="toggleImgs" class="">图像</span>
  46. <!-- <img id="toggleImg" src="./images/icon_tu.png" alt="" title="文本模式"><img title="图像模式" id="toggleImgs" src="./images/icon_wenzi.png" alt=""> -->
  47. </p>
  48. <div class="resultBox">
  49. <div class="empty">
  50. <img class="emptyImg" src="./images/empty2.png" alt="您提交的信息暂未收录">
  51. <p class="emptyTxt">暂无实体抽取数据~</p>
  52. </div>
  53. <div class="resultBoxInfo" id="resultBoxInfo"></div>
  54. <div class="resultBoxInfo" id="svg"></div>
  55. </div>
  56. </div>
  57. <div class="contentInfoBox">
  58. <p class="contentTitle">关系抽取</p>
  59. <div class="tableBox">
  60. <div class="empty">
  61. <img class="emptyImg" src="./images/empty2.png" alt="您提交的信息暂未收录">
  62. <p class="emptyTxt">暂无关系抽取数据~</p>
  63. </div>
  64. <p class="tableTitle">关系列表</p>
  65. <div class="tableWrapper">
  66. <p class="analying" style="color: #aaa;text-align: center;margin-top:50px;font-size: 14px;">正在分析...</p>
  67. <table>
  68. <thead>
  69. <tr>
  70. <td class="entry1">实体1</td>
  71. <td class="relationType">关系类别</td>
  72. <td class="entry2">实体2</td>
  73. </tr>
  74. </thead>
  75. <tbody class="relationBody"></tbody>
  76. </table>
  77. </div>
  78. </div>
  79. </div>
  80. <div class="footer ltLogo">
  81. 杭州朗通信息技术有限公司 & 浙江大学医学院附属邵逸夫医院&nbsp;&nbsp;&nbsp;联合开发
  82. </div>
  83. </div>
  84. </div>
  85. <div class="showCheck">
  86. <img src="./images/iconClose3.png" alt="">
  87. <table class="table"></table>
  88. </div>
  89. </body>
  90. </html>