success-info.html 5.9 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113
  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.0">
  7. <meta name="renderer" content="webkit">
  8. <meta http-equiv="Cache-Control" content="no-siteapp" />
  9. <meta name="keywords" content="公众健康服务平台">
  10. <meta name="description" content="公众健康服务平台">
  11. <link rel="shortcut icon" href="../../favicon.ico">
  12. <link rel="stylesheet" type="text/css" href="../../../css/font-awesome.min.css"/>
  13. <link rel="stylesheet" type="text/css" href="../../../css/bootstrap.min.css"/>
  14. <link rel="stylesheet" type="text/css" href="../../../plugins/artDialog/6.0.5/api/css/ui-dialog.css"/>
  15. <link rel="stylesheet" type="text/css" href="../../../css/style.min.css"/>
  16. <link rel="stylesheet" type="text/css" href="../../../css/cross.css"/>
  17. <link rel="stylesheet" type="text/css" href="../../../css/common.css"/>
  18. <link rel="stylesheet" type="text/css" href="../css/appointment.css"/>
  19. <style>
  20. .h50{
  21. height: 50px;
  22. }
  23. .h684{
  24. height: 684px;
  25. }
  26. .btn-primary{
  27. border-color: #0AD8C8;
  28. }
  29. .div-btn{
  30. height: 50px;line-height: 50px;width: 130px;text-align: center;
  31. }
  32. .ml67{
  33. margin-left: 67px;
  34. }
  35. .mr16{
  36. margin-right: 16px;
  37. }
  38. .mt26{
  39. margin-top: 26px;
  40. }
  41. .mt18{
  42. margin-top: 18px;
  43. }
  44. </style>
  45. </head>
  46. <body class="bgc-f5f9f9">
  47. <div id="main">
  48. <page-header></page-header>
  49. <div class="container mt20">
  50. <div class="ui-grid">
  51. <div class="ui-col-0 mr15">
  52. <appointment-step></appointment-step>
  53. </div>
  54. <div class="ui-col-1">
  55. <div class="text-center">
  56. <img src="../../../images/success.png" width="228" height="137" class="mt20">
  57. <div class="c-f16 c-bold">预约成功!</div>
  58. <div class="mt50">
  59. <button type="button" class="btn btn-primary plr20">返回</button>
  60. </div>
  61. </div>
  62. <div class="mt30 c-border bgc-fff">
  63. <div class="h50 c-border-b" style="display: -webkit-box">
  64. <div class="div-btn c-border-r btn-primary">交通路线</div>
  65. <div class="div-btn c-border-r">楼层分布</div>
  66. </div>
  67. <div class="h684" id="jiaoTongLuXian">
  68. <div class="ml30 mt20">
  69. <img src="../../../images/icon_lianxifangshi.png" width="21" height="21" class="mr16"/>
  70. <label class="c-f14 c-323232">联系方式:</label>
  71. <label class="c-f14 c-909090">13500000001</label>
  72. </div>
  73. <div class="ml30 mt26">
  74. <img src="../../../images/icon_dizhiyiyuan.png" width="21" height="21" class="mr16"/>
  75. <label class="c-f14 c-323232">医院地址:</label>
  76. <label class="c-f14 c-909090">福建省厦门市思明区</label>
  77. </div>
  78. <div class="ml30 mt26">
  79. <img src="../../../images/icon-gonggjiaotong.png" width="21" height="21" class="mr16"/>
  80. <label class="c-f14 c-323232">公共交通:</label>
  81. <label class="c-f14 c-909090">乘1、15路到厦大站下车</label>
  82. </div>
  83. <div class="ml67 mt18 c-f14 c-909090">
  84. 乘1、15路到厦大站下车
  85. </div>
  86. <div class="ml30 mt20 mb20 mr20" style="height: 474px;border: 1px solid #dcdcdc;">
  87. 地图内容
  88. </div>
  89. </div>
  90. <div class="c-909090 c-f14 h684 c-hide" id="louCengFenBu">
  91. 楼层位置信息
  92. </div>
  93. </div>
  94. </div>
  95. </div>
  96. </div>
  97. <page-footer></page-footer>
  98. </div>
  99. <script src="../../../js/vue.js" type="text/javascript" charset="utf-8"></script>
  100. <script src="../../../js/jquery-2.2.4.js"></script>
  101. <script src="../../../js/bootstrap.min.js"></script>
  102. <script src="../../../js/es6-promise.js" type="text/javascript" charset="utf-8"></script>
  103. <script src="../../../js/underscore.js" type="text/javascript" charset="utf-8"></script>
  104. <script src="../../../js/util.js" type="text/javascript" charset="utf-8"></script>
  105. <!--<script src="../../../api/http-request.js" type="text/javascript" charset="utf-8"></script>-->
  106. <script src="../../../plugins/artDialog/6.0.5/api/js/dialog-plus.js" type="text/javascript" charset="utf-8"></script>
  107. <script src="../../../component/common/header.js" type="text/javascript" charset="utf-8"></script>
  108. <script src="../../../component/common/footer.js" type="text/javascript" charset="utf-8"></script>
  109. <script src="../../../component/common/event-bus.js" type="text/javascript" charset="utf-8"></script>
  110. <script src="../../../component/common/appointment-step.js" type="text/javascript" charset="utf-8"></script>
  111. <script src="../js/success-info.js" type="text/javascript" charset="utf-8"></script>
  112. </body>
  113. </html>