console-main.html 2.7 KB

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