index.html 12 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta charset="UTF-8">
  5. <meta name="viewport" content="width=device-width,user-scalable=no,minimum-scale=1,initial-scale=1">
  6. <meta name="apple-mobile-web-app-capable" content="yes"/>
  7. <meta name="apple-mobile-web-app-status-bar-style" content="black"/>
  8. <meta name="applicable-device" content="mobile">
  9. <title></title>
  10. <script type="text/javascript" src="__PUBLIC__/js/do.js" charset="utf-8"></script>
  11. <script type="text/javascript" src="__PUBLIC__/js/moble.js" charset="utf-8"></script>
  12. <style>
  13. *{margin:0px; padding:0px;}
  14. body{font-family: 'Helvetica Neue', Helvetica, sans-serif;font-size: 17px;line-height: 21px;color: #333;padding: .28rem;}
  15. #card{box-sizing: border-box;background: #fafafa url(__STATIC__/guard/bg.jpg) no-repeat left top;background-size: 100% auto;}
  16. .title{font-size:20px;color: #FFF;padding:25px 10px;margin-bottom:125px;}
  17. .title span{color: #FF0000;}
  18. .cards{width: 100%;background: #fff;box-sizing: border-box;box-shadow: 0 0.03rem 0.07rem 0 rgba(0,49,91,0.16);border-radius: 10px;padding: 10px 0px;margin-top:.2rem;}
  19. .mart27{margin-top:2.5rem;}
  20. .tips{--weui-FG-1: #FF0000;margin:10px;padding: 10px;text-align:left;background: #d9edf7;border-radius: 10px;}
  21. .weui-padding{margin:20px 0px;}
  22. .gray{font-size:12px;color: #FF0000;float:right;}
  23. .red{font-size:19px;color: #FF0000;}
  24. .green{font-size:19px;color: #54C865;}
  25. .manage{position: absolute;top:20px;right: 20px;}
  26. .show{display: block;}
  27. .hide{display:none;}
  28. .weui-form-preview{border-bottom:5px #d9edf7 solid;}
  29. .weui-cells__group_form .weui-cells__title{padding:5px 15px;}
  30. .weui-cells__group_form .weui-cell {padding: 16px 15px;}
  31. .weui-cells__group_form .weui-cell::before, .weui-cells__group_form .weui-cells::before {left: 15px;right: 15px;}
  32. .weui-label {width:80px}
  33. #success{padding: .28rem;box-sizing: border-box;background: #fafafa url(__STATIC__/guard/bg.jpg) no-repeat left top;background-size: 100% auto;position: absolute;top: 0;right: 0;bottom: 0;left: 0;overflow-y: auto;-webkit-overflow-scrolling: touch;box-sizing: border-box;z-index:2;}
  34. </style>
  35. </head>
  36. <body id="card" ontouchstart>
  37. <div id="page">
  38. {if $guard}
  39. <div class="title">{$guard.company}</div>
  40. {if $user.id == $guard.uid}
  41. <div class="manage"><a href="{:urls('guard/manage/index',$guard.member_miniapp_id,['id' => $guard.id])}" class="weui-btn weui-btn_mini weui-btn_primary">管理数据</a></div>
  42. {/if}
  43. <form id="form" action="{:urls('guard/index/index',$guard.member_miniapp_id,['id' => $guard.id])}" method="post">
  44. <div class="cards mart27">
  45. <div class="weui-cells__group weui-cells__group_form">
  46. <div class="weui-cells__title">基本信息 <text class="gray">填写后禁止修改</text></div>
  47. <div class="weui-cells weui-cells_form">
  48. <div class="weui-cell weui-cell_active">
  49. <div class="weui-cell__hd"><label class="weui-label">姓名</label></div>
  50. <div class="weui-cell__bd"><input {$info['name']?'readonly':''} value="{$info.name}" type="text" name="name" id="name" class="weui-input" placeholder="本人真实姓名" required></div>
  51. <div class="weui-cell__ft"><i class="weui-icon-warn"></i></div></div>
  52. <div class="weui-cell weui-cell_active">
  53. <div class="weui-cell__hd"><label class="weui-label">身份证</label></div>
  54. <div class="weui-cell__bd"><input {$info['name']?'readonly':''} value="{$info.idcard}" type="text" name="idcard" id="idcard" class="weui-input" maxlength="18" required pattern="REG_IDNUM" placeholder="本人身份证" emptyTips="请输入身份证号码" notMatchTips="请输入正确的身份证号码"></div>
  55. <div class="weui-cell__ft"><i class="weui-icon-warn"></i></div>
  56. </div>
  57. <div class="weui-cell weui-cell_active">
  58. <div class="weui-cell__hd"><label class="weui-label">手机号</label></div>
  59. <div class="weui-cell__bd"><input {$info['name']?'readonly':''} value="{$info.phone}" required name="phone" id="phone" class="weui-input" type="tel" maxlength="11" pattern="REG_PHONE" placeholder="手机号码" emptyTips="请输入手机号" notMatchTips="请输入正确的手机号" ></div>
  60. <div class="weui-cell__ft"><i class="weui-icon-warn"></i></div>
  61. </div>
  62. </div>
  63. </div>
  64. </div>
  65. <div class="cards">
  66. <div class="weui-cells__group weui-cells__group_form">
  67. <div class="weui-cells__title">信息登记</div>
  68. <div class="weui-cells weui-cells_form">
  69. <div class="weui-cells_radio">
  70. <label class="weui-cell weui-check__label" for="r1">
  71. <div class="weui-cell__bd">进去</div>
  72. <div class="weui-cell__ft">
  73. <input required type="radio" class="weui-check" name="pass_out" value="进" id="r1" tips="请选择进出" {$info.pass_out == '出' || empty($info)?'checked':''}>
  74. <span class="weui-icon-checked"></span>
  75. </div>
  76. </label>
  77. <label class="weui-cell weui-check__label" for="r2">
  78. <div class="weui-cell__bd">出来</div>
  79. <div class="weui-cell__ft">
  80. <input type="radio" name="pass_out" class="weui-check" value="出" id="r2" {$info.pass_out == '进'?'checked':''}>
  81. <span class="weui-icon-checked"></span>
  82. </div>
  83. </label>
  84. </div>
  85. <div class="weui-cell weui-cell_active">
  86. <div class="weui-cell__hd"><label class="weui-label">车牌号</label></div>
  87. <div class="weui-cell__bd"><input type="text" name="car_num" id="car_num" class="weui-input" placeholder="车牌号" value="{$info.car_num}" ></div>
  88. </div>
  89. <div class="weui-cell weui-cell_active">
  90. <div class="weui-cell__hd"><label class="weui-label">实测体温</label></div>
  91. <div class="weui-cell__bd"><input required type="number" name="temperature" id="temperature" class="weui-input" placeholder="当前实测体温" ></div>
  92. <div class="weui-cell__ft"><i class="weui-icon-warn"></i></div>
  93. </div>
  94. <div class="weui-cell weui-cell_active weui-cell_switch">
  95. <div class="weui-cell__bd">近期是否接触疫情</div>
  96. <div class="weui-cell__ft"><input name="is_danger" class="weui-switch" type="checkbox"></div>
  97. </div>
  98. <div class="weui-form__tips-area tips">
  99. <p class="weui-form__tips">两周内是否有湖北等重点疫情地区往来史、疫情地区人员接触史或与新型冠状病毒感染的肺炎病例有接触史</p>
  100. </div>
  101. <div class="weui-cell weui-cell_active">
  102. <div class="weui-cell__bd">
  103. <textarea name="why" class="weui-textarea" placeholder="简述通行事由" rows="3"></textarea>
  104. </div>
  105. </div>
  106. </div>
  107. </div>
  108. </div>
  109. <div class="weui-padding button-sp-area cell weui-btn-area_inline">
  110. <button id="formSubmitBtn" type="button" class="weui-btn weui-btn_primary">完 成</button>
  111. </div>
  112. </form>
  113. {else}
  114. <div class="title">免费开通,疫情出入控制信息系统</div>
  115. <div class="cards mart27">
  116. <div class="weui-cells__group weui-cells__group_form">
  117. <div class="weui-form__tips-area tips">
  118. <p class="weui-form__tips">我司免费提供开通,疫情出入控制信息系统</p>
  119. </div>
  120. </div>
  121. </div>
  122. <div class="weui-padding button-sp-area cell weui-btn-area_inline"></div>
  123. {/if}
  124. <div class="weui-form__tips-area"><p class="weui-form__tips">技术支持 古德科技</p></div>
  125. <div class="weui-form__extra-area">
  126. <div class="weui-footer"><p class="weui-footer__links"><a href="javascript:void(0);" class="weui-footer__link">免费开通小程序,助力林州实体商家</a></p>
  127. <p class="weui-footer__text">开通热线 18567770669 16638329860:</p>
  128. </div>
  129. </div>
  130. </div>
  131. <div id="success" class="hide">
  132. <div class="title">{$guard.company}</div>
  133. <div class="mart27">
  134. <div class="page__bd" id="history"></div>
  135. </div>
  136. </div>
  137. </body>
  138. <script id="history_tpl" type="text/html">
  139. {literal}
  140. {{each list value key}}
  141. <div class="weui-form-preview">
  142. <div class="weui-form-preview__hd"><div class="weui-form-preview__item"><label class="weui-form-preview__label">进出状态</label><em class="weui-form-preview__value">{{value.pass_out}}</em></div></div>
  143. <div class="weui-form-preview__bd">
  144. <div class="weui-form-preview__item"><label class="weui-form-preview__label">姓名</label><span class="weui-form-preview__value">{{value.account.name}}</span></div>
  145. <div class="weui-form-preview__item"><label class="weui-form-preview__label">手机号</label><span class="weui-form-preview__value">{{value.account.phone}}</span></div>
  146. <div class="weui-form-preview__item"><label class="weui-form-preview__label">发生时间</label><span class="weui-form-preview__value">{{value.update_time}}</span></div>
  147. <div class="weui-form-preview__item"><label class="weui-form-preview__label">车牌号</label><span class="weui-form-preview__value">{{value.car_num}}</span></div>
  148. <div class="weui-form-preview__item"><label class="weui-form-preview__label">体温</label><span class="weui-form-preview__value red">{{value.temperature}}°c</span></div>
  149. <div class="weui-form-preview__item"><label class="weui-form-preview__label">近期是否接触疫情</label><span class="weui-form-preview__value {{if value.is_danger == 0}}green{{else}}red{{/if}}">{{if value.is_danger == 0}}没有{{else}}接触{{/if}}</span></div>
  150. <div class="weui-form-preview__item"><label class="weui-form-preview__label">事由</label><span class="weui-form-preview__value">{{value.why}}</span></div>
  151. </div>
  152. </div>
  153. {/literal}
  154. {{/each}}
  155. </script>
  156. <script type="text/javascript">
  157. Do('weui', 'fastclick', 'tpl','jform',function () {
  158. $(function () {FastClick.attach(document.body);});
  159. var regexp = {
  160. regexp: {IDNUM: /(?:^\d{15}$)|(?:^\d{18}$)|^\d{17}[\dXx]$/,
  161. PHONE:/[0-9]{11}/}
  162. };
  163. weui.form.checkIfBlur('#form',regexp);
  164. $('#formSubmitBtn').click(function(){
  165. weui.form.validate('#form', function (error) {
  166. if (!error) {
  167. $('#form').ajaxSubmit({dataType:"json",success:function (rel) {
  168. if(200 == rel.code){
  169. weui.alert(rel.msg);
  170. $('#page').hide();
  171. $('#success').show();
  172. $.ajax({
  173. url:"{:urls('guard/index/history',$guard.member_miniapp_id)}",success:function(rel){
  174. $("#history").html(template("history_tpl",{list:rel.data}))
  175. }
  176. });
  177. }else{
  178. weui.topTips(rel.msg);
  179. }
  180. }});
  181. }
  182. },regexp);
  183. });
  184. });
  185. </script>
  186. </html>