sailun
/
sailun-agent


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140
							<!DOCTYPE html>
<html lang="en">
	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=0">
		<title>应用</title>
		<link rel="stylesheet" href="../css/api.css"/>
		<link rel="stylesheet" href="../fonts/iconfont.css"/>
		<link rel="stylesheet" href="../css/weui.min.css"/>
		<link rel="stylesheet" href="../css/app.css"/>
		<script type="text/javascript" src="../script/rem.js"></script>
		<style>
			body, html {
				background-color: #fff !important;
			}
			.app-echart {
				display: flex;
				display: -webkit-flex;
			}
			.app-echart li {
				width: 50%
			}
			.app-echart li .app-wrap {
				min-height: 154px;
			}
			.app-echart-per {
				padding: 5px 10px;
			}
			.app-echart-per {
				background-color: #009944;
			}
			.app-echart-per:first-of-type {
				font-size: 0.6rem;
				color: #fff;
				border-right: 1px solid #fff;
				border-bottom: 1px solid #fff;
			}
			.app-echart-per p:last-of-type {
				font-size: 0.9rem;
				color: #ffd900;
				padding-left: 15px
			}
			.app-list li .app-wrap .iconfont {
				font-size: 1.5rem
			}
			.app-warp-badge {
			    position:absolute;
				float: right;
				background-color: #FF0000;
				padding : 0 5px;
				border-radius: 50%;
				font-size: 0.5rem;
				color: #fff;
				margin-left : 19%;
				margin-top: -5px;
			}
		</style>
	</head>
	<body>
		<article style="padding-bottom: 54px;">
			<div class="list-wrap">
				<ul class="app-echart">
					<li>
						<!--<div class="app-echart-per">
						<p>完成金额</p>
						<p>20101010元</p>
						</div>-->
						<h4>销售增长率</h4>
						<div class="app-wrap" id="zhu">
							<!-- 柱状图 -->
						</div>
					</li>
					<li>
						<!-- <div class="app-echart-per">
						<p>完成条数</p>
						<p>20101条</p>
						</div>-->
						<h4>轮胎占比</h4>
						<div class="app-wrap" id="bing">
							<!-- 饼状图-->
						</div>
					</li>
				</ul>
			</div>
			<div class="list-wrap">
				<h4>功能展示</h4>
				<ul class="app-list">
					<li>
						<!--<i class="app-warp-badge">1</i>-->
						<div class="app-wrap">
							<a href="javascript:void(0);" onclick="goWin('orderList_win')"> <i class="iconfont">&#xe64b;</i> <span>订单管理</span></a>
						</div>
					</li>
					<li>
						<div class="app-wrap">
							<a href="javascript:;" onclick="goWin('../kucunB/kucunC_win')"> <i class="iconfont">&#xe644;</i> <span>库存管理</span> </a>
						</div>
					</li>
					<li>
						<div class="app-wrap">
							<a href="javascript:;" onclick="goWin('../kehu/kehu_win')"> <i class="iconfont">&#xe649;</i> <span>客户管理</span> </a>
						</div>
					</li>
					<li>
						<div class="app-wrap">
							<a href="javascript:;"> <i class="iconfont">&#xe647;</i> <span>收货记录</span> </a>
						</div>
					</li>
					<li>
						<div class="app-wrap">
							<a href="javascript:;"> <i class="iconfont">&#xe64d;</i> <span>退货管理</span> </a>
						</div>
					</li>
					<li>
						<div class="app-wrap">
							<a href="javascript:;" onclick="goWin('../kucunB/kucunB_win')"> <i class="iconfont">&#xe64a;</i> <span>销售报表</span> </a>
						</div>
					</li>
					<li>
						<div class="app-wrap">
							<a href="javascript:;"> <i class="iconfont">&#xe64c;</i> <span>质检结果</span> </a>
						</div>
					</li>
				</ul>
			</div>
		</article>
	</body>
	<script type="text/javascript" src="../script/api.js"></script>
	<script type="text/javascript" src="../script/echarts.js"></script>
	<script type="text/javascript" src="../script/zhu.js"></script>
	<script type="text/javascript" src="../script/bing.js"></script>
	<script type="text/javascript">
		function goWin(winName) {
			api.openWin({
				name : winName,
				url : './order/' + winName + '.html',
			});
		}
	</script>
</html>