questionaires.html 10 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta charset="UTF-8">
  5. <meta charset="utf-8">
  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. <title>体征等信息</title>
  10. <meta name="description" content="">
  11. <link rel="shortcut icon" href="../../favicon.ico">
  12. <link rel="stylesheet" type="text/css" href="../../css/font-awesome.min93e3.css"/>
  13. <link href="../../css/bootstrap.min.css" rel="stylesheet">
  14. <link rel="stylesheet" type="text/css" href="../../css/plugins/datapicker/datepicker3.css"/>
  15. <link rel="stylesheet" type="text/css" href="../../css/plugins/chosen/chosen.css"/>
  16. <link rel="stylesheet" type="text/css" href="../../css/plugins/toastr/toastr.min.css"/>
  17. <link rel="stylesheet" type="text/css" href="../../css/style.css"/>
  18. <link rel="stylesheet" type="text/css" href="../../css/plugins/jqgrid/ui.jqgridffe4.css"/>
  19. <link rel="stylesheet" type="text/css" href="../../css/followup.css"/>
  20. </head>
  21. <body>
  22. <form id="question_form" class="form-inline" onsubmit="return submitForm()">
  23. <div class="clearfix form-info">
  24. </div>
  25. <div class="q-note q-note-3 hidden">空腹、餐后或随机血糖至少需要填写一项</div>
  26. <div class="q-note q-note-9 hidden">
  27. <span class="c-bold">温馨提示1:</span>如需达到高血压健康规范管理要求【症状、血压、心率、生活方式指导(运动频率、摄盐情况)、服药依从性】需要登记,并且一年内至少登记4次随访,每次随访时间间隔不能超过3个月。
  28. <p class="mt10">
  29. <span class="c-bold">温馨提示2:</span>如需达到糖尿病健康规范管理要求【症状、血糖、生活方式指导(运动频率)、服药依从性】需要登记,并且一年内至少登记4次随访,每次随访时间间隔不能超过3个月。
  30. </p>
  31. </div>
  32. <div class="text-center mt40">
  33. <button type="submit" id="submitBtn" class="btn btn-blue disabled">保存并下一步</a>
  34. </div>
  35. </form>
  36. <!-- 弹出模态框 start -->
  37. <div class="modal fade" tabindex="-1" role="dialog" id="myModal">
  38. <div class="modal-dialog" role="document">
  39. <div class="modal-content">
  40. <div class="modal-header">
  41. <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
  42. <h4 class="modal-title">
  43. <img src="../../img/shezi_tankuang_icon.png" class="mr10">
  44. <span id="modal-title"></span>
  45. </h4>
  46. </div>
  47. <div class="modal-body">
  48. </div>
  49. </div>
  50. </div>
  51. </div>
  52. <!-- 弹出模态框 end -->
  53. <script type="text/html" id="item">
  54. <h1 class="text-center mb30" style="font-size: 20px;">{{pro_id}}、{{title}}</h1>
  55. <!--type 1-文本输入,2-radio选择,3-checkbox, 4 - textarea-->
  56. {{each data as it key}}
  57. {{if it.type == 1}}
  58. <div class="form-group mr20">
  59. <label for="{{key}}">
  60. {{if it.required == true}}
  61. <i class="required"></i>
  62. {{/if}}
  63. {{it.label}}
  64. </label>
  65. {{if it.textType == 'string'}}
  66. <input type="text" name="{{key}}" id="{{key}}" value="{{it.value}}" {{if it.readonly}}readonly="{{it.readonly}}"{{/if}}class="form-control input-xs" style="width: {{it.width}};"/>
  67. {{/if}}
  68. {{if it.textType == 'number'}}
  69. <input type="number" name="{{key}}" id="{{key}}" value="{{it.value}}" step="{{it.step}}" min="0" class="form-control input-xs" style="width: {{it.width}};"/>
  70. {{/if}}
  71. {{if it.textType == 'date'}}
  72. <div class="input-group date" style="width:200px">
  73. <input type="text" name="{{key}}" id="{{key}}" value="{{it.value}}" data-val="date" class="form-control input-xs form_datetime" style="width: {{it.width}};" readonly="readonly" />
  74. <div class="input-group-addon">
  75. <!--<span class="glyphicon glyphicon-th"></span>-->
  76. <i class="fa fa-calendar"></i>
  77. </div>
  78. </div>
  79. {{/if}}
  80. {{if it.textType == 'select'}}
  81. <div class="input-group" style="width: {{it.width}};">
  82. <select name="{{key}}" id="{{key}}" class="my_select_box">
  83. <option value="undefined">请选择</option>
  84. {{each it.options as op}}
  85. <option value="{{op.key}}" {{if it.value == op.key}}selected{{/if}}>{{op.value}}</option>
  86. {{/each}}
  87. </select>
  88. </div>
  89. {{/if}}
  90. {{if it.unit}}{{it.unit}}{{/if}}
  91. </div>
  92. {{/if}}
  93. {{if it.type == 5}}
  94. <!-- 多级输入框组合 -->
  95. <div class="form-group mr20 multi-input-group">
  96. <label for="">
  97. {{if it.required == true}}
  98. <i class="required"></i>
  99. {{/if}}
  100. {{it.label}}
  101. </label>
  102. {{each it.items as op index}}
  103. {{if index>0}}{{it.separate}}{{/if}}
  104. {{if op.textType == 'select'}}
  105. <div class="input-group" style="width: {{op.width}};">
  106. <select name="{{op.name}}" class="my_select_box" >
  107. <option value="undefined">请选择</option>
  108. {{each op.options as oop}}
  109. <option value="{{oop.key}}" {{if op.value == oop.key}}selected{{/if}}>{{oop.value}}</option>
  110. {{/each}}
  111. </select>
  112. </div>
  113. {{else if op.textType == "radio"}}
  114. {{each op.options as oop id}}
  115. <label class="mr10">
  116. <input type="radio" class="icon-checkbox" name="{{op.name}}" value="{{id}}" {{if op.value == id}}checked="checked"{{/if}}>
  117. {{oop}}
  118. </label>
  119. {{/each}}
  120. {{else}}
  121. <input type="{{op.textType}}" value="{{op.value}}" name="{{op.name}}" {{if op.textType == "number"}}step="{{op.step}}" min="0" {{/if}}maxlength="{{op.maxLength}}" class="form-control input-sm" style="width: {{op.width}};">
  122. {{/if}}
  123. {{/each}}
  124. {{if it.unit}}{{it.unit}}{{/if}}
  125. </div>
  126. {{/if}}
  127. {{if it.type == 2}}
  128. <div class="form-group fl">
  129. <label class="">
  130. {{if it.required == true}}
  131. <i class="required"></i>
  132. {{/if}}
  133. {{it.label}}{{if it.unit}}({{it.unit}}){{/if}}
  134. </label>
  135. <!--<div class="input-group">-->
  136. {{each it.items as op id}}
  137. <label class="mr10">
  138. <input type="radio" class="icon-checkbox" name="{{key}}" value="{{id}}" {{if it.value == id}}checked="checked"{{/if}}>
  139. {{op}}
  140. </label>
  141. {{/each}}
  142. <!--</div>-->
  143. </div>
  144. {{/if}}
  145. {{if it.type == 3}}
  146. <div class="form-group fl" style="width: 160px; margin-bottom: 10px;" has-hide="{{it.hide && it.hide.type}}">
  147. <input type="checkbox" class="icon-checkbox" name="{{key}}" {{if it.value}}checked="checked" value="{{it.value}}"{{else}}value="0"{{/if}}>
  148. <label>{{it.label}}</label>
  149. </div>
  150. {{/if}}
  151. {{if it.type == 4}}
  152. <div class="form-group fl" style="width: 100%;">
  153. <label class="col-xs-0 fl">
  154. {{if it.required == true}}
  155. <i class="required"></i>
  156. {{/if}}
  157. {{it.label}}
  158. {{if it.unit}}({{it.unit}}){{/if}}
  159. </label>
  160. <div class="col-xs-10">
  161. <textarea name="{{key}}" rows="{{it.row}}" cols="" maxlength="{{it.maxLength}}" style="width: {{it.width}};">{{it.value}}</textarea>
  162. <p class="text-right c-f12 c-909090"><span class="other-count">{{it.valueLength||0}}</span>/{{it.maxLength}}</p>
  163. </div>
  164. </div>
  165. {{/if}}
  166. {{/each}}
  167. </script>
  168. <script src="../../js/jquery.min.js?v=2.1.4"></script>
  169. <script src="../../js/bootstrap.min.js?v=3.3.6"></script>
  170. <script src="../../js/plugins/toastr/toastr.min.js"></script>
  171. <script src="../../js/plugins/pace/pace.min.js"></script>
  172. <script src="../../js/plugins/datapicker/bootstrap-datepicker.js" type="text/javascript" charset="utf-8"></script>
  173. <script src="../../js/plugins/chosen/chosen.jquery.js " type="text/javascript" charset="utf-8"></script>
  174. <script src="../../js/template.js"></script>
  175. <script src="../../js/util.js"></script>
  176. <!--<script src="../../js/content.min.js" type="text/javascript" charset="utf-8"></script>-->
  177. <script src="../../js/underscore.js" type="text/javascript" charset="utf-8"></script>
  178. <script src="../../js/plugins/jqgrid/jquery.jqGrid.minffe4.js" type="text/javascript" charset="utf-8"></script>
  179. <script src="../../js/plugins/jqgrid/i18n/grid.locale-cnffe4.js" type="text/javascript" charset="utf-8"></script>
  180. <script src="../../js/api-service.js"></script>
  181. <script src="../../js/followup-api.js" type="text/javascript" charset="utf-8"></script>
  182. <script src="../../js/buz/followup/template_gxy.js" type="text/javascript" charset="utf-8"></script>
  183. <script src="../../js/buz/followup/questionaires.js" type="text/javascript" charset="utf-8"></script>
  184. </body>
  185. </html>