lmz
/
BOSSHAND_Android


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342
							<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8">

		<title>采购</title>
		<meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1,user-scalable=no">
		<meta name="apple-mobile-web-app-capable" content="yes">
		<meta name="apple-mobile-web-app-status-bar-style" content="black">

		<link rel="stylesheet" type="text/css" href="../../../css/common/mui.min.css" />
		<link rel="stylesheet" href="../../../css/common/common.css">
		<link rel="stylesheet" type="text/css" href="../../../css/index/index-menu/procurement.css" />
	</head>

	<body>
		<header id="header" class="mui-bar mui-bar-nav">
			<a class="mui-action-back mui-icon mui-icon-arrowleft">
				<span class="back">返回</span>
			</a>
			<h1 class="mui-title">采购管理</h1>
		</header>
		<div id="scroll" class="mui-content">
			<div class="procurement-nav">
				<div id="slider" class="mui-slider">
					<div class="mui-slider-group">
						<div class="mui-slider-item">
							<ul>
								<li id="../home-index-procurement/SVM.html" onclick="hrefTo(this.id)">
									<span class="sm-logo"><img src="../../../img/procurement/supplier_purchase_icon_management@3x.png"/></span>
									<span>供应商管理</span>
								</li>
								<li id="../home-index-procurement/SVM-product.html" onclick="hrefTo(this.id)">
									<span class="sm-logo"><img src="../../../img/procurement/supplierproduct_purchase_icon_management@3x.png"/></span>
									<span>供应商产品</span>
								</li>
								<li id="../home-index-procurement/SVM-order.html" onclick="hrefTo(this.id)">
									<span class="sm-logo"><img src="../../../img/procurement/purchaseorder_purchase_icon_management@3x.png"/></span>
									<span>采购订单</span>
								</li>
								<li id="../home-index-procurement/SVM-pay.html" onclick="hrefTo(this.id)">
									<span class="sm-logo"><img src="../../../img/procurement/purchasepayment_purchase_icon_management@3x.png"/></span>
									<span>采购付款</span>
								</li>
								<li id="../home-index-procurement/SVM-quality.html" onclick="hrefTo(this.id)">
									<span class="sm-logo"><img src="../../../img/procurement/purchaseqc_purchase_icon_management@3x.png"/></span>
									<span>采购质检</span>
								</li>
								<li id="../home-index-procurement/SVM-in.html" onclick="hrefTo(this.id)">
									<span class="sm-logo"><img src="../../../img/procurement/purchasestorage_purchase_icon_management@3x.png"/></span>
									<span>采购入库</span>
								</li>
							</ul>
						</div>
						<div class="mui-slider-item">
							<ul>
								<li id="../home-index-procurement/SVM-out.html" onclick="hrefTo(this.id)">
									<span class="sm-logo"><img src="../../../img/procurement/purchasecancle_purchase_icon_management@3x.png"/></span>
									<span>采购退货</span>
								</li>
							</ul>
						</div>
					</div>
					<div class="mui-slider-indicator">
						<div class="mui-indicator mui-active"></div>
						<div class="mui-indicator"></div>
					</div>
				</div>
			</div>
			<div class="procurement-content">
				<div class="content-nav">
					<span class="or"></span>
					<span>采购账单 (/元)</span>
					<!--<span>查看更多</span>-->
				</div>
				<div class="content-tent">
					<span>2017年</span>
					<span></span>
				</div>
				<div id="select"></div>
				<div class="content-nav">
					<span class="bl"></span>
					<span>采购退货 (/元)</span>
					<!--<span>查看更多</span>-->
				</div>
				<div class="content-tent">
					<span>2017年</span>
					<span></span>
				</div>
				<div id="select-nums"></div>
			</div>
		</div>
		</div>
		<script src="../../../libs/mui.min.js"></script>
		<script src="../../../libs/href.js" type="text/javascript" charset="utf-8"></script>
		<script src="../../../libs/echarts.min.js" type="text/javascript" charset="utf-8"></script>

		<script type="text/javascript">
			(function($, doc) {
				$.plusReady(function() {
					var str = plus.storage.getItem('user');
					var user = JSON.parse(str);
					var token = user.Data.Token;
					setTimeout(function() {
						GetdataList();
						GetdataLists();
					}, 1000);

					function GetdataList() {
						var postData = {
							"pageIndex": 1,
							"pageSize": 100,
							"exist": "-1", // 类型
							"exist_1": "-1", // 订单号
						}
						$.ajax('http://www.bosshand.cn/api/Customer/GetPurchasePageList', {
							data: postData,
							type: 'post',
							dataType: 'json',
							timeout: 1000,
							headers: {
								'Content-Type': 'application/x-www-form-urlencoded',
								authorization: token
							},
							success: function(resp) {
								if(resp.Code == 200) {
									var Data = resp.Data.list;
									if(Data[0] != undefined) {
										var date = [];
										var data = [];
										for(var i = 0; i < Data.length; i++) {
											date.push(getLocalDate(Data[i].UpdateTime));
											data.push(Data[i].SumMoney);
										};
										if(date.length < 5) {
											var arr = 5 - date.length
											for(var i = 0; i < arr; i++) {
												date.push('');
												data.push('')
											}
										} else {
											date = date.slice(date.length - 5, date.length)
											data = data.slice(data.length - 5, data.length)
										}
										svmMoney(date, data);
									} else {
										$('#select')[0].innerHTML = '<div class="null"><img src="../../../img/index/null@3x.png"></div>';
									}
								}
							}
						});
					};

					function GetdataLists() {
						var postData = {
							"pageIndex": 1,
							"pageSize": 100,
							"exist": "", // 模版名称
							"exist_1": "1", // 模版名称
						}
						$.ajax('http://www.bosshand.cn/api/Invoicing/GetRetrnOrderPageList', {
							data: postData,
							type: 'post',
							dataType: 'json',
							timeout: 10000,
							headers: {
								'Content-Type': 'application/x-www-form-urlencoded',
								authorization: token
							},
							success: function(resp) {
								if(resp.Code == 200) {
									var Data = resp.Data.list;
									if(Data[0] != undefined) {
										var date = [];
										var data = [];
										var datas = [];
										for(var i = 0; i < Data.length; i++) {
											date.push(getLocalDate(Data[i].UpdateTime));
											data.push(Data[i].ReturnSumMonry);
											datas.push(Data[i].PaidMonry)
										};
										if(date.length < 5) {
											var arr = 5 - date.length
											for(var i = 0; i < arr; i++) {
												date.push('');
												data.push('');
												datas.push('');
											}
										} else {
											date = date.slice(date.length - 5, date.length);
											data = data.slice(data.length - 5, data.length);
											datas = datas.slice(datas.length - 5, datas.length);
										}
										svmOld(date, data, datas);
									} else {
										$('#select-nums')[0].innerHTML = '<div class="null"><img src="../../../img/index/null@3x.png"></div>';
									}
								}
							}
						});
					};
					//采购账单
					function svmMoney(date, data) {
						// 基于准备好的dom，初始化echarts实例 
						var myChart = echarts.init(doc.getElementById('select'));
						var option = {
							title: { //标题
								show: false, //是否显示
							},
							grid: {
								left: -7,
								right: 35,
								bottom: 10,
								containLabel: true
							},
							toolbox: {
								show: false,
								feature: {
									saveAsImage: {}
								}
							},
							xAxis: {
								type: 'category',
								boundaryGap: false,
								data: date,
								axisLine: {
									show: false
								},
								axisTick: {
									show: false
								}
							},
							yAxis: {
								show: false,
							},
							series: [{
								type: 'line',
								data: data,
								itemStyle: {
									normal: {
										label: {
											show: true,
											textStyle: {
												fontSize: 10,
											}
										}
									}
								}
							}],
							color: ['#fcaa00'],
							backgroundColor: '#fff'
						};
						// 使用刚指定的配置项和数据显示图表。
						myChart.setOption(option);

					}

					//采购退货
					function svmOld(date, data, datas) {
						var myChartss = echarts.init(doc.getElementById('select-nums'));
						var option = {
							backgroundColor: '#fff',
							legend: {
								data: ['退货总金额', '应退金额'],
								top: 10
							},
							grid: {
								left: -43,
								right: -8,
								bottom: 10,
								containLabel: true
							},
							xAxis: [{
								type: 'category',
								data: date,
								axisLine: {
									show: false
								},
								axisTick: {
									show: false
								}
							}],
							yAxis: [{
								show: false,
							}],
							series: [{
								name: '退货总金额',
								type: 'bar',
								color: ['#0ec764'],
								barWidth: 10,
								data: data,
								itemStyle: {
									normal: {
										label: {
											show: true,
											position: 'top',
											textStyle: {
												fontSize: 10,
											}
										}
									}
								}
							}, {
								name: '应退金额',
								type: 'bar',
								color: ['#1badf8'],
								barWidth: 10,
								data: datas,
								itemStyle: {
									normal: {
										label: {
											show: true,
											position: 'top',
											offset: [1, 0],
											textStyle: {
												fontSize: 10,
											}
										}
									}
								}
							}]
						};
						// 使用刚指定的配置项和数据显示图表。
						myChartss.setOption(option);
					};

					function getLocalDate(now) {
						var date = now.replace(/T/g, ' ').replace(/\.[\d]{3}Z/, '');
						var arr = date.split(' ');
						//日期
						var arrDate = arr[0].split('-');
						//时间
						var arrTime = arr[1].split(':');
						return arrDate[1] + '-' + arrDate[2]
					};
				});
			})(mui, document)
		</script>
	</body>

</html>