template_info.html 3.3 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081
  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 class="bgc-fff">
  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="mt10">
  25. <h2 class="c-333 c-f18 c-bold c-t-center" id="title">员工培训满意度调查</h2>
  26. <p class="mt30 c-f16 c-909090 plr10">
  27. <span class="c-333">说明:</span>
  28. <span id="summary"></span>
  29. </p>
  30. <div class="mt20 c-f16 c-909090 plr10" id="flags">
  31. <span class="c-333">标签:</span>
  32. </div>
  33. </div>
  34. <div class="mt100 mb30">
  35. <div class="plr10">
  36. <a class="c-btn c-btn-full c-btn-17b3ec c-btn-radius" id="preview">模板预览</a>
  37. </div>
  38. <div class="plr10 mt20">
  39. <a class="c-btn c-btn-full c-btn-radius c-17b3ec border-17b3ec" id="useTmp">引用模板</a>
  40. </div>
  41. </div>
  42. <script type="text/html" id="flag_tmp">
  43. {{each list as fg key}}
  44. <span class="c-f14 flag {{if key > 0}}ml10{{/if}}">{{fg}}</span>
  45. {{/each}}
  46. </script>
  47. </body>
  48. <script src="../../../js/jquery/2.1.3/jquery.js"></script>
  49. <script src="../../../js/mui.min.js" type="text/javascript" charset="utf-8"></script>
  50. <script src="../../../js/app.js" type="text/javascript" charset="utf-8"></script>
  51. <script src="../../../js/template.js" type="text/javascript" charset="utf-8"></script>
  52. <script type="text/javascript">
  53. var code,
  54. info;
  55. mui.init();
  56. mui.plusReady(function(){
  57. var self = plus.webview.currentWebview();
  58. code = self.template_id;
  59. info = self.info;
  60. fillInfo();
  61. bindEvents();
  62. });
  63. function fillInfo(){
  64. $("#title").text(info.title);
  65. $("#summary").text(info.comment);
  66. var html = template("flag_tmp", {list: info.label});
  67. $("#flags").append(html);
  68. }
  69. function bindEvents(){
  70. $("#preview").on('tap', function(){
  71. openWebview("survey_detail.html", {step: "preview", code: code});
  72. });
  73. $("#useTmp").on('tap', function(){
  74. openWebview("new_summary.html", {template_id: code, info: info});
  75. });
  76. }
  77. </script>
  78. </html>