survey-detail.html 7.3 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta charset="utf-8">
  5. <meta name="viewport" content="width=device-width, initial-scale=1.0">
  6. <meta name="renderer" content="webkit">
  7. <meta http-equiv="Cache-Control" content="no-siteapp" />
  8. <title>随访问卷列表</title>
  9. <meta name="keywords" content="">
  10. <meta name="description" content="">
  11. <link rel="shortcut icon" href="favicon.ico">
  12. <link href="css/bootstrap.min.css?v=3.3.6" rel="stylesheet">
  13. <link href="css/font-awesome.min93e3.css?v=4.4.0" rel="stylesheet">
  14. <link href="css/animate.min.css" rel="stylesheet">
  15. <link href="css/plugins/toastr/toastr.min.css" rel="stylesheet">
  16. <link rel="stylesheet" type="text/css" href="css/plugins/chosen/chosen.css"/>
  17. <link href="css/style.css" rel="stylesheet">
  18. <link rel="stylesheet" type="text/css" href="css/followup.css"/>
  19. </head>
  20. <body class="white-bg plr10">
  21. <form id="question_form" class="form-inline" onsubmit="return false;">
  22. <div class="clearfix form-info">
  23. </div>
  24. </form>
  25. <div class="c-tac mb20 mt20">
  26. <button id="fvBtn" type="button" class="btn btn-w-m btn-blue mlr20" style="display: none;">填入随访记录</button>
  27. <button id="backBtn" type="button" class="btn btn-w-m btn-danger mlr20">返回</button>
  28. </div>
  29. <script type="text/html" id="item">
  30. <!--type 1-文本输入,2-radio选择,3-checkbox, 4 - textarea-->
  31. {{each data as it key}}
  32. {{if it.type == 1}}
  33. <div class="form-group mr20">
  34. <label for="{{key}}">
  35. {{if it.required == true}}
  36. <i class="required"></i>
  37. {{/if}}
  38. {{it.label}}
  39. </label>
  40. {{if it.textType == 'string'}}
  41. <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}};"/>
  42. {{/if}}
  43. {{if it.textType == 'number'}}
  44. <input type="number" name="{{key}}" id="{{key}}" value="{{it.value}}" step="0.01" class="form-control input-xs" style="width: {{it.width}};"/>
  45. {{/if}}
  46. {{if it.textType == 'date'}}
  47. <div class="input-group date" style="width:200px">
  48. <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" />
  49. <div class="input-group-addon">
  50. <!--<span class="glyphicon glyphicon-th"></span>-->
  51. <i class="fa fa-calendar"></i>
  52. </div>
  53. </div>
  54. {{/if}}
  55. {{if it.textType == 'select'}}
  56. <div class="input-group" style="width: {{it.width}};">
  57. <select name="{{key}}" id="{{key}}" class="my_select_box">
  58. <option value="undefined">请选择</option>
  59. {{each it.options as op}}
  60. <option value="{{op.key}}" {{if it.value == op.key}}selected{{/if}}>{{op.value}}</option>
  61. {{/each}}
  62. </select>
  63. </div>
  64. {{/if}}
  65. {{if it.unit}}{{it.unit}}{{/if}}
  66. </div>
  67. {{/if}}
  68. {{if it.type == 5}}
  69. <!-- 多级输入框组合 -->
  70. <div class="form-group mr20 multi-input-group">
  71. <label for="">
  72. {{if it.required == true}}
  73. <i class="required"></i>
  74. {{/if}}
  75. {{it.label}}
  76. </label>
  77. {{each it.items as op index}}
  78. {{if index>0}}{{it.separate}}{{/if}}
  79. {{if op.textType == 'select'}}
  80. <div class="input-group" style="width: {{op.width}};">
  81. <select name="{{op.name}}" class="my_select_box" >
  82. <option value="undefined">请选择</option>
  83. {{each op.options as oop}}
  84. <option value="{{oop.key}}" {{if op.value == oop.key}}selected{{/if}}>{{oop.value}}</option>
  85. {{/each}}
  86. </select>
  87. </div>
  88. {{else if op.textType == "radio"}}
  89. {{each op.options as oop id}}
  90. <label class="mr10">
  91. <input type="radio" class="icon-checkbox" name="{{op.name}}" value="{{id}}" {{if op.value == id}}checked="checked"{{/if}}>
  92. {{oop}}
  93. </label>
  94. {{/each}}
  95. {{else}}
  96. <input type="{{op.textType}}" value="{{op.value}}" name="{{op.name}}" step="0.01" maxlength="{{op.maxLength}}" class="form-control input-sm" style="width: {{op.width}};">
  97. {{/if}}
  98. {{/each}}
  99. {{if it.unit}}{{it.unit}}{{/if}}
  100. </div>
  101. {{/if}}
  102. {{if it.type == 2}}
  103. <div class="form-group fl">
  104. <label class="">
  105. {{if it.required == true}}
  106. <i class="required"></i>
  107. {{/if}}
  108. {{it.label}}{{if it.unit}}({{it.unit}}){{/if}}
  109. </label>
  110. <!--<div class="input-group">-->
  111. {{each it.items as op id}}
  112. <label class="mr10">
  113. <input type="radio" class="icon-checkbox" name="{{key}}" value="{{id}}" {{if it.value == id}}checked="checked"{{/if}}>
  114. {{op}}
  115. </label>
  116. {{/each}}
  117. <!--</div>-->
  118. </div>
  119. {{/if}}
  120. {{if it.type == 3}}
  121. <div class="form-group fl" style="width: 160px; margin-bottom: 10px;" has-hide="{{it.hide && it.hide.type}}">
  122. <input type="checkbox" class="icon-checkbox" name="{{key}}" {{if it.value}}checked="checked" value="{{it.value}}"{{else}}value="0"{{/if}}>
  123. <label>{{it.label}}</label>
  124. </div>
  125. {{/if}}
  126. {{if it.type == 4}}
  127. <div class="form-group fl" style="width: 100%;">
  128. <label class="col-xs-0 fl">
  129. {{if it.required == true}}
  130. <i class="required"></i>
  131. {{/if}}
  132. {{it.label}}
  133. {{if it.unit}}({{it.unit}}){{/if}}
  134. </label>
  135. <div class="col-xs-10">
  136. <textarea name="{{key}}" rows="{{it.row}}" cols="" maxlength="{{it.maxLength}}" style="width: {{it.width}};">{{it.value}}</textarea>
  137. <p class="text-right c-f12 c-909090"><span class="other-count">{{it.valueLength||0}}</span>/{{it.maxLength}}</p>
  138. </div>
  139. </div>
  140. {{/if}}
  141. {{/each}}
  142. </script>
  143. <script src="js/jquery.min.js?v=2.1.4"></script>
  144. <script src="js/bootstrap.min.js?v=3.3.6"></script>
  145. <script src="js/plugins/pace/pace.min.js"></script>
  146. <script src="js/plugins/toastr/toastr.min.js"></script>
  147. <script src="js/plugins/chosen/chosen.jquery.js " type="text/javascript" charset="utf-8"></script>
  148. <script src="js/es6-promise.js"></script>
  149. <script src="js/underscore.js"></script>
  150. <script src="js/util.js"></script>
  151. <script src="js/template.js"></script>
  152. <script src="js/api-service.js"></script>
  153. <script src="js/consulting-api.js" type="text/javascript" charset="utf-8"></script>
  154. <script src="js/buz/followup/template_gxy.js" type="text/javascript" charset="utf-8"></script>
  155. <script src="js/buz/survey-detail.js" type="text/javascript" charset="utf-8"></script>
  156. </body>
  157. </html>