home.html 2.3 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta charset="utf-8">
  5. <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
  6. <title>调查数据展示</title>
  7. <link rel="stylesheet" type="text/css" href="../script/lib/layui/css/layui.css" />
  8. <script src="../script/lib/layui/layui.js"></script>
  9. </head>
  10. <body>
  11. <div class="layui-container">
  12. <blockquote class="layui-elem-quote">产品:<{$product.name}>&nbsp;&nbsp;&nbsp;&nbsp;用户:<{$userinfo.username}><{if(isset($userinfo.mobile) && $userinfo.mobile):}> (<{$userinfo.mobile}>)<{endif}></blockquote>
  13. <div class="layui-progress layui-progress-big" lay-showPercent="yes">
  14. <div class="layui-progress-bar layui-bg-blue" lay-percent="<{$page}>"></div>
  15. </div>
  16. <{loop($question):}>
  17. <fieldset class="layui-elem-field layui-field-title" style="margin-top: 30px;">
  18. <legend>第<{$k}>页</legend>
  19. </fieldset>
  20. <div class="layui-collapse" lay-filter="test">
  21. <{loop($v):}>
  22. <div class="layui-colla-item">
  23. <h2 class="layui-colla-title"><{$v1['name']}></h2>
  24. <div class="layui-colla-content layui-show">
  25. <{if(isset($v1['content'])):}>
  26. <{loop($v1['content']):}>
  27. <blockquote class="layui-elem-quote layui-quote-nm" <{if(isset($v2['checked'])):}>style="border-color: #1f25e2;"<{endif}>><{if($v2['pic']):}><{$v2['title']}><{if(isset($v2['desc']) && $v2['desc']):}>(<{$v2['desc']}>)<{endif}><br /><img src="<{$v2['pic']}>" style="width:150px;" /><{else:}><{$v2['title']}><{endif}>&nbsp;&nbsp; <{if(isset($v2['checked']) && !is_numeric($v2['checked'])):}><{$v2['checked']}><{endif}></blockquote>
  28. <{endloop}>
  29. <{else:}>
  30. <{if(isset($v1['answer'])):}>
  31. <p><{$v1['answer']}></p>
  32. <{else:}>
  33. <p>未作答</p>
  34. <{endif}>
  35. <{endif}>
  36. </div>
  37. </div>
  38. <{endloop}>
  39. </div>
  40. <{endloop}>
  41. </div>
  42. <script>
  43. layui.use(['element', 'layer', 'jquery'], function(){
  44. var element = layui.element;
  45. var layer = layui.layer;
  46. var $ = layui.jquery;
  47. layer.ready(function() {
  48. $(".dever-img").each(function()
  49. {
  50. layer.photos({
  51. photos: '#' + $(this).attr('id')
  52. });
  53. });
  54. });
  55. });
  56. </script>
  57. </body>
  58. </html>