question.html 4.5 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091929394
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta charset="UTF-8">
  5. <title>填写问卷</title>
  6. <meta name="format-detection" content="telephone=no"/>
  7. <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=0"/>
  8. <meta name="apple-mobile-web-app-capable" content="yes"/>
  9. <meta name="apple-mobile-web-app-status-bar-style" content="black"/>
  10. <link rel="stylesheet" href="../../../css/cross.css" type="text/css"/>
  11. <link rel="stylesheet" href="../../../css/cross.ui.css" type="text/css"/>
  12. <link rel="stylesheet" type="text/css" href="../../../iconfont/iconfont.css" />
  13. <link rel="stylesheet" type="text/css" href="../../../widget/artDialog/6.0.5/css/ui-dialog.min.css">
  14. <link rel="stylesheet" type="text/css" href="../css/question.css"/>
  15. </head>
  16. <body style="background: #f3f3f3;">
  17. <div class="progress-bar c-t-center c-333 c-border-b bgc-fff">
  18. <span style="z-index: 2;" class="percent c-f14">0%</span>
  19. <div class="progress"></div>
  20. </div>
  21. <div class="mt10 plr10" id="info">
  22. </div>
  23. <div class="group1 c-row plr10 mt50 mb30">
  24. <div class="c-100 c-t-center">
  25. <a class="c-btn c-btn-blue next_btn">下一题</a>
  26. </div>
  27. </div>
  28. <div class="group2 c-row plr10 mt50 mb30 c-hide">
  29. <div class="c-50 c-t-center">
  30. <a class="c-btn c-btn-blue pre_btn">上一题</a>
  31. </div>
  32. <div class="c-50 c-t-center">
  33. <a class="c-btn c-btn-blue next_btn">下一题</a>
  34. </div>
  35. </div>
  36. <div class="group3 c-row plr10 mt50 mb30 c-hide">
  37. <div class="c-50 c-t-center">
  38. <a class="c-btn c-btn-blue pre_btn">上一题</a>
  39. </div>
  40. <div class="c-50 c-t-center">
  41. <a class="c-btn c-btn-blue submit_btn">提交问卷</a>
  42. </div>
  43. </div>
  44. <div class="group4 c-row plr10 mt50 mb30 c-hide">
  45. <div class="c-100 c-t-center">
  46. <a class="c-btn c-btn-blue submit_btn">提交问卷</a>
  47. </div>
  48. </div>
  49. <script type="text/html" id="info_tmp">
  50. {{if data.type == 2}}
  51. <div class="input-group width-100">
  52. <h2 class="c-f16 c-333">
  53. {{data.sort}}、{{data.qstTitle}}
  54. {{if data.comment}}<span style="color:red;">{{data.comment}}</span>{{/if}}
  55. {{if data.isRequired=="1"}}<span class="required ml20"></span>{{/if}}
  56. </h2>
  57. <textarea class="form-textarea width-100" rows="5" placeholder="">{{data.answer}}</textarea>
  58. </div>
  59. {{else}}
  60. <h2 class="c-f16 c-333">
  61. {{data.sort}}、{{data.qstTitle}}
  62. {{if data.comment}}<span style="color:red;">{{data.comment}}</span>{{/if}}
  63. {{if data.isRequired=="1"}}
  64. <span class="required ml20"></span>
  65. {{/if}}
  66. </h2>
  67. <ul class="bgc-fff c-border c-border-radius">
  68. {{each data.options as op}}
  69. <li class="plr10 ptb10" data-json="{{op.jsonStr}}">
  70. <input type="{{data.type | setType}}" class="icon-checkbox" name="option" {{op.checked}}>
  71. <span class="c-f14 c-333 ml10">{{op.content}}</span>
  72. {{if op.havaComment == 1}}
  73. <div>
  74. <input type="text" placeholder="{{if op.isRequired}}(必填){{/if}}请输入" value="{{op.comment}}" class="c-f14 c-border-b ml30">
  75. </div>
  76. {{/if}}
  77. </li>
  78. {{/each}}
  79. </ul>
  80. {{/if}}
  81. </script>
  82. </body>
  83. <script src="../../../js/jquery/2.1.3/jquery.js"></script>
  84. <script type="text/javascript" src="../../../js/weixin_common.js" ></script>
  85. <script type="text/javascript" src="../../../js/common_http.js" ></script>
  86. <script type="text/javascript" src="../../../js/app.js" ></script>
  87. <script type="text/javascript" src="../../../widget/artDialog/6.0.5/js/dialog-plus.min.js"></script>
  88. <script src="../../../js/template.js" type="text/javascript" charset="utf-8"></script>
  89. <script src="http://res.wx.qq.com/open/js/jweixin-1.2.0.js"></script>
  90. <script src="../js/question.js" type="text/javascript" charset="utf-8"></script>
  91. </html>