console-main.html 2.4 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <title>Sa-Admin 控制台</title>
  5. <meta charset="utf-8">
  6. <meta name="viewport"
  7. content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
  8. <!-- 所有的 css & js 资源 -->
  9. <link rel="stylesheet" href="../../static/kj/element-ui/theme-chalk/index.css">
  10. <link rel="stylesheet" href="../../static/sa.css">
  11. <style type="text/css">
  12. .vue-box {
  13. margin: 0;
  14. padding: 0;
  15. height: 100%;
  16. }
  17. .el-card {
  18. border-radius: 0px;
  19. border: 1px #ddd solid;
  20. margin-bottom: 14px;
  21. }
  22. .s-row {
  23. /* background-color: antiquewhite; */
  24. padding: 0 14px;
  25. padding-bottom: 0px;
  26. }
  27. .s-row-1 {
  28. padding-top: 14px;
  29. }
  30. .s-row-2 {
  31. /* margin-top: -10px; */
  32. }
  33. .s-row-2 .el-card .el-card__body {
  34. height: 250px;
  35. }
  36. .s-row-3 .el-card {
  37. /* height: 100%; */
  38. }
  39. .echarts-div {
  40. height: 100%;
  41. }
  42. .s-row-3 .el-alert {
  43. margin-bottom: 14px;
  44. }
  45. </style>
  46. </head>
  47. <body>
  48. <div class="vue-box" style="height: 980px;width: 100%;">
  49. <div style=" text-align: center;
  50. margin-top: 113px;
  51. font-size: 60px;
  52. letter-spacing: 30px;">
  53. 欢迎使用场站管理系统
  54. </div>
  55. </div>
  56. <script src="../../static/kj/vue.min.js"></script>
  57. <script src="../../static/kj/element-ui/index.js"></script>
  58. <script src="../../static/kj/httpVueLoader.js"></script>
  59. <script src="../../static/kj/jquery.min.js"></script>
  60. <script src="../../static/kj/layer/layer.js"></script>
  61. <!-- <script src="https://unpkg.com/echarts@4.6.0/dist/echarts-en.min.js"></script> -->
  62. <script src="../../static/sa.js"></script>
  63. <script type="text/javascript">
  64. var app = new Vue({
  65. components: {
  66. 'com-sta-data': httpVueLoader('com-sta-data.vue'),
  67. 'com-chart-1': httpVueLoader('com-chart-1.vue'),
  68. 'com-chart-2': httpVueLoader('com-chart-2.vue'),
  69. 'com-chart-3': httpVueLoader('com-chart-3.vue'),
  70. 'com-stack': httpVueLoader('com-stack.vue'),
  71. 'com-update-log': httpVueLoader('com-update-log.vue'),
  72. 'com-origin': httpVueLoader('com-origin.vue'),
  73. // 'com-intro': httpVueLoader('com-intro.vue'),
  74. },
  75. el: '.vue-box',
  76. data: {},
  77. methods: {},
  78. mounted: function() {}
  79. })
  80. // 设置监听,改变窗口大小时重绘图表
  81. window.myChartList = [];
  82. window.onresize = function() {
  83. myChartList.forEach(function(myChart) {
  84. myChart.resize();
  85. })
  86. }
  87. </script>
  88. </body>
  89. </html>