Home Verkennen Help
Registreren Inloggen
chenyue
/
PC-application
geforked van raolu/PC-application
Volgen 0
Ster 0
Vork 0
Bestanden
Boom: 5394bf653d
Aftakkingen Labels
PC-application
/
app
/
home
/
html
/
menu.html

menu.html 4.0 KB
Geschiedenis Ruwe

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485 
  1. <!DOCTYPE html>
    2. 

  2. <html>
    3. 

  3.     <head>
    4. 

  4.         <meta charset="UTF-8">
    5. 

  5.         <title>应用菜单</title>
    6. 

  6.         <link rel="shortcut icon" href="../../../favicon.ico">
    7. 

  7.         <link rel="stylesheet" type="text/css" href="../../../css/font-awesome.min.css"/>
    8. 

  8.         <link rel="stylesheet" type="text/css" href="../../../css/bootstrap.min.css"/>
    9. 

  9.         <link rel="stylesheet" type="text/css" href="../../../plugins/artDialog/6.0.5/api/css/ui-dialog.css"/>
    10. 

  10.         <link rel="stylesheet" type="text/css" href="../../../css/style.min.css"/>
    11. 

  11.         <link rel="stylesheet" type="text/css" href="../../../css/cross.css"/>
    12. 

  12.         <style>
    13. 

  13.             body{
    14. 

  14.                 border-right: 1px solid #e1e1e1;
    15. 

  15.             }
    16. 

  16.             .row{
    17. 

  17.                 border-bottom: 1px solid #e1e1e1;
    18. 

  18.                 border-right: 1px solid #e1e1e1;
    19. 

  19.             }
    20. 

  20.             .col-xs-6{
    21. 

  21.                 border-left: 1px solid #e1e1e1;
    22. 

  22.                 border-top: 1px solid #e1e1e1;
    23. 

  23.                 padding: 15px 0;
    24. 

  24.                 text-align: center;
    25. 

  25.             }
    26. 

  26.             .col-xs-6.disabled{
    27. 

  27.                 background-color: #f2f4f6;
    28. 

  28.             }
    29. 

  29.             .col-xs-6.active>a{
    30. 

  30.                 color: #12b7f5;
    31. 

  31.             }
    32. 

  32.         </style>
    33. 

  33.     </head>
    34. 

  34.     <body>
    35. 

  35.         <div id="main" class="container">
    36. 

  36.             <div class="row">
    37. 

  37.                 <div class="col-xs-6" :class="{'active': selectedTab == 1, 'disabled': disableTabs.indexOf(1)>-1}">
    38. 

  38.                     <a href="" target="view_frame" @click="chooseTab(1)">
    39. 

  39.                         <img :src="selectedTab==3?'../../../images/xufangguanli02_icon.png':'../../../images/xufangguanli_icon.png'">
    40. 

  40.                         <div class="mt10 c-f16">续方管理</div>
    41. 

  41.                     </a>
    42. 

  42.                     
    43. 

  43.                 </div>
    44. 

  44.                 <div class="col-xs-6" :class="{'active': selectedTab==2, 'disabled': disableTabs.indexOf(2)>-1}">
    45. 

  45.                     <a href="" target="view_frame">
    46. 

  46.                         <img :src="selectedTab==3?'../../../images/jiankangjiaoyu02_icon.png':'../../../images/jiankangjiaoyu_icon.png'">
    47. 

  47.                         <div class="mt10 c-f16">健康教育</div>
    48. 

  48.                     </a>
    49. 

  49.                 </div>
    50. 

  50.                 <div class="col-xs-6" :class="{'active': selectedTab == 3, 'disabled': disableTabs.indexOf(3)>-1}">
    51. 

  51.                     <a href="" target="view_frame" @click="chooseTab(3)">
    52. 

  52.                         <img :src="selectedTab==3?'../../../images/suifangjihua02_icon.png':'../../../images/suifangjihua_icon.png'">
    53. 

  53.                         <div class="mt10 c-f16">随访计划</div>
    54. 

  54.                     </a>
    55. 

  55.                 </div>
    56. 

  56.                 <div class="col-xs-6" :class="{'active': selectedTab == 4, 'disabled': disableTabs.indexOf(4)>-1}">
    57. 

  57.                     <a href="../../statistics/html/home.html" target="view_frame" @click="chooseTab(4)">
    58. 

  58.                         <img :src="selectedTab == 4?'../../../images/tongjifenxi02_icon.png' : '../../../images/tongjifenxi_icon.png'">
    59. 

  59.                         <div class="mt10 c-f16">统计分析</div>
    60. 

  60.                     </a>
    61. 

  61.                 </div>
    62. 

  62.             </div>
    63. 

  63.         </div>
    64. 

  64.         <script src="../../../js/vue.js" type="text/javascript" charset="utf-8"></script>
    65. 

  65.         <script src="../../../js/jquery-2.2.4.js"></script>
    66. 

  66.         <script src="../../../js/bootstrap.min.js"></script>
    67. 

  67.         <script src="../../../js/es6-promise.js" type="text/javascript" charset="utf-8"></script>
    68. 

  68.         <script src="../../../js/underscore.js" type="text/javascript" charset="utf-8"></script>
    69. 

  69.         <script src="../../../js/util.js" type="text/javascript" charset="utf-8"></script>
    70. 

  70.         <script type="text/javascript">
    71. 

  71.             new Vue({
    72. 

  72.                 el: "#main",
    73. 

  73.                 data: {
    74. 

  74.                     selectedTab: 0,
    75. 

  75.                     disableTabs: [2]
    76. 

  76.                 },
    77. 

  77.                 methods: {
    78. 

  78.                     chooseTab: function(val){
    79. 

  79.                         this.selectedTab = val;
    80. 

  80.                     }
    81. 

  81.                 }
    82. 

  82.             })
    83. 

  83.         </script>
    84. 

  84.     </body>
    85. 

  85. </html>
    86.