dailiqianyue.html 6.5 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133
  1. <!doctype html>
  2. <html>
  3. <head>
  4. <meta charset="utf-8">
  5. <title>手工代签约</title>
  6. <meta name="author" content="yihu.com" />
  7. <meta name="format-detection" content="telephone=no" />
  8. <meta name="viewport" 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" type="text/css" href="../../../css/mui.min.css">
  12. <link rel="stylesheet" type="text/css" href="../../../common/iconfont/iconfont.css">
  13. <link rel="stylesheet" type="text/css" href="../../../common/cross/css/cross.css">
  14. <link rel="stylesheet" href="../../../common/cross/css/cross.ui.css" type="text/css" />
  15. <link rel="stylesheet" type="text/css" href="../../../common/css/jy-style.css">
  16. <link rel="stylesheet" type="text/css" href="../../../common/css/doc-style.css" />
  17. <link rel="stylesheet" type="text/css" href="../../../widget/artDialog/6.0.5/css/ui-dialog.min.css" />
  18. <link rel="stylesheet" type="text/css" href="../../../widget/mobiscroll/2.17.1/css/mobiscroll.css" />
  19. <link rel="stylesheet" type="text/css" href="../../css/select-committee.css"/>
  20. <link rel="stylesheet" type="text/css" href="../css/dailiqianyue.css" />
  21. </head>
  22. <body>
  23. <div class="h45">
  24. <div class="demo-comtop">
  25. <a class="mui-action-back"></a>
  26. <h1 class="c-f17">手工代理签约</h1>
  27. </div>
  28. </div>
  29. <div class="c-main mui-content">
  30. <div id="scan_ssc_info">
  31. <span>扫描医保卡,可自动识别居民信息</span>
  32. <a href="javascript:void(0);" class="scan-btn">立即使用</a>
  33. </div>
  34. <div id="rescan_ssc_info" >
  35. <span>信息有误?重新扫描</span>
  36. <a href="javascript:void(0);" class="scan-btn">重新扫描</a>
  37. </div>
  38. <ul class="n-list edit-list c-border-tb mt10" id="info_list">
  39. <li class="n-list-cover" id="name">
  40. <div class="n-list-key w3em"><i class="required"></i>姓&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;名</div>
  41. <div class="n-list-info pl10 mui-input-row">
  42. <input value="" type="text" class="c-input width-100 mui-input-clear c-t-right" placeholder="请输入居民姓名" />
  43. </div>
  44. </li>
  45. <li class="n-list-cover" id="idcard">
  46. <div class="n-list-key w3em"><i class="required"></i>身份证号</div>
  47. <div class="n-list-info pl10 mui-input-row">
  48. <input value="" type="text" class="c-input width-100 mui-input-clear c-t-right" placeholder="请输入身份证号" maxlength="18" />
  49. </div>
  50. </li>
  51. <li class="n-list-cover" id="ssc">
  52. <div class="n-list-key w3em"><i class="required"></i>医保卡号</div>
  53. <div class="n-list-info pl10 mui-input-row">
  54. <input value="" type="text" class="c-input width-100 mui-input-clear c-t-right" placeholder="请输入医保卡号" />
  55. </div>
  56. </li>
  57. <li class="n-list-cover" id="medicareNumber">
  58. <div class="n-list-key w3em"><i class="required"></i>医疗保险号</div>
  59. <div class="n-list-info pl10 mui-input-row">
  60. <input value="" type="text" class="c-input width-100 mui-input-clear c-t-right" placeholder="请输入医疗保险号" />
  61. </div>
  62. </li>
  63. <li class="n-list-cover" id="selectType">
  64. <div class="n-list-key w3em"><i class="required"></i>所属居委会</div>
  65. <div class="n-list-info pl10 mui-input-row">
  66. <input id="committee" data-code="" value="" type="text" class="c-input width-100 c-t-right" readonly="readonly" placeholder="请选择居委会" />
  67. <span class="dl-input-icon"></span>
  68. </div>
  69. </li>
  70. <li class="n-list-cover" id="mobile">
  71. <div class="n-list-key w3em">手机号码</div>
  72. <div class="n-list-info pl10 mui-input-row">
  73. <input value="" type="text" class="ajax c-input width-100 mui-input-clear c-t-right" placeholder="请输入手机号码" maxlength="11" />
  74. </div>
  75. </li>
  76. <!--<li class="jge pt5 pb5" style="font-size: 12px; ">签约时,后台将自动把15位身份证号转换为18位身份证号</li>-->
  77. <!--
  78. 描述:bug#3014 【医生端】代理签约:删除联系人电话(福州i健康也要修改)。对emerMoblie进行隐藏。
  79. -->
  80. <li class="n-list-cover" id="emerMoblie" style="display: none;">
  81. <div class="n-list-key w3em">联系人电话</div>
  82. <div class="n-list-info pl10 mui-input-row">
  83. <input id='emerMoblieIpt' type="text" class="c-input width-100 mui-input-clear c-t-right" placeholder="请输入联系人的手机号码" maxlength="11" />
  84. </div>
  85. </li>
  86. </ul>
  87. <ul class="n-list edit-list-file c-border-tb mt10">
  88. <li class="ptb12 n-list-cover c-border-b">
  89. <div class="n-list-key">
  90. 添加附件<span class="c-f14 c-909090">(居民身份证及医保卡照片)</span>
  91. </div>
  92. </li>
  93. <li>
  94. <div class="upload-img" style="width:100%;">
  95. <ul class="add-img dai-ul" style="width:100%;">
  96. <li class="add"></li>
  97. </ul>
  98. </div>
  99. </li>
  100. </ul>
  101. <div class="plr10 mt15 pb20">
  102. <a class="c-btn c-btn-full c-btn-37a6ec border-radius-rounded" id="next_step">下一步</a>
  103. </div>
  104. </div>
  105. <!-- 放置要缩放的图片的容器 -->
  106. <section class="imgzoom-pack">
  107. <div class="imgzoom-x">关闭</div>
  108. <div class="imgzoom-del" style="display: none;"><i class="iconfont icon-laji"></i></div>
  109. <div class="imgzoom-img"><img src="" /></div>
  110. </section>
  111. <script src="../../../js/jquery/2.1.3/jquery.js"></script>
  112. <script type="text/javascript" src="../../../js/mui.min.js"></script>
  113. <script src="../../../js/es6-promise.js" type="text/javascript" charset="utf-8"></script>
  114. <script src="../../../js/underscore.js" type="text/javascript" charset="utf-8"></script>
  115. <script src="../../../widget/artDialog/6.0.5/js/dialog-plus.min.js" type="text/javascript" charset="utf-8"></script>
  116. <script src="../../../widget/mobiscroll/2.17.1/js/mobiscroll.js" type="text/javascript" charset="utf-8"></script>
  117. <script src="../../../widget/scale/scale.js" type="text/javascript" charset="utf-8"></script>
  118. <script src="../../../js/upload_preview.js" type="text/javascript" charset="utf-8"></script>
  119. <script src="../../../js/common_http.js" type="text/javascript" charset="utf-8"></script>
  120. <script src="../../../js/security.js" type="text/javascript" charset="utf-8"></script>
  121. <script src="../js/auto_rec_ssc_photo.js" type="text/javascript" charset="utf-8"></script>
  122. <script src="../../js/select-committee.js"></script>
  123. <script src="../js/dailiqianyue.js" type="text/javascript" charset="utf-8"></script>
  124. </body>
  125. </html>