index.html 6.3 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="UTF-8">
  5. <title>单仓档案管理系统</title>
  6. <link rel="stylesheet" type="text/css" href="/themes/metro/easyui.css">
  7. <link rel="stylesheet" type="text/css" href="/themes/icon.css">
  8. <link rel="stylesheet" href="/themes/oneIndex.css">
  9. <script src="/src/jquery.min.js"></script>
  10. <script src="/src/echarts.min.js"></script>
  11. <script type="text/javascript" src="/src/jquery.easyui.min.js"></script>
  12. </head>
  13. <body>
  14. <div class="tool-wrap">
  15. <div class="tool">
  16. <span><a href="#">收藏</a>|<a href="#">帮助</a></span>
  17. <span class="emp-item">
  18. <span class="emp-name"><a href="#">某某分公司-某某粮仓-某某管理员</a></span>
  19. <span class="albumn">
  20. <img src="/img/albumn.png">
  21. <a href="">张大鹏</a>
  22. <span class="albumn-arrow"></span>
  23. </span>
  24. </span>
  25. </div>
  26. </div>
  27. <div class="logo-wrap">
  28. <div class="logo">
  29. <img src="/img/logo.png" alt="logo">
  30. </div>
  31. </div>
  32. <div class="nav-wrap">
  33. <div class="nav">
  34. <ul>
  35. <li><a href="/index.html">首页</a></li>
  36. <li class="active"><a href="/pages/base.html">基础信息</a></li>
  37. <li><a href="/pages/quailty.html">质量信息</a></li>
  38. <li><a href="/pages/supervisecheck/index.html">检查管理</a></li>
  39. <!-- <li><a href="/pages/equipmentDevice/index.html">器材设备管理</a></li> -->
  40. <li><a href="/pages/deviceDrug/index.html">资产管理</a></li>
  41. <li><a href="/pages/usermanage/index.html">用户管理</a></li>
  42. <li><a href="/pages/basedata/index.html">基础参数管理</a></li>
  43. <li><a href="/pages/sitePlatform/index.html">站点平台管理</a></li>
  44. <li><a href="/pages/performanceAppraisal/index.html">绩效考核</a></li>
  45. </ul>
  46. </div>
  47. </div>
  48. <div class="con-wrap">
  49. <div class="author-nav">
  50. <ul id="tt" class="easyui-tree">
  51. <li iconCls="icon-sketch">
  52. <span>山东分公司</span>
  53. <ul>
  54. <li><span>济南直属库</span></li>
  55. <li>
  56. <span>聊城直属库</span>
  57. <ul>
  58. <li>
  59. <span><a href="#">聊城本库</a></span>
  60. <ul>
  61. <li><span>仓库1仓库1</span></li>
  62. <li><span>仓库2</span></li>
  63. <li><span>仓库3</span></li>
  64. </ul>
  65. </li>
  66. <li>
  67. <span>高唐分公司</span>
  68. <ul>
  69. <li><span>仓库1</span></li>
  70. <li><span>仓库2</span></li>
  71. <li><span>仓库3</span></li>
  72. </ul>
  73. </li>
  74. <li><span>冠县分公司</span></li>
  75. <li><span>莘县分公司</span></li>
  76. <li><span>阳谷县分公司</span></li>
  77. <li><span>租赁库</span></li>
  78. </ul>
  79. </li>
  80. </ul>
  81. </li>
  82. <li><span>山西分公司</span></li>
  83. </ul>
  84. </div>
  85. <div id="con-map"></div>
  86. </div>
  87. <!--#include file="/inc/footer.html"-->
  88. <script>
  89. $.get('/src/map/shandong1.json', function (chinaJson) {
  90. echarts.registerMap('shandong', chinaJson);
  91. window.chart = echarts.init(document.getElementById('con-map'));
  92. option = {
  93. title: {
  94. text: '山东省',
  95. left: 'center',
  96. top: 'top'
  97. },
  98. legend: {
  99. orient: 'vertical',
  100. left: 'left',
  101. data:['iphone3','iphone4','iphone5']
  102. },
  103. visualMap: {
  104. type: 'continuous',
  105. min: 0,
  106. max: 17,
  107. left: 'left',
  108. top: 'bottom',
  109. text:['高','低'], // 文本,默认为数值文本
  110. calculable : true,
  111. show:true,
  112. color:['black','white']
  113. },
  114. series : [
  115. {
  116. type: 'map',
  117. map: 'shandong',
  118. roam: false,
  119. itemStyle:{
  120. normal:{label:{show:true}},
  121. emphasis:{
  122. label:{show:true},
  123. color: 'red',
  124. borderColor: 'grey',
  125. shadowColor: 'rgba(0, 0, 0, 0.5)',
  126. shadowBlur: 10,
  127. shadowOffsetX: 2,
  128. shadowOffsetY: 2
  129. }
  130. },
  131. data:[
  132. {name:'德州市',value:1},
  133. {name:'滨州市',value:2},
  134. {name:'东营市',value:3},
  135. {name:'烟台市',value:4},
  136. {name:'威海市',value:5},
  137. {name:'聊城市',value:6},
  138. {name:'济南市',value:7},
  139. {name:'淄博市',value:8},
  140. {name:'潍坊市',value:9},
  141. {name:'青岛市',value:10},
  142. {name:'泰安市',value:11},
  143. {name:'莱芜市',value:12},
  144. {name:'菏泽市',value:13},
  145. {name:'济宁市',value:14},
  146. {name:'枣庄市',value:15},
  147. {name:'临沂市',value:16},
  148. {name:'日照市',value:17}
  149. ]
  150. }
  151. ]
  152. };
  153. chart.setOption(option);
  154. chart.on('click', function(e) {
  155. if (e.name === '聊城市') {
  156. location.href="/pages/liaocheng.html";
  157. }
  158. });
  159. });
  160. </script>
  161. </body>
  162. </html>