index.html 3.6 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta charset="UTF-8">
  5. <title>质控管理</title>
  6. <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no">
  7. <link rel="stylesheet" href="../../../css/element.css" />
  8. <link rel="stylesheet" href="../css/index.css"/>
  9. <link rel="stylesheet" href="../css/flex.css"/>
  10. <script src="../../../js/head.js"></script>
  11. </head>
  12. <body>
  13. <div id="app" style="height: 100%;" v-cloak>
  14. <el-container style="height: 100%;">
  15. <el-aside :width="navWidth" style="z-index: 7;">
  16. <el-menu background-color="#23344a" text-color="rgb(164, 177, 196)" active-text-color="#ffffff" :collapse="isCollapse" @select="handleSelect"
  17. :default-openeds="['2']" :default-active="leftTabActive">
  18. <el-menu-item index="1" :title="titleTip" style="padding-left: 20px">
  19. <i class="el-icon-caret-left" v-show="!isCollapse"></i>
  20. <i class="el-icon-caret-right" v-show="isCollapse"></i>
  21. <span slot="title" style="color:#ffd04b">{{titleTip}}</span>
  22. </el-menu-item>
  23. <el-menu-item class="ellipsis" title="全文病历检索" index="2-0" style="padding-left: 52px">
  24. 全文病历检索</el-menu-item>
  25. <el-menu-item class="ellipsis" title="医疗服务大数据分析" index="2-1" style="padding-left: 52px">
  26. 医疗服务大数据分析</el-menu-item>
  27. <el-menu-item class="ellipsis" title="医保费用支出分析" index="2-2" style="padding-left: 52px">
  28. 医保费用支出分析</el-menu-item>
  29. <el-menu-item class="ellipsis" title="居民健康管理大数据分析" index="2-3" style="padding-left: 52px">
  30. 居民健康管理大数据分析</el-menu-item>
  31. <el-menu-item index="2-4" style="padding-left: 52px" title="医保控费分析" >
  32. 医保控费分析</el-menu-item>
  33. </el-menu>
  34. </el-aside>
  35. <el-main style="height: 100%;overflow: hidden;" v-loading="loading">
  36. <div class="history_tabList flex f_x_sb" >
  37. <ul class="flex f_g_1">
  38. <li class="flex f_y_c f_s_0" v-for="(item,index) in historyArr" :class="{active:activeIndex == index}" @click='setHistory(item)'>{{item.text}}<i v-if="index>0" class="el-icon-close" @click.stop="deleteHistory(index)"></i></li>
  39. </ul>
  40. <el-dropdown class="close_all_route f_s_0" @command="controlRouter">
  41. <span class="el-dropdown-link">
  42. <i class="el-icon-more hoverRed"></i>
  43. </span>
  44. <el-dropdown-menu slot="dropdown">
  45. <!-- <el-dropdown-item command="1">关闭全部选项卡</el-dropdown-item> -->
  46. <el-dropdown-item command="2">关闭其他选项卡</el-dropdown-item>
  47. </el-dropdown-menu>
  48. </el-dropdown>
  49. </div>
  50. <iframe v-for="(item,index) in historyArr" v-show="activeIndex == index" :src="item.url" style="height:calc(100% - 87px);width: 100%; border: none;"></iframe>
  51. </el-main>
  52. </el-container>
  53. </div>
  54. <script src="../../../js/vue.js"></script>
  55. <script src="../../../js/element.js"></script>
  56. <script src="../../../component/common/event-bus.js"></script>
  57. <script src="../js/index.js"></script>
  58. </body>
  59. </html>