immune-confirm.html 5.6 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="utf-8">
  5. <title>计免预约-信息确认</title>
  6. <meta name="format-detection" content="telephone=no"/>
  7. <meta name="viewport"
  8. content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=0"/>
  9. <meta name="apple-mobile-web-app-capable" content="yes"/>
  10. <meta name="apple-mobile-web-app-status-bar-style" content="black"/>
  11. <link rel="stylesheet" href="../../../css/cross.css" type="text/css"/>
  12. <link rel="stylesheet" href="../../../css/cross.ui.css" type="text/css"/>
  13. <link rel="stylesheet" type="text/css" href="../../../iconfont/iconfont.css" />
  14. <link rel="stylesheet" type="text/css" href="../../../widget/mobiscroll/2.15.1/css/mobiscroll.css">
  15. <link rel="stylesheet" type="text/css" href="../../../widget/artDialog/6.0.5/css/ui-dialog.min.css">
  16. <link rel="stylesheet" type="text/css" href="../../../css/ss-style.css">
  17. <link rel="stylesheet" type="text/css" href="../../../css/iscroll.css" />
  18. <link rel="stylesheet" href="../css/detail-appointment.css?v=1.3.4" type="text/css"/>
  19. <style type="text/css">
  20. .text-input{
  21. height: 24px;
  22. line-height: 24px;
  23. border: 1px solid #dcdcdc;
  24. border-radius: 2px;
  25. padding: 0 10px;
  26. }
  27. </style>
  28. </head>
  29. <body>
  30. <div class="main">
  31. <div id="wrapper">
  32. <div class="iScroller">
  33. <div style="width: 40px;height: 36px;line-height: 36px;text-align: center;vertical-align: middle;margin: 0 auto;position: absolute;">
  34. <img src="../images/tixing_icon.png" style="width: 20px;height: 20px;background-size: 20px;vertical-align: middle;">
  35. </div>
  36. <div style="background-color: #FFE1CD;color: #FF6A56;font-size: 12px;padding: 10px 10px 10px 40px;">
  37. 如果您一个月内连续取消预约三次,系统自动把您列入黑名单,三个月后您才可以再次预约。若有疑问,请咨询96166
  38. </div>
  39. <ul class="visit-ul mb10">
  40. <li class="c-f14">
  41. 接种医院:<span class="c-f14 c-323232" id="hospitalName"></span>
  42. </li>
  43. <li class="c-f14">
  44. 接种时间:<span class="c-f14 c-323232" id="yyTime"></span>
  45. </li>
  46. </ul>
  47. <ul class="visit-ul mb10">
  48. <li class="c-f14">
  49. 接种儿童:
  50. <input class="c-f14 c-323232 text-input" id='userName' readonly="readonly" placeholder="请选择接种疫苗的儿童"/>
  51. </li>
  52. <li class="c-f14">
  53. 身份证号:
  54. <input class="c-f14 c-323232 text-input" id='idCard' readonly="readonly"/>
  55. </li>
  56. <li class="c-f14">
  57. 手机号码:
  58. <input class="c-f14 c-323232 text-input" id='mobile' maxlength="11" placeholder="请输入联系电话"/>
  59. </li>
  60. </ul>
  61. <ul class="visit-ul">
  62. <li class="c-f14">
  63. 验证码:
  64. <input class="c-f14 c-323232" id='validateCode' maxlength="4" style="border:1px solid #DCDCDC;width:40%;margin-left: 15px;padding-left: 5px;" value=""/>
  65. <img id='validateDiv' src="../images/2cb43dc2e9cd14a49fd33b23df780dfa.png" style="width: 25%;height: 29px;float: right;margin: 5px 5px 0px 0px;background-size: 90% 29px;"/>
  66. </li>
  67. </ul>
  68. <!--底部内容开始-->
  69. <div class="cb-ffffff ptb5 mt20">
  70. <div class="c-row btn-wrap ml10 mr10 mb5 mt5">
  71. <div class="br10 c-100 c-tac height-50 lheight-50 bc-75bf00 c-fff div-immediately-btn">
  72. <a class="c-fff c-f16" id="confirmBtn">立即预约</a>
  73. </div>
  74. </div>
  75. </div>
  76. <!--底部内容结束-->
  77. </div>
  78. </div>
  79. </div>
  80. <script src="../../../js/jquery/2.1.3/jquery.js"></script>
  81. <link rel="stylesheet" href="../../../widget/artDialog/6.0.5/css/ui-dialog.min.css" type="text/css" />
  82. <script src="../../../widget/artDialog/6.0.5/js/dialog-plus.min.js"></script>
  83. <script type="text/javascript" src="../../../js/weixin_common.js" ></script>
  84. <script type="text/javascript" src="../../../js/common_http.js" ></script>
  85. <script type="text/javascript" src="../../../js/commit_validate.js" ></script>
  86. <script type="text/javascript" src="../../../js/app.js" ></script>
  87. <script src="../../../widget/mobiscroll/2.17.1/js/mobiscroll.min.js"></script>
  88. <script src="../../../widget/artDialog/6.0.5/js/dialog-plus.min.js"></script>
  89. <script src="../../../js/iscroll-probe.js"></script>
  90. <script src="../../../js/iscroll-pull-up-down.js"></script>
  91. <script src="../../../js/es6-promise.js"></script>
  92. <script src="../../../js/underscore.js"></script>
  93. <script src="../js/immune-confirm.js"></script>
  94. </body>
  95. </html>