12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091929394 |
- <!DOCTYPE html>
- <html>
- <head>
- <meta charset="UTF-8">
- <title>填写问卷</title>
- <meta name="format-detection" content="telephone=no"/>
- <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=0"/>
- <meta name="apple-mobile-web-app-capable" content="yes"/>
- <meta name="apple-mobile-web-app-status-bar-style" content="black"/>
- <link rel="stylesheet" href="../../../css/cross.css" type="text/css"/>
- <link rel="stylesheet" href="../../../css/cross.ui.css" type="text/css"/>
- <link rel="stylesheet" type="text/css" href="../../../iconfont/iconfont.css" />
- <link rel="stylesheet" type="text/css" href="../../../widget/artDialog/6.0.5/css/ui-dialog.min.css">
- <link rel="stylesheet" type="text/css" href="../css/question.css"/>
- </head>
- <body style="background: #f3f3f3;">
- <div class="progress-bar c-t-center c-333 c-border-b bgc-fff">
- <span style="z-index: 2;" class="percent c-f14">0%</span>
- <div class="progress"></div>
- </div>
-
- <div class="mt10 plr10" id="info">
-
- </div>
-
- <div class="group1 c-row plr10 mt50 mb30">
- <div class="c-100 c-t-center">
- <a class="c-btn c-btn-blue next_btn">下一题</a>
- </div>
- </div>
- <div class="group2 c-row plr10 mt50 mb30 c-hide">
- <div class="c-50 c-t-center">
- <a class="c-btn c-btn-blue pre_btn">上一题</a>
- </div>
- <div class="c-50 c-t-center">
- <a class="c-btn c-btn-blue next_btn">下一题</a>
- </div>
- </div>
- <div class="group3 c-row plr10 mt50 mb30 c-hide">
- <div class="c-50 c-t-center">
- <a class="c-btn c-btn-blue pre_btn">上一题</a>
- </div>
- <div class="c-50 c-t-center">
- <a class="c-btn c-btn-blue submit_btn">提交问卷</a>
- </div>
- </div>
- <div class="group4 c-row plr10 mt50 mb30 c-hide">
- <div class="c-100 c-t-center">
- <a class="c-btn c-btn-blue submit_btn">提交问卷</a>
- </div>
- </div>
- <script type="text/html" id="info_tmp">
- {{if data.type == 2}}
- <div class="input-group width-100">
- <h2 class="c-f16 c-333">
- {{data.sort}}、{{data.qstTitle}}
- {{if data.comment}}<span style="color:red;">{{data.comment}}</span>{{/if}}
- {{if data.isRequired=="1"}}<span class="required ml20"></span>{{/if}}
- </h2>
- <textarea class="form-textarea width-100" rows="5" placeholder="">{{data.answer}}</textarea>
- </div>
- {{else}}
- <h2 class="c-f16 c-333">
- {{data.sort}}、{{data.qstTitle}}
- {{if data.comment}}<span style="color:red;">{{data.comment}}</span>{{/if}}
- {{if data.isRequired=="1"}}
- <span class="required ml20"></span>
- {{/if}}
- </h2>
- <ul class="bgc-fff c-border c-border-radius">
- {{each data.options as op}}
- <li class="plr10 ptb10" data-json="{{op.jsonStr}}">
- <input type="{{data.type | setType}}" class="icon-checkbox" name="option" {{op.checked}}>
- <span class="c-f14 c-333 ml10">{{op.content}}</span>
- {{if op.havaComment == 1}}
- <div>
- <input type="text" placeholder="{{if op.isRequired}}(必填){{/if}}请输入" value="{{op.comment}}" class="c-f14 c-border-b ml30">
- </div>
- {{/if}}
- </li>
- {{/each}}
- </ul>
- {{/if}}
- </script>
- </body>
- <script src="../../../js/jquery/2.1.3/jquery.js"></script>
- <script type="text/javascript" src="../../../js/weixin_common.js" ></script>
- <script type="text/javascript" src="../../../js/common_http.js" ></script>
- <script type="text/javascript" src="../../../js/app.js" ></script>
- <script type="text/javascript" src="../../../widget/artDialog/6.0.5/js/dialog-plus.min.js"></script>
- <script src="../../../js/template.js" type="text/javascript" charset="utf-8"></script>
- <script src="http://res.wx.qq.com/open/js/jweixin-1.2.0.js"></script>
- <script src="../js/question.js" type="text/javascript" charset="utf-8"></script>
- </html>
|