lmz
/
BOSSHAND_Android


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426
							<!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 class="mui-content">
			<div class="procurement-nav">
				<ul>
					<li id="../home-index-finances/finances-reimbursement.html" onclick="hrefTo(this.id)">
						<span class="sm-logo"><img src="../../../img/finances/report_icon_finacemanagement@3x.png"/></span>
						<span>财务报销</span>
					</li>
					<li id="../home-index-finances/finances-admin.html" onclick="hrefTo(this.id)">
						<span class="sm-logo"><img src="../../../img/finances/salary_icon_finacemanagement@3x.png"/></span>
						<span>工资管理</span>
					</li>
					<li id="../home-index-finances/finances-out.html" onclick="hrefTo(this.id)">
						<span class="sm-logo"><img src="../../../img/finances/salepurchase_icon_finacemanagement@3x.png"/></span>
						<span>销售退货</span>
					</li>
					<li id="../home-index-finances/finances-return.html" onclick="hrefTo(this.id)">
						<span class="sm-logo"><img src="../../../img/finances/purchaseback_icon_finacemanagement@3x.png"/></span>
						<span>采购退货</span>
					</li>
					<li id="../home-index-finances/finances-in.html" onclick="hrefTo(this.id)">
						<span class="sm-logo"><img src="../../../img/finances/purchasepayment_icon_finacemanagement@3x.png"/></span>
						<span>采购付款</span>
					</li>
					<li id="../home-index-finances/finances-icome.html" onclick="hrefTo(this.id)">
						<span class="sm-logo"><img src="../../../img/finances/salepayment_icon_finacemanagement@3x.png"/></span>
						<span>销售回款</span>
					</li>
				</ul>
			</div>
			<div class="procurement-content">
				<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"></div>
				<div class="content-nav">
					<span class="gr"></span>
					<span>采购付款(/元)</span>
					<span></span>
				</div>
				<div class="content-tent">
					<span>2017年</span>
					<span></span>
				</div>
				<div id="select-num"></div>
				<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-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();
						GetdataListss();
					}, 1000);

					function GetdataList() {
						var postData = {
							"pageIndex": 1,
							"pageSize": 100,
							"exist": "-1", // 模版名称
							"exist_1": "-1", // 模版名称
							"exist_2": "-1", // 模版名称
						}
						$.ajax('http://www.bosshand.cn/api/Customer/GetAccountPageListPC', {
							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].AccountMoney);
										};
										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": "2", // 模版名称
							"exist_1": "-1", // 模版名称
							"exist_2": "-1", // 模版名称
							"exist_3": "-1",
						}
						$.ajax('http://www.bosshand.cn/api/Invoicing/GetMoneyOrderPageList', {
							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 = [];
										for(var i = 0; i < Data.length; i++) {
											date.push(getLocalDate(Data[i].UpdateTime));
											data.push(Data[i].MoneyMode);
										};
										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)
										}
										svmNum(date, data);
									} else {
										$('#select-num')[0].innerHTML = '<div class="null"><img src="../../../img/index/null@3x.png"></div>';
									}
								}
							}
						});
					};

					function GetdataListss() {
						var postData = {
							"pageIndex": 1,
							"pageSize": 100,
							"exist": "", // 类型
							"exist_1": 2
						}
						$.ajax('http://www.bosshand.cn/api/Invoicing/GetRetrnOrderPageList', {
							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 = [];
										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 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]
					};

					function svmMoney(date, data) {
						console.log(date)
						console.log(data)
						// 基于准备好的dom，初始化echarts实例 
						var myChart = echarts.init(document.getElementById('select'));
						var option = {
							title: { //标题
								show: false, //是否显示
							},
							grid: {
								left: 5,
								right: 40,
								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: ['#1badf8'],
							backgroundColor: '#fff'
						};
						// 使用刚指定的配置项和数据显示图表。
						myChart.setOption(option);
					}

					function svmNum(date, data) {
						var myCharts = echarts.init(document.getElementById('select-num'));
						var option = {
							backgroundColor: '#fff',
							grid: {
								left: -43,
								right: -10,
								bottom: 10,
								containLabel: true
							},
							xAxis: [{
								type: 'category',
								data: date,
								axisLine: {
									show: false
								},
								axisTick: {
									show: false
								}
							}],
							yAxis: [{
								show: false,
							}],
							series: [{
								type: 'bar',
								barWidth: 10,
								data: data,
								itemStyle: {
									normal: {
										label: {
											show: true,
											position: 'top',
											textStyle: {
												fontSize: 10,
											}
										}
									}
								}
							}],
							color: ['#0ec467']
						};
						// 使用刚指定的配置项和数据显示图表。
						myCharts.setOption(option);
					}

					function svmOld(date, data, datas) {
						var myChartss = echarts.init(document.getElementById('select-nums'));
						var option = {
							backgroundColor: '#fff',
							legend: {
								data: ['退款总金额', '应退金额'],
								top: 10
							},
							grid: {
								left: -46,
								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: ['#fcaa00'],
								barWidth: 10,
								data: datas,
								itemStyle: {
									normal: {
										label: {
											show: true,
											position: 'top',
											offset: [1, 0],
											textStyle: {
												fontSize: 10,
											}
										}
									}
								}
							}]
						};
						// 使用刚指定的配置项和数据显示图表。
						myChartss.setOption(option);
					}
				});
			})(mui, document);
		</script>
	</body>

</html>