sdong
/
static


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161
							<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>单仓档案管理系统</title>
    <link rel="stylesheet" type="text/css" href="/themes/metro/easyui.css">
    <link rel="stylesheet" type="text/css" href="/themes/icon.css">
    <link rel="stylesheet" href="/themes/oneIndex.css">
    <script src="/src/jquery.min.js"></script>
    <script src="/src/echarts.min.js"></script>
    <script type="text/javascript" src="/src/jquery.easyui.min.js"></script>
</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">
                    <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 class="active"><a href="/pages/base.html">基础信息</a></li>
                <li><a href="/pages/supervisecheck/index.html">检查管理</a></li>
                <li><a href="/pages/deviceDrug/index.html">资产管理</a></li>
                <li><a href="/pages/usermanage/index.html">用户管理</a></li>
                <li><a href="/pages/basedata/index.html">基础参数管理</a></li>
               <li><a href="/pages/sitePlatform/index.html">站点平台管理</a></li>
                <li><a href="/pages/performanceAppraisal/index.html">绩效考核</a></li>

            </ul>
        </div>
    </div>
    <div class="con-wrap">
    	<div class="author-nav">
    		<ul id="tt" class="easyui-tree">
    		    <li iconCls="icon-sketch">
    		        <span>山东分公司</span>
    		        <ul>
    		            <li><span>济南直属库</span></li>
    		            <li>
    		                <span>聊城直属库</span>
    		                <ul>
    		                    <li>
    		                    	<span><a href="#">聊城本库</a></span>
									<ul>
										<li><span>仓库1</span></li>
										<li><span>仓库2</span></li>
										<li><span>仓库3</span></li>
									</ul>
    		                    </li>
    		                    <li>
    		                    	<span>高唐分公司</span>
    		                    	<ul>
										<li><span>仓库1</span></li>
										<li><span>仓库2</span></li>
										<li><span>仓库3</span></li>
									</ul>
    		                    </li>
    		                    <li><span>冠县分公司</span></li>
    		                    <li><span>莘县分公司</span></li>
    		                    <li><span>阳谷县分公司</span></li>
    		                    <li><span>租赁库</span></li>
    		                </ul>
    		            </li>
    		        </ul>
    		    </li>
    		    <li><span>山西分公司</span></li>
    		</ul>
    	</div>
        <div id="con-map"></div>
    </div>
    <div class="bottom-wrap">&copy; 2018 中储粮-单仓档案管理系统 版权所有</div>
    <script>
        $.get('/src/map/聊城市.json', function (chinaJson) {
            echarts.registerMap('shandong', chinaJson);
            window.chart = echarts.init(document.getElementById('con-map'));
            option = {
            	title: {
        	        text: '聊城市',
        	        left: 'center',
        	        top: 'top'
        	    },
                legend: {
                    orient: 'vertical',
                    left: 'left',
                    data:['iphone3','iphone4','iphone5']
                },
                visualMap: {
                    min: 10000,
                    max: 80000,
                    left: 'left',
                    top: 'bottom',
                    text:['高','低'],           // 文本，默认为数值文本
                    calculable : true,
                    realtime: false,
                    color:['orangered','yellow','lightskyblue']
                },

                series : [
                    {
                        type: 'map',
                        map: 'shandong',
                        mapType: '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:1000},
                           {name:'东昌府区',value:2000},
                           {name:'莘县',value:3000},
                           {name:'茌平县',value:4000},
                           {name:'东阿县',value:5000},
                           {name:'冠县',value:6000},
                           {name:'高唐县',value:7000},
                           {name:'临清市',value:8000}
                        ]
                    }
                  ]
                };
                chart.setOption(option);

            chart.on('click', function(e) {
                if (e.name === '聊城市') {
                    location.href="/pages/liaocheng.html";
                }
            });
          });
    </script>
</body>
</html>