report_menu.html 2.4 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta charset="utf-8">
  5. <title>报表</title>
  6. <!-- 引入 echarts.js -->
  7. <!-- <script src="/jc_data/static/lib/echarts.min.js" type="text/javascript"></script>-->
  8. <link rel="stylesheet" href="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/css/bootstrap.min.css">
  9. <style>
  10. .clearfix {
  11. zoom: 1
  12. }
  13. /*zooom 属性:IE 浏览器的专用属性。这一句是专门针对老版本的IE浏览器所写的,为了兼容*/
  14. .clearfix:after { /* :after伪对象选择符---在这个对象被浏览器渲染后添加一定的内容*/
  15. content: "."; /*content属性:添加的内容即为这个属性的值。这个属性是专门与伪对象搭配使用的*/
  16. display: block; /*将添加进去的内容转换为块状元素*/
  17. visibility: hidden; /*visibility:可视化属性,控制元素是否可见,但无论是否隐藏都保留物理空间。{与display:none的比较}*/
  18. height: 0; /*将添加进去的内容高度设置为0,消除其占位*/
  19. clear: both; /*将添加进去的内容作为清除浮动的对象,实现外围容器中有内容存在,因此可以自动判定高度,解决塌陷*/
  20. }
  21. .main{
  22. text-align: center;
  23. margin-top: 40px;
  24. font-size: 20px;
  25. }
  26. .menu {
  27. color: blue;
  28. cursor: pointer;
  29. text-decoration: underline;
  30. }
  31. </style>
  32. </head>
  33. <body>
  34. aaa
  35. <!-- 为ECharts准备一个具备大小(宽高)的Dom -->
  36. <!--<div class="wrap clearfix main">-->
  37. <!-- {% for item in menus %}-->
  38. <!-- <div>-->
  39. <!-- <text class="menu" onclick="click_menu({{item.id}})">{{item.name}}</text>-->
  40. <!-- </div>-->
  41. <!-- {% endfor %}-->
  42. <!--</div>-->
  43. <!--<script type="text/javascript">-->
  44. <!-- function click_menu(data_id) {-->
  45. <!-- window.location.href = "/report/report_system/" + data_id;-->
  46. <!-- // var url = "/report/report_system/" + data_id;-->
  47. <!-- // window.open(url,'newwin',"toolbar=no ,scrollbars=no,menubar=no;titlebar=no;status=no;location=no;")-->
  48. <!-- }-->
  49. <!-- function drill_down(param_) {-->
  50. <!-- var url = "/report/report_system/" + param_;-->
  51. <!-- window.open(url,'newwin',"toolbar=no ,scrollbars=no,menubar=no")-->
  52. <!-- }-->
  53. <!--</script>-->
  54. </body>
  55. </html>