new_confirm.html 6.1 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117
  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="../../../common/iconfont/iconfont.css">
  11. <link rel="stylesheet" type="text/css" href="../../../css/mui.min.css"/>
  12. <link rel="stylesheet" type="text/css" href="../../../common/cross/css/cross.min.css"/>
  13. <link rel="stylesheet" type="text/css" href="../../../common/cross/css/cross.css">
  14. <link rel="stylesheet" type="text/css" href="../../../common/cross/css/cross.ui.css"/>
  15. <link rel="stylesheet" type="text/css" href="../css/base.css"/>
  16. </head>
  17. <body>
  18. <div class="h45">
  19. <div class="demo-comtop">
  20. <a class="mui-action-back"></a>
  21. <h1>新建调查-确认提交</h1>
  22. </div>
  23. </div>
  24. <div class="bgc-fff c-radius-5 mt10 mlr10 p10">
  25. <div class="c-f18 c-323232">调查对象:<span class="c-ffa54b ml10" id="sendAmount"></span><span class="c-909090">人</span></div>
  26. <div class="c-border c-radius-5 p10">
  27. <p class="c-f18 c-333">性&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;别:<span class="c-909090 sex"></span></p>
  28. <p class="c-f18 c-333">疾病类型:<span class="c-909090 disease"></span></p>
  29. <p class="c-f18 c-333">服务类型:<span class="c-909090 service"></span></p>
  30. <p class="c-f18 c-333">健康情况:<span class="c-909090 health"></span></p>
  31. </div>
  32. </div>
  33. <div class="mt10 mlr10 c-border c-radius-5 bgc-fff ">
  34. <div class="link-row c-border-b">
  35. <a class="c-f18 c-333 survey_title"></a>
  36. </div>
  37. <div class="p10">
  38. <p>
  39. <span class="c-f16 c-333">说明:</span>
  40. <span class="c-f16 c-909090 comment"></span>
  41. </p>
  42. <p class="mt5" id="label_panel">
  43. <span class="c-f16 c-333">标签:</span>
  44. </p>
  45. </div>
  46. </div>
  47. <div class="mb60" id="question_panel">
  48. </div>
  49. <div class="footer plr10 ptb5 bgc-fff c-border-t">
  50. <a class="c-btn c-btn-full c-btn-17b3ec c-btn-radius" id="submit_btn">提交</a>
  51. </div>
  52. <script type="text/html" id="label_tmp">
  53. {{each list as label}}
  54. <span class="c-f14 flag c-333">{{label.value}}</span>
  55. {{/each}}
  56. </script>
  57. <script type="text/html" id="question_tmp">
  58. {{each list as it key}}
  59. <div class="question plr10 mt20">
  60. <!-- type: 0 单选, 1 多选, 2 问答-->
  61. <p class="c-f18 c-333">{{key+1}}、{{it.title}} 【{{it.type | setType}}】
  62. {{if it.comment}}
  63. <span class="c-red">{{it.comment}}</span>
  64. {{/if}}
  65. {{if it.nextQuestion}}
  66. <span class="c-909090 c-f12">- 跳转第{{it.nextQuestion}}题</span>
  67. {{/if}}
  68. {{if it.nextQuestion == "0"}}
  69. <span class="c-909090 c-f12">- 结束问卷</span>
  70. {{/if}}
  71. {{if it.isRequired}}
  72. <span class="required ml20 c-f18 c-bold"></span>
  73. {{/if}}
  74. </p>
  75. {{if it.type != 2}}
  76. <ul class="c-list c-border c-radius-5 mt10">
  77. {{each it.optionArr as op}}
  78. <li class="c-list-cover ptb10">
  79. <div class="c-list-key">
  80. <input class="icon-checkbox" type="{{if it.type == 0}}radio{{else}}checkbox{{/if}}">
  81. </div>
  82. <div class="c-list-info">
  83. <span class="c-f16">{{op.content}}</span>
  84. {{if op.nextQuestion}}
  85. <span class="c-f12 c-909090 ml10"> - 跳转第{{op.nextQuestion}}题</span>
  86. {{/if}}
  87. {{if (op.nextQuestion != "") && (op.nextQuestion == "0" || op.nextQuestion == 0)}}
  88. <span class="c-f12 c-909090 ml10"> - 结束问卷</span>
  89. {{/if}}
  90. {{if op.haveComment == 1}}
  91. <div>
  92. <input class="c-f16" type="text" placeholder="{{if op.isRequired}}(必填){{/if}}请输入">
  93. </div>
  94. {{/if}}
  95. </div>
  96. </li>
  97. {{/each}}
  98. </ul>
  99. {{else}}
  100. <div contenteditable="true" class="edit-div bgc-fff c-border c-radius-5 c-f16 mt10"></div>
  101. {{/if}}
  102. </div>
  103. {{/each}}
  104. </script>
  105. </body>
  106. <script src="../../../js/jquery/2.1.3/jquery.js"></script>
  107. <script src="../../../js/mui.min.js" type="text/javascript" charset="utf-8"></script>
  108. <script src="../../../js/common_http.js" type="text/javascript" charset="utf-8"></script>
  109. <script src="../../../js/app.js" type="text/javascript" charset="utf-8"></script>
  110. <script src="../../../js/underscore.js" type="text/javascript" charset="utf-8"></script>
  111. <script src="../../js/sqliteUtil.js" type="text/javascript" charset="utf-8"></script>
  112. <script src="../../../js/template.js" type="text/javascript" charset="utf-8"></script>
  113. <link rel="stylesheet" type="text/css" href="../../../widget/artDialog/6.0.5/css/ui-dialog.min.css"/>
  114. <script src="../../../widget/artDialog/6.0.5/js/dialog-plus.min.js" type="text/javascript" charset="utf-8"></script>
  115. <script src="../js/new_confirm.js" type="text/javascript" charset="utf-8"></script>
  116. </html>