company.html 4.3 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="UTF-8">
  5. <title>单仓档案管理系统</title>
  6. <script src="/src/jquery.min.js"></script>
  7. <script src="/src/echarts.min.js"></script>
  8. <link rel="stylesheet" href="/themes/oneIndex.css">
  9. </head>
  10. <body>
  11. <div class="tool-wrap">
  12. <div class="tool">
  13. <span><a href="#">收藏</a>|<a href="#">帮助</a></span>
  14. <span class="emp-item">
  15. <span class="emp-name"><a href="#">某某分公司-某某粮仓-某某管理员</a></span>
  16. <span class="albumn">
  17. <img src="/img/albumn.png">
  18. <a href="">张大鹏</a>
  19. <span class="albumn-arrow"></span>
  20. </span>
  21. </span>
  22. </div>
  23. </div>
  24. <div class="logo-wrap">
  25. <div class="logo">
  26. <img src="/img/logo.png" alt="logo">
  27. </div>
  28. </div>
  29. <div class="nav-wrap">
  30. <div class="nav">
  31. <ul>
  32. <li><a href="/index.html">首页</a></li><li class="active"><a href="/pages/file/company.html">单仓档案</a></li><li>工作平台</li><li>单仓设备集成平台</li><li>单仓业务分析系统</li><li>手持移动端管理</li><li>用户管理</li><li>基础参数管理</li><li>站点平台管理</li>
  33. </ul>
  34. </div>
  35. </div>
  36. <div class="con-wrap">
  37. <div id="con-map"></div>
  38. </div>
  39. <div class="bottom-wrap">&copy; 2018 中储粮-单仓档案管理系统 版权所有</div>
  40. <script>
  41. $.get('/src/map/shandong1.json', function (chinaJson) {
  42. echarts.registerMap('shandong', chinaJson);
  43. window.chart = echarts.init(document.getElementById('con-map'));
  44. option = {
  45. legend: {
  46. orient: 'vertical',
  47. left: 'left',
  48. data:['iphone3','iphone4','iphone5']
  49. },
  50. visualMap: {
  51. type: 'continuous',
  52. min: 0,
  53. max: 17,
  54. left: 'left',
  55. top: 'bottom',
  56. text:['高','低'], // 文本,默认为数值文本
  57. calculable : true,
  58. show:true,
  59. color:['black','white']
  60. },
  61. series : [
  62. {
  63. type: 'map',
  64. map: 'shandong',
  65. roam: false,
  66. itemStyle:{
  67. normal:{label:{show:true}},
  68. emphasis:{
  69. label:{show:true},
  70. color: 'red',
  71. borderColor: 'grey',
  72. shadowColor: 'rgba(0, 0, 0, 0.5)',
  73. shadowBlur: 10,
  74. shadowOffsetX: 2,
  75. shadowOffsetY: 2
  76. }
  77. },
  78. data:[
  79. {name:'德州市',value:1},
  80. {name:'滨州市',value:2},
  81. {name:'东营市',value:3},
  82. {name:'烟台市',value:4},
  83. {name:'威海市',value:5},
  84. {name:'聊城市',value:6},
  85. {name:'济南市',value:7},
  86. {name:'淄博市',value:8},
  87. {name:'潍坊市',value:9},
  88. {name:'青岛市',value:10},
  89. {name:'泰安市',value:11},
  90. {name:'莱芜市',value:12},
  91. {name:'菏泽市',value:13},
  92. {name:'济宁市',value:14},
  93. {name:'枣庄市',value:15},
  94. {name:'临沂市',value:16},
  95. {name:'日照市',value:17}
  96. ]
  97. }
  98. ]
  99. };
  100. chart.setOption(option);
  101. chart.on('click', function(e) {
  102. if (e.name === '德州市') {
  103. location.href="/pages/file/warehouse.html";
  104. }
  105. });
  106. });
  107. </script>
  108. </body>
  109. </html>