template_list.html 4.2 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384
  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. <!--筛选内容-->
  19. <ul class="sel-group" id="group_label_list">
  20. </ul>
  21. <div class="lin-mask"></div>
  22. <div class="h45">
  23. <div class="demo-comtop">
  24. <a class="mui-action-back"></a>
  25. <h1>选择问卷模板</h1>
  26. <div class="header-link">
  27. <a class="c-fff" href="javascript:;">筛选</a>
  28. </div>
  29. </div>
  30. </div>
  31. <div id="no_result_wrap" class="c-hide">
  32. <img class="no-result-img" src="../../../images/shujuweikong_img.png">
  33. <div class="f-fs14 c-323232 c-t-center">抱歉,暂时没有问卷记录</div>
  34. </div>
  35. <div class="p10 c-hide" id="search_bar">
  36. <div class="c-f14 c-t-center search-bar bgc-fff c-radius-5 c-909090">
  37. <img src="../../../images/sousuo_icon.png" width="30"/>搜索
  38. </div>
  39. </div>
  40. <div class="mui-scroll-wrapper mb65 c-hide" style="top:92px;">
  41. <div class="mui-scroll plr10">
  42. </div>
  43. </div>
  44. <div class="p10 c-position-f width-100" id="newTemplate" style="bottom:0; left:0;background-color: #fff;">
  45. <a class="c-btn c-btn-full c-btn-17b3ec c-btn-radius">直接新建</a>
  46. </div>
  47. <script type="text/html" id="list_tmp">
  48. {{each list as it}}
  49. <div class="mt10 c-border c-radius-5 bgc-fff tmpl" data-code="{{it.templateId}}" data-json="{{it.jsonStr}}">
  50. <div class="link-row c-border-b" style="padding:4px 0px 4px 5px">
  51. <a class="c-f18 c-333 arrow-r" style="margin:0px;">{{it.title}}</a>
  52. </div>
  53. <div class="p10">
  54. <p class="c-nowrap-multi">
  55. <span class="c-f16 c-333">说明:</span>
  56. <span class="c-f16 c-909090">{{it.comment}}</span>
  57. </p>
  58. <p class="mt5">
  59. <span class="c-f16 c-333">标签:</span>
  60. {{each it.label as fg}}
  61. <span class="c-f14 flag c-333" style="margin:5px;">{{fg}}</span>
  62. {{/each}}
  63. </p>
  64. </div>
  65. </div>
  66. {{/each}}
  67. </script>
  68. <script type="text/html" id="label_tmp">
  69. {{each list as it key}}
  70. <li class="group-item pl20">
  71. <input class="icon-checkbox mr20" type="checkbox" id="label_{{key}}" name="label" value="{{it.code}}">
  72. <label for="label_{{key}}">{{it.value}}</label>
  73. </li>
  74. {{/each}}
  75. </script>
  76. </body>
  77. <script src="../../../js/jquery/2.1.3/jquery.js"></script>
  78. <script src="../../../js/mui.min.js" type="text/javascript" charset="utf-8"></script>
  79. <script src="../../../js/app.js" type="text/javascript" charset="utf-8"></script>
  80. <script src="../../../js/common_http.js" type="text/javascript" charset="utf-8"></script>
  81. <script src="../../../js/template.js" type="text/javascript" charset="utf-8"></script>
  82. <script src="../../../js/underscore.js" type="text/javascript" charset="utf-8"></script>
  83. <script src="../js/template_list.js" type="text/javascript" charset="utf-8"></script>
  84. </html>