123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111 |
- <!DOCTYPE html>
- <html lang="en">
- <head>
- <meta charset="UTF-8">
- <title>单仓档案管理系统</title>
- <script src="/src/jquery.min.js"></script>
- <script src="/src/echarts.min.js"></script>
- <link rel="stylesheet" href="/themes/oneIndex.css">
- </head>
- <body>
- <div class="tool-wrap">
- <div class="tool">
- <span><a href="#">收藏</a>|<a href="#">帮助</a></span>
- <span class="emp-item">
- <span class="emp-name"><a href="#">某某分公司-某某粮仓-某某管理员</a></span>
- <span class="albumn">
- <img src="/img/albumn.png"></span>
- <a href="">张大鹏</a>
- <span class="albumn-arrow"></span>
- </span>
- </span>
- </div>
- </div>
- <div class="logo-wrap">
- <div class="logo">
- <img src="/img/logo.png" alt="logo">
- </div>
- </div>
- <div class="nav-wrap">
- <div class="nav">
- <ul>
- <li><a href="/index.html">首页</a></li><li><a href="/pages/company.html">单仓档案</a></li><li class="active">工作平台</li><li>单仓设备集成平台</li><li>单仓业务分析系统</li><li>手持移动端管理</li><li>用户管理</li><li>基础参数管理</li><li>站点平台管理</li>
- </ul>
- </div>
- </div>
- <div class="con-wrap">
- <div id="con-map"></div>
- </div>
- <div class="bottom-wrap">© 2018 中储粮-单仓档案管理系统 版权所有</div>
- <script>
- $.get('/src/map/shandong1.json', function (chinaJson) {
- echarts.registerMap('shandong', chinaJson);
- window.chart = echarts.init(document.getElementById('con-map'));
- option = {
- legend: {
- orient: 'vertical',
- left: 'left',
- data:['iphone3','iphone4','iphone5']
- },
- visualMap: {
- type: 'continuous',
- min: 0,
- max: 17,
- left: 'left',
- top: 'bottom',
- text:['高','低'], // 文本,默认为数值文本
- calculable : true,
- show:true,
- color:['black','white']
- },
-
- series : [
- {
- type: 'map',
- map: 'shandong',
- roam: false,
- itemStyle:{
- normal:{label:{show:true}},
- emphasis:{
- label:{show:true},
- color: 'red',
- borderColor: 'grey',
- shadowColor: 'rgba(0, 0, 0, 0.5)',
- shadowBlur: 10,
- shadowOffsetX: 2,
- shadowOffsetY: 2
- }
- },
- data:[
- {name:'德州市',value:1},
- {name:'滨州市',value:2},
- {name:'东营市',value:3},
- {name:'烟台市',value:4},
- {name:'威海市',value:5},
- {name:'聊城市',value:6},
- {name:'济南市',value:7},
- {name:'淄博市',value:8},
- {name:'潍坊市',value:9},
- {name:'青岛市',value:10},
- {name:'泰安市',value:11},
- {name:'莱芜市',value:12},
- {name:'菏泽市',value:13},
- {name:'济宁市',value:14},
- {name:'枣庄市',value:15},
- {name:'临沂市',value:16},
- {name:'日照市',value:17}
- ]
- }
- ]
- };
- chart.setOption(option);
- chart.on('click', function(e) {
- if (e.name === '德州市') {
- location.href="/pages/work/workplatform.html";
- }
- });
- });
- </script>
- </body>
- </html>
|