home.html 2.1 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859
  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($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']):}><img src="<{$v2['pic']}>" style="width:200px;" /><{else:}><{$v2['title']}><{endif}>&nbsp;&nbsp; <{if(isset($v2['checked']) && !is_numeric($v2['checked'])):}><{$v2['checked']}><{endif}></blockquote>
  28. <{endloop}>
  29. <{else:}>
  30. <p><{$v1['answer']}></p>
  31. <{endif}>
  32. </div>
  33. </div>
  34. <{endloop}>
  35. </div>
  36. <{endloop}>
  37. </div>
  38. <script>
  39. layui.use(['element', 'layer', 'jquery'], function(){
  40. var element = layui.element;
  41. var layer = layui.layer;
  42. var $ = layui.jquery;
  43. layer.ready(function() {
  44. $(".dever-img").each(function()
  45. {
  46. layer.photos({
  47. photos: '#' + $(this).attr('id')
  48. });
  49. });
  50. });
  51. });
  52. </script>
  53. </body>
  54. </html>