lmz
/
BOSSHAND_Android


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159
							<!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">
		<style type="text/css">
			.mui-table-view-cell>div {
				float: left;
			}
			
			.mui-table-view-cell>div:first-child {
				width: 40px;
				height: 40px;
				text-align: center;
				line-height: 42px;
				font-size: 21px;
				color: white;
				background: #018EEF;
				border-radius: 50%;
				margin-right: 10px;
			}
			
			.star .mui-icon-star:before {
				font-size: 15px;
				color: rgb(251, 202, 3);
			}
		</style>
	</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="mui-input-row mui-search">
				<input id="search" type="search" class="mui-input-clear" placeholder="Search">
			</div>
			<div class="sign">
				<ul class="mui-table-view">

				</ul>
			</div>
		</div>
		<!--固定的菜单选项-->
		<div class="fixed-box">
			<!--<div>
					拜访
				</div>-->
			<div id="../home-index-client/add-client.html" onclick="hrefTo(this.id)">
				客户
			</div>
			<div class="mo-word xx">
				<img src="../../../img/home-index/add.png"/>
			</div>
		</div>
		<script src="../../../libs/mui.min.js"></script>
		<script src="../../../libs/href.js" type="text/javascript" charset="utf-8"></script>
		<script type="text/javascript">
			mui.init();
			mui.plusReady(function() {
				var str = plus.storage.getItem('user');
				var user = JSON.parse(str);
				var token = user.Data.Token;
				//获取客户列表
				GetList(token);
				//固定菜单
				var count = 0;
				mui(document.body).on('tap', '.xx', function() {
					if(count % 2 == 0) {
						mui('.fixed-box')[0].childNodes[1].className = 'move2';
						mui('.fixed-box')[0].childNodes[3].className = 'move1';
						mui('.fixed-box')[0].childNodes[5].className = 'mo-word xx move7';
					} else {
						mui('.fixed-box')[0].childNodes[1].className = 'move5';
						mui('.fixed-box')[0].childNodes[3].className = 'move4';
						mui('.fixed-box')[0].childNodes[5].className = 'mo-word xx move8';
					}
					count++
				});
			})
			var _data;
			//获取客户列表
			function GetList(token) {
				var postdata = {
					"": "-1"
				}
				mui.ajax("http://www.bosshand.cn/api/Customer/GetCustomerList", {
					headers: {
						authorization: token,
						ContentType: 'application/x-www-form-urlencoded',
					},
					type: "post",
					data: postdata,
					dataType: 'json',
					success: function(data) {
						var data = data.Data.list;
						_data = data
						var html = '';
						for(var i = 0; i < data.length; i++) {
							html += '<li class="mui-table-view-cell" onclick="openDetails(' + i + ')">'
							html += '<div>' + data[i].Contacts.substr(0, 1) + '</div>'
							html += '<div class="mui-media-body">' + data[i].CompanyName + '<p class="mui-ellipsis">' + data[i].Contacts + data[i].CompanyTell + '</p>'
							html += '</div>'
							html += '</li>'
						}
						mui('.mui-table-view')[0].innerHTML = html
					}
				});
			}
			//打开新页面，传参
			function openDetails(i) {
				mui.openWindow({
					url: '../home-index-client/client-details.html',
					extras: {
						code: _data[i].Code
					},
					createNew: true, //是否重复创建同样id的webview，默认为false:不重复创建，直接显示
					show: {
						autoShow: true, //页面loaded事件发生后自动显示，默认为true
					},
					waiting: {
						autoShow: false, //自动显示等待框，默认为true
					}
				})
			}
			//搜索
			document.getElementById("search").addEventListener('input', function() {
				var li = document.getElementsByClassName("mui-table-view-cell");
				for(var i = 0; i < li.length; i++) {
					if(li[i].childNodes[1].childNodes[1].innerHTML.indexOf(this.value) == -1) {
						li[i].style.display = 'none'
					}else{
						li[i].style.display = 'block'
					}
				}
			});
			//搜索差号
			mui(document.body).on('tap', '.mui-icon-clear', function() {
				var li = document.getElementsByClassName("mui-table-view-cell");
				for(var i = 0; i < li.length; i++) {
					li[i].style.display = 'block'
				}
			})
		</script>
	</body>

</html>