S.H.I.E.L.D.
/
CLD-mobile


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470
							<!DOCTYPE html>
<html lang=zh-cn> 
<head>
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta charset=utf-8> 
  <title>CLD.System</title> 
  <link rel="shortcut icon" href="images/favicon.ico"> 
  <meta name=copyright content=smartcost.com.cn> 
  <meta name="viewport" content="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" href="css/sui/sm.css">
  <link rel="stylesheet" href="css/sui/sm-extend.css">
  <link rel="stylesheet" href="css/sui/global.css">
  <link rel=stylesheet href=css/global.css>

</head>
<body>
	<div class="warpContent page-group">
		<div class="page page-current" id="page-city-picker">
			<nav class="bar bar-nav bar-standard">
				<a href="clientDetail.html" class="button button-link button-nav pull-left">
			    <span class="icon icon-left"></span>
			    返回
			  </a>
			  <button class="button button-link button-nav pull-right">
			    保存
			  </button>
			  <h1 class="title">通讯录</h1>
			</nav>
			<div class="content">
				<!-- <div class="buttons-row m-1">
				  <a href="clientDetail.html" class="active button">客户信息</a>
				  <a href="clientRecord.html" class="button">服务记录</a>
			  </div> -->
			  <div class="list-block">
			  	<ul>
			  		<li class="item-content">
			  			<div class="item-inner">
			  				<div class="item-title label">姓名</div>
			  				<div class="item-input">
			  					<input type="text" value="张三">
			  				</div>
			  			</div>
			  		</li>
			  		<li class="item-content">
			  			<div class="item-inner">
			  				<div class="item-title label">性别</div>
			  				<div class="item-input">
			  					<select>
			  						<option>男</option>
			  						<option>女</option>
			  					</select>
			  				</div>
			  			</div>
			  		</li>
			  		<li class="item-content">
			  			<div class="item-inner">
			  				<div class="item-title label">昵称</div>
			  				<div class="item-input">
			  					<input type="text" value="X工">
			  				</div>
			  			</div>
			  		</li>
			  		<li class="item-content">
			  			<div class="item-inner">
			  				<div class="item-title label">手机</div>
			  				<div class="item-input">
			  					<input type="tel" value="12345678910">
			  				</div>
			  			</div>
			  		</li>
			  		<li class="item-content">
			  			<div class="item-inner">
			  				<div class="item-title label">电话</div>
			  				<div class="item-input">
			  					<input type="tel" value="0000-564645654">
			  				</div>
			  			</div>
			  		</li>
			  		<li class="item-content">
			  			<div class="item-inner">
			  				<div class="item-title label">QQ</div>
			  				<div class="item-input">
			  					<input type="tel" value="12345678">
			  				</div>
			  			</div>
			  		</li>
			  		<li class="item-content">
			  			<div class="item-inner">
			  				<div class="item-title label">邮箱</div>
			  				<div class="item-input">
			  					<input type="email" value="123456@qq.com">
			  				</div>
			  			</div>
			  		</li>
			  		<li class="item-content item-link itemHhang">
			  			<a class="item-inner" href="#router1">
			  				<div class="item-title">标签</div>
			  				<div class="item-after itemDis"><span class="contactsTag tagCol-01">标签1</span><span class="contactsTag tagCol-02">标签2</span><i class="contactsMark icon-">P</i><i class="contactsMark icon-">N</i></div>
			  			</a>
			  		</li>
			  	</ul>
			  </div>
			  <div class="list-block">
			  	<ul>
			  		<li class="item-content">
			  			<div class="item-inner">
			  				<div class="item-title label">地区</div>
			  				<div class="item-input">
			  					<input type="text" placeholder="" id="city-picker" readonly="">
			  				</div>
			  			</div>
			  		</li>
			  		<li class="item-content">
			  			<div class="item-inner">
			  				<div class="item-title label">客户传真</div>
			  				<div class="item-input">
			  					<input type="text" value="0000-12345678">
			  				</div>
			  			</div>
			  		</li>
			  		<li class="item-content">
			  			<div class="item-inner">
			  				<div class="item-title label">客户部门</div>
			  				<div class="item-input">
			  					<input type="text" value="造价部">
			  				</div>
			  			</div>
			  		</li>
			  		<li class="item-content">
			  			<div class="item-inner">
			  				<div class="item-title label">客户职务</div>
			  				<div class="item-input">
			  					<input type="text" value="科员">
			  				</div>
			  			</div>
			  		</li>
			  		<li class="item-content itemHhang">
			  			<div class="item-inner">
			  				<div class="item-title label">客户办公室</div>
			  				<div class="item-input">
			  					<input type="text" value="13楼">
			  				</div>
			  			</div>
			  		</li>
			  		<li class="item-content">
			  			<div class="item-inner itemHhang">
			  				<div class="item-title label">客户地址</div>
			  				<div class="item-input">
			  					<textarea>四川省成都市锦江工业园区三色路163号银海芯座16f</textarea>
			  				</div>
			  			</div>
			  		</li>
			  		<li class="item-content">
			  			<div class="item-inner itemHhang">
			  				<div class="item-title label">客户乘车</div>
			  				<div class="item-input">
			  					<textarea>809到天环街下，马路对面坐199路到三色路永安路口下，前行100m</textarea>
			  				</div>
			  			</div>
			  		</li>
			  		<li class="item-content">
			  			<div class="item-inner">
			  				<div class="item-title label">客户地标</div>
			  				<div class="item-input">
			  					<input type="text" value="XXX大厦">
			  				</div>
			  			</div>
			  		</li>
			  	</ul>
			  </div>
			  <div class="list-block">
			  	<ul>
			  		<li class="item-content itemHhang">
			  			<div class="item-inner">
			  				<div class="item-title label">单位全称</div>
			  				<div class="item-input">
			  					<textarea>四川华腾工程技术有限公司</textarea>
			  				</div>
			  			</div>
			  		</li>
			  		<li class="item-content itemHhang">
			  			<div class="item-inner">
			  				<!-- <div class="item-title">单位全称</div> -->
			  				<div class="item-after">
			  					<div class="row">
			  						<div class="col-33"><a href="companyClientEdit.html" class="button button-fill">编辑单位</a></div>
			  						<div class="col-33"><a href="companyClientReplace.html" class="button button-fill">更换单位</a></div>
			  					</div>
			  				</div>
			  			</div>
			  		</li>
			  	</ul>
			  </div>
			</div>
		</div>

		<div class="page" id='router1'>
			<header class="bar bar-nav">
				<a class="button button-link button-nav pull-left back" href="/docs-demos/router">
					<span class="icon icon-left"></span>
					返回
				</a>
				<a class="button button-link button-nav pull-right back" href="/docs-demos/router">
					保存
				</a>
				<h1 class='title'>修改标签</h1>
			</header>
			<div class="content">
				<div class="list-block">
					<ul>
						<li>
							<label class="label-checkbox item-content">
								<input type="checkbox" name="my-radio" checked>
								<div class="item-media"><i class="icon icon-form-checkbox"></i></div>
								<div class="item-inner">
									<span class="contactsTag tagCol-01">标签1</span>
								</div>
							</label>
						</li>
						<li>
							<label class="label-checkbox item-content">
								<input type="checkbox" name="my-radio">
								<div class="item-media"><i class="icon icon-form-checkbox"></i></div>
								<div class="item-inner">
									<span class="contactsTag tagCol-02">标签2</span>
								</div>
							</label>
						</li>
					</ul>
				</div>
			</div>
		</div>

		<div class="page" id='router3'>
			<header class="bar bar-nav">
				<a class="button button-link button-nav pull-left back" href="/docs-demos/router">
					<span class="icon icon-left"></span>
					返回
				</a>
				<a class="button button-link button-nav pull-right back" href="/docs-demos/router">
					保存
				</a>
				<h1 class='title'>修改性质</h1>
			</header>
			<div class="content">
				<div class="list-block">
					<ul>
						<li>
							<label class="label-checkbox item-content">
								<input type="checkbox" name="my-radio">
								<div class="item-media"><i class="icon icon-form-checkbox"></i></div>
								<div class="item-inner">
									设计单位
								</div>
							</label>
						</li>
						<li>
							<label class="label-checkbox item-content">
								<input type="checkbox" name="my-radio">
								<div class="item-media"><i class="icon icon-form-checkbox"></i></div>
								<div class="item-inner">
									咨询单位
								</div>
							</label>
						</li>
						<li>
							<label class="label-checkbox item-content">
								<input type="checkbox" name="my-radio">
								<div class="item-media"><i class="icon icon-form-checkbox"></i></div>
								<div class="item-inner">
									审核单位
								</div>
							</label>
						</li>
						<li>
							<label class="label-checkbox item-content">
								<input type="checkbox" name="my-radio">
								<div class="item-media"><i class="icon icon-form-checkbox"></i></div>
								<div class="item-inner">
									造价管理
								</div>
							</label>
						</li>
						<li>
							<label class="label-checkbox item-content">
								<input type="checkbox" name="my-radio">
								<div class="item-media"><i class="icon icon-form-checkbox"></i></div>
								<div class="item-inner">
									业主
								</div>
							</label>
						</li>
						<li>
							<label class="label-checkbox item-content">
								<input type="checkbox" name="my-radio">
								<div class="item-media"><i class="icon icon-form-checkbox"></i></div>
								<div class="item-inner">
									交通局
								</div>
							</label>
						</li>
						<li>
							<label class="label-checkbox item-content">
								<input type="checkbox" name="my-radio">
								<div class="item-media"><i class="icon icon-form-checkbox"></i></div>
								<div class="item-inner">
									公路局
								</div>
							</label>
						</li>
						<li>
							<label class="label-checkbox item-content">
								<input type="checkbox" name="my-radio">
								<div class="item-media"><i class="icon icon-form-checkbox"></i></div>
								<div class="item-inner">
									施工单位
								</div>
							</label>
						</li>
						<li>
							<label class="label-checkbox item-content">
								<input type="checkbox" name="my-radio">
								<div class="item-media"><i class="icon icon-form-checkbox"></i></div>
								<div class="item-inner">
									监理单位
								</div>
							</label>
						</li>
						<li>
							<label class="label-checkbox item-content">
								<input type="checkbox" name="my-radio">
								<div class="item-media"><i class="icon icon-form-checkbox"></i></div>
								<div class="item-inner">
									招标代理
								</div>
							</label>
						</li>
						<li>
							<label class="label-checkbox item-content">
								<input type="checkbox" name="my-radio">
								<div class="item-media"><i class="icon icon-form-checkbox"></i></div>
								<div class="item-inner">
									学校
								</div>
							</label>
						</li>
						<li>
							<label class="label-checkbox item-content">
								<input type="checkbox" name="my-radio">
								<div class="item-media"><i class="icon icon-form-checkbox"></i></div>
								<div class="item-inner">
									合作伙伴
								</div>
							</label>
						</li>
						<li>
							<label class="label-checkbox item-content">
								<input type="checkbox" name="my-radio">
								<div class="item-media"><i class="icon icon-form-checkbox"></i></div>
								<div class="item-inner">
									个人
								</div>
							</label>
						</li>
					</ul>
				</div>
			</div>
		</div>

		<div class="page" id='router4'>
			<header class="bar bar-nav">
				<a class="button button-link button-nav pull-left back" href="/docs-demos/router">
					<span class="icon icon-left"></span>
					返回
				</a>
				<a class="button button-link button-nav pull-right back" href="/docs-demos/router">
					保存
				</a>
				<h1 class='title'>更换单位</h1>
			</header>
			<div class="content">
				<div class="content-padded contentSearch">
					<div class="searchbar">
						<div class="search-input">
							<label class="icon icon-search" for="search"></label>
							<input type="search" id='search' placeholder='输入单位名称' value='甘肃'/>
						</div>
					</div>
				</div>
				<div class="list-block cards-list m-0">
					<ul>
						<li class="card">
							<div class="card-content">
								<div class="card-content-inner blueBg">
									<p class="colRed">对不起，该单位不存在，请点击添加新单位</p>
								</div>
							</div>
						</li>
						<li class="item-content itemHhang">
			  			<div class="item-inner">
			  				<!-- <div class="item-title">单位全称</div> -->
			  				<div class="item-after">
			  					<div class="row">
			  						<div class="col-33"><a href="companyClientAdd.html" class="button button-fill">添加新单位</a></div>
			  					</div>
			  				</div>
			  			</div>
			  		</li>
						<li class="card">
							<div class="card-content">
								<div class="card-content-inner blueBg">
									<p>输入单位全称，系统将为你检索是否已存在单位；</p>
									<p>若存在，则点选对应的单位即可；</p>
									<p>若不存在，则需填写详细单位信息，添加新单位。</p>
									<p class="colRed">若公司名称包含“-”符号，无法更换单位，请先去掉“-”符号</p>
								</div>
							</div>
						</li>
						<li class="card">
							<div class="card-content">
								<div class="card-content-inner">甘肃省定西市安定区公路段</div>
							</div>
						</li>
						<li class="card">
							<div class="card-content">
								<div class="card-content-inner">甘肃路桥第三工程公司（S101线中川机场至黄羊头）</div>
							</div>
						</li>
						<li class="card">
							<div class="card-content">
								<div class="card-content-inner">甘肃九欣建设工程有限责任公司</div>
							</div>
						</li>
						<li class="card">
							<div class="card-content">
								<div class="card-content-inner">甘肃省天水市甘谷县交通运输局</div>
							</div>
						</li>
						<li class="card">
							<div class="card-content">
								<div class="card-content-inner">甘肃华恒建筑工程有限公司</div>
							</div>
						</li>
						<li class="card">
							<div class="card-content">
								<div class="card-content-inner">甘肃全信项目管理咨询有限公司</div>
							</div>
						</li>
						<li class="card">
							<div class="card-content">
								<div class="card-content-inner">甘肃坤隆工程建设监理有限公司</div>
							</div>
						</li>
					</ul>
				</div>
			</div>
		</div>

	</div>

	<script type='text/javascript' src='js/sui/zepto.js' charset='utf-8'></script>
	<script type='text/javascript' src='js/sui/config.js'></script>
  <script type='text/javascript' src='js/sui/sm.js' charset='utf-8'></script>
  <script type='text/javascript' src='js/sui/sm-extend.js' charset='utf-8'></script>
  <script type='text/javascript' src="js/sui/sm-city-picker.js" charset='utf-8'></script>
  <script type='text/javascript' src='js/sui/global.js'></script>
</body>
</html>