lmz
/
BOSSHAND_Android


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593
							<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8">
		<script src="../../../libs/echarts.min.js" type="text/javascript" charset="utf-8"></script>
		<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-procurement/procurement-details.css" />
		<link rel="stylesheet" type="text/css" href="../../../css/index/index-flow/flow-details.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="svm-details">
				<div class="flow">
					<div class="svm-nav">
						<span></span>
						<span>销售流程</span>
						<span class="flow-rights"><i></i><a class="SaleCode"></a></span>
					</div>
					<div class="flow-con">
						<div class="flow-con-box">
							<div class="flow-con-nav">
								<div class="green"></div>
								<div class="flow-r">
									<div class="flow-r-nav">
										<span>销售订单</span>
										<span></span>
									</div>
									<div class="flow-r-con">
										<div>
											<div class="flow-r-z">
												<span></span>
												<span>发起人:</span>
												<span class="CreateUser"></span>
											</div>
											<div class="flow-r-z">
												<span></span>
												<span>发起时间:</span>
												<span class="UpdateTime"></span>
											</div>
										</div>
									</div>
									<div class="flow-r-icon"></div>
								</div>
							</div>
						</div>
						<div class="flow-con-box">
							<div class="flow-con-nav">
								<div class="or"></div>
								<div class="flow-r">
									<div class="flow-r-nav">
										<span>销售审批</span>
										<span></span>
									</div>
									<div class="flow-r-con">
										<div>
											<div class="flow-r-z">
												<span></span>
												<span>发起人:</span>
												<span class="CreateUser"></span>
											</div>
											<div class="flow-r-z">
												<span></span>
												<span>发起时间:</span>
												<span class="UpdateTime"></span>
											</div>
										</div>
										<div>
											<div class="flow-r-z">
												<span></span>
												<span>审批人:</span>
												<span></span>
											</div>
											<div class="flow-r-z">
												<span></span>
												<span>审批时间:</span>
												<span></span>
											</div>
										</div>
									</div>
									<div class=" onclick-details"><span class="mui-icon mui-icon-arrowdown"></span></div>
									<div class="flow-r-icons ApprovalStatus">
									</div>
								</div>
							</div>
							<div class="flow-con-con">
							</div>
						</div>
						<div class="flow-con-box">
							<div class="flow-con-nav">
								<div class="bl"></div>
								<div class="flow-r">
									<div class="flow-r-nav">
										<span>销售合同</span>
										<span></span>
									</div>
									<div class="flow-r-con">
										<div>
											<div class="flow-r-z">
												<span></span>
												<span>发起人:</span>
												<span class="CreateUser"></span>
											</div>
											<div class="flow-r-z">
												<span></span>
												<span>发起时间:</span>
												<span class="UpdateTime"></span>
											</div>
										</div>
										<div>
											<div class="flow-r-z">
												<span></span>
												<span>审批人:</span>
												<span></span>
											</div>
											<div class="flow-r-z">
												<span></span>
												<span>审批时间:</span>
												<span></span>
											</div>
										</div>
									</div>
									<div class=" onclick-details"><span class="mui-icon mui-icon-arrowdown"></span></div>
									<div class="flow-r-icons ContractStatus">
									</div>
								</div>
							</div>
							<div class="flow-con-con">

							</div>
						</div>

						<div class="flow-con-box">
							<div class="flow-con-nav">
								<div class="re"></div>
								<div class="flow-r">
									<div class="flow-r-nav">
										<span>销售出库</span>
										<span></span>
									</div>
									<div class="flow-r-con">
										<div>
											<div class="flow-r-z">
												<span></span>
												<span>发起人:</span>
												<span class="CreateUser"></span>
											</div>
											<div class="flow-r-z">
												<span></span>
												<span>发起时间:</span>
												<span class="UpdateTime"></span>
											</div>
										</div>
										<div>
											<div class="flow-r-z">
												<span></span>
												<span>审批人:</span>
												<span></span>
											</div>
											<div class="flow-r-z">
												<span></span>
												<span>审批时间:</span>
												<span></span>
											</div>
										</div>
									</div>
									<div class=" onclick-details"><span class="mui-icon mui-icon-arrowdown"></span></div>
									<div class="flow-r-icons IibraryStatus">
									</div>
								</div>
							</div>
							<div class="flow-con-con">
							</div>
						</div>
						<div class="flow-con-box">
							<div class="flow-con-nav">
								<div class="ye"></div>
								<div class="flow-r">
									<div class="flow-r-nav">
										<span>销售回款</span>
										<span></span>
									</div>
									<div class="flow-r-con">
										<div>
											<div class="flow-r-z">
												<span></span>
												<span>发起人:</span>
												<span class="CreateUser"></span>
											</div>
											<div class="flow-r-z">
												<span></span>
												<span>发起时间:</span>
												<span class="UpdateTime"></span>
											</div>
										</div>
										<div>
											<div class="flow-r-z">
												<span></span>
												<span>审批人:</span>
												<span></span>
											</div>
											<div class="flow-r-z">
												<span></span>
												<span>审批时间:</span>
												<span></span>
											</div>
										</div>
									</div>
									<div class=" onclick-details"><span class="mui-icon mui-icon-arrowdown"></span></div>
									<div class="flow-r-icons PaymentStatus">
									</div>
								</div>
							</div>
							<div class="flow-con-con">
							</div>
						</div>
						<div class="flow-con-box">
							<div class="flow-con-nav">
								<div class="zi"></div>
								<div class="flow-r">
									<div class="flow-r-nav">
										<span>销售存档</span>
										<span></span>
									</div>
									<div class="flow-r-con">
										<div>
											<div class="flow-r-z">
												<span></span>
												<span>存档人:</span>
												<span class="CreateUser"></span>
											</div>
											<div class="flow-r-z">
												<span></span>
												<span>存档时间:</span>
												<span class="UpdateTime"></span>
											</div>
										</div>
									</div>
									<div class="flow-r-icons OrderStatus">
									</div>
								</div>
							</div>
							<div class="flow-con-con">
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
		<script src="../../../libs/mui.min.js"></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;
					var self = plus.webview.currentWebview();
					var exist = self.exist;
					$('.SaleCode')[0].innerHTML = exist
					GetdataList(exist);

					function GetdataList(exist) {

						var postData = {
							"pageIndex": 1,
							"pageSize": 3,
							"exist": exist,
						}
						$.ajax('http://www.bosshand.cn/api/Customer/GetSaleProcessList', {
							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) {
									if(resp.Data.list.length > 0) {
										var x = resp.Data.list[0];
										$('.CreateUser')[0].innerHTML = x.CreateUser;
										$('.UpdateTime')[0].innerHTML = getLocalDate(x.CreateTime);
										$('.CreateUser')[1].innerHTML = x.CreateUser;
										$('.UpdateTime')[1].innerHTML = getLocalDate(x.CreateTime);
										if(x.ContractUser != null) {
											$('.CreateUser')[2].innerHTML = x.ContractUser;
										} else {
											$('.CreateUser')[2].innerHTML = '暂无操作';
										}
										if(getLocalDate(x.ContractTime) != "0001-01-01") {
											$('.UpdateTime')[2].innerHTML = getLocalDate(x.ContractTime);
										}
										if(x.LibraryUser != null) {
											$('.CreateUser')[3].innerHTML = x.LibraryUser;
										} else {
											$('.CreateUser')[3].innerHTML = '暂无操作';
										}
										if(getLocalDate(x.LibraryTime) != "0001-01-01") {
											$('.UpdateTime')[3].innerHTML = getLocalDate(x.LibraryTime);
										}
										if(x.PaymentUser != null) {
											$('.CreateUser')[4].innerHTML = x.PaymentUser;
										} else {
											$('.CreateUser')[4].innerHTML = '暂无操作';
										}
										if(getLocalDate(x.PaymentTime) != "0001-01-01") {
											$('.UpdateTime')[4].innerHTML = getLocalDate(x.PaymentTime);
										}
										if(x.DepositUser != null) {
											$('.CreateUser')[5].innerHTML = x.DepositUser;
										} else {
											$('.CreateUser')[5].innerHTML = '暂无操作';
										}
										if(getLocalDate(x.DepositTime) != "0001-01-01") {
											$('.UpdateTime')[5].innerHTML = getLocalDate(x.DepositTime);
										}
										//销售审批
										if(x.ApprovalStatus == 0) {
											$('.ApprovalStatus')[0].innerHTML = '<span class="flow-r-loading"><span class="flow-r-loadings"><span class="flow-r-loadingss"></span></span></span>'
										} else if(x.ApprovalStatus == 1) {
											$('.ApprovalStatus')[0].classList.add('flow-r-icon');
										} else if(x.ApprovalStatus == 2) {
											$('.ApprovalStatus')[0].innerHTML = '<span class="flow-r-fail"><span class="flow-r-fails"><span class="flow-r-failss"></span></span></span>'
										}
										//销售合同
										if(x.ContractApproval == 3) {
											$('.ContractStatus')[0].innerHTML = '<span class="flow-r-loading"><span class="flow-r-loadings"><span class="flow-r-loadingss"></span></span></span>';
										} else if(x.ContractApproval == 1) {
											$('.ContractStatus')[0].classList.add('flow-r-icon');
										} else if(x.ContractApproval == 2) {
											$('.ContractStatus')[0].innerHTML = '<span class="flow-r-fail"><span class="flow-r-fails"><span class="flow-r-failss"></span></span></span>'
										} else {
											$('.ContractStatus')[0].innerHTML = '<span class="flow-r-common"><span class="flow-r-commons"><span class="flow-r-commonss"></span></span></span>'
										}
										//
										//销售出库
										if(x.LibraryApproval == 3) {
											$('.IibraryStatus')[0].innerHTML = '<span class="flow-r-loading"><span class="flow-r-loadings"><span class="flow-r-loadingss"></span></span></span>';
										} else if(x.LibraryApproval == 1) {
											$('.IibraryStatus')[0].classList.add('flow-r-icon');
										} else if(x.LibraryApproval == 2) {
											$('.IibraryStatus')[0].innerHTML = '<span class="flow-r-fail"><span class="flow-r-fails"><span class="flow-r-failss"></span></span></span>'
										} else {
											$('.IibraryStatus')[0].innerHTML = '<span class="flow-r-common"><span class="flow-r-commons"><span class="flow-r-commonss"></span></span></span>'
										}
										//销售回款
										if(x.PaymentApproval == 3) {
											$('.PaymentStatus')[0].innerHTML = '<span class="flow-r-loading"><span class="flow-r-loadings"><span class="flow-r-loadingss"></span></span></span>';
										} else if(x.PaymentApproval == 1) {
											$('.PaymentStatus')[0].classList.add('flow-r-icon');
										} else if(x.PaymentApproval == 2) {
											$('.PaymentStatus')[0].innerHTML = '<span class="flow-r-fail"><span class="flow-r-fails"><span class="flow-r-failss"></span></span></span>'
										} else {
											$('.PaymentStatus')[0].innerHTML = '<span class="flow-r-common"><span class="flow-r-commons"><span class="flow-r-commonss"></span></span></span>'
										}
										//销售存档
										if(x.OrderStatus == 0) {
											$('.OrderStatus')[0].innerHTML = '<span class="flow-r-loading"><span class="flow-r-loadings"><span class="flow-r-loadingss"></span></span></span>';
										} else if(x.OrderStatus == 1) {
											$('.OrderStatus')[0].classList.add('flow-r-icon');
										}
										for(var i = 0; i < 8; i++) {
											if(i == 0 || i == 1 || i == 4 || i == 6) {
												GetSaleModelBySaleCode(i + 1, x.SaleCode);
											}
										}
									};

								};
							}
						});
					};

					$(doc.body).on('tap', '.flow-con-nav', function() {

						if($(this)[0] != $('.flow-con-nav')[0]) {

							if($(this)[0].parentNode.childNodes[3].style.display == 'none' || $(this)[0].parentNode.childNodes[3].style.display == '') {
								$(this)[0].parentNode.childNodes[3].style.display = 'block';

							} else {
								$(this)[0].parentNode.childNodes[3].style.display = 'none';
							}
						}
					});
					$(doc.body).on('tap', '.open', function() {
						var exist = $(this)[0].id;
						$('.bg .img')[0].innerHTML = '<img src="http://www.bosshand.cn/' + exist + '"/>';
						$('.bg')[0].style.display = 'block';
					});
					$(doc.body).on('tap', '.close', function() {
						$('.bg')[0].style.display = 'none';
					});
					//
					/**
					 * 获取流程信息 
					 */
					//	
					function GetSaleModelBySaleCode(type, code) {
						//组织post数据
						var postData = {
							"SaleCode": code,
							"Type": type
						}
						$.ajax("http://www.bosshand.cn/api/Customer/GetSaleModelBySaleCode", {
							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 Remark;
									var Enclosure
									var contacts;
									var creatDate;
									if(resp.Data != null) {
										contacts = resp.Data.Contacts;
										creatDate = getLocalDate(resp.Data.UpdateTime)
										Remark = resp.Data.Remark;
										Enclosure = resp.Data.Enclosure;
										if(contacts == "" || contacts == null) {
											contacts = "无";
										};
										if(creatDate == '0001-01-01') {
											creatDate = ' ';
										}
										if(Remark == '' || Remark == null) {
											Remark = '无';
										}
										if(Enclosure == '' || Enclosure == null) {
											Enclosure = '无';
										}
									} else {
										contacts = '暂无操作';
										creatDate = '';
										Remark = '无';
										Enclosure = '无';
									}
									if(type == 1) {
										$('.flow-con-box')[type].childNodes[1].childNodes[3].childNodes[3].childNodes[3].childNodes[1].childNodes[5].innerHTML = contacts;
										$('.flow-con-box')[type].childNodes[1].childNodes[3].childNodes[3].childNodes[3].childNodes[3].childNodes[5].innerHTML = creatDate
										var html = '';
										html += '<div class="flow-con-approve">'
										html += '<div>'
										html += '<span>审批人：</span>'
										html += '<span>' + contacts + '</span>'
										html += '</div>'
										html += '<div>'
										html += '<span>审批意见：</span>'
										html += '<span>' + Remark + '</span>'
										html += '</div>'
										html += '<div class="file">'
										html += '<span>附件：</span>'
										if(Enclosure != '无' && Enclosure != null) {
											var strs = new Array(); //定义一数组 
											strs = Enclosure.split(","); //字符分割 
											for(var i = 0; i < strs.length; i++) {
												html += '<span id="' + strs[i] + '" class="open">查看</span>';
											}
										} else {
											html += '<span>' + Enclosure + '</span>'
										}

										html += '</div>'
										html += '<div class="flow-apr-icon"></div>'
										html += '</div>'
										$('.flow-con-box')[type].childNodes[3].innerHTML = html
									} else if(type == 2) {
										$('.flow-con-box')[type].childNodes[1].childNodes[3].childNodes[3].childNodes[3].childNodes[1].childNodes[5].innerHTML = contacts;
										$('.flow-con-box')[type].childNodes[1].childNodes[3].childNodes[3].childNodes[3].childNodes[3].childNodes[5].innerHTML = creatDate
										var html = '';
										html += '<div class="flow-con-approve">'
										html += '<div>'
										html += '<span>审批人：</span>'
										html += '<span>' + contacts + '</span>'
										html += '</div>'
										html += '<div>'
										html += '<span>审批意见：</span>'
										html += '<span>' + Remark + '</span>'
										html += '</div>'
										html += '<div class="file">'
										html += '<span>附件：</span>'
										if(Enclosure != '无' && Enclosure != null) {
											var strs = new Array(); //定义一数组 
											strs = Enclosure.split(","); //字符分割 
											for(var i = 0; i < strs.length; i++) {
												html += '<span id="' + strs[i] + '" class="open">查看</span>';
											}
										} else {
											html += '<span>' + Enclosure + '</span>'
										}

										html += '</div>'
										html += '<div class="flow-apr-icon"></div>'
										html += '</div>'
										$('.flow-con-box')[type].childNodes[3].innerHTML = html
									} else if(type == 5) {
										$('.flow-con-box')[type - 2].childNodes[1].childNodes[3].childNodes[3].childNodes[3].childNodes[1].childNodes[5].innerHTML = contacts;
										$('.flow-con-box')[type - 2].childNodes[1].childNodes[3].childNodes[3].childNodes[3].childNodes[3].childNodes[5].innerHTML = creatDate
										var html = '';
										html += '<div class="flow-con-approve">'
										html += '<div>'
										html += '<span>审批人：</span>'
										html += '<span>' + contacts + '</span>'
										html += '</div>'
										html += '<div>'
										html += '<span>审批意见：</span>'
										html += '<span>' + Remark + '</span>'
										html += '</div>'
										html += '<div class="file">'
										html += '<span>附件：</span>'
										if(Enclosure != '无' && Enclosure != null) {
											var strs = new Array(); //定义一数组 
											strs = Enclosure.split(","); //字符分割 
											for(var i = 0; i < strs.length; i++) {
												html += '<span id="' + strs[i] + '" class="open">查看</span>';
											}
										} else {
											html += '<span>' + Enclosure + '</span>'
										}

										html += '</div>'
										html += '<div class="flow-apr-icon"></div>'
										html += '</div>'
										$('.flow-con-box')[type - 2].childNodes[3].innerHTML = html
									} else if(type == 7) {
										$('.flow-con-box')[type - 3].childNodes[1].childNodes[3].childNodes[3].childNodes[3].childNodes[1].childNodes[5].innerHTML = contacts;
										$('.flow-con-box')[type - 3].childNodes[1].childNodes[3].childNodes[3].childNodes[3].childNodes[3].childNodes[5].innerHTML = creatDate
										var html = '';
										html += '<div class="flow-con-approve">'
										html += '<div>'
										html += '<span>审批人：</span>'
										html += '<span>' + contacts + '</span>'
										html += '</div>'
										html += '<div>'
										html += '<span>审批意见：</span>'
										html += '<span>' + Remark + '</span>'
										html += '</div>'
										html += '<div class="file">'
										html += '<span>附件：</span>'
										if(Enclosure != '无' && Enclosure != null) {
											var strs = new Array(); //定义一数组 
											strs = Enclosure.split(","); //字符分割 
											for(var i = 0; i < strs.length; i++) {
												html += '<span id="' + strs[i] + '" class="open">查看</span>';
											}
										} else {
											html += '<span>' + Enclosure + '</span>'
										}

										html += '</div>'
										html += '<div class="flow-apr-icon"></div>'
										html += '</div>'
										$('.flow-con-box')[type - 3].childNodes[3].innerHTML = html
									}

								}
							}
						});
					};

					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[0] + '-' + arrDate[1] + '-' + arrDate[2];
					};
				});
			})(mui, document)
		</script>
	</body>

</html>