operation-tabs.html 2.6 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta charset="UTF-8">
  5. <meta name="viewport" content="width=device-width, initial-scale=1.0">
  6. <meta name="renderer" content="webkit">
  7. <meta http-equiv="Cache-Control" content="no-siteapp" />
  8. <title>预约挂号和预约记录</title>
  9. <meta name="keywords" content="">
  10. <meta name="description" content="">
  11. <link rel="shortcut icon" href="favicon.ico">
  12. <link href="../../../css/bootstrap.min.css?v=3.3.6" rel="stylesheet">
  13. <style>
  14. .nav-tabs{
  15. margin-top: 10px;
  16. padding: 0 10px;
  17. border-bottom: 1px solid #12b7f5
  18. }
  19. .nav-tabs>li{
  20. margin-left: 5px;
  21. }
  22. .nav-tabs>li>a{
  23. border: 1px solid #12b7f5;
  24. background-color: #fff;
  25. color: #12b7f5;
  26. }
  27. .nav-tabs>li.active>a,
  28. .nav-tabs>li.active>a:focus,
  29. .nav-tabs>li.active>a:hover{
  30. color: #fff;
  31. background-color: #12b7f5;
  32. border-color: #12b7f5;
  33. }
  34. </style>
  35. </head>
  36. <body>
  37. <ul class="nav nav-tabs" id="tabs">
  38. <li class="active" role="presentation">
  39. <a href="doctor-detail.html" target="view_frame" data-index="1">预约挂号</a>
  40. </li>
  41. <li class="info-confirm.html" role="presentation">
  42. <a href="info-confirm.html" target="view_frame" data-index="2">预约记录</a>
  43. </li>
  44. </ul>
  45. <script src="../../../js/jquery/2.1.3/jquery.js"></script>
  46. <script type="text/javascript" src="../../../js/weixin_common.js" ></script>
  47. <script type="text/javascript" src="../../../js/common_http.js" ></script>
  48. <script type="text/javascript" src="../../../js/app.js" ></script>
  49. <script>
  50. var yuYueGuaHaoUrl,yuYueJiLu;
  51. var userAgent = window.localStorage.getItem(agentName);
  52. if(userAgent){
  53. var jsonstr = $.parseJSON(userAgent);
  54. yuYueGuaHaoUrl = registrationServer+"/apiweb/tp.html?point=department&hospitalId="+hospitalId+"&thirdPartyUserId=" + jsonstr.uid + "&appId="+appId+"&sourceType=1";
  55. yuYueJiLu = registrationServer+"/apiweb/tp.html?point=ghjl&thirdPartyUserId=" + jsonstr.uid + "&appId="+appId+"&sourceType=1";
  56. }
  57. // $(".nav-tabs li").eq(0).find("a").attr("href",yuYueGuaHaoUrl);
  58. // $(".nav-tabs li").eq(1).find("a").attr("href",yuYueJiLu);
  59. $(".nav-tabs").on("click","li",function(){
  60. $(".nav-tabs li").removeClass("active");
  61. $(this).addClass("active");
  62. })
  63. </script>
  64. </body>
  65. </html>