首頁 探索 說明
登入
S.H.I.E.L.D.
/
CLD-mobile
2
0
複刻 0
檔案 問題管理 0 合併請求 0 Wiki
瀏覽代碼

增加开票页面

outaozhen 8 年之前
父節點
9c1f724b19
當前提交
4a05e8492c
共有 51 個文件被更改，包括 6857 次插入 和 1446 次删除
分割檢視 顯示文件統計
  1. 207 9
      clientDetail.html
  2. 459 66
      clientDetailEdit.html
  3. 132 47
      clientRecord.html
  4. 0 87
      clientRecordEdit.html
  5. 16 16
      clientSearch.html
  6. 61 30
      clientSearchResult.html
  7. 115 74
      companyClient.html
  8. 275 0
      companyClientAdd.html
  9. 352 0
      companyClientEdit.html
  10. 117 0
      companyClientReplace.html
  11. 141 74
      companyDetail.html
  12. 108 0
      companyDetailAdd.html
  13. 二進制
      css/01.jpg
  14. 40 399
      css/global.css
  15. 132 3
      css/sui/global.css
  16. 62 5
      holidayDetailPage.html
  17. 0 430
      holidayIndexDetail - 副本.html
  18. 10 9
      holidayIndexDetail.html
  19. 107 44
      holidayIndexDetailQt.html
  20. 60 4
      holidayListDetailPage.html
  21. 61 4
      holidayListDetailPage1.html
  22. 二進制
      images/avatarImg.jpg
  23. 二進制
      images/loginbg.jpg
  24. 265 0
      invoiceAdd.html
  25. 144 0
      invoiceAggregate.html
  26. 189 0
      invoiceAggregateMonth.html
  27. 150 0
      invoiceApproval.html
  28. 234 0
      invoiceApprovalDetail.html
  29. 221 0
      invoiceApprovalDetail1.html
  30. 215 0
      invoiceApprovalDetail2.html
  31. 100 0
      invoiceBiling.html
  32. 115 0
      invoiceBilingDetailsReceive.html
  33. 105 0
      invoiceBilingMy.html
  34. 111 0
      invoiceBilingMyDetail.html
  35. 123 0
      invoiceBilingMyDetailReceive.html
  36. 180 0
      invoiceBilingMyDetailsInvdetail.html
  37. 95 0
      invoiceBilingRecord.html
  38. 204 0
      invoiceMy.html
  39. 229 0
      invoiceMyDetails.html
  40. 250 0
      invoiceMyDetails1.html
  41. 223 0
      invoiceMyDetails2.html
  42. 228 0
      invoiceMyDetails3.html
  43. 285 0
      invoiceMyDetailsForm.html
  44. 135 0
      invoiceMyExpress.html
  45. 2 1
      js/AirDate/datepicker.js
  46. 19 0
      js/sui/config.js
  47. 216 2
      js/sui/global.js
  48. 228 87
      lockRecord.html
  49. 12 15
      lockSearch.html
  50. 59 28
      lockSearchResult.html
  51. 65 12
      mainIndex.html

+ 207 - 9
clientDetail.html
查看文件 

@@ -12,21 +12,219 @@
 
   <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">
 
-		<nav class="bar bar-nav bar-standard">
 
-		  <h1 class="title">通讯录</h1>
 
-		</nav>
 
-		<div class="content">
 
-			<div class="buttons-row m-1">
 
-			  <a href="#tab1" class="tab-link active button">客户信息</a>
 
-			  <a href="#tab2" class="tab-link button">服务记录</a>
 
-		  </div>
 
+	<div class="warpContent page-group">
 
+		<div class="page page-current">
 
+			<nav class="bar bar-nav bar-standard">
 
+				<button class="button button-link button-nav pull-left">
 
+			    <span class="icon icon-left"></span>
 
+			    返回
 
+			  </button>
 
+			  <a href="clientDetailEdit.html" class="button button-link button-nav pull-right">
 
+			    编辑客户信息
 
+			  </a>
 
+			  <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 m-0">
 
+			  	<ul>
 
+			  		<li class="item-content">
 
+			  			<div class="item-inner">
 
+			  				<div class="item-title">姓名</div>
 
+			  				<div class="item-after">张三</div>
 
+			  			</div>
 
+			  		</li>
 
+			  		<li class="item-content">
 
+			  			<div class="item-inner">
 
+			  				<div class="item-title">性别</div>
 
+			  				<div class="item-after">男</div>
 
+			  			</div>
 
+			  		</li>
 
+			  		<li class="item-content">
 
+			  			<div class="item-inner">
 
+			  				<div class="item-title">昵称</div>
 
+			  				<div class="item-after">X工</div>
 
+			  			</div>
 
+			  		</li>
 
+			  		<li class="item-content">
 
+			  			<div class="item-inner">
 
+			  				<div class="item-title">手机</div>
 
+			  				<div class="item-after">12345678910</div>
 
+			  			</div>
 
+			  		</li>
 
+			  		<li class="item-content">
 
+			  			<div class="item-inner">
 
+			  				<div class="item-title">电话</div>
 
+			  				<div class="item-after">0000-564645654</div>
 
+			  			</div>
 
+			  		</li>
 
+			  		<li class="item-content">
 
+			  			<div class="item-inner">
 
+			  				<div class="item-title">QQ</div>
 
+			  				<div class="item-after">12345678</div>
 
+			  			</div>
 
+			  		</li>
 
+			  		<li class="item-content">
 
+			  			<div class="item-inner">
 
+			  				<div class="item-title">邮箱</div>
 
+			  				<div class="item-after">123456@qq.com</div>
 
+			  			</div>
 
+			  		</li>
 
+			  		<li class="item-content itemHhang">
 
+			  			<div class="item-inner">
 
+			  				<div class="item-title">锁</div>
 
+			  				<div class="item-after"><a href="lockRecord.html">HNYH-0654</a>（专业版）, <a href="lockRecord.html">DW-5465</a>（算量软件）</div>
 
+			  			</div>
 
+			  		</li>
 
+			  		<li class="item-content itemHhang">
 
+			  			<div class="item-inner">
 
+			  				<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>
 
+			  			</div>
 
+			  		</li>
 
+			  		<li class="item-content">
 
+			  			<div class="item-inner">
 
+			  				<div class="item-title">添加人</div>
 
+			  				<div class="item-after">广东版<a href="#">刘飞</a></div>
 
+			  			</div>
 
+			  		</li>
 
+			  	</ul>
 
+			  </div>
 
+			  <div class="list-block">
 
+			  	<ul>
 
+			  		<li class="item-content">
 
+			  			<div class="item-inner">
 
+			  				<div class="item-title">客户地区</div>
 
+			  				<div class="item-after">四川,成都,南岸区</div>
 
+			  			</div>
 
+			  		</li>
 
+			  		<li class="item-content">
 
+			  			<div class="item-inner">
 
+			  				<div class="item-title">客户传真</div>
 
+			  				<div class="item-after">0000-12345678</div>
 
+			  			</div>
 
+			  		</li>
 
+			  		<li class="item-content">
 
+			  			<div class="item-inner">
 
+			  				<div class="item-title">客户部门</div>
 
+			  				<div class="item-after">造价部</div>
 
+			  			</div>
 
+			  		</li>
 
+			  		<li class="item-content">
 
+			  			<div class="item-inner">
 
+			  				<div class="item-title">客户职务</div>
 
+			  				<div class="item-after">科员</div>
 
+			  			</div>
 
+			  		</li>
 
+			  		<li class="item-content itemHhang">
 
+			  			<div class="item-inner">
 
+			  				<div class="item-title">客户办公室</div>
 
+			  				<div class="item-after">13楼</div>
 
+			  			</div>
 
+			  		</li>
 
+			  		<li class="item-content itemHhang">
 
+			  			<div class="item-inner">
 
+			  				<div class="item-title">客户地址</div>
 
+			  				<div class="item-after">四川省成都市锦江工业园区三色路163号银海芯座16f</div>
 
+			  			</div>
 
+			  		</li>
 
+			  		<li class="item-content itemHhang">
 
+			  			<div class="item-inner">
 
+			  				<div class="item-title">客户乘车</div>
 
+			  				<div class="item-after">809到天环街下，马路对面坐199路到三色路永安路口下，前行100m</div>
 
+			  			</div>
 
+			  		</li>
 
+			  		<li class="item-content">
 
+			  			<div class="item-inner">
 
+			  				<div class="item-title">客户地标</div>
 
+			  				<div class="item-after">XXX大厦<a title="查看地图" href="#"><img src="img/map.png"></a></div>
 
+			  			</div>
 
+			  		</li>
 
+			  	</ul>
 
+			  </div>
 
+			  <div class="list-block">
 
+			  	<ul>
 
+			  		<li class="item-content itemHhang">
 
+			  			<div class="item-inner">
 
+			  				<div class="item-title">单位全称</div>
 
+			  				<div class="item-after"><a href="companyClient.html">四川华腾工程技术有限公司</a></div>
 
+			  			</div>
 
+			  		</li>
 
+			  		<li class="item-content">
 
+			  			<div class="item-inner">
 
+			  				<div class="item-title">单位性质</div>
 
+			  				<div class="item-after">咨询单位</div>
 
+			  			</div>
 
+			  		</li>
 
+			  		<li class="item-content">
 
+			  			<div class="item-inner">
 
+			  				<div class="item-title">单位地区</div>
 
+			  				<div class="item-after">四川,成都,南岸区</div>
 
+			  			</div>
 
+			  		</li>
 
+			  		<li class="item-content">
 
+			  			<div class="item-inner">
 
+			  				<div class="item-title">单位传真</div>
 
+			  				<div class="item-after">0000-12345678</div>
 
+			  			</div>
 
+			  		</li>
 
+			  		<li class="item-content itemHhang">
 
+			  			<div class="item-inner">
 
+			  				<div class="item-title">单位主页</div>
 
+			  				<div class="item-after"><a href="#">www.smartcost.com.cn</a></div>
 
+			  			</div>
 
+			  		</li>
 
+			  		<li class="item-content">
 
+			  			<div class="item-inner">
 
+			  				<div class="item-title">单位部门</div>
 
+			  				<div class="item-after">造价部</div>
 
+			  			</div>
 
+			  		</li>
 
+			  		<li class="item-content">
 
+			  			<div class="item-inner">
 
+			  				<div class="item-title">单位职务</div>
 
+			  				<div class="item-after">科员</div>
 
+			  			</div>
 
+			  		</li>
 
+			  		<li class="item-content itemHhang">
 
+			  			<div class="item-inner">
 
+			  				<div class="item-title">单位办公室</div>
 
+			  				<div class="item-after">13楼</div>
 
+			  			</div>
 
+			  		</li>
 
+			  		<li class="item-content itemHhang">
 
+			  			<div class="item-inner">
 
+			  				<div class="item-title">单位地址</div>
 
+			  				<div class="item-after">四川省成都市锦江工业园区三色路163号银海芯座16f</div>
 
+			  			</div>
 
+			  		</li>
 
+			  		<li class="item-content itemHhang">
 
+			  			<div class="item-inner">
 
+			  				<div class="item-title">单位乘车</div>
 
+			  				<div class="item-after">809到天环街下，马路对面坐199路到三色路永安路口下，前行100m</div>
 
+			  			</div>
 
+			  		</li>
 
+			  		<li class="item-content">
 
+			  			<div class="item-inner">
 
+			  				<div class="item-title">单位地标</div>
 
+			  				<div class="item-after">XXX大厦<a title="查看地图" href="#"><img src="img/map.png"></a></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/global.js'></script>

文件差異過大導致無法顯示
+ 459 - 66
clientDetailEdit.html


+ 132 - 47
clientRecord.html
查看文件 

@@ -1,57 +1,142 @@
 
 <!DOCTYPE html>
 
 <html lang=zh-cn> 
 <head>
 
-	<meta charset=utf-8> 
-	<title>CLD.System</title> 
-	<link rel="shortcut icon" href="images/favicon.ico"> 
-	<meta name="viewport" content="width=device-width,initial-scale=1.0">
 
-	<meta name=copyright content=smartcost.com.cn> 
-	<link rel=stylesheet href=css/global.css>
 
+	<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">
 
-			<legend><a href="clientSearch.html" class="fR">返回搜索</a>通讯录</legend>
 
-			<div class="tabList">
 
-				<a href="clientDetail.html">客户信息</a><a class="now"  href="clientRecord.html">服务记录</a></a>
 
+	<div class="warpContent page-group">
 
+		<div class="page page-current" id='router'>
 
+			<nav class="bar bar-nav bar-standard">
 
+				<button class="button button-link button-nav pull-left">
 
+			    <span class="icon icon-left"></span>
 
+			    返回
 
+			  </button>
 
+			  <a class="button button-link button-nav pull-right" href="#router1">
 
+			    添加服务记录
 
+			  </a>
 
+			  <h1 class="title">通讯录</h1>
 
+			</nav>
 
+			<div class="content">
 
+				<div class="buttons-row m-1">
 
+				  <a href="clientDetail.html" class="button">客户信息</a>
 
+				  <a href="clientRecord.html" class="active button">服务记录</a>
 
+			  </div>
 
+			  <div class="list-block cards-list m-0 clientRecord">
 
+			  	<ul>
 
+			  		<li>
 
+			  			<div class="card">
 
+						  	<div class="card-header"><i class="icon iconService"></i>上门服务<b class="fR">广东办<a href="#">刘飞</a></b></div>
 
+						  	<div class="card-content">
 
+						  		<div class="card-content-inner">
 
+						  			<p>1-给彭工更新了软件程序，安装演示了软。</p>
 
+						  			<p>2-单位彭工要考甲乙级考试，给他带了资料过去。</p>
 
+						  			<p>3-表示论文发表评职称也可以随时联系我。</p>
 
+						  		</div>
 
+						  	</div>
 
+						  	<div class="card-footer">2013-9-01</div>
 
+						  </div>
 
+			  		</li>
 
+			  		<li>
 
+			  			<div class="card">
 
+						  	<div class="card-header"><i class="icon iconPhone"></i>电话拜访<b class="fR">重庆办<a href="#">李清学</a></b></div>
 
+						  	<div class="card-content">
 
+						  		<div class="card-content-inner">
 
+						  			<p>内容</p>
 
+						  		</div>
 
+						  	</div>
 
+						  	<div class="card-footer">2013-9-01</div>
 
+						  </div>
 
+			  		</li>
 
+			  		<li>
 
+			  			<div class="card">
 
+						  	<div class="card-header"><i class="icon iconOther"></i>其他<b class="fR">广东办<a href="#">刘飞</a></b></div>
 
+						  	<div class="card-content">
 
+						  		<div class="card-content-inner">
 
+						  			<p>内容</p>
 
+						  		</div>
 
+						  	</div>
 
+						  	<div class="card-footer">2013-9-01</div>
 
+						  </div>
 
+			  		</li>
 
+			  	</ul>
 
+			  </div>
 
 			</div>
 
-			<div class="tabContent">
 
-				<div class="tabItem clentRecord">
 
-					<div class="recordEntry clearfix">
 
-						<a href="clientRecordEdit.html" class="button">添加记录</a>
 
-					</div>
 
-					<div class="recordEntry">
 
-						<ul>
 
-							<li>2013-9-01</li>
 
-							<li><i  class="icon iconService"></i></a>上门服务</li>
 
-							<li>广东办<a href="#">刘飞</a></li>
 
-							<li>
 
-								1-给彭工更新了软件程序，安装演示了软。<br>
 
-								2-单位彭工要考甲乙级考试，给他带了资料过去。<br>
 
-								3-表示论文发表评职称也可以随时联系我。<br>
 
-							</li>
 
-						<ul>
 
-					</div>
 
-					<div class="recordEntry">
 
-						<ul>
 
-							<li><i  class="icon iconPhone"></i>电话拜访</li>
 
-							<li>2013-9-01</li>
 
-							<li>重庆办<a href="#">李清学</a></li>
 
-							<li>
 
-								内容<br>
 
-							</li>
 
-						<ul>
 
-					</div>
 
-					<div class="recordEntry">
 
-						<ul>
 
-							<li><i class="icon iconOther"></i>其他</li>
 
-							<li>2013-9-01</li>
 
-							<li>广东办<a href="#">刘飞</a></li>
 
-							<li>
 
-								内容<br>
 
-							</li>
 
-						<ul>
 
+		</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>
 
+				<h1 class='title'>添加服务</h1>
 
+			</header>
 
+			<div class="content">				
+				<div class="list-block">
 
+					<div class="card m-0">
 
+				    <div class="card-content">
 
+				      <div class="card-content-inner"><h3>为张三添加服务</h3></div>
 
+				    </div>
 
+				  </div>
 
+					<ul>
 
+						<li>
 
+							<div class="item-content create-actionsFuwu">
 
+								<div class="item-inner">
 
+									<div class="item-title label">服务方式</div>
 
+									<div class="item-input">
 
+										<input type="text" placeholder="选择服务方式">
 
+									</div>
 
+								</div>
 
+							</div>
 
+						</li>
 
+						<li>
 
+							<div class="item-content">
 
+								<div class="item-inner">
 
+									<div class="item-title label">服务时间</div>
 
+									<div class="item-input">
 
+										<input type="date" placeholder="选择服务时间" value="2017-03-01">
 
+									</div>
 
+								</div>
 
+							</div>
 
+						</li>
 
+						<li>
 
+							<div class="item-content">
 
+								<div class="item-inner">
 
+									<div class="item-title label">服务内容</div>
 
+									<div class="item-input">
 
+										<textarea class="myinput" id="myinput"></textarea>
 
+									</div>
 
+								</div>
 
+							</div>
 
+						</li>
 
+					</ul>
 
+				</div>
 
+				<div class="content-block">
 
+					<div class="row">
 
+						<div class="col-50"><a href="#" class="button button-big button-fill button-danger">取消</a></div>
 
+						<div class="col-50"><a href="#" class="button button-big button-fill button-success">提交</a></div>
 
 					</div>
 
 				</div>
 
 			</div>
 
+		</div>
 
 	</div>
 
-</body>
 
+
 
+	<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/global.js'></script>
 
+</body>
 
+</html>

+ 0 - 87
clientRecordEdit.html
查看文件 

@@ -1,87 +0,0 @@
 
-<!DOCTYPE html>
 
-<html lang=zh-cn> 
-<head>
 
-	<meta charset=utf-8> 
-	<title>CLD.System</title> 
-	<link rel="shortcut icon" href="images/favicon.ico"> 
-	<meta name="viewport" content="width=device-width,initial-scale=1.0">
 
-	<meta name=copyright content=smartcost.com.cn> 
-	<link rel=stylesheet href=css/global.css>
 
-</head>
 
-<body>
 
-	<div class="warpContent">
 
-			<legend><a href="clientSearch.html" class="fR">返回搜索</a>通讯录</legend>
 
-			<div class="tabList">
 
-				<a class="now" href="clientDetail.html">客户信息</a><a   href="clientRecord.html">服务记录</a></a>
 
-			</div>
 
-			<div class="tabContent">
 
-				<div class="tabItem clientList hide">
 
-					<div class="clientEntry">
 
-		  				<table>
 
-		  				<tbody>
 
-		  					<tr><th>姓名</th><td>张三</td></tr>
 
-		  					<tr><th>性别</th><td>男</td></tr>
 
-		  					<tr><th>昵称</th><td>X工</td></tr>
 
-		  					<tr><th>手机</th><td>12345678910</td></tr>
 
-		  					<tr><th>电话</th><td>0000-564645654</td></tr>
 
-		  					<tr><th>QQ</th><td>12345678</td></tr>
 
-		  					<tr><th>邮箱</th><td>123456@qq.com</td></tr>
 
-		  					<tr><th>锁</th><td><a href="#">HNYH-0654</a><br><a href="#">DW-5465</a></td></tr>
 
-		  					<tr><td colspan="2"><span class="contactsTag tagCol-01">标签1</span><span class="contactsTag tagCol-02">标签2</span></td></tr>
 
-		  				</tbody>
 
-		  				</table>
 
-			  		</div>
 
-					<div class="clientEntry">
 
-		  				<table>
 
-		  					<tbody><tr><th>单位</th><td><a href="#">四川华腾工程技术有限公司</a></td></tr>
 
-		  					<tr><th>地区</th><td>四川,成都,南岸区</td></tr>
 
-		  					<tr><th>传真</th><td>0000-12345678</td></tr>
 
-		  					<tr><th>主页</th><td>www.abc.com</td></tr>
 
-		  					<tr><th>部门</th><td>造价部</td></tr>
 
-		  					<tr><th>职务</th><td>科员</td></tr>
 
-		  					<tr><th>办公室</th><td>13楼</td></tr>
 
-		  					<tr><th>地址</th><td>四川省成都市锦江工业园区三色路163号银海芯座16f</td></tr>
 
-		  					<tr><th>乘车</th><td>809到天环街下，马路对面坐199路到三色路永安路口下，前行100m</td></tr>
 
-		  					<tr><th>地标</th><td>XXX大厦 <a title="查看地图" href="#"><img src="img/map.png"></a></td></tr>
 
-		  				</tbody></table>
 
-			  		</div>
 
-					<div class="clientEntry clearfix">
 
-						<a href="" class="button">编辑</a>
 
-					</div>
 
-				</div>
 
-				<div class="tabItem clentRecord">
 
-					<div class="recordEntry">
 
-						为<a>张三</a>添加记录
 
-					</div>
 
-					<div class="recordEntry">
 
-						<div class="control-group">
 
-						    <div class="controls">
 
-							    <label class="radio">
 
-							    	<input type="radio" name="1" checked>上门服务
 
-							    </label>
 
-							    <label class="radio">
 
-							    	<input type="radio" name="1">电话拜访
 
-							    </label>
 
-							    <label class="radio">
 
-							    	<input type="radio" name="1">其他
 
-							    </label>
 
-						    </div>
 
-						  </div>
 
-						  <div class="control-group">
 
-						    <div class="controls">
 
-						      <select><option>2013</option></select>
 
-						    </div>
 
-						  </div><div class="control-group">
 
-						    <div class="controls">
 
-						      <textarea style="width:90%" rows="5"></textarea>
 
-						    </div>
 
-						  </div>
 
-					</div>
 
-					<div class="recordEntry clearfix">
 
-						<a href="#" class="button btn-gray">取消</a>
 
-						<a href="#" class="button">确定</a>
 
-					</div>
 
-				</div>
 
-			</div>
 
-	</div>
 
-</body>

+ 16 - 16
clientSearch.html
查看文件 

@@ -12,34 +12,34 @@
 
   <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="page-group">
 
+	<div class="warpContent page-group">
 
 		<header class="bar bar-nav">
 
-			<button class="button button-link button-nav pull-left">
 
-		    <a href="mainIndex.html">
 
-		    	<span class="icon icon-left"></span>
 
-		    	返回
 
-		    </a>
 
-		  </button>
 
-			<h1 class="title">通讯录</h1>
 
+			<a class="icon icon-left pull-left" href="mainIndex.html"></a>
 
+		  <h1 class='title'>通讯录搜索</h1>
 
 		</header>
 
 		<div class="content">
 
-			<div class="content-padded">
 
-				<div class="searchbar row">
 
-					<div class="search-input col-80">
 
-						<label class="icon icon-search" for="search"></label>
 
-						<input type="search" id='search' placeholder='输入客户名/单位名'/>
 
+			<div class="content-padded contentSearch">
 
+				<div class="searchbar row" style="margin-top:20%;">
 
+					<div class="searchImg">
 
+						<img src="images/favicon.ico">
 
+						<!-- <b>通讯录搜索</b> -->
 
 					</div>
 
-					<a class="button button-fill button-primary col-20">搜索</a>
 
+					<div class="search-input col-80">
 
+			      <label class="icon icon-search" for="search"></label>
 
+			      <input type="search" id='search' placeholder='输入客户名/单位名'/>
 
+			    </div>
 
+			    <a href="clientSearchResult.html" class="button button-fill button-primary col-20">搜索</a>
 
 				</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/global.js'></script>
 
-
 
 </body>

+ 61 - 30
clientSearchResult.html
查看文件 

@@ -1,38 +1,69 @@
 
 <!DOCTYPE html>
 
 <html lang=zh-cn> 
 <head>
 
-	<meta charset=utf-8> 
-	<title>CLD.System</title> 
-	<link rel="shortcut icon" href="images/favicon.ico"> 
-	<meta name="viewport" content="width=device-width,initial-scale=1.0">
 
-	<meta name=copyright content=smartcost.com.cn> 
-	<link rel=stylesheet href=css/global.css>
 
+	<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">
 
-			<legend><a href="clientSearch.html" class="fR">返回搜索</a>通讯录</legend>
 
-			<div class="control-group">
 
-			    搜索“<span class="colRed">张三</span>”结果 <span class="colRed">2</span> 条符合
 
-			</div>
 
-			<div class="clientList">
 
-				<div class="clientEntry searchResult">
 
-					<p><a href="#">张三</a> / 张工 / 工程师</p>
 
-					<p class="">广东省-珠海市-香洲区</p>
 
-					<p class="">XXXX公司</p>
 
-					<p class="">15812987632</p>
 
-					<p>广东办<a href="staff.html">刘飞</a>添加</p>
 
-				</div>
 
-				<div class="clientEntry searchResult">
 
-					<p><a href="#">张三</a> / 张工 / 经理</p>
 
-					<p class="">重庆省-XX区</p>
 
-					<p class="">XXX设计院</p>
 
-					<p class="">13423459903</p>
 
-					<p>重庆办<a href="#">李清学</a>添加</p>
 
+	<div class="warpContent page-group">
 
+		<div class="page page-current">
 
+			<nav class="bar bar-nav bar-standard">
 
+				<a href="clientSearch.html" class="button button-link button-nav pull-left">
 
+			    <span class="icon icon-left"></span>
 
+			    返回
 
+			  </a>
 
+			  <!-- <a href="clientDetailEdit.html" class="button button-link button-nav pull-right">
 
+			    编辑
 
+			  </a> -->
 
+			  <h1 class="title">通讯录</h1>
 
+			</nav>
 
+			<div class="content">
 
+				<div class="content-block-title">搜索“<b>张三</b>”结果<b> 2 </b>条符合</div>
 
+				<div class="list-block cards-list">
 
+					<ul>
 
+						<li class="card">
 
+							<div class="card-header"><a href="clientDetail.html">张三</a> 张工 / 工程师</div>
 
+							<div class="car-content">
 
+								<div class="card-content-inner">
 
+									<p>广东省-珠海市-香洲区</p>
 
+									<p>XXXX公司</p>
 
+									<p>15812987632</p>
 
+								</div>
 
+							</div>
 
+							<div class="card-footer">广东办<a href="#">刘飞</a>添加</div>
 
+						</li>
 
+						<li class="card">
 
+							<div class="card-header"><a href="#">张三</a> 张工 / 经理</div>
 
+							<div class="car-content">
 
+								<div class="card-content-inner">
 
+									<p>重庆省-XX区</p>
 
+									<p>XXX设计院</p>
 
+									<p>13423459903</p>
 
+								</div>
 
+							</div>
 
+							<div class="card-footer">重庆办<a href="#">李清学</a>添加</div>
 
+						</li>
 
+					</ul>
 
 				</div>
 
 			</div>
 
-			<div class="pageNav">
 
-				<span class="inactivePrev">《</span><a class="current" href="javascript:void(0);">1</a>
 
-				<a class="paginate" href="/index/0/0/0/2">2</a><a class="next" href="/index/0/0/0/2">》</a>
 
-			</div>
 
+		</div>
 
 	</div>
 
-</body>
 
+
 
+	<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/global.js'></script>
 
+</body>
 
+</html>

+ 115 - 74
companyClient.html
查看文件 

@@ -1,81 +1,122 @@
 
 <!DOCTYPE html>
 
 <html lang=zh-cn> 
 <head>
 
-	<meta charset=utf-8> 
-	<title>CLD.System</title> 
-	<link rel="shortcut icon" href="images/favicon.ico"> 
-	<meta name="viewport" content="width=device-width,initial-scale=1.0">
 
-	<meta name=copyright content=smartcost.com.cn> 
-	<link rel=stylesheet href=css/global.css>
 
+	<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">
 
-			<legend><a href="clientSearch.html" class="fR">返回搜索</a>通讯录</legend>
 
-			<div class="tabList">
 
-				<a href="companyDetail.html">单位信息</a><a class="now" href="companyClient.html">单位客户</a></a>
 
-			</div>
 
-			<div class="tabContent">
 
-				<div class="tabItem hide">
 
-					<div class="clientEntry">
 
-		  				<table>
 
-		  					<tbody><tr><th>单位</th><td>四川华腾工程技术有限公司</td></tr>
 
-		  					<tr><th>性质</th><td>咨询单位</td></tr>
 
-		  					<tr><th>地区</th><td>四川,成都,南岸区</td></tr>
 
-		  					<tr><th>传真</th><td>0000-12345678</td></tr>
 
-		  					<tr><th>主页</th><td>www.abc.com</td></tr>
 
-		  					<tr><th>地址</th><td>四川省成都市锦江工业园区三色路163号银海芯座16f</td></tr>
 
-		  					<tr><th>乘车</th><td>809到天环街下，马路对面坐199路到三色路永安路口下，前行100m</td></tr>
 
-		  					<tr><th>地标</th><td>XXX大厦 <a title="查看地图" href="#"><img src="img/map.png"></a></td></tr>
 
-		  					<tr><th>客户</th><td>3人</td></tr>
 
-		  				</tbody></table>
 
-			  		</div>
 
-				</div>
 
-				<div class="tabItem clearfix">
 
-					<div class="clientEntry header">
 
-		  				<table>
 
-		  					<tbody><tr><th colspan="2">四川华腾工程技术有限公司</td></tr>
 
-		  					<tbody><tr><th>客户</th><td>3人</td></tr>
 
-		  				</tbody></table>
 
-			  		</div>
 
-					<div class="clientEntry">
 
-		  				<table>
 
-		  				<tbody>
 
-		  					<tr><th>姓名</th><td><a href="">张三</a></td></tr>
 
-		  					<tr><th>部门</th><td>造价部</td></tr>
 
-		  					<tr><th>职务</th><td>科员</td></tr>
 
-		  					<tr><th>办公室</th><td>13楼</td></tr>
 
-		  					<tr><th>性别</th><td>男</td></tr>
 
-		  					<tr><th>昵称</th><td>X工</td></tr>
 
-		  					<tr><th>手机</th><td>12345678910</td></tr>
 
-		  					<tr><th>电话</th><td>0000-564645654</td></tr>
 
-		  					<tr><th>QQ</th><td>12345678</td></tr>
 
-		  					<tr><th>邮箱</th><td>123456@qq.com</td></tr>
 
-		  					<tr><th>锁</th><td><a href="#">HNYH-0654</a>（专业版）<a href="#">DW-5465</a>（算量软件）</td></tr>
 
-		  					<tr><td colspan="2"><span class="contactsTag tagCol-01">标签1</span><span class="contactsTag tagCol-02">标签2</span></td></tr>
 
-		  					<tr><th>添加</th><td>广东办<a>刘飞</a></td></tr>
 
-		  				</tbody>
 
-		  				</table>
 
-		  			</div>
 
-					<div class="clientEntry">
 
-		  				<table>
 
-		  				<tbody>
 
-		  					<tr><th>姓名</th><td><a href="">张三</a></td></tr>
 
-		  					<tr><th>部门</th><td>造价部</td></tr>
 
-		  					<tr><th>职务</th><td>科员</td></tr>
 
-		  					<tr><th>办公室</th><td>13楼</td></tr>
 
-		  					<tr><th>性别</th><td>男</td></tr>
 
-		  					<tr><th>昵称</th><td>X工</td></tr>
 
-		  					<tr><th>手机</th><td>12345678910</td></tr>
 
-		  					<tr><th>电话</th><td>0000-564645654</td></tr>
 
-		  					<tr><th>QQ</th><td>12345678</td></tr>
 
-		  					<tr><th>邮箱</th><td>123456@qq.com</td></tr>
 
-		  					<tr><th>锁</th><td><a href="#">HNYH-0654</a>（专业版）<a href="#">DW-5465</a>（算量软件）</td></tr>
 
-		  					<tr><td colspan="2"><span class="contactsTag tagCol-01">标签1</span><span class="contactsTag tagCol-02">标签2</span></td></tr>
 
-		  					<tr><th>添加</th><td>广东办<a>刘飞</a></td></tr>
 
-		  				</tbody>
 
-		  				</table>
 
-			  		</div>
 
-				</div>
 
+	<div class="warpContent page-group">
 
+		<div class="page page-current">
 
+			<nav class="bar bar-nav bar-standard">
 
+				<a href="clientSearch.html" class="button button-link button-nav pull-left">
 
+			    <span class="icon icon-left"></span>
 
+			    返回
 
+			  </a>
 
+			  <a href="companyClientEdit.html" class="button button-link button-nav pull-right">
 
+			    编辑单位信息
 
+			  </a>
 
+			  <h1 class="title">通讯录</h1>
 
+			</nav>
 
+			<div class="content">
 
+				<div class="buttons-row m-1">
 
+				  <a href="companyClient.html" class="active button">单位信息</a>
 
+				  <a href="companyDetail.html" class="button">单位客户</a>
 
+			  </div>
 
+			  <div class="list-block">
 
+			  	<ul>
 
+			  		<li class="item-content itemHhang">
 
+			  			<div class="item-inner">
 
+			  				<div class="item-title">单位</div>
 
+			  				<div class="item-after">四川华腾工程技术有限公司</div>
 
+			  			</div>
 
+			  		</li>
 
+			  		<li class="item-content">
 
+			  			<div class="item-inner">
 
+			  				<div class="item-title">性质</div>
 
+			  				<div class="item-after">咨询单位</div>
 
+			  			</div>
 
+			  		</li>
 
+			  		<li class="item-content">
 
+			  			<div class="item-inner">
 
+			  				<div class="item-title">地区</div>
 
+			  				<div class="item-after">四川,成都,南岸区</div>
 
+			  			</div>
 
+			  		</li>
 
+			  		<li class="item-content">
 
+			  			<div class="item-inner">
 
+			  				<div class="item-title">传真</div>
 
+			  				<div class="item-after">0000-12345678</div>
 
+			  			</div>
 
+			  		</li>
 
+			  		<li class="item-content">
 
+			  			<div class="item-inner">
 
+			  				<div class="item-title">主页</div>
 
+			  				<div class="item-after">www.abc.com</div>
 
+			  			</div>
 
+			  		</li>
 
+			  		<li class="item-content">
 
+			  			<div class="item-inner">
 
+			  				<div class="item-title">部门</div>
 
+			  				<div class="item-after">造价部</div>
 
+			  			</div>
 
+			  		</li>
 
+			  		<li class="item-content">
 
+			  			<div class="item-inner">
 
+			  				<div class="item-title">职务</div>
 
+			  				<div class="item-after">科员</div>
 
+			  			</div>
 
+			  		</li>
 
+			  		<li class="item-content">
 
+			  			<div class="item-inner">
 
+			  				<div class="item-title">办公室</div>
 
+			  				<div class="item-after">13楼</div>
 
+			  			</div>
 
+			  		</li>
 
+			  		<li class="item-content itemHhang">
 
+			  			<div class="item-inner">
 
+			  				<div class="item-title">地址</div>
 
+			  				<div class="item-after">四川省成都市锦江工业园区三色路163号银海芯座16f</div>
 
+			  			</div>
 
+			  		</li>
 
+			  		<li class="item-content itemHhang">
 
+			  			<div class="item-inner">
 
+			  				<div class="item-title">乘车</div>
 
+			  				<div class="item-after">809到天环街下，马路对面坐199路到三色路永安路口下，前行100m</div>
 
+			  			</div>
 
+			  		</li>
 
+			  		<li class="item-content">
 
+			  			<div class="item-inner">
 
+			  				<div class="item-title">地标</div>
 
+			  				<div class="item-after">XXX大厦<a title="查看地图" href="#"><img src="img/map.png"></a></div>
 
+			  			</div>
 
+			  		</li>
 
+			  		<li class="item-content">
 
+			  			<div class="item-inner">
 
+			  				<div class="item-title">客户</div>
 
+			  				<div class="item-after">3人</div>
 
+			  			</div>
 
+			  		</li>
 
+			  	</ul>
 
+			  </div>
 
 			</div>
 
+		</div>
 
 	</div>
 
-</body>
 
+
 
+	<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/global.js'></script>
 
+</body>
 
+</html>

+ 275 - 0
companyClientAdd.html
查看文件 

@@ -0,0 +1,275 @@
 
+<!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="companyClientReplace.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="companyClient.html" class="active button">单位信息</a>
 
+				  <a href="companyDetail.html" class="button">单位客户</a>
 
+			  </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 class="myinput" id="myinput"></textarea>
 
+			  				</div>
 
+			  			</div>
 
+			  		</li>
 
+			  		<li class="item-content">
 
+			  			<a class="item-inner" href="#router3">
 
+			  				<div class="item-title label">性质</div>
 
+			  				<div class="item-input">
 
+			  					<input type="text" placeholder="请输入性质">
 
+			  				</div>
 
+			  			</a>
 
+			  		</li>
 
+			  		<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" placeholder="请输入传真">
 
+			  				</div>
 
+			  			</div>
 
+			  		</li>
 
+			  		<li class="item-content">
 
+			  			<div class="item-inner">
 
+			  				<div class="item-title label">主页</div>
 
+			  				<div class="item-input">
 
+			  					<input type="text" placeholder="请输入主页">
 
+			  				</div>
 
+			  			</div>
 
+			  		</li>
 
+			  		<li class="item-content">
 
+			  			<div class="item-inner">
 
+			  				<div class="item-title label">部门</div>
 
+			  				<div class="item-input">
 
+			  					<input type="text" placeholder="请输入部门">
 
+			  				</div>
 
+			  			</div>
 
+			  		</li>
 
+			  		<li class="item-content">
 
+			  			<div class="item-inner">
 
+			  				<div class="item-title label">职务</div>
 
+			  				<div class="item-input">
 
+			  					<input type="text" placeholder="请输入职务">
 
+			  				</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" placeholder="请输入办公室">
 
+			  				</div>
 
+			  			</div>
 
+			  		</li>
 
+			  		<li class="item-content">
 
+			  			<div class="item-inner itemHhang">
 
+			  				<div class="item-title label">地址</div>
 
+			  				<div class="item-input">
 
+			  					<textarea class="myinput" id="myinput1"></textarea>
 
+			  				</div>
 
+			  			</div>
 
+			  		</li>
 
+			  		<li class="item-content">
 
+			  			<div class="item-inner itemHhang">
 
+			  				<div class="item-title label">乘车</div>
 
+			  				<div class="item-input">
 
+			  					<textarea class="myinput" id="myinput2"></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" placeholder="请输入地标">
 
+			  				</div>
 
+			  			</div>
 
+			  		</li>
 
+			  	</ul>
 
+			  </div>
 
+			</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>
 
+
 
+	<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>

+ 352 - 0
companyClientEdit.html
查看文件 

@@ -0,0 +1,352 @@
 
+<!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="companyClient.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="companyClient.html" class="active button">单位信息</a>
 
+				  <a href="companyDetail.html" class="button">单位客户</a>
 
+			  </div> -->
 
+			  <div class="list-block">
 
+			  	<ul>
 
+			  		<li class="item-content itemHhang">
 
+			  			<a class="item-inner" href="#router4">
 
+			  				<div class="item-title label">单位全称</div>
 
+			  				<div class="item-input">
 
+			  					<textarea rows="2">四川华腾工程技术有限公司</textarea>
 
+			  				</div>
 
+			  			</a>
 
+			  		</li>
 
+			  		<li class="item-content">
 
+			  			<a class="item-inner" href="#router3">
 
+			  				<div class="item-title label">性质</div>
 
+			  				<div class="item-input">
 
+			  					<input type="text" value="咨询单位">
 
+			  				</div>
 
+			  			</a>
 
+			  		</li>
 
+			  		<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="www.abc.com">
 
+			  				</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>
 
+		</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="content-block m-0">
 
+					<div class="row">
 
+			  		<div class="col-33"><a href="companyClientAdd.html" class="button button-fill">添加单位</a></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>输入单位全称，系统将为你检索是否已存在单位；</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>
 
+
 
+	<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>

+ 117 - 0
companyClientReplace.html
查看文件 

@@ -0,0 +1,117 @@
 
+<!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="clientDetailEdit.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="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>

+ 141 - 74
companyDetail.html
查看文件 

@@ -1,81 +1,148 @@
 
 <!DOCTYPE html>
 
 <html lang=zh-cn> 
 <head>
 
-	<meta charset=utf-8> 
-	<title>CLD.System</title> 
-	<link rel="shortcut icon" href="images/favicon.ico"> 
-	<meta name="viewport" content="width=device-width,initial-scale=1.0">
 
-	<meta name=copyright content=smartcost.com.cn> 
-	<link rel=stylesheet href=css/global.css>
 
+	<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">
 
-			<legend><a href="clientSearch.html" class="fR">返回搜索</a>通讯录</legend>
 
-			<div class="tabList">
 
-				<a class="now" href="companyDetail.html">单位信息</a><a href="companyClient.html">单位客户</a></a>
 
-			</div>
 
-			<div class="tabContent">
 
-				<div class="tabItem clientList">
 
-					<div class="clientEntry">
 
-		  				<table>
 
-		  					<tbody><tr><th>单位</th><td>四川华腾工程技术有限公司</td></tr>
 
-		  					<tr><th>性质</th><td>咨询单位</td></tr>
 
-		  					<tr><th>地区</th><td>四川,成都,南岸区</td></tr>
 
-		  					<tr><th>传真</th><td>0000-12345678</td></tr>
 
-		  					<tr><th>主页</th><td>www.abc.com</td></tr>
 
-		  					<tr><th>地址</th><td>四川省成都市锦江工业园区三色路163号银海芯座16f</td></tr>
 
-		  					<tr><th>乘车</th><td>809到天环街下，马路对面坐199路到三色路永安路口下，前行100m</td></tr>
 
-		  					<tr><th>地标</th><td>XXX大厦 <a title="查看地图" href="#"><img src="img/map.png"></a></td></tr>
 
-		  					<tr><th>客户</th><td>3人</td></tr>
 
-		  				</tbody></table>
 
-			  		</div>
 
-				</div>
 
-				<div class="tabItem clearfix hide">
 
-					<div class="clientEntry header">
 
-		  				<table>
 
-		  					<tbody><tr><th colspan="2">四川华腾工程技术有限公司</td></tr>
 
-		  					<tbody><tr><th>客户</th><td>3人</td></tr>
 
-		  				</tbody></table>
 
-			  		</div>
 
-					<div class="clientEntry">
 
-		  				<table>
 
-		  				<tbody>
 
-		  					<tr><th>姓名</th><td><a href="">张三</a>（<a href="#">编辑</a>）</td></tr>
 
-		  					<tr><th>部门</th><td>造价部</td></tr>
 
-		  					<tr><th>职务</th><td>科员</td></tr>
 
-		  					<tr><th>办公室</th><td>13楼</td></tr>
 
-		  					<tr><th>性别</th><td>男</td></tr>
 
-		  					<tr><th>昵称</th><td>X工</td></tr>
 
-		  					<tr><th>手机</th><td>12345678910</td></tr>
 
-		  					<tr><th>电话</th><td>0000-564645654</td></tr>
 
-		  					<tr><th>QQ</th><td>12345678</td></tr>
 
-		  					<tr><th>邮箱</th><td>123456@qq.com</td></tr>
 
-		  					<tr><th>锁</th><td><a href="#">HNYH-0654</a>（专业版）<a href="#">DW-5465</a>（算量软件）</td></tr>
 
-		  					<tr><td colspan="2"><span class="contactsTag tagCol-01">标签1</span><span class="contactsTag tagCol-02">标签2</span></td></tr>
 
-		  					<tr><th>添加</th><td>广东办<a>刘飞</a></td></tr>
 
-		  				</tbody>
 
-		  				</table>
 
-		  			</div>
 
-					<div class="clientEntry">
 
-		  				<table>
 
-		  				<tbody>
 
-		  					<tr><th>姓名</th><td><a href="">张三</a>（<a href="#">编辑</a>）</td></tr>
 
-		  					<tr><th>部门</th><td>造价部</td></tr>
 
-		  					<tr><th>职务</th><td>科员</td></tr>
 
-		  					<tr><th>办公室</th><td>13楼</td></tr>
 
-		  					<tr><th>性别</th><td>男</td></tr>
 
-		  					<tr><th>昵称</th><td>X工</td></tr>
 
-		  					<tr><th>手机</th><td>12345678910</td></tr>
 
-		  					<tr><th>电话</th><td>0000-564645654</td></tr>
 
-		  					<tr><th>QQ</th><td>12345678</td></tr>
 
-		  					<tr><th>邮箱</th><td>123456@qq.com</td></tr>
 
-		  					<tr><th>锁</th><td><a href="#">HNYH-0654</a>（专业版）<a href="#">DW-5465</a>（算量软件）</td></tr>
 
-		  					<tr><td colspan="2"><span class="contactsTag tagCol-01">标签1</span><span class="contactsTag tagCol-02">标签2</span></td></tr>
 
-		  					<tr><th>添加</th><td>广东办<a>刘飞</a></td></tr>
 
-		  				</tbody>
 
-		  				</table>
 
-			  		</div>
 
-				</div>
 
+	<div class="warpContent page-group">
 
+		<div class="page page-current">
 
+			<nav class="bar bar-nav bar-standard">
 
+				<a href="clientSearch.html" class="button button-link button-nav pull-left">
 
+			    <span class="icon icon-left"></span>
 
+			    返回
 
+			  </a>
 
+			  <a href="companyDetailAdd.html" class="button button-link button-nav pull-right">
 
+			    添加单位客户
 
+			  </a>
 
+			  <h1 class="title">通讯录</h1>
 
+			</nav>
 
+			<div class="content">
 
+				<div class="buttons-row m-1">
 
+				  <a href="companyClient.html" class="button">单位信息</a>
 
+				  <a href="companyDetail.html" class="active button">单位客户</a>
 
+			  </div>
 
+			  <div class="content-block-title mt-0">
 
+			  	<h3>四川华腾工程技术有限公司</h3>
 
+			  	<p><b>客户&nbsp;&nbsp;3人</b></p>
 
+			  </div>
 
+			  <div class="list-block">
 
+			  	<ul>
 
+			  		<li class="item-content">
 
+			  			<div class="item-inner">
 
+			  				<div class="item-title">姓名</div>
 
+			  				<div class="item-after"><a href="clientDetail.html">张三</a></div>
 
+			  			</div>
 
+			  		</li>
 
+			  		<li class="item-content">
 
+			  			<div class="item-inner">
 
+			  				<div class="item-title">性别</div>
 
+			  				<div class="item-after">男</div>
 
+			  			</div>
 
+			  		</li>
 
+			  		<li class="item-content">
 
+			  			<div class="item-inner">
 
+			  				<div class="item-title">昵称</div>
 
+			  				<div class="item-after">X工</div>
 
+			  			</div>
 
+			  		</li>
 
+			  		<li class="item-content">
 
+			  			<div class="item-inner">
 
+			  				<div class="item-title">手机</div>
 
+			  				<div class="item-after">12345678910</div>
 
+			  			</div>
 
+			  		</li>
 
+			  		<li class="item-content">
 
+			  			<div class="item-inner">
 
+			  				<div class="item-title">电话</div>
 
+			  				<div class="item-after">0000-564645654</div>
 
+			  			</div>
 
+			  		</li>
 
+			  		<li class="item-content">
 
+			  			<div class="item-inner">
 
+			  				<div class="item-title">QQ</div>
 
+			  				<div class="item-after">12345678</div>
 
+			  			</div>
 
+			  		</li>
 
+			  		<li class="item-content">
 
+			  			<div class="item-inner">
 
+			  				<div class="item-title">部门/职位</div>
 
+			  				<div class="item-after">造价部/经理</div>
 
+			  			</div>
 
+			  		</li>
 
+			  	</ul>
 
+			  </div>
 
+			  <div class="list-block">
 
+			  	<ul>
 
+			  		<li class="item-content">
 
+			  			<div class="item-inner">
 
+			  				<div class="item-title">姓名</div>
 
+			  				<div class="item-after"><a href="clientDetail.html">张三</a></div>
 
+			  			</div>
 
+			  		</li>
 
+			  		<li class="item-content">
 
+			  			<div class="item-inner">
 
+			  				<div class="item-title">性别</div>
 
+			  				<div class="item-after">男</div>
 
+			  			</div>
 
+			  		</li>
 
+			  		<li class="item-content">
 
+			  			<div class="item-inner">
 
+			  				<div class="item-title">昵称</div>
 
+			  				<div class="item-after">X工</div>
 
+			  			</div>
 
+			  		</li>
 
+			  		<li class="item-content">
 
+			  			<div class="item-inner">
 
+			  				<div class="item-title">手机</div>
 
+			  				<div class="item-after">12345678910</div>
 
+			  			</div>
 
+			  		</li>
 
+			  		<li class="item-content">
 
+			  			<div class="item-inner">
 
+			  				<div class="item-title">电话</div>
 
+			  				<div class="item-after">0000-564645654</div>
 
+			  			</div>
 
+			  		</li>
 
+			  		<li class="item-content">
 
+			  			<div class="item-inner">
 
+			  				<div class="item-title">QQ</div>
 
+			  				<div class="item-after">12345678</div>
 
+			  			</div>
 
+			  		</li>
 
+			  		<li class="item-content">
 
+			  			<div class="item-inner">
 
+			  				<div class="item-title">邮箱</div>
 
+			  				<div class="item-after">123456@qq.com</div>
 
+			  			</div>
 
+			  		</li>
 
+			  		<li class="item-content">
 
+			  			<div class="item-inner">
 
+			  				<div class="item-title">部门/职位</div>
 
+			  				<div class="item-after">造价部/经理</div>
 
+			  			</div>
 
+			  		</li>
 
+			  	</ul>
 
+			  </div>
 
 			</div>
 
+		</div>
 
 	</div>
 
-</body>
 
+
 
+	<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/global.js'></script>
 
+</body>
 
+</html>

+ 108 - 0
companyDetailAdd.html
查看文件 

@@ -0,0 +1,108 @@
 
+<!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">
 
+			<nav class="bar bar-nav bar-standard">
 
+				<a href="companyDetail.html" class="button button-link button-nav pull-left">
 
+			    <span class="icon icon-left"></span>
 
+			    返回
 
+			  </a>
 
+			  <h1 class="title">添加客户</h1>
 
+			</nav>
 
+			<div class="content">
 
+			  <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="输入名称">
 
+			  				</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" placeholder="输入昵称">
 
+			  				</div>
 
+			  			</div>
 
+			  		</li>
 
+			  		<li class="item-content">
 
+			  			<div class="item-inner">
 
+			  				<div class="item-title label">手机</div>
 
+			  				<div class="item-input">
 
+			  					<input type="tel" placeholder="输入手机">
 
+			  				</div>
 
+			  			</div>
 
+			  		</li>
 
+			  		<li class="item-content">
 
+			  			<div class="item-inner">
 
+			  				<div class="item-title label">电话</div>
 
+			  				<div class="item-input">
 
+			  					<input type="tel" placeholder="输入电话">
 
+			  				</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" placeholder="输入QQ">
 
+			  				</div>
 
+			  			</div>
 
+			  		</li>
 
+			  		<li class="item-content">
 
+			  			<div class="item-inner">
 
+			  				<div class="item-title label">邮箱</div>
 
+			  				<div class="item-input">
 
+			  					<input type="email" placeholder="输入邮箱">
 
+			  				</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>
 
+		</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/global.js'></script>
 
+</body>
 
+</html>

二進制
css/01.jpg
查看文件


文件差異過大導致無法顯示
+ 40 - 399
css/global.css


+ 132 - 3
css/sui/global.css
查看文件 

@@ -29,18 +29,44 @@
 
 .fR {float:right}
 
 
 /*-----star------*/
 
+.contentSearch .searchbar{
 
+  height:auto;
 
+}
 
+.contentSearch .searchbar .search-input input{
 
+  height:2.5rem;
 
+}
 
+.contentSearch .button.button-fill{
 
+  height:2.5rem;
 
+  line-height: 2.5rem;
 
+}
 
+.clientRecord .card-header,.card-footer{
 
+  display:block;
 
+}
 
+.btn-bg{
 
+  margin:0 0 1rem 0;
 
+  padding:0.5rem;
 
+}
 
 .bg-danger{
 
   margin:0 0 1rem 0;
 
   padding:0.5rem;
 
   background:#F2DEDE;
 
 }
 
+.bg-Orange{
 
+  background:#fcf8e3 !important;
 
+}
 
+.btn-Orange{
 
+  background:#ffa132 !important;
 
+}
 
+.button-gray{
 
+  background:#535353 !important;
 
+}
 
 .formlabel{
 
   color: #3d4145;
 
 }
 
-.holidayList .tabs .pLR-n{
 
+.pLR-n{
 
   padding: 0;
 
 }
 
-.holidayList .barBig{
 
+.barBig{
 
   z-index: 999;
 
   background:#f7f7f7;
 
   height:3.2rem;
 
@@ -82,12 +108,115 @@
 
 .btnGray{
 
   background:#ccc !important;
 
 }
 
+.datepicker--cells-months{
 
+  height:auto !important;
 
+}
 
+.holidayYy .card-content-inner{
 
+  padding:0.5rem 0;
 
+}
 
 .m-0{
 
   margin:0;
 
 }
 
 .m-1{
 
-  margin:0.5rem;
 
+  margin:1rem;
 
+}
 
+.mt-0{
 
+  margin-top: 0;
 
+}
 
+.mlr-0{
 
+  margin-left: 0 !important;
 
+  margin-right: 0 !important;
 
 }
 
 .p-1{
 
   padding:1rem 0;
 
+}
 
+.bar .button-nav.pull-right{
 
+  margin-right:0.5rem;
 
+}
 
+.item-inner .item-title{
 
+  color:#3d4145;
 
+}
 
+.itemHhang .item-after{
 
+  width:75%;
 
+  text-align: right;
 
+  white-space: normal;
 
+  max-height:none !important;
 
+  display:inline;
 
+}
 
+.itemHhang .itemDis .item-inner{
 
+  display:inline-block;
 
+}
 
+.itemHhang textarea{
 
+  min-height: 1.4rem;
 
+  height:4.5rem;
 
+}
 
+.avatarImg{
 
+  width:2.5rem;
 
+  height:2.5rem;
 
+  border: 1px solid #eee;
 
+  border-radius: 2rem;
 
+}
 
+.mlr-0 .itemBinner{
 
+  padding:0.8rem 0;
 
+  font-size: 1rem;
 
+}
 
+.searchImg{
 
+  text-align: center;
 
+}
 
+.searchImg img{
 
+  margin:0 0 0.5rem 0;
 
+  width:2rem;
 
+  height:2rem;
 
+}
 
+.searchImg b{
 
+  margin:0 0 1rem 0;
 
+  display:block;
 
+}
 
+.blueBg{
 
+  background:#D9EDF7;
 
+  border-color:#BCE8F1;
 
+  color:#3A87AD;
 
+}
 
+.colRed{
 
+  color: #f70000;
 
+}
 
+.card-content-inner-lnot{
 
+  padding:0.75rem 0;
 
+}
 
+.item-text.item-text-bigh{
 
+  height:3.1rem;
 
+}
 
+.btn-red{
 
+  background:#ce5e5e;
 
+}
 
+.selectWrap{
 
+  border:none;
 
+  background:none;
 
+}
 
+.item-text-money{
 
+  height:1.3rem !important;
 
+  margin-top:0.35rem;
 
+  font-size: 1rem !important;
 
+  color:#7d7d7d !important;
 
+}
 
+.table-wrap{
 
+  width:100%;
 
+  background:#fff;
 
+}
 
+.table-wrap th,.table-wrap td{
 
+  padding:0.5rem;
 
+  text-align: center;
 
+  border: 1px solid #ddd;
 
+}
 
+.item-title{
 
+  overflow:visible !important;
 
+}
 
+.item-after{
 
+  white-space: normal !important; 
+  margin-left: 1.5rem !important;
 
+  flex-shrink: inherit !important;
 
+  max-height: 2.5rem !important;
 
+}
 
+.item-inputLeft{
 
+  margin:0 0 0 0.25rem !important;
 
 }

+ 62 - 5
holidayDetailPage.html
查看文件 

@@ -53,14 +53,70 @@
 
                         </li>
 
                         <li class="item-content">
 
                             <div class="item-inner">
 
-                                <div class="item-title">请假时间</div>
 
-                                <div class="item-after">2017-02-16 至 2017-02-16</div>
 
+                                <div class="item-title">请假天数</div>
 
+                                <div class="item-after"><b>1天</b></div>
 
+                            </div>
 
+                        </li>
 
+                    </ul>
 
+                </div>
 
+                <div class="content-block-title">请假日期列表</div>
 
+                <div class="list-block">
 
+                    <ul>
 
+                        <li>
 
+                            <div class="item-content">
 
+                                <div class="item-inner">
 
+                                    <div class="item-title label">2017-02-27</div>
 
+                                    <div class="item-after">
 
+                                    </div>
 
+                                </div>
 
+                            </div>
 
+                        </li>
 
+                        <li>
 
+                            <div class="item-content">
 
+                                <div class="item-inner">
 
+                                    <div class="item-title label">2017-02-27</div>
 
+                                    <div class="item-after">
 
+                                     上午
 
+                                    </div>
 
+                                </div>
 
+                            </div>
 
+                        </li>
 
+                    </ul>
 
+                </div>
 
+                <div class="content-block-title">加班日期列表</div>
 
+                <div class="list-block">
 
+                    <ul>
 
+                        <li>
 
+                            <div class="item-content">
 
+                                <div class="item-inner">
 
+                                    <div class="item-title label">2017-02-27</div>
 
+                                    <div class="item-after">
 
+                                    </div>
 
+                                </div>
 
                             </div>
 
                         </li>
 
+                        <li>
 
+                            <div class="item-content">
 
+                                <div class="item-inner">
 
+                                    <div class="item-title label">2017-02-27</div>
 
+                                    <div class="item-after">
 
+                                     上午
 
+                                    </div>
 
+                                </div>
 
+                            </div>
 
+                        </li>
 
+                    </ul>
 
+                </div>
 
+                <div class="content-block-title">原因</div>
 
+                <div class="list-block">
 
+                    <ul>
 
                         <li class="item-content">
 
                             <div class="item-inner">
 
-                                <div class="item-title">请假天数</div>
 
-                                <div class="item-after"><b>1天</b></div>
 
+                                <div class="card-content holidayYy">
 
+                                    <div class="card-content-inner">
 
+                                        请假原因请假原因请假原因请假原因请假原因请假原因请假原因
 
+                                    </div>
 
+                                </div>
 
                             </div>
 
                         </li>
 
                     </ul>
 
@@ -68,7 +124,7 @@
 
                 <div class="content-block-title">审批人</div>
 
                 <div class="list-block">
 
                     <ul>
 
-                        <li class="item-content  itemPrel">
 
+                        <li class="item-content itemPrel">
 
                             <div class="item-inner">
 
                                 <div class="item-title">陈特</div>
 
                                 <div class="item-after">同意</div>
 
@@ -111,6 +167,7 @@
 
                 </div>
 
             </div>
 
         </div>
 
+        </div>
 
 
         <script type='text/javascript' src='js/sui/zepto.js' charset='utf-8'></script>
 
         <script type='text/javascript' src='js/sui/sm.js' charset='utf-8'></script>

+ 0 - 430
holidayIndexDetail - 副本.html
查看文件 

@@ -1,430 +0,0 @@
 
-<!DOCTYPE html>
 
-<html>
 
-  <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">
 
-    
-  </head>
 
-  <body>
 
-    <div class="page-group">
 
-        <div class="page page-current">
 
-          <header class="bar bar-nav">
 
-              <!-- <a class="icon icon-me pull-left open-panel"></a> -->
 
-              <h1 class="title holidayTBg">请假</h1>
 
-          </header>
 
-            <nav class="bar bar-tab">
 
-                <a class="tab-item external active" href="holidayIndexDetail.html">
 
-                    <!-- <span class="icon icon-edit"></span> -->
 
-                    <span class="tab-label">请假申请</span>
 
-                </a>
 
-                <a class="tab-item external " href="holidayDetail.html">
 
-                    <!-- <span class="icon icon-me"></span> -->
 
-                    <span class="tab-label">我的假条</span>
 
-                </a>
 
-                <a class="tab-item external " href="holidayListDetail.html">
 
-                    <!-- <span class="icon icon-menu"></span> -->
 
-                    <span class="tab-label">假条审批</span>
 
-                    <span class="badge">2</span>
 
-                </a>
 
-            </nav>
 
-            <div class="content">
 
-               <p class="bg-danger">对不起，你的年假不足！</p>
 
-               <p class="bg-danger">对不起，你没有年假！</p>
 
-               <p class="bg-danger">对不起，你没有存假！</p>
 
-               <div class="list-block">
 
-                   <ul>
 
-                       <li>
 
-                           <div class="item-content create-actions">
 
-                               <div class="item-inner">
 
-                                   <div class="item-title label">假期类型</div>
 
-                                   <div class="item-input">
 
-                                         <input type="text" readonly="readonly" placeholder="假期类型 [ 事假 ]">
 
-                                   </div>
 
-                               </div>
 
-                           </div>
 
-                       </li>
 
-                   </ul>
 
-               </div>
 
-               <div class="content-block-title">事假详情</div>
 
-               <div class="list-block">
 
-                   <ul>
 
-                       <li class="align-top">
 
-                           <div class="item-content">
 
-                               <div class="item-inner">
 
-                                   <div class="item-title label">事假原因</div>
 
-                                   <div class="item-input">
 
-                                       <textarea class="myinput" id="myinput"></textarea>
 
-                                   </div>
 
-                               </div>
 
-                           </div>
 
-                       </li>
 
-                       <li>
 
-                           <div class="item-content datetime-picker-star">
 
-                               <div class="item-inner">
 
-                                   <div class="item-title label">开始时间</div>
 
-                                   <div class="item-input">
 
-                                        <input type="text" readonly="readonly" placeholder="开始时间">
 
-                                   </div>
 
-                               </div>
 
-                           </div>
 
-                       </li>
 
-                       <li>
 
-                           <div class="item-content datetime-picker-end">
 
-                               <div class="item-inner">
 
-                                   <div class="item-title label">结束时间</div>
 
-                                   <div class="item-input">
 
-                                        <input type="text" readonly="readonly" placeholder="结束时间">
 
-                                   </div>
 
-                               </div>
 
-                           </div>
 
-                       </li>
 
-                       <li>
 
-                           <div class="item-content">
 
-                               <div class="item-inner">
 
-                                   <div class="item-title label">合计天数</div>
 
-                                   <div class="item-input">
 
-                                        <input type="tel" placeholder="合计天数">
 
-                                   </div>
 
-                               </div>
 
-                           </div>
 
-                       </li>
 
-                       <li>
 
-                           <div class="item-content">
 
-                               <div class="item-inner">
 
-                                   <div class="item-title label">合计天数</div>
 
-                                   <div class="item-input">
 
-                                        <input type="tel" placeholder="合计天数" value="0天">
 
-                                   </div>
 
-                               </div>
 
-                           </div>
 
-                       </li>
 
-                       <li>
 
-                           <a class="formlabel" href="holidayApproverDetail.html">
 
-                             <div class="item-content">
 
-                                   <div class="item-inner">
 
-                                         <div class="item-title label">审批人</div>
 
-                                         <div class="item-input">
 
-                                              <input type="text" placeholder="请选择">
 
-                                         </div>
 
-                                   </div>
 
-                             </div>
 
-                           </a>
 
-                       </li>
 
-                   </ul>
 
-               </div>
 
-               <div class="list-block">
 
-                   <ul>
 
-                       <li>
 
-                           <div class="item-content create-actions">
 
-                               <div class="item-inner">
 
-                                   <div class="item-title label">假期类型</div>
 
-                                   <div class="item-input">
 
-                                         <input type="text" readonly="readonly" placeholder="假期类型 [ 病假 ]">
 
-                                   </div>
 
-                               </div>
 
-                           </div>
 
-                       </li>
 
-                   </ul>
 
-               </div>
 
-               <div class="content-block-title">病假详情</div>
 
-               <div class="list-block">
 
-                   <ul>
 
-                       <li class="align-top">
 
-                           <div class="item-content">
 
-                               <div class="item-inner">
 
-                                   <div class="item-title label">事假原因</div>
 
-                                   <div class="item-input">
 
-                                       <textarea class="myinput" id="myinput"></textarea>
 
-                                   </div>
 
-                               </div>
 
-                           </div>
 
-                       </li>
 
-                       <li>
 
-                           <div class="item-content datetime-picker-star">
 
-                               <div class="item-inner">
 
-                                   <div class="item-title label">开始时间</div>
 
-                                   <div class="item-input">
 
-                                        <input type="text" readonly="readonly" placeholder="开始时间">
 
-                                   </div>
 
-                               </div>
 
-                           </div>
 
-                       </li>
 
-                       <li>
 
-                           <div class="item-content datetime-picker-end">
 
-                               <div class="item-inner">
 
-                                   <div class="item-title label">结束时间</div>
 
-                                   <div class="item-input">
 
-                                        <input type="text" readonly="readonly" placeholder="结束时间">
 
-                                   </div>
 
-                               </div>
 
-                           </div>
 
-                       </li>
 
-                       <li>
 
-                           <div class="item-content">
 
-                               <div class="item-inner">
 
-                                   <div class="item-title label">合计天数</div>
 
-                                   <div class="item-input">
 
-                                        <input type="tel" placeholder="合计天数">
 
-                                   </div>
 
-                               </div>
 
-                           </div>
 
-                       </li>
 
-                       <li>
 
-                           <a class="formlabel" href="holidayApproverDetail.html">
 
-                             <div class="item-content">
 
-                                   <div class="item-inner">
 
-                                         <div class="item-title label">审批人</div>
 
-                                         <div class="item-input">
 
-                                              <input type="text" placeholder="请选择">
 
-                                         </div>
 
-                                   </div>
 
-                             </div>
 
-                           </a>
 
-                       </li>
 
-                   </ul>
 
-               </div>
 
-               <div class="list-block">
 
-                   <ul>
 
-                       <li>
 
-                           <div class="item-content create-actions">
 
-                               <div class="item-inner">
 
-                                   <div class="item-title label">假期类型</div>
 
-                                   <div class="item-input">
 
-                                       <input type="text" readonly="readonly" placeholder="假期类型 [ 加班 ]">
 
-                                   </div>
 
-                               </div>
 
-                           </div>
 
-                       </li>
 
-                   </ul>
 
-               </div>
 
-               <div class="content-block-title">加班详情</div>
 
-               <div class="list-block">
 
-                   <ul>
 
-                       <li class="align-top">
 
-                           <div class="item-content">
 
-                               <div class="item-inner">
 
-                                   <div class="item-title label">加班原因</div>
 
-                                   <div class="item-input">
 
-                                       <textarea class="myinput" id="myinput"></textarea>
 
-                                   </div>
 
-                               </div>
 
-                           </div>
 
-                       </li>
 
-                       <li>
 
-                           <div class="item-content datetime-picker-star">
 
-                               <div class="item-inner">
 
-                                   <div class="item-title label">开始时间</div>
 
-                                   <div class="item-input">
 
-                                        <input type="text" readonly="readonly" placeholder="开始时间">
 
-                                   </div>
 
-                               </div>
 
-                           </div>
 
-                       </li>
 
-                       <li>
 
-                           <div class="item-content datetime-picker-end">
 
-                               <div class="item-inner">
 
-                                   <div class="item-title label">结束时间</div>
 
-                                   <div class="item-input">
 
-                                        <input type="text" readonly="readonly" placeholder="结束时间">
 
-                                   </div>
 
-                               </div>
 
-                           </div>
 
-                       </li>
 
-                       <li>
 
-                           <div class="item-content">
 
-                               <div class="item-inner">
 
-                                   <div class="item-title label">合计天数</div>
 
-                                   <div class="item-input">
 
-                                        <input type="tel" placeholder="合计天数">
 
-                                   </div>
 
-                               </div>
 
-                           </div>
 
-                       </li>
 
-                       <li>
 
-                           <a class="formlabel" href="holidayApproverDetail.html">
 
-                           <div class="item-content">
 
-                               <div class="item-inner">
 
-                                   <div class="item-title label">审批人</div>
 
-                                   <div class="item-input">
 
-                                        <input type="text" placeholder="请选择">
 
-                                   </div>
 
-                               </div>
 
-                           </div>
 
-                           </a>
 
-                       </li>
 
-                   </ul>
 
-               </div>
 
-               <div class="list-block">
 
-                   <ul>
 
-                       <li>
 
-                           <div class="item-content create-actions">
 
-                               <div class="item-inner">
 
-                                   <div class="item-title label">假期类型</div>
 
-                                   <div class="item-input">
 
-                                       <input type="text" readonly="readonly" placeholder="假期类型 [ 年假 ]">
 
-                                   </div>
 
-                               </div>
 
-                           </div>
 
-                       </li>
 
-                   </ul>
 
-               </div>
 
-               <div class="content-block-title">年假详情</div>
 
-               <div class="list-block">
 
-                   <ul>
 
-                       <li>
 
-                           <div class="item-content">
 
-                               <div class="item-inner">
 
-                                   <div class="item-title label">可用年假</div>
 
-                                   <div class="item-input">
 
-                                        <input type="tel" value="你的年假 5 天">
 
-                                   </div>
 
-                               </div>
 
-                           </div>
 
-                       </li>
 
-                       <li>
 
-                           <div class="item-content datetime-picker-star">
 
-                               <div class="item-inner">
 
-                                   <div class="item-title label">开始时间</div>
 
-                                   <div class="item-input">
 
-                                        <input type="text" readonly="readonly" placeholder="开始时间">
 
-                                   </div>
 
-                               </div>
 
-                           </div>
 
-                       </li>
 
-                       <li>
 
-                           <div class="item-content datetime-picker-end">
 
-                               <div class="item-inner">
 
-                                   <div class="item-title label">结束时间</div>
 
-                                   <div class="item-input">
 
-                                        <input type="text" readonly="readonly" placeholder="结束时间">
 
-                                   </div>
 
-                               </div>
 
-                           </div>
 
-                       </li>
 
-                       <li>
 
-                           <div class="item-content">
 
-                               <div class="item-inner">
 
-                                   <div class="item-title label">合计天数</div>
 
-                                   <div class="item-input">
 
-                                        <input type="tel" placeholder="合计天数" value="6天">
 
-                                   </div>
 
-                               </div>
 
-                           </div>
 
-                       </li>
 
-                       <li>
 
-                           <a class="formlabel" href="holidayApproverDetail.html">
 
-                           <div class="item-content">
 
-                               <div class="item-inner">
 
-                                   <div class="item-title label">审批人</div>
 
-                                   <div class="item-input">
 
-                                        <input type="text" placeholder="请选择">
 
-                                   </div>
 
-                               </div>
 
-                           </div>
 
-                           </a>
 
-                       </li>
 
-                   </ul>
 
-               </div>
 
-               <div class="list-block">
 
-                   <ul>
 
-                       <li>
 
-                           <div class="item-content create-actions">
 
-                               <div class="item-inner">
 
-                                   <div class="item-title label">假期类型</div>
 
-                                   <div class="item-input">
 
-                                       <input type="text" readonly="readonly" placeholder="假期类型 [ 补休 ]">
 
-                                   </div>
 
-                               </div>
 
-                           </div>
 
-                       </li>
 
-                   </ul>
 
-               </div>
 
-               <div class="content-block-title">补休详情</div>
 
-               <div class="list-block">
 
-                   <ul>
 
-                       <li class="align-top">
 
-                           <div class="item-content">
 
-                               <div class="item-inner">
 
-                                   <div class="item-title label">补休原因</div>
 
-                                   <div class="item-input">
 
-                                       <textarea class="myinput" id="myinput"></textarea>
 
-                                   </div>
 
-                               </div>
 
-                           </div>
 
-                       </li>
 
-                       <li>
 
-                           <div class="item-content">
 
-                               <div class="item-inner">
 
-                                   <div class="item-title label">可用存假</div>
 
-                                   <div class="item-input">
 
-                                        <input type="tel" value="你的存假 8 天">
 
-                                   </div>
 
-                               </div>
 
-                           </div>
 
-                       </li>
 
-                       <li>
 
-                           <div class="item-content datetime-picker-star">
 
-                               <div class="item-inner">
 
-                                   <div class="item-title label">开始时间</div>
 
-                                   <div class="item-input">
 
-                                        <input type="text" readonly="readonly" placeholder="开始时间">
 
-                                   </div>
 
-                               </div>
 
-                           </div>
 
-                       </li>
 
-                       <li>
 
-                           <div class="item-content datetime-picker-end">
 
-                               <div class="item-inner">
 
-                                   <div class="item-title label">结束时间</div>
 
-                                   <div class="item-input">
 
-                                        <input type="text" readonly="readonly" placeholder="结束时间">
 
-                                   </div>
 
-                               </div>
 
-                           </div>
 
-                       </li>
 
-                       <li>
 
-                           <div class="item-content">
 
-                               <div class="item-inner">
 
-                                   <div class="item-title label">合计天数</div>
 
-                                   <div class="item-input">
 
-                                        <input type="tel" placeholder="合计天数">
 
-                                   </div>
 
-                               </div>
 
-                           </div>
 
-                       </li>
 
-                       <li>
 
-                           <a class="formlabel" href="holidayApproverDetail.html">
 
-                           <div class="item-content">
 
-                               <div class="item-inner">
 
-                                   <div class="item-title label">审批人</div>
 
-                                   <div class="item-input">
 
-                                        <input type="text" placeholder="请选择">
 
-                                   </div>
 
-                               </div>
 
-                           </div>
 
-                           </a>
 
-                       </li>
 
-                   </ul>
 
-               </div>
 
-               <div class="content-block">
 
-                  <p><a href="holidayDetail.html" class="button button-fill button-big holidayBtn">提交申请</a></p>
 
-                  <p><a href="holidayDetail.html" class="button button-fill button-big holidayBtnGray">提交申请</a></p>
 
-               </div>
 
-            </div>
 
-        </div>
 
-
 
-        <script type='text/javascript' src='js/sui/zepto.js' charset='utf-8'></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/global.js'></script>
 
-  </body>
 
-</html>

+ 10 - 9
holidayIndexDetail.html
查看文件 

@@ -19,7 +19,7 @@
 
     <div class="page-group">
 
         <div class="page page-current">
 
           <header class="bar bar-nav">
 
-              <!-- <a class="icon icon-me pull-left open-panel"></a> -->
 
+              <a class="icon icon-left pull-left" href="mainIndex.html"></a>
 
               <h1 class="title holidayTBg">请假</h1>
 
           </header>
 
             <nav class="bar bar-tab">
 
@@ -99,12 +99,12 @@
 
                                    <div class="item-title label">2017-02-27</div>
 
                                    <div class="item-input">
 
                                     <div class="row">
 
-                                      <div class="col-50">上午&nbsp;&nbsp;<label class="label-switch">
 
-                                        <input type="checkbox">
 
+                                      <div class="col-50">上午&nbsp;&nbsp;<label class="label-switch toast1">
 
+                                        <input type="checkbox" name="my-checkbox" checked>
 
                                         <div class="checkbox"></div>
 
                                       </label></div>
 
-                                      <div class="col-50">下午&nbsp;&nbsp;<label class="label-switch">
 
-                                        <input type="checkbox">
 
+                                      <div class="col-50">下午&nbsp;&nbsp;<label class="label-switch toast1">
 
+                                        <input type="checkbox" name="my-checkbox">
 
                                         <div class="checkbox"></div>
 
                                       </label></div>
 
                                     </div>
 
@@ -118,12 +118,12 @@
 
                                    <div class="item-title label">2017-02-28</div>
 
                                    <div class="item-input">
 
                                     <div class="row">
 
-                                      <div class="col-50">上午&nbsp;&nbsp;<label class="label-switch">
 
-                                        <input type="checkbox">
 
+                                      <div class="col-50">上午&nbsp;&nbsp;<label class="label-switch toast1">
 
+                                        <input type="checkbox" name="my-checkbox">
 
                                         <div class="checkbox"></div>
 
                                       </label></div>
 
-                                      <div class="col-50">下午&nbsp;&nbsp;<label class="label-switch">
 
-                                        <input type="checkbox">
 
+                                      <div class="col-50">下午&nbsp;&nbsp;<label class="label-switch toast1">
 
+                                        <input type="checkbox" name="my-checkbox">
 
                                         <div class="checkbox"></div>
 
                                       </label></div>
 
                                     </div>
 
@@ -462,6 +462,7 @@
 
             </div>
 
           </div>
 
         </div>
 
+    </div>
 
 
         <script src="js/jquery-1.7.1.min.js"></script>
 
         <script type="text/javascript">$.noConflict();</script>

+ 107 - 44
holidayIndexDetailQt.html
查看文件 

@@ -12,13 +12,13 @@
 
     <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/AirDate/datepicker.min.css">
 
     
   </head>
 
   <body>
 
     <div class="page-group">
 
         <div class="page page-current">
 
           <header class="bar bar-nav">
 
-              <!-- <a class="icon icon-me pull-left open-panel"></a> -->
 
               <h1 class="title holidayTBg">请假</h1>
 
           </header>
 
             <nav class="bar bar-tab">
 
@@ -87,21 +87,11 @@
 
                            </div>
 
                        </li>
 
                        <li>
 
-                           <div class="item-content datetime-picker-star">
 
-                               <div class="item-inner">
 
-                                   <div class="item-title label">开始时间</div>
 
-                                   <div class="item-input">
 
-                                        <input type="text" readonly="readonly" placeholder="开始时间">
 
-                                   </div>
 
-                               </div>
 
-                           </div>
 
-                       </li>
 
-                       <li>
 
-                           <div class="item-content datetime-picker-end">
 
+                           <div class="item-content">
 
                                <div class="item-inner">
 
-                                   <div class="item-title label">结束时间</div>
 
+                                   <div class="item-title label">补休时间</div>
 
                                    <div class="item-input">
 
-                                        <input type="text" readonly="readonly" placeholder="结束时间">
 
+                                      <input data-popup=".popup-about" class="open-about" readonly="readonly" type="text" placeholder="请选择请假时间">
 
                                    </div>
 
                                </div>
 
                            </div>
 
@@ -116,21 +106,49 @@
 
                                </div>
 
                            </div>
 
                        </li>
 
+                   </ul>
 
+               </div>
 
+               <div class="content-block-title">补休日期列表</div>
 
+               <div class="list-block">
 
+                   <ul>
 
                        <li>
 
-                           <a class="formlabel" href="holidayApproverDetail.html">
 
                            <div class="item-content">
 
                                <div class="item-inner">
 
-                                   <div class="item-title label">审批人</div>
 
+                                   <div class="item-title label">2017-02-27</div>
 
                                    <div class="item-input">
 
-                                        <input type="text" placeholder="请选择">
 
+                                    <div class="row">
 
+                                      <div class="col-50">上午&nbsp;&nbsp;<label class="label-switch toast1">
 
+                                        <input type="checkbox" name="my-checkbox" checked>
 
+                                        <div class="checkbox"></div>
 
+                                      </label></div>
 
+                                      <div class="col-50">下午&nbsp;&nbsp;<label class="label-switch toast1">
 
+                                        <input type="checkbox" name="my-checkbox">
 
+                                        <div class="checkbox"></div>
 
+                                      </label></div>
 
+                                    </div>
 
                                    </div>
 
                                </div>
 
                            </div>
 
-                           </a>
 
                        </li>
 
                    </ul>
 
                </div>
 
                <div class="list-block">
 
+                  <ul>
 
+                      <li>
 
+                          <a class="formlabel" href="holidayApproverDetail.html">
 
+                            <div class="item-content">
 
+                                  <div class="item-inner">
 
+                                        <div class="item-title label">审批人</div>
 
+                                        <div class="item-input">
 
+                                             <input type="text" placeholder="请选择">
 
+                                        </div>
 
+                                  </div>
 
+                            </div>
 
+                          </a>
 
+                      </li>
 
+                  </ul>
 
+               </div>
 
+               <div class="list-block">
 
                    <ul>
 
                        <li>
 
                            <div class="item-content create-actions">
 
@@ -176,21 +194,11 @@
 
                     <div class="content-block-title">休假时间</div>
 
                     <ul>
 
                        <li>
 
-                           <div class="item-content datetime-picker-star">
 
-                               <div class="item-inner">
 
-                                   <div class="item-title label">开始时间</div>
 
-                                   <div class="item-input">
 
-                                       <input type="text" readonly="readonly" placeholder="开始时间">
 
-                                   </div>
 
-                               </div>
 
-                           </div>
 
-                       </li>
 
-                       <li>
 
-                           <div class="item-content datetime-picker-end">
 
+                           <div class="item-content">
 
                                <div class="item-inner">
 
-                                   <div class="item-title label">结束时间</div>
 
+                                   <div class="item-title label">休假时间</div>
 
                                    <div class="item-input">
 
-                                        <input type="text" readonly="readonly" placeholder="结束时间">
 
+                                      <input data-popup=".popup-about" class="open-about" readonly="readonly" type="text" placeholder="请选择休假时间">
 
                                    </div>
 
                                </div>
 
                            </div>
 
@@ -207,25 +215,39 @@
 
                        </li>
 
                      </ul>
 
                 </div>
 
+                <div class="content-block-title">休假日期列表</div>
 
+                 <div class="list-block">
 
+                     <ul>
 
+                         <li>
 
+                             <div class="item-content">
 
+                                 <div class="item-inner">
 
+                                     <div class="item-title label">2017-02-27</div>
 
+                                     <div class="item-input">
 
+                                      <div class="row">
 
+                                        <div class="col-50">上午&nbsp;&nbsp;<label class="label-switch toast1">
 
+                                          <input type="checkbox" name="my-checkbox" checked>
 
+                                          <div class="checkbox"></div>
 
+                                        </label></div>
 
+                                        <div class="col-50">下午&nbsp;&nbsp;<label class="label-switch toast1">
 
+                                          <input type="checkbox" name="my-checkbox">
 
+                                          <div class="checkbox"></div>
 
+                                        </label></div>
 
+                                      </div>
 
+                                     </div>
 
+                                 </div>
 
+                             </div>
 
+                         </li>
 
+                     </ul>
 
+                 </div>
 
                 <div class="list-block">
 
                     <div class="content-block-title">加班时间</div>
 
                     <ul>
 
                        <li>
 
-                           <div class="item-content datetime-picker-star">
 
-                               <div class="item-inner">
 
-                                   <div class="item-title label">开始时间</div>
 
-                                   <div class="item-input">
 
-                                        <input type="text" readonly="readonly" placeholder="开始时间">
 
-                                   </div>
 
-                               </div>
 
-                           </div>
 
-                       </li>
 
-                       <li>
 
-                           <div class="item-content datetime-picker-end">
 
+                           <div class="item-content">
 
                                <div class="item-inner">
 
-                                   <div class="item-title label">结束时间</div>
 
+                                   <div class="item-title label">加班时间</div>
 
                                    <div class="item-input">
 
-                                        <input type="text" readonly="readonly" placeholder="结束时间">
 
+                                      <input data-popup=".popup-about" class="open-about" readonly="readonly" type="text" placeholder="请选择加班时间">
 
                                    </div>
 
                                </div>
 
                            </div>
 
@@ -242,6 +264,30 @@
 
                        </li>
 
                      </ul>
 
                 </div>
 
+                <div class="content-block-title">加班日期列表</div>
 
+                 <div class="list-block">
 
+                     <ul>
 
+                         <li>
 
+                             <div class="item-content">
 
+                                 <div class="item-inner">
 
+                                     <div class="item-title label">2017-02-27</div>
 
+                                     <div class="item-input">
 
+                                      <div class="row">
 
+                                        <div class="col-50">上午&nbsp;&nbsp;<label class="label-switch toast1">
 
+                                          <input type="checkbox" name="my-checkbox" checked>
 
+                                          <div class="checkbox"></div>
 
+                                        </label></div>
 
+                                        <div class="col-50">下午&nbsp;&nbsp;<label class="label-switch toast1">
 
+                                          <input type="checkbox" name="my-checkbox">
 
+                                          <div class="checkbox"></div>
 
+                                        </label></div>
 
+                                      </div>
 
+                                     </div>
 
+                                 </div>
 
+                             </div>
 
+                         </li>
 
+                     </ul>
 
+                 </div>
 
                 <div class="list-block">
 
                     <ul> 
                        <li>
 
@@ -264,9 +310,26 @@
 
             </div>
 
         </div>
 
 
+        <div class="popup popup-aboutTime">
 
+          <div class="content-block m-0">
 
+            <p>请选择请假时间</p>
 
+            <div class="datepicker-here" data-language='zh' data-multiple-dates="3"></div>
 
+            <div class="row p-1">
 
+              <div class="col-50"><a href="#" class="button button-fill btnGray btnSelf close-popup">取消</a></div>
 
+              <div class="col-50"><a href="#" class="button button-fill btnSelf close-popup">提交</a></div>
 
+            </div>
 
+          </div>
 
+        </div>
 
+
 
+    </div>
 
+
 
+        <script src="js/jquery-1.7.1.min.js"></script>
 
+        <script type="text/javascript">$.noConflict();</script>
 
         <script type='text/javascript' src='js/sui/zepto.js' charset='utf-8'></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/global.js'></script>
 
+        <script type='text/javascript' src="js/AirDate/datepicker.js"></script>
 
+        <script type='text/javascript' src="js/AirDate/datepicker.zh.js"></script>
 
   </body>
 
 </html>

+ 60 - 4
holidayListDetailPage.html
查看文件 

@@ -60,14 +60,70 @@
 
                         </li>
 
                         <li class="item-content">
 
                             <div class="item-inner">
 
-                                <div class="item-title">请假时间</div>
 
-                                <div class="item-after">2017-02-16 至 2017-02-16</div>
 
+                                <div class="item-title">请假天数</div>
 
+                                <div class="item-after"><b>1天</b></div>
 
+                            </div>
 
+                        </li>
 
+                    </ul>
 
+                </div>
 
+                <div class="content-block-title">请假日期列表</div>
 
+                <div class="list-block">
 
+                    <ul>
 
+                        <li>
 
+                            <div class="item-content">
 
+                                <div class="item-inner">
 
+                                    <div class="item-title label">2017-02-27</div>
 
+                                    <div class="item-after">
 
+                                    </div>
 
+                                </div>
 
+                            </div>
 
+                        </li>
 
+                        <li>
 
+                            <div class="item-content">
 
+                                <div class="item-inner">
 
+                                    <div class="item-title label">2017-02-27</div>
 
+                                    <div class="item-after">
 
+                                     上午
 
+                                    </div>
 
+                                </div>
 
+                            </div>
 
+                        </li>
 
+                    </ul>
 
+                </div>
 
+                <div class="content-block-title">加班日期列表</div>
 
+                <div class="list-block">
 
+                    <ul>
 
+                        <li>
 
+                            <div class="item-content">
 
+                                <div class="item-inner">
 
+                                    <div class="item-title label">2017-02-27</div>
 
+                                    <div class="item-after">
 
+                                    </div>
 
+                                </div>
 
+                            </div>
 
+                        </li>
 
+                        <li>
 
+                            <div class="item-content">
 
+                                <div class="item-inner">
 
+                                    <div class="item-title label">2017-02-27</div>
 
+                                    <div class="item-after">
 
+                                     上午
 
+                                    </div>
 
+                                </div>
 
                             </div>
 
                         </li>
 
+                    </ul>
 
+                </div>
 
+                <div class="content-block-title">原因</div>
 
+                <div class="list-block">
 
+                    <ul>
 
                         <li class="item-content">
 
                             <div class="item-inner">
 
-                                <div class="item-title">请假天数</div>
 
-                                <div class="item-after"><b>1天</b></div>
 
+                                <div class="card-content holidayYy">
 
+                                    <div class="card-content-inner">
 
+                                        请假原因请假原因请假原因请假原因请假原因请假原因请假原因
 
+                                    </div>
 
+                                </div>
 
                             </div>
 
                         </li>
 
                     </ul>

+ 61 - 4
holidayListDetailPage1.html
查看文件 

@@ -53,14 +53,70 @@
 
                         </li>
 
                         <li class="item-content">
 
                             <div class="item-inner">
 
-                                <div class="item-title">请假时间</div>
 
-                                <div class="item-after">2017-02-16 至 2017-02-16</div>
 
+                                <div class="item-title">请假天数</div>
 
+                                <div class="item-after"><b>1天</b></div>
 
                             </div>
 
                         </li>
 
+                    </ul>
 
+                </div>
 
+                <div class="content-block-title">请假日期列表</div>
 
+                <div class="list-block">
 
+                    <ul>
 
+                        <li>
 
+                            <div class="item-content">
 
+                                <div class="item-inner">
 
+                                    <div class="item-title label">2017-02-27</div>
 
+                                    <div class="item-after">
 
+                                    </div>
 
+                                </div>
 
+                            </div>
 
+                        </li>
 
+                        <li>
 
+                            <div class="item-content">
 
+                                <div class="item-inner">
 
+                                    <div class="item-title label">2017-02-27</div>
 
+                                    <div class="item-after">
 
+                                     上午
 
+                                    </div>
 
+                                </div>
 
+                            </div>
 
+                        </li>
 
+                    </ul>
 
+                </div>
 
+                <div class="content-block-title">加班日期列表</div>
 
+                <div class="list-block">
 
+                    <ul>
 
+                        <li>
 
+                            <div class="item-content">
 
+                                <div class="item-inner">
 
+                                    <div class="item-title label">2017-02-27</div>
 
+                                    <div class="item-after">
 
+                                    </div>
 
+                                </div>
 
+                            </div>
 
+                        </li>
 
+                        <li>
 
+                            <div class="item-content">
 
+                                <div class="item-inner">
 
+                                    <div class="item-title label">2017-02-27</div>
 
+                                    <div class="item-after">
 
+                                     上午
 
+                                    </div>
 
+                                </div>
 
+                            </div>
 
+                        </li>
 
+                    </ul>
 
+                </div>
 
+                <div class="content-block-title">原因</div>
 
+                <div class="list-block">
 
+                    <ul>
 
                         <li class="item-content">
 
                             <div class="item-inner">
 
-                                <div class="item-title">请假天数</div>
 
-                                <div class="item-after"><b>1天</b></div>
 
+                                <div class="card-content holidayYy">
 
+                                    <div class="card-content-inner">
 
+                                        请假原因请假原因请假原因请假原因请假原因请假原因请假原因
 
+                                    </div>
 
+                                </div>
 
                             </div>
 
                         </li>
 
                     </ul>
 
@@ -111,6 +167,7 @@
 
                 </div>
 
             </div>
 
         </div>
 
+        </div>
 
     </div>
 
 
         <script type='text/javascript' src='js/sui/zepto.js' charset='utf-8'></script>

二進制
images/avatarImg.jpg
查看文件


二進制
images/loginbg.jpg
查看文件


+ 265 - 0
invoiceAdd.html
查看文件 

@@ -0,0 +1,265 @@
 
+<!DOCTYPE html>
 
+<html>
 
+  <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="format-detection" content="telephone=no" />
 
+    <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/AirDate/datepicker.min.css">
 
+    
+  </head>
 
+  <body>
 
+    <div class="page-group">
 
+        <div class="page page-current">
 
+          <header class="bar bar-nav">
 
+            <a class="icon icon-left pull-left" href="invoiceMy.html"></a>
 
+            <h1 class="title holidayTBg">申请开票</h1>
 
+          </header>
 
+            <nav class="bar bar-tab">
 
+                <a class="tab-item external active" href="invoiceMy.html">
 
+                    <!-- <span class="icon icon-edit"></span> -->
 
+                    <span class="tab-label">我的发票</span>
 
+                </a>
 
+                <a class="tab-item external" href="invoiceBilingMy.html">
 
+                    <!-- <span class="icon icon-me"></span> -->
 
+                    <span class="tab-label">我的收款</span>
 
+                    <span class="badge">2</span>
 
+                </a>
 
+                <a class="tab-item external" href="invoiceApproval.html">
 
+                    <!-- <span class="icon icon-menu"></span> -->
 
+                    <span class="tab-label">发票审批</span>
 
+                </a>
 
+                <a class="tab-item external" href="invoiceAggregate.html">
 
+                    <!-- <span class="icon icon-menu"></span> -->
 
+                    <span class="tab-label">汇总</span>
 
+                </a>
 
+            </nav>
 
+            <div class="content">
 
+              <div class="list-block">
 
+                <ul>
 
+                  <li>
 
+                    <div class="item-content">
 
+                      <div class="item-inner">
 
+                        <div class="item-title label">发票类型</div>
 
+                        <div class="item-input">
 
+                          <input type="text" readonly="readonly" class="invoiceType" placeholder="增值税普通发票">
 
+                        </div>
 
+                      </div>
 
+                    </div>
 
+                  </li>
 
+                </ul>
 
+              </div>
 
+              <div class="list-block">
 
+                <ul>
 
+                  <li>
 
+                    <div class="item-content align-top">
 
+                      <div class="item-inner">
 
+                        <div class="item-title label">发票抬头</div>
 
+                        <div class="item-input">
 
+                          <textarea></textarea>
 
+                        </div>
 
+                      </div>
 
+                    </div>
 
+                  </li>
 
+                </ul>
 
+              </div>
 
+              <div class="list-block">
 
+                <ul>
 
+                  <li>
 
+                    <div class="item-content">
 
+                      <div class="item-inner">
 
+                        <div class="item-title label">发票类型</div>
 
+                        <div class="item-input">
 
+                          <input type="text" readonly="readonly" class="invoiceType" placeholder="增值税专用发票">
 
+                        </div>
 
+                      </div>
 
+                    </div>
 
+                  </li>
 
+                </ul>
 
+              </div>
 
+              <div class="list-block">
 
+                <ul>
 
+                  <li>
 
+                    <div class="item-content align-top">
 
+                      <div class="item-inner">
 
+                        <div class="item-title label">单位名称</div>
 
+                        <div class="item-input">
 
+                          <textarea></textarea>
 
+                        </div>
 
+                      </div>
 
+                    </div>
 
+                  </li>
 
+                  <li>
 
+                    <div class="item-content">
 
+                      <div class="item-inner">
 
+                        <div class="item-title label">纳税人识别码</div>
 
+                        <div class="item-input">
 
+                          <input type="text" placeholder="">
 
+                        </div>
 
+                      </div>
 
+                    </div>
 
+                  </li>
 
+                  <li>
 
+                    <div class="item-content align-top">
 
+                      <div class="item-inner">
 
+                        <div class="item-title label">注册地址</div>
 
+                        <div class="item-input">
 
+                          <textarea></textarea>
 
+                        </div>
 
+                      </div>
 
+                    </div>
 
+                  </li>
 
+                  <li>
 
+                    <div class="item-content">
 
+                      <div class="item-inner">
 
+                        <div class="item-title label">注册电话</div>
 
+                        <div class="item-input">
 
+                          <input type="text" placeholder="">
 
+                        </div>
 
+                      </div>
 
+                    </div>
 
+                  </li>
 
+                  <li>
 
+                    <div class="item-content align-top">
 
+                      <div class="item-inner">
 
+                        <div class="item-title label">开户银行</div>
 
+                        <div class="item-input">
 
+                          <textarea></textarea>
 
+                        </div>
 
+                      </div>
 
+                    </div>
 
+                  </li>
 
+                  <li>
 
+                    <div class="item-content">
 
+                      <div class="item-inner">
 
+                        <div class="item-title label">银行账户</div>
 
+                        <div class="item-input">
 
+                          <input type="text" placeholder="">
 
+                        </div>
 
+                      </div>
 
+                    </div>
 
+                  </li>
 
+                </ul>
 
+              </div>
 
+              <div class="content-block-title">发票详情</div>
 
+              <div class="list-block">
 
+                <ul>
 
+                  <li>
 
+                    <div class="item-content">
 
+                      <div class="item-inner">
 
+                        <div class="item-title label">所在办事处</div>
 
+                        <div class="item-input">
 
+                          <input type="text" readonly="readonly" id='pickerOffice' placeholder="请选择您的办事处"/>
 
+                        </div>
 
+                      </div>
 
+                    </div>
 
+                  </li>
 
+                  <li>
 
+                    <div class="item-content">
 
+                      <div class="item-inner">
 
+                        <div class="item-title label">备注</div>
 
+                        <div class="item-input">
 
+                          <input type="text" placeholder="">
 
+                        </div>
 
+                      </div>
 
+                    </div>
 
+                  </li>
 
+                  <li>
 
+                    <div class="item-content">
 
+                      <div class="item-inner">
 
+                        <div class="item-title label">开票金额</div>
 
+                        <div class="item-input">
 
+                          <input type="text" placeholder="0">
 
+                        </div>
 
+                      </div>
 
+                    </div>
 
+                  </li>
 
+                  <li>
 
+                    <div class="item-content">
 
+                      <div class="item-inner">
 
+                        <div class="item-title label">开票内容</div>
 
+                        <div class="item-input">
 
+                          <input type="text" readonly="readonly" id='pickerInvoice' placeholder="请选择开票内容">
 
+                        </div>
 
+                      </div>
 
+                    </div>
 
+                  </li>
 
+                </ul>
 
+              </div>
 
+              <div class="content-block-title">邮寄信息</div>
 
+              <div class="list-block">
 
+                <ul>
 
+                  <li>
 
+                    <div class="item-content">
 
+                      <div class="item-inner">
 
+                        <div class="item-title label">是否邮寄</div>
 
+                        <div class="item-input">
 
+                          <input type="text" readonly="readonly" class="invoiceMail" placeholder="选择是否邮寄">
 
+                        </div>
 
+                      </div>
 
+                    </div>
 
+                  </li>
 
+                  <li>
 
+                    <div class="item-content">
 
+                      <div class="item-inner">
 
+                        <div class="item-title label">收件人</div>
 
+                        <div class="item-input">
 
+                          <input type="text" placeholder="">
 
+                        </div>
 
+                      </div>
 
+                    </div>
 
+                  </li>
 
+                  <li>
 
+                    <div class="item-content">
 
+                      <div class="item-inner">
 
+                        <div class="item-title label">手机/电话</div>
 
+                        <div class="item-input">
 
+                          <input type="text" placeholder="">
 
+                        </div>
 
+                      </div>
 
+                    </div>
 
+                  </li>
 
+                  <li>
 
+                    <div class="item-content align-top">
 
+                      <div class="item-inner">
 
+                        <div class="item-title label">收件地址</div>
 
+                        <div class="item-input">
 
+                          <textarea></textarea>
 
+                        </div>
 
+                      </div>
 
+                    </div>
 
+                  </li>
 
+                  <li>
 
+                    <div class="item-content align-top">
 
+                      <div class="item-inner">
 
+                        <div class="item-title label">邮寄物品</div>
 
+                        <div class="item-input">
 
+                          <textarea></textarea>
 
+                        </div>
 
+                      </div>
 
+                    </div>
 
+                  </li>
 
+                </ul>
 
+              </div>
 
+            </div>
 
+        </div>
 
+    </div>
 
+
 
+        <script src="js/jquery-1.7.1.min.js"></script>
 
+        <script type="text/javascript">$.noConflict();</script>
 
+        <script type='text/javascript' src='js/sui/zepto.js' charset='utf-8'></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/global.js'></script>
 
+        <script type='text/javascript' src="js/AirDate/datepicker.js"></script>
 
+        <script type='text/javascript' src="js/AirDate/datepicker.zh.js"></script>
 
+  </body>
 
+</html>

+ 144 - 0
invoiceAggregate.html
查看文件 

@@ -0,0 +1,144 @@
 
+<!DOCTYPE html>
 
+<html>
 
+  <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="format-detection" content="telephone=no" />
 
+    <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/AirDate/datepicker.min.css">
 
+    
+  </head>
 
+  <body>
 
+    <div class="page-group">
 
+        <div class="page page-current">
 
+          <header class="bar bar-nav">
 
+            <h1 class="title holidayTBg">汇总</h1>
 
+          </header>
 
+            <nav class="bar bar-tab">
 
+                <a class="tab-item external" href="invoiceMy.html">
 
+                    <!-- <span class="icon icon-edit"></span> -->
 
+                    <span class="tab-label">我的发票</span>
 
+                </a>
 
+                <a class="tab-item external" href="invoiceBilingMy.html">
 
+                    <!-- <span class="icon icon-me"></span> -->
 
+                    <span class="tab-label">我的收款</span>
 
+                    <span class="badge">2</span>
 
+                </a>
 
+                <a class="tab-item external" href="invoiceApproval.html">
 
+                    <!-- <span class="icon icon-menu"></span> -->
 
+                    <span class="tab-label">发票审批</span>
 
+                </a>
 
+                <a class="tab-item external active" href="invoiceAggregate.html">
 
+                    <!-- <span class="icon icon-menu"></span> -->
 
+                    <span class="tab-label">汇总</span>
 
+                </a>
 
+            </nav>
 
+            <div class="content">
 
+              <div class="list-block">
 
+                <table class="table-wrap">
 
+                  <thead>
 
+                    <tr>
 
+                      <th>月份</th>
 
+                      <th>开票合计</th>
 
+                      <th>收款合计</th>
 
+                      <th>核销合计</th>
 
+                    </tr>
 
+                  </thead>
 
+                  <tbody>
 
+                    <tr>
 
+                      <td>12月</td>
 
+                      <td>￥13560.00</td>
 
+                      <td>￥23560.00</td>
 
+                      <td>￥33560.00</td>
 
+                    </tr>
 
+                    <tr>
 
+                      <td>11月</td>
 
+                      <td>￥13560.00</td>
 
+                      <td>￥23560.00</td>
 
+                      <td>￥33560.00</td>
 
+                    </tr>
 
+                    <tr>
 
+                      <td>10月</td>
 
+                      <td>￥13560.00</td>
 
+                      <td>￥23560.00</td>
 
+                      <td>￥33560.00</td>
 
+                    </tr>
 
+                    <tr>
 
+                      <td>09月</td>
 
+                      <td>￥13560.00</td>
 
+                      <td>￥23560.00</td>
 
+                      <td>￥33560.00</td>
 
+                    </tr>
 
+                    <tr>
 
+                      <td>08月</td>
 
+                      <td>￥13560.00</td>
 
+                      <td>￥23560.00</td>
 
+                      <td>￥33560.00</td>
 
+                    </tr>
 
+                    <tr>
 
+                      <td>07月</td>
 
+                      <td>￥13560.00</td>
 
+                      <td>￥23560.00</td>
 
+                      <td>￥33560.00</td>
 
+                    </tr>
 
+                    <tr>
 
+                      <td>06月</td>
 
+                      <td>￥13560.00</td>
 
+                      <td>￥23560.00</td>
 
+                      <td>￥33560.00</td>
 
+                    </tr>
 
+                    <tr>
 
+                      <td>05月</td>
 
+                      <td>￥13560.00</td>
 
+                      <td>￥23560.00</td>
 
+                      <td>￥33560.00</td>
 
+                    </tr>
 
+                    <tr>
 
+                      <td>04月</td>
 
+                      <td>￥13560.00</td>
 
+                      <td>￥23560.00</td>
 
+                      <td>￥33560.00</td>
 
+                    </tr>
 
+                    <tr>
 
+                      <td>03月</td>
 
+                      <td>￥13560.00</td>
 
+                      <td>￥23560.00</td>
 
+                      <td>￥33560.00</td>
 
+                    </tr>
 
+                    <tr>
 
+                      <td>02月</td>
 
+                      <td>￥13560.00</td>
 
+                      <td>￥23560.00</td>
 
+                      <td>￥33560.00</td>
 
+                    </tr>
 
+                    <tr>
 
+                      <td>01月</td>
 
+                      <td>￥13560.00</td>
 
+                      <td>￥23560.00</td>
 
+                      <td>￥33560.00</td>
 
+                    </tr>
 
+                  </tbody>
 
+                </table>
 
+              </div>
 
+            </div>
 
+        </div>
 
+    </div>
 
+
 
+        <script src="js/jquery-1.7.1.min.js"></script>
 
+        <script type="text/javascript">$.noConflict();</script>
 
+        <script type='text/javascript' src='js/sui/zepto.js' charset='utf-8'></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/global.js'></script>
 
+        <script type='text/javascript' src="js/AirDate/datepicker.js"></script>
 
+        <script type='text/javascript' src="js/AirDate/datepicker.zh.js"></script>
 
+  </body>
 
+</html>

+ 189 - 0
invoiceAggregateMonth.html
查看文件 

@@ -0,0 +1,189 @@
 
+<!DOCTYPE html>
 
+<html>
 
+  <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="format-detection" content="telephone=no" />
 
+    <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/AirDate/datepicker.min.css">
 
+    
+  </head>
 
+  <body>
 
+    <div class="page-group">
 
+        <div class="page page-current">
 
+          <header class="bar bar-nav">
 
+            <a class="icon icon-left pull-left" href="invoiceAggregate.html"></a>
 
+            <h1 class="title holidayTBg">近期开票汇总</h1>
 
+          </header>
 
+            <nav class="bar bar-tab">
 
+                <a class="tab-item external" href="invoiceMy.html">
 
+                    <!-- <span class="icon icon-edit"></span> -->
 
+                    <span class="tab-label">我的发票</span>
 
+                </a>
 
+                <a class="tab-item external" href="invoiceBilingMy.html">
 
+                    <!-- <span class="icon icon-me"></span> -->
 
+                    <span class="tab-label">我的收款</span>
 
+                    <span class="badge">2</span>
 
+                </a>
 
+                <a class="tab-item external" href="invoiceApproval.html">
 
+                    <!-- <span class="icon icon-menu"></span> -->
 
+                    <span class="tab-label">发票审批</span>
 
+                </a>
 
+                <a class="tab-item external active" href="invoiceAggregate.html">
 
+                    <!-- <span class="icon icon-menu"></span> -->
 
+                    <span class="tab-label">汇总</span>
 
+                </a>
 
+            </nav>
 
+            <div class="content">
 
+              <div class="content-block-title">2017年</div>
 
+              <div class="list-block media-list">
 
+                <ul>
 
+                  <li>
 
+                    <div class="item-content">
 
+                      <div class="item-inner">
 
+                        <div class="item-title-row">
 
+                          <div class="item-title">05月</div>
 
+                          <div class="item-after">￥1560.00</div>
 
+                        </div>
 
+                      </div>
 
+                    </div>
 
+                  </li>
 
+                  <li>
 
+                    <div class="item-content">
 
+                      <div class="item-inner">
 
+                        <div class="item-title-row">
 
+                          <div class="item-title">04月</div>
 
+                          <div class="item-after">￥2560.00</div>
 
+                        </div>
 
+                      </div>
 
+                    </div>
 
+                  </li>
 
+                  <li>
 
+                    <div class="item-content">
 
+                      <div class="item-inner">
 
+                        <div class="item-title-row">
 
+                          <div class="item-title">03月</div>
 
+                          <div class="item-after">￥3560.00</div>
 
+                        </div>
 
+                      </div>
 
+                    </div>
 
+                  </li>
 
+                  <li>
 
+                    <div class="item-content">
 
+                      <div class="item-inner">
 
+                        <div class="item-title-row">
 
+                          <div class="item-title">02月</div>
 
+                          <div class="item-after">￥1560.00</div>
 
+                        </div>
 
+                      </div>
 
+                    </div>
 
+                  </li>
 
+                  <li>
 
+                    <div class="item-content">
 
+                      <div class="item-inner">
 
+                        <div class="item-title-row">
 
+                          <div class="item-title">01月</div>
 
+                          <div class="item-after">￥2560.00</div>
 
+                        </div>
 
+                      </div>
 
+                    </div>
 
+                  </li>
 
+                </ul>
 
+              </div>
 
+              <div class="content-block-title">2016年</div>
 
+              <div class="list-block media-list">
 
+                <ul>
 
+                  <li>
 
+                    <div class="item-content">
 
+                      <div class="item-inner">
 
+                        <div class="item-title-row">
 
+                          <div class="item-title">12月</div>
 
+                          <div class="item-after">￥3560.00</div>
 
+                        </div>
 
+                      </div>
 
+                    </div>
 
+                  </li>
 
+                  <li>
 
+                    <div class="item-content">
 
+                      <div class="item-inner">
 
+                        <div class="item-title-row">
 
+                          <div class="item-title">11月</div>
 
+                          <div class="item-after">￥1560.00</div>
 
+                        </div>
 
+                      </div>
 
+                    </div>
 
+                  </li>
 
+                  <li>
 
+                    <div class="item-content">
 
+                      <div class="item-inner">
 
+                        <div class="item-title-row">
 
+                          <div class="item-title">10月</div>
 
+                          <div class="item-after">￥2560.00</div>
 
+                        </div>
 
+                      </div>
 
+                    </div>
 
+                  </li>
 
+                  <li>
 
+                    <div class="item-content">
 
+                      <div class="item-inner">
 
+                        <div class="item-title-row">
 
+                          <div class="item-title">09月</div>
 
+                          <div class="item-after">￥3560.00</div>
 
+                        </div>
 
+                      </div>
 
+                    </div>
 
+                  </li>
 
+                  <li>
 
+                    <div class="item-content">
 
+                      <div class="item-inner">
 
+                        <div class="item-title-row">
 
+                          <div class="item-title">08月</div>
 
+                          <div class="item-after">￥1560.00</div>
 
+                        </div>
 
+                      </div>
 
+                    </div>
 
+                  </li>
 
+                  <li>
 
+                    <div class="item-content">
 
+                      <div class="item-inner">
 
+                        <div class="item-title-row">
 
+                          <div class="item-title">07月</div>
 
+                          <div class="item-after">￥2560.00</div>
 
+                        </div>
 
+                      </div>
 
+                    </div>
 
+                  </li>
 
+                  <li>
 
+                    <div class="item-content">
 
+                      <div class="item-inner">
 
+                        <div class="item-title-row">
 
+                          <div class="item-title">06月</div>
 
+                          <div class="item-after">￥3560.00</div>
 
+                        </div>
 
+                      </div>
 
+                    </div>
 
+                  </li>
 
+                </ul>
 
+              </div>
 
+            </div>
 
+        </div>
 
+    </div>
 
+
 
+        <script src="js/jquery-1.7.1.min.js"></script>
 
+        <script type="text/javascript">$.noConflict();</script>
 
+        <script type='text/javascript' src='js/sui/zepto.js' charset='utf-8'></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/global.js'></script>
 
+        <script type='text/javascript' src="js/AirDate/datepicker.js"></script>
 
+        <script type='text/javascript' src="js/AirDate/datepicker.zh.js"></script>
 
+  </body>
 
+</html>

+ 150 - 0
invoiceApproval.html
查看文件 

@@ -0,0 +1,150 @@
 
+<!DOCTYPE html>
 
+<html>
 
+  <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="format-detection" content="telephone=no" />
 
+    <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/AirDate/datepicker.min.css">
 
+    
+  </head>
 
+  <body>
 
+    <div class="page-group">
 
+        <div class="page page-current">
 
+          <header class="bar bar-nav">
 
+            <h1 class="title holidayTBg">发票审批</h1>
 
+          </header>
 
+            <nav class="bar bar-tab">
 
+                <a class="tab-item external" href="invoiceMy.html">
 
+                    <!-- <span class="icon icon-edit"></span> -->
 
+                    <span class="tab-label">我的发票</span>
 
+                </a>
 
+                <a class="tab-item external" href="invoiceBilingMy.html">
 
+                    <!-- <span class="icon icon-me"></span> -->
 
+                    <span class="tab-label">我的收款</span>
 
+                    <span class="badge">2</span>
 
+                </a>
 
+                <a class="tab-item external active" href="invoiceApproval.html">
 
+                    <!-- <span class="icon icon-menu"></span> -->
 
+                    <span class="tab-label">发票审批</span>
 
+                </a>
 
+                <a class="tab-item external" href="invoiceAggregate.html">
 
+                    <!-- <span class="icon icon-menu"></span> -->
 
+                    <span class="tab-label">汇总</span>
 
+                </a>
 
+            </nav>
 
+            <div class="content">
 
+              <div class="content-block tabTitleBox">
 
+                <div class="buttons-row">
 
+                  <a href="#tab1" class="tab-link active button tabBtnBig">待审批</a>
 
+                  <a href="#tab2" class="tab-link button tabBtnBig">已审批</a>
 
+                </div>
 
+              </div>
 
+              <div class="tabs">
 
+                <div id="tab1" class="tab active">
 
+                  <div class="content-block pLR-n">
 
+                    <div class="list-block media-list">
 
+                      <ul>
 
+                        <li>
 
+                          <a href="invoiceApprovalDetail.html" class="item-link item-content">
 
+                            <div class="item-inner">
 
+                              <div class="item-title-row">
 
+                                <div class="item-title">开票金额【￥3000.00】</div>
 
+                              </div>
 
+                              <div class="item-subtitle">珠海纵横创新软件有限公司</div>
 
+                              <div class="item-text">提交开票：总部陈特 2017-05-22</div>
 
+                            </div>
 
+                          </a>
 
+                        </li>
 
+                      </ul>
 
+                    </div>
 
+                    <div class="list-block media-list">
 
+                      <ul>
 
+                        <li>
 
+                          <a href="invoiceApprovalDetail.html" class="item-link item-content">
 
+                            <div class="item-inner">
 
+                              <div class="item-title-row">
 
+                                <div class="item-title">开票金额【￥4000.00】</div>
 
+                              </div>
 
+                              <div class="item-subtitle">珠海纵横创新软件有限公司</div>
 
+                              <div class="item-text">提交开票：总部陈特 2017-05-22</div>
 
+                            </div>
 
+                          </a>
 
+                        </li>
 
+                      </ul>
 
+                    </div>
 
+                  </div>
 
+                </div>
 
+                <div id="tab2" class="tab">
 
+                  <div class="list-block media-list">
 
+                    <ul>
 
+                      <li>
 
+                        <a href="invoiceApprovalDetail1.html" class="item-link item-content">
 
+                          <div class="item-inner">
 
+                            <div class="item-title-row">
 
+                              <div class="item-title">开票金额【￥3000.00】</div>
 
+                              <div class="item-after">同意</div>
 
+                            </div>
 
+                            <div class="item-subtitle">珠海纵横创新软件有限公司</div>
 
+                            <div class="item-text">提交开票：总部陈特 2017-05-22</div>
 
+                          </div>
 
+                        </a>
 
+                      </li>
 
+                    </ul>
 
+                  </div>
 
+                  <div class="list-block media-list">
 
+                    <ul>
 
+                      <li>
 
+                        <a href="invoiceApprovalDetail1.html" class="item-link item-content">
 
+                          <div class="item-inner">
 
+                            <div class="item-title-row">
 
+                              <div class="item-title">开票金额【￥3000.00】专</div>
 
+                              <div class="item-after">退回</div>
 
+                            </div>
 
+                            <div class="item-subtitle">珠海纵横创新软件有限公司</div>
 
+                            <div class="item-text">提交开票：总部陈特 2017-05-22</div>
 
+                          </div>
 
+                        </a>
 
+                      </li>
 
+                    </ul>
 
+                  </div>
 
+                  <div class="list-block media-list">
 
+                    <ul>
 
+                      <li>
 
+                        <a href="invoiceApprovalDetail1.html" class="item-link item-content">
 
+                          <div class="item-inner">
 
+                            <div class="item-title-row">
 
+                              <div class="item-title">开票金额【￥3000.00】</div>
 
+                              <div class="item-after">终止</div>
 
+                            </div>
 
+                            <div class="item-subtitle">珠海纵横创新软件有限公司</div>
 
+                            <div class="item-text">提交开票：总部陈特 2017-05-22</div>
 
+                          </div>
 
+                        </a>
 
+                      </li>
 
+                    </ul>
 
+                  </div>
 
+                </div>
 
+              </div>
 
+            </div>
 
+        </div>
 
+    </div>
 
+
 
+        <script src="js/jquery-1.7.1.min.js"></script>
 
+        <script type="text/javascript">$.noConflict();</script>
 
+        <script type='text/javascript' src='js/sui/zepto.js' charset='utf-8'></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/global.js'></script>
 
+        <script type='text/javascript' src="js/AirDate/datepicker.js"></script>
 
+        <script type='text/javascript' src="js/AirDate/datepicker.zh.js"></script>
 
+  </body>
 
+</html>

+ 234 - 0
invoiceApprovalDetail.html
查看文件 

@@ -0,0 +1,234 @@
 
+<!DOCTYPE html>
 
+<html>
 
+  <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="format-detection" content="telephone=no" />
 
+    <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/AirDate/datepicker.min.css">
 
+    
+  </head>
 
+  <body>
 
+    <div class="page-group">
 
+        <div class="page page-current">
 
+          <header class="bar bar-nav">
 
+            <a class="icon icon-left pull-left" href="invoiceApproval.html"></a>
 
+            <h1 class="title holidayTBg">发票审批</h1>
 
+          </header>
 
+            <nav class="bar bar-tab">
 
+                <a class="tab-item external" href="invoiceMy.html">
 
+                    <!-- <span class="icon icon-edit"></span> -->
 
+                    <span class="tab-label">我的发票</span>
 
+                </a>
 
+                <a class="tab-item external" href="invoiceBilingMy.html">
 
+                    <!-- <span class="icon icon-me"></span> -->
 
+                    <span class="tab-label">我的收款</span>
 
+                    <span class="badge">2</span>
 
+                </a>
 
+                <a class="tab-item external active" href="invoiceApproval.html">
 
+                    <!-- <span class="icon icon-menu"></span> -->
 
+                    <span class="tab-label">发票审批</span>
 
+                </a>
 
+                <a class="tab-item external" href="invoiceAggregate.html">
 
+                    <!-- <span class="icon icon-menu"></span> -->
 
+                    <span class="tab-label">汇总</span>
 
+                </a>
 
+            </nav>
 
+            <div class="bar bar-header-secondary barBig">
 
+              <div class="row" style="overflow: inherit;">
 
+                <div class="col-33"><a href="" class="button button-big button-block button-fill button-danger button-end">终止</a></div>
 
+                <div class="col-33"><a href="" class="button button-big button-block button-fill btn-Orange button-return">退回</a></div>
 
+                <div class="col-33"><a href="" class="button button-big button-block button-fill button-success button-agree">同意</a></div>
 
+              </div>
 
+            </div>
 
+            <div class="content">
 
+              <div class="list-block">
 
+                <ul>
 
+                  <li class="item-content align-top">
 
+                    <div class="item-inner">
 
+                      <div class="item-title label">审批意见</div>
 
+                      <div class="item-input">
 
+                        <textarea class="myinput" id="myinput2"></textarea>
 
+                      </div>
 
+                    </div>
 
+                  </li>
 
+                </ul>
 
+              </div>
 
+              <div class="list-block">
 
+                <ul>
 
+                  <li class="item-content">
 
+                    <div class="item-inner">
 
+                      <div class="item-title">开票流水号</div>
 
+                      <div class="item-after">#F20160316001</div>
 
+                    </div>
 
+                  </li>
 
+                  <li class="item-content">
 
+                    <div class="item-inner">
 
+                      <div class="item-title">提交时间</div>
 
+                      <div class="item-after">2016-03-01</div>
 
+                    </div>
 
+                  </li>
 
+                  <li class="item-content">
 
+                    <div class="item-inner">
 
+                      <div class="item-title">所在办事处</div>
 
+                      <div class="item-after">广东办（刘飞）</div>
 
+                    </div>
 
+                  </li>
 
+                  <li class="item-content">
 
+                    <div class="item-inner">
 
+                      <div class="item-title">备注</div>
 
+                      <div class="item-after"></div>
 
+                    </div>
 
+                  </li>
 
+                  <li class="item-content">
 
+                    <div class="item-inner">
 
+                      <div class="item-title">开票金额</div>
 
+                      <div class="item-after"><b>￥20000.00</b></div>
 
+                    </div>
 
+                  </li>
 
+                  <li class="item-content">
 
+                    <div class="item-inner">
 
+                      <div class="item-title">开票内容</div>
 
+                      <div class="item-after">纵横公路工程造价管理系统V9.0</div>
 
+                    </div>
 
+                  </li>
 
+                </ul>
 
+              </div>
 
+              <div class="content-block-title">增值税普通发票</div>
 
+              <div class="list-block">
 
+                <ul>
 
+                  <li class="item-content">
 
+                    <div class="item-inner">
 
+                      <div class="item-title">发票抬头</div>
 
+                      <div class="item-after">珠海纵横创建软件有限公司</div>
 
+                    </div>
 
+                  </li>
 
+                </ul>
 
+              </div>
 
+              <div class="content-block-title">增值税专用发票</div>
 
+              <div class="list-block">
 
+                <ul>
 
+                  <li class="item-content">
 
+                    <div class="item-inner">
 
+                      <div class="item-title">单位名称</div>
 
+                      <div class="item-after">珠海纵横创建软件有限公司</div>
 
+                    </div>
 
+                  </li>
 
+                  <li class="item-content">
 
+                    <div class="item-inner">
 
+                      <div class="item-title">纳税人识别码</div>
 
+                      <div class="item-after">1212123123123</div>
 
+                    </div>
 
+                  </li>
 
+                  <li class="item-content">
 
+                    <div class="item-inner">
 
+                      <div class="item-title">注册电话</div>
 
+                      <div class="item-after">0756-34324</div>
 
+                    </div>
 
+                  </li>
 
+                  <li class="item-content">
 
+                      <div class="item-inner">
 
+                        <div class="item-title">注册地址</div>
 
+                        <div class="item-after">广东省珠海市广东省珠海市香洲区银桦路8号24D</div>
 
+                      </div>
 
+                    </li>
 
+                  <li class="item-content">
 
+                    <div class="item-inner">
 
+                      <div class="item-title">开户银行</div>
 
+                      <div class="item-after">广发银行</div>
 
+                    </div>
 
+                  </li>
 
+                  <li class="item-content">
 
+                    <div class="item-inner">
 
+                      <div class="item-title">银行账户</div>
 
+                      <div class="item-after">234324234</div>
 
+                    </div>
 
+                  </li>
 
+                </ul>
 
+              </div>
 
+              <div class="content-block-title">邮寄信息</div>
 
+              <div class="list-block">
 
+                <ul>
 
+                  <li class="item-content">
 
+                    <div class="item-inner">
 
+                      <div class="item-title">收件人</div>
 
+                      <div class="item-after">陈工</div>
 
+                    </div>
 
+                  </li>
 
+                  <li class="item-content">
 
+                    <div class="item-inner">
 
+                      <div class="item-title">收件人手机/电话</div>
 
+                      <div class="item-after">12345678901</div>
 
+                    </div>
 
+                  </li>
 
+                  <li class="item-content">
 
+                    <div class="item-inner">
 
+                      <div class="item-title">收件地址</div>
 
+                      <div class="item-after">广东省珠海市XXX路XXX号</div>
 
+                    </div>
 
+                  </li>
 
+                  <li class="item-content">
 
+                    <div class="item-inner">
 
+                      <div class="item-title">邮寄物品</div>
 
+                      <div class="item-after">合同x1、锁套装x1</div>
 
+                    </div>
 
+                  </li>
 
+                </ul>
 
+              </div>
 
+              <div class="content-block-title">审批流程</div>
 
+              <div class="list-block">
 
+                <ul>
 
+                  <li class="item-content">
 
+                    <div class="item-inner">
 
+                      <div class="item-title">广东办-刘飞</div>
 
+                      <div class="item-after">创建  2016-11-10</div>
 
+                    </div>
 
+                  </li>
 
+                  <li class="item-content">
 
+                    <div class="item-inner">
 
+                      <div class="item-title">广东办-刘飞</div>
 
+                      <div class="item-after">提交审批  2016-11-10</div>
 
+                    </div>
 
+                  </li>
 
+                  <li class="item-content">
 
+                    <div class="item-inner">
 
+                      <div class="item-title">总部-张少珊</div>
 
+                      <div class="item-after">【同意】审批意见文本审批意见文本 2016-11-11</div>
 
+                    </div>
 
+                  </li>
 
+                  <li class="item-content">
 
+                    <div class="item-inner">
 
+                      <div class="item-title">总部-张少珊</div>
 
+                      <div class="item-after">【退回】审批意见文本 2016-11-11</div>
 
+                    </div>
 
+                  </li>
 
+                  <li class="item-content">
 
+                    <div class="item-inner">
 
+                      <div class="item-title">总部-张少珊</div>
 
+                      <div class="item-after">【终止】审批意见文本 2016-11-11</div>
 
+                    </div>
 
+                  </li>
 
+                </ul>
 
+              </div>
 
+            </div>
 
+        </div>
 
+    </div>
 
+
 
+        <script src="js/jquery-1.7.1.min.js"></script>
 
+        <script type="text/javascript">$.noConflict();</script>
 
+        <script type='text/javascript' src='js/sui/zepto.js' charset='utf-8'></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/global.js'></script>
 
+        <script type='text/javascript' src="js/AirDate/datepicker.js"></script>
 
+        <script type='text/javascript' src="js/AirDate/datepicker.zh.js"></script>
 
+  </body>
 
+</html>

+ 221 - 0
invoiceApprovalDetail1.html
查看文件 

@@ -0,0 +1,221 @@
 
+<!DOCTYPE html>
 
+<html>
 
+  <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="format-detection" content="telephone=no" />
 
+    <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/AirDate/datepicker.min.css">
 
+    
+  </head>
 
+  <body>
 
+    <div class="page-group">
 
+        <div class="page page-current">
 
+          <header class="bar bar-nav">
 
+            <a class="icon icon-left pull-left" href="invoiceApproval.html"></a>
 
+            <h1 class="title holidayTBg">发票审批</h1>
 
+          </header>
 
+            <nav class="bar bar-tab">
 
+                <a class="tab-item external" href="invoiceMy.html">
 
+                    <!-- <span class="icon icon-edit"></span> -->
 
+                    <span class="tab-label">我的发票</span>
 
+                </a>
 
+                <a class="tab-item external" href="invoiceBilingMy.html">
 
+                    <!-- <span class="icon icon-me"></span> -->
 
+                    <span class="tab-label">我的收款</span>
 
+                    <span class="badge">2</span>
 
+                </a>
 
+                <a class="tab-item external active" href="invoiceApproval.html">
 
+                    <!-- <span class="icon icon-menu"></span> -->
 
+                    <span class="tab-label">发票审批</span>
 
+                </a>
 
+                <a class="tab-item external" href="invoiceAggregate.html">
 
+                    <!-- <span class="icon icon-menu"></span> -->
 
+                    <span class="tab-label">汇总</span>
 
+                </a>
 
+            </nav>
 
+            <div class="content">
 
+              <div class="list-block">
 
+                <ul>
 
+                  <li class="item-content">
 
+                    <div class="item-inner">
 
+                      <div class="item-title">开票流水号</div>
 
+                      <div class="item-after">#F20160316001</div>
 
+                    </div>
 
+                  </li>
 
+                  <li class="item-content">
 
+                    <div class="item-inner">
 
+                      <div class="item-title">完成审批</div>
 
+                      <div class="item-after">同意 小桃 2017-05-23</div>
 
+                    </div>
 
+                  </li>
 
+                  <li class="item-content">
 
+                    <div class="item-inner">
 
+                      <div class="item-title">提交时间</div>
 
+                      <div class="item-after">2016-03-01</div>
 
+                    </div>
 
+                  </li>
 
+                  <li class="item-content">
 
+                    <div class="item-inner">
 
+                      <div class="item-title">所在办事处</div>
 
+                      <div class="item-after">广东办（刘飞）</div>
 
+                    </div>
 
+                  </li>
 
+                  <li class="item-content">
 
+                    <div class="item-inner">
 
+                      <div class="item-title">备注</div>
 
+                      <div class="item-after"></div>
 
+                    </div>
 
+                  </li>
 
+                  <li class="item-content">
 
+                    <div class="item-inner">
 
+                      <div class="item-title">开票金额</div>
 
+                      <div class="item-after"><b>￥20000.00</b></div>
 
+                    </div>
 
+                  </li>
 
+                  <li class="item-content">
 
+                    <div class="item-inner">
 
+                      <div class="item-title">开票内容</div>
 
+                      <div class="item-after">纵横公路工程造价管理系统V9.0</div>
 
+                    </div>
 
+                  </li>
 
+                </ul>
 
+              </div>
 
+              <div class="content-block-title">增值税普通发票</div>
 
+              <div class="list-block">
 
+                <ul>
 
+                  <li class="item-content">
 
+                    <div class="item-inner">
 
+                      <div class="item-title">发票抬头</div>
 
+                      <div class="item-after">珠海纵横创建软件有限公司</div>
 
+                    </div>
 
+                  </li>
 
+                </ul>
 
+              </div>
 
+              <div class="content-block-title">增值税专用发票</div>
 
+              <div class="list-block">
 
+                <ul>
 
+                  <li class="item-content">
 
+                    <div class="item-inner">
 
+                      <div class="item-title">单位名称</div>
 
+                      <div class="item-after">珠海纵横创建软件有限公司</div>
 
+                    </div>
 
+                  </li>
 
+                  <li class="item-content">
 
+                    <div class="item-inner">
 
+                      <div class="item-title">纳税人识别码</div>
 
+                      <div class="item-after">1212123123123</div>
 
+                    </div>
 
+                  </li>
 
+                  <li class="item-content">
 
+                    <div class="item-inner">
 
+                      <div class="item-title">注册电话</div>
 
+                      <div class="item-after">0756-34324</div>
 
+                    </div>
 
+                  </li>
 
+                  <li class="item-content">
 
+                      <div class="item-inner">
 
+                        <div class="item-title">注册地址</div>
 
+                        <div class="item-after">广东省珠海市广东省珠海市香洲区银桦路8号24D</div>
 
+                      </div>
 
+                    </li>
 
+                  <li class="item-content">
 
+                    <div class="item-inner">
 
+                      <div class="item-title">开户银行</div>
 
+                      <div class="item-after">广发银行</div>
 
+                    </div>
 
+                  </li>
 
+                  <li class="item-content">
 
+                    <div class="item-inner">
 
+                      <div class="item-title">银行账户</div>
 
+                      <div class="item-after">234324234</div>
 
+                    </div>
 
+                  </li>
 
+                </ul>
 
+              </div>
 
+              <div class="content-block-title">邮寄信息</div>
 
+              <div class="list-block">
 
+                <ul>
 
+                  <li class="item-content">
 
+                    <div class="item-inner">
 
+                      <div class="item-title">收件人</div>
 
+                      <div class="item-after">陈工</div>
 
+                    </div>
 
+                  </li>
 
+                  <li class="item-content">
 
+                    <div class="item-inner">
 
+                      <div class="item-title">收件人手机/电话</div>
 
+                      <div class="item-after">12345678901</div>
 
+                    </div>
 
+                  </li>
 
+                  <li class="item-content">
 
+                    <div class="item-inner">
 
+                      <div class="item-title">收件地址</div>
 
+                      <div class="item-after">广东省珠海市XXX路XXX号</div>
 
+                    </div>
 
+                  </li>
 
+                  <li class="item-content">
 
+                    <div class="item-inner">
 
+                      <div class="item-title">邮寄物品</div>
 
+                      <div class="item-after">合同x1、锁套装x1</div>
 
+                    </div>
 
+                  </li>
 
+                </ul>
 
+              </div>
 
+              <div class="content-block-title">审批流程</div>
 
+                <div class="list-block">
 
+                  <ul>
 
+                    <li class="item-content">
 
+                      <div class="item-inner">
 
+                        <div class="item-title">广东办-刘飞</div>
 
+                        <div class="item-after">创建  2016-11-10</div>
 
+                      </div>
 
+                    </li>
 
+                    <li class="item-content">
 
+                      <div class="item-inner">
 
+                        <div class="item-title">广东办-刘飞</div>
 
+                        <div class="item-after">提交审批  2016-11-10</div>
 
+                      </div>
 
+                    </li>
 
+                    <li class="item-content">
 
+                      <div class="item-inner">
 
+                        <div class="item-title">总部-张少珊</div>
 
+                        <div class="item-after">【同意】审批意见文本审批意见文本 2016-11-11</div>
 
+                      </div>
 
+                    </li>
 
+                    <li class="item-content">
 
+                      <div class="item-inner">
 
+                        <div class="item-title">总部-张少珊</div>
 
+                        <div class="item-after">【退回】审批意见文本 2016-11-11</div>
 
+                      </div>
 
+                    </li>
 
+                    <li class="item-content">
 
+                      <div class="item-inner">
 
+                        <div class="item-title">总部-张少珊</div>
 
+                        <div class="item-after">【终止】审批意见文本 2016-11-11</div>
 
+                      </div>
 
+                    </li>
 
+                  </ul>
 
+                </div>
 
+            </div>
 
+        </div>
 
+    </div>
 
+
 
+        <script src="js/jquery-1.7.1.min.js"></script>
 
+        <script type="text/javascript">$.noConflict();</script>
 
+        <script type='text/javascript' src='js/sui/zepto.js' charset='utf-8'></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/global.js'></script>
 
+        <script type='text/javascript' src="js/AirDate/datepicker.js"></script>
 
+        <script type='text/javascript' src="js/AirDate/datepicker.zh.js"></script>
 
+  </body>
 
+</html>

+ 215 - 0
invoiceApprovalDetail2.html
查看文件 

@@ -0,0 +1,215 @@
 
+<!DOCTYPE html>
 
+<html>
 
+  <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="format-detection" content="telephone=no" />
 
+    <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/AirDate/datepicker.min.css">
 
+    
+  </head>
 
+  <body>
 
+    <div class="page-group">
 
+        <div class="page page-current">
 
+          <header class="bar bar-nav">
 
+            <a class="icon icon-left pull-left" href="invoiceApproval.html"></a>
 
+            <h1 class="title holidayTBg">发票审批</h1>
 
+          </header>
 
+            <nav class="bar bar-tab">
 
+                <a class="tab-item external" href="invoiceMy.html">
 
+                    <!-- <span class="icon icon-edit"></span> -->
 
+                    <span class="tab-label">我的发票</span>
 
+                </a>
 
+                <a class="tab-item external" href="invoiceBilingMy.html">
 
+                    <!-- <span class="icon icon-me"></span> -->
 
+                    <span class="tab-label">我的收款</span>
 
+                    <span class="badge">2</span>
 
+                </a>
 
+                <a class="tab-item external active" href="invoiceApproval.html">
 
+                    <!-- <span class="icon icon-menu"></span> -->
 
+                    <span class="tab-label">发票审批</span>
 
+                </a>
 
+                <a class="tab-item external" href="invoiceAggregate.html">
 
+                    <!-- <span class="icon icon-menu"></span> -->
 
+                    <span class="tab-label">汇总</span>
 
+                </a>
 
+            </nav>
 
+            <div class="content">
 
+              <div class="list-block">
 
+                <ul>
 
+                  <li class="item-content">
 
+                    <div class="item-inner">
 
+                      <div class="item-title">开票流水号</div>
 
+                      <div class="item-after">#F20160316001</div>
 
+                    </div>
 
+                  </li>
 
+                  <li class="item-content">
 
+                    <div class="item-inner">
 
+                      <div class="item-title">提交时间</div>
 
+                      <div class="item-after">2016-03-01</div>
 
+                    </div>
 
+                  </li>
 
+                  <li class="item-content">
 
+                    <div class="item-inner">
 
+                      <div class="item-title">所在办事处</div>
 
+                      <div class="item-after">广东办（刘飞）</div>
 
+                    </div>
 
+                  </li>
 
+                  <li class="item-content">
 
+                    <div class="item-inner">
 
+                      <div class="item-title">备注</div>
 
+                      <div class="item-after"></div>
 
+                    </div>
 
+                  </li>
 
+                  <li class="item-content">
 
+                    <div class="item-inner">
 
+                      <div class="item-title">开票金额</div>
 
+                      <div class="item-after"><b>￥20000.00</b></div>
 
+                    </div>
 
+                  </li>
 
+                  <li class="item-content">
 
+                    <div class="item-inner">
 
+                      <div class="item-title">开票内容</div>
 
+                      <div class="item-after">纵横公路工程造价管理系统V9.0</div>
 
+                    </div>
 
+                  </li>
 
+                </ul>
 
+              </div>
 
+              <div class="content-block-title">增值税普通发票</div>
 
+              <div class="list-block">
 
+                <ul>
 
+                  <li class="item-content">
 
+                    <div class="item-inner">
 
+                      <div class="item-title">发票抬头</div>
 
+                      <div class="item-after">珠海纵横创建软件有限公司</div>
 
+                    </div>
 
+                  </li>
 
+                </ul>
 
+              </div>
 
+              <div class="content-block-title">增值税专用发票</div>
 
+              <div class="list-block">
 
+                <ul>
 
+                  <li class="item-content">
 
+                    <div class="item-inner">
 
+                      <div class="item-title">单位名称</div>
 
+                      <div class="item-after">珠海纵横创建软件有限公司</div>
 
+                    </div>
 
+                  </li>
 
+                  <li class="item-content">
 
+                    <div class="item-inner">
 
+                      <div class="item-title">纳税人识别码</div>
 
+                      <div class="item-after">1212123123123</div>
 
+                    </div>
 
+                  </li>
 
+                  <li class="item-content">
 
+                    <div class="item-inner">
 
+                      <div class="item-title">注册电话</div>
 
+                      <div class="item-after">0756-34324</div>
 
+                    </div>
 
+                  </li>
 
+                  <li class="item-content">
 
+                      <div class="item-inner">
 
+                        <div class="item-title">注册地址</div>
 
+                        <div class="item-after">广东省珠海市广东省珠海市香洲区银桦路8号24D</div>
 
+                      </div>
 
+                    </li>
 
+                  <li class="item-content">
 
+                    <div class="item-inner">
 
+                      <div class="item-title">开户银行</div>
 
+                      <div class="item-after">广发银行</div>
 
+                    </div>
 
+                  </li>
 
+                  <li class="item-content">
 
+                    <div class="item-inner">
 
+                      <div class="item-title">银行账户</div>
 
+                      <div class="item-after">234324234</div>
 
+                    </div>
 
+                  </li>
 
+                </ul>
 
+              </div>
 
+              <div class="content-block-title">邮寄信息</div>
 
+              <div class="list-block">
 
+                <ul>
 
+                  <li class="item-content">
 
+                    <div class="item-inner">
 
+                      <div class="item-title">收件人</div>
 
+                      <div class="item-after">陈工</div>
 
+                    </div>
 
+                  </li>
 
+                  <li class="item-content">
 
+                    <div class="item-inner">
 
+                      <div class="item-title">收件人手机/电话</div>
 
+                      <div class="item-after">12345678901</div>
 
+                    </div>
 
+                  </li>
 
+                  <li class="item-content">
 
+                    <div class="item-inner">
 
+                      <div class="item-title">收件地址</div>
 
+                      <div class="item-after">广东省珠海市XXX路XXX号</div>
 
+                    </div>
 
+                  </li>
 
+                  <li class="item-content">
 
+                    <div class="item-inner">
 
+                      <div class="item-title">邮寄物品</div>
 
+                      <div class="item-after">合同x1、锁套装x1</div>
 
+                    </div>
 
+                  </li>
 
+                </ul>
 
+              </div>
 
+              <div class="content-block-title">审批流程</div>
 
+              <div class="list-block">
 
+                <ul>
 
+                  <li class="item-content">
 
+                    <div class="item-inner">
 
+                      <div class="item-title">广东办-刘飞</div>
 
+                      <div class="item-after">创建  2016-11-10</div>
 
+                    </div>
 
+                  </li>
 
+                  <li class="item-content">
 
+                    <div class="item-inner">
 
+                      <div class="item-title">广东办-刘飞</div>
 
+                      <div class="item-after">提交审批  2016-11-10</div>
 
+                    </div>
 
+                  </li>
 
+                  <li class="item-content">
 
+                    <div class="item-inner">
 
+                      <div class="item-title">总部-张少珊</div>
 
+                      <div class="item-after">【同意】审批意见文本审批意见文本 2016-11-11</div>
 
+                    </div>
 
+                  </li>
 
+                  <li class="item-content">
 
+                    <div class="item-inner">
 
+                      <div class="item-title">总部-张少珊</div>
 
+                      <div class="item-after">【退回】审批意见文本 2016-11-11</div>
 
+                    </div>
 
+                  </li>
 
+                  <li class="item-content">
 
+                    <div class="item-inner">
 
+                      <div class="item-title">总部-张少珊</div>
 
+                      <div class="item-after">【终止】审批意见文本 2016-11-11</div>
 
+                    </div>
 
+                  </li>
 
+                </ul>
 
+              </div>
 
+            </div>
 
+        </div>
 
+    </div>
 
+
 
+        <script src="js/jquery-1.7.1.min.js"></script>
 
+        <script type="text/javascript">$.noConflict();</script>
 
+        <script type='text/javascript' src='js/sui/zepto.js' charset='utf-8'></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/global.js'></script>
 
+        <script type='text/javascript' src="js/AirDate/datepicker.js"></script>
 
+        <script type='text/javascript' src="js/AirDate/datepicker.zh.js"></script>
 
+  </body>
 
+</html>

+ 100 - 0
invoiceBiling.html
查看文件 

@@ -0,0 +1,100 @@
 
+<!DOCTYPE html>
 
+<html>
 
+  <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="format-detection" content="telephone=no" />
 
+    <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/AirDate/datepicker.min.css">
 
+    
+  </head>
 
+  <body>
 
+    <div class="page-group">
 
+        <div class="page page-current">
 
+          <header class="bar bar-nav">
 
+              <h1 class="title holidayTBg">收款认领</h1>
 
+          </header>
 
+            <nav class="bar bar-tab">
 
+                <a class="tab-item external" href="invoiceMy.html">
 
+                    <!-- <span class="icon icon-edit"></span> -->
 
+                    <span class="tab-label">我的发票</span>
 
+                </a>
 
+                <a class="tab-item external active" href="invoiceBilingMy.html">
 
+                    <!-- <span class="icon icon-me"></span> -->
 
+                    <span class="tab-label">我的收款</span>
 
+                    <span class="badge">2</span>
 
+                </a>
 
+                <a class="tab-item external" href="invoiceApproval.html">
 
+                    <!-- <span class="icon icon-menu"></span> -->
 
+                    <span class="tab-label">发票审批</span>
 
+                </a>
 
+                <a class="tab-item external" href="invoiceAggregate.html">
 
+                    <!-- <span class="icon icon-menu"></span> -->
 
+                    <span class="tab-label">汇总</span>
 
+                </a>
 
+            </nav>
 
+            <div class="content">
 
+              <div class="content-block tabTitleBox">
 
+                <div class="buttons-row">
 
+                  <a href="#tab1" class="tab-link active button tabBtnBig">公共·待认领款项</a>
 
+                  <a href="#tab2" class="tab-link button tabBtnBig">办事处·待认领款项</a>
 
+                </div>
 
+              </div>
 
+              <div class="tabs">
 
+                <div id="tab1" class="tab active">
 
+                  <div class="list-block media-list">
 
+                    <ul>
 
+                      <li>
 
+                        <a href="invoiceBilingDetailsReceive.html" class="item-link item-content">
 
+                          <div class="item-inner">
 
+                            <div class="item-title-row">
 
+                              <div class="item-title">收款金额【￥3000.00】</div>
 
+                            </div>
 
+                            <div class="item-subtitle">银行帐号信息：张宇</div>
 
+                            <div class="item-text">到账时间：2016-03-03</div>
 
+                          </div>
 
+                        </a>
 
+                      </li>
 
+                    </ul>
 
+                  </div>
 
+                </div>
 
+                <div id="tab2" class="tab">
 
+                  <div class="list-block media-list">
 
+                    <ul>
 
+                      <li>
 
+                        <a href="invoiceBilingDetailsReceive.html" class="item-link item-content">
 
+                          <div class="item-inner">
 
+                            <div class="item-title-row">
 
+                              <div class="item-title">收款金额【￥4000.00】</div>
 
+                            </div>
 
+                            <div class="item-subtitle">银行帐号信息：张宇</div>
 
+                            <div class="item-text">到账时间：2016-03-03</div>
 
+                          </div>
 
+                        </a>
 
+                      </li>
 
+                    </ul>
 
+                  </div>
 
+                </div>
 
+              </div>
 
+            </div>
 
+        </div>
 
+    </div>
 
+
 
+        <script src="js/jquery-1.7.1.min.js"></script>
 
+        <script type="text/javascript">$.noConflict();</script>
 
+        <script type='text/javascript' src='js/sui/zepto.js' charset='utf-8'></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/global.js'></script>
 
+        <script type='text/javascript' src="js/AirDate/datepicker.js"></script>
 
+        <script type='text/javascript' src="js/AirDate/datepicker.zh.js"></script>
 
+  </body>
 
+</html>

+ 115 - 0
invoiceBilingDetailsReceive.html
查看文件 

@@ -0,0 +1,115 @@
 
+<!DOCTYPE html>
 
+<html>
 
+  <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="format-detection" content="telephone=no" />
 
+    <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/AirDate/datepicker.min.css">
 
+    
+  </head>
 
+  <body>
 
+    <div class="page-group">
 
+        <div class="page page-current">
 
+          <header class="bar bar-nav">
 
+              <a class="icon icon-left pull-left" href="invoiceBiling.html"></a>
 
+              <h1 class="title holidayTBg">收款详情</h1>
 
+          </header>
 
+            <nav class="bar bar-tab">
 
+                <a class="tab-item external" href="invoiceMy.html">
 
+                    <!-- <span class="icon icon-edit"></span> -->
 
+                    <span class="tab-label">我的发票</span>
 
+                </a>
 
+                <a class="tab-item external active" href="invoiceBilingMy.html">
 
+                    <!-- <span class="icon icon-me"></span> -->
 
+                    <span class="tab-label">我的收款</span>
 
+                    <span class="badge">2</span>
 
+                </a>
 
+                <a class="tab-item external" href="invoiceApproval.html">
 
+                    <!-- <span class="icon icon-menu"></span> -->
 
+                    <span class="tab-label">发票审批</span>
 
+                </a>
 
+                <a class="tab-item external" href="invoiceAggregate.html">
 
+                    <!-- <span class="icon icon-menu"></span> -->
 
+                    <span class="tab-label">汇总</span>
 
+                </a>
 
+            </nav>
 
+            <div class="bar bar-header-secondary barBig">
 
+              <div class="row" style="overflow: inherit;">
 
+                <div class="col-50"><a href="invoiceBiling.html" class="button button-big button-block button-fill button-danger">取消</a></div>
 
+                <div class="col-50"><a href="" class="button button-big button-block button-fill button-success">确定收款</a></div>
 
+              </div>
 
+            </div>
 
+            <div class="content">
 
+              <div class="content-block pLR-n">
 
+                <div class="list-block">
 
+                  <ul>
 
+                    <li class="item-content">
 
+                      <div class="item-inner">
 
+                        <div class="item-title">收款流水号</div>
 
+                        <div class="item-after">#SK20160316001</div>
 
+                      </div>
 
+                    </li>
 
+                    <li class="item-content">
 
+                      <div class="item-inner">
 
+                        <div class="item-title">录入收款</div>
 
+                        <div class="item-after">张少珊 2015-04-12</div>
 
+                      </div>
 
+                    </li>
 
+                    <li class="item-content">
 
+                      <div class="item-inner">
 
+                        <div class="item-title">收款金额</div>
 
+                        <div class="item-after">￥200000.00</div>
 
+                      </div>
 
+                    </li>
 
+                    <li class="item-content">
 
+                      <div class="item-inner">
 
+                        <div class="item-title">收款信息</div>
 
+                        <div class="item-after">陈宇</div>
 
+                      </div>
 
+                    </li>
 
+                    <li class="item-content">
 
+                      <div class="item-inner">
 
+                        <div class="item-title">银行到帐</div>
 
+                        <div class="item-after">2016-04-11</div>
 
+                      </div>
 
+                    </li>
 
+                  </ul>
 
+                </div>
 
+                <div class="content-block-title">收款银行</div>
 
+                <div class="list-block">
 
+                  <ul>
 
+                    <li class="item-content">
 
+                      <div class="item-inner">
 
+                        <div class="card-content">
 
+                          <div class="card-content-inner card-content-inner-lnot">
 
+                              广发银行珠海分行柠溪支行
 
+                          </div>
 
+                        </div>
 
+                      </div>
 
+                    </li>
 
+                  </ul>
 
+                </div>
 
+              </div>
 
+            </div>
 
+        </div>
 
+    </div>
 
+
 
+        <script src="js/jquery-1.7.1.min.js"></script>
 
+        <script type="text/javascript">$.noConflict();</script>
 
+        <script type='text/javascript' src='js/sui/zepto.js' charset='utf-8'></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/global.js'></script>
 
+        <script type='text/javascript' src="js/AirDate/datepicker.js"></script>
 
+        <script type='text/javascript' src="js/AirDate/datepicker.zh.js"></script>
 
+  </body>
 
+</html>

+ 105 - 0
invoiceBilingMy.html
查看文件 

@@ -0,0 +1,105 @@
 
+<!DOCTYPE html>
 
+<html>
 
+  <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="format-detection" content="telephone=no" />
 
+    <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/AirDate/datepicker.min.css">
 
+    
+  </head>
 
+  <body>
 
+    <div class="page-group">
 
+        <div class="page page-current">
 
+          <header class="bar bar-nav">
 
+              <h1 class="title holidayTBg">我的收款</h1>
 
+              <a class="button pull-right" href="invoiceBiling.html">收款认领</a>
 
+          </header>
 
+            <nav class="bar bar-tab">
 
+                <a class="tab-item external" href="invoiceMy.html">
 
+                    <!-- <span class="icon icon-edit"></span> -->
 
+                    <span class="tab-label">我的发票</span>
 
+                </a>
 
+                <a class="tab-item external active" href="invoiceBilingMy.html">
 
+                    <!-- <span class="icon icon-me"></span> -->
 
+                    <span class="tab-label">我的收款</span>
 
+                    <span class="badge">2</span>
 
+                </a>
 
+                <a class="tab-item external" href="invoiceApproval.html">
 
+                    <!-- <span class="icon icon-menu"></span> -->
 
+                    <span class="tab-label">发票审批</span>
 
+                </a>
 
+                <a class="tab-item external" href="invoiceAggregate.html">
 
+                    <!-- <span class="icon icon-menu"></span> -->
 
+                    <span class="tab-label">汇总</span>
 
+                </a>
 
+            </nav>
 
+            <div class="content">
 
+              <div class="content-block tabTitleBox">
 
+                <div class="buttons-row">
 
+                  <a href="#tab1" class="tab-link active button tabBtnBig">待入账</a>
 
+                  <a href="#tab2" class="tab-link button tabBtnBig">已入账</a>
 
+                </div>
 
+              </div>
 
+              <div class="tabs">
 
+                <div id="tab1" class="tab active">
 
+                  <div class="content-block pLR-n">
 
+                    <div class="list-block media-list">
 
+                      <ul>
 
+                        <li>
 
+                          <a href="invoiceBilingRecord.html" class="item-link item-content">
 
+                            <div class="item-inner">
 
+                              <div class="item-title-row">
 
+                                <div class="item-title">收款金额【￥3000.00】</div>
 
+                              </div>
 
+                              <div class="item-subtitle">银行帐号信息：张宇</div>
 
+                              <div class="item-text">到账时间：2017-05-18</div>
 
+                            </div>
 
+                          </a>
 
+                        </li>
 
+                      </ul>
 
+                    </div>
 
+                  </div>
 
+                </div>
 
+                <div id="tab2" class="tab">
 
+                  <div class="content-block pLR-n">
 
+                    <div class="list-block media-list">
 
+                      <ul>
 
+                        <li>
 
+                          <a href="invoiceBilingMyDetail.html" class="item-link item-content">
 
+                            <div class="item-inner">
 
+                              <div class="item-title-row">
 
+                                <div class="item-title">收款金额【￥4000.00】</div>
 
+                              </div>
 
+                              <div class="item-subtitle">银行帐号信息：张宇</div>
 
+                              <div class="item-text">到账时间：2017-05-18</div>
 
+                            </div>
 
+                          </a>
 
+                        </li>
 
+                      </ul>
 
+                    </div>
 
+                  </div>
 
+                </div>
 
+              </div>
 
+            </div>
 
+        </div>
 
+    </div>
 
+
 
+        <script src="js/jquery-1.7.1.min.js"></script>
 
+        <script type="text/javascript">$.noConflict();</script>
 
+        <script type='text/javascript' src='js/sui/zepto.js' charset='utf-8'></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/global.js'></script>
 
+        <script type='text/javascript' src="js/AirDate/datepicker.js"></script>
 
+        <script type='text/javascript' src="js/AirDate/datepicker.zh.js"></script>
 
+  </body>
 
+</html>

+ 111 - 0
invoiceBilingMyDetail.html
查看文件 

@@ -0,0 +1,111 @@
 
+<!DOCTYPE html>
 
+<html>
 
+  <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="format-detection" content="telephone=no" />
 
+    <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/AirDate/datepicker.min.css">
 
+    
+  </head>
 
+  <body>
 
+    <div class="page-group">
 
+        <div class="page page-current">
 
+          <header class="bar bar-nav">
 
+            <a class="icon icon-left pull-left" href="invoiceBilingMy.html"></a>
 
+            <h1 class="title holidayTBg">我的收款</h1>
 
+          </header>
 
+            <nav class="bar bar-tab">
 
+                <a class="tab-item external" href="invoiceMy.html">
 
+                    <!-- <span class="icon icon-edit"></span> -->
 
+                    <span class="tab-label">我的发票</span>
 
+                </a>
 
+                <a class="tab-item external active" href="invoiceBilingMy.html">
 
+                    <!-- <span class="icon icon-me"></span> -->
 
+                    <span class="tab-label">我的收款</span>
 
+                    <span class="badge">2</span>
 
+                </a>
 
+                <a class="tab-item external" href="invoiceApproval.html">
 
+                    <!-- <span class="icon icon-menu"></span> -->
 
+                    <span class="tab-label">发票审批</span>
 
+                </a>
 
+                <a class="tab-item external" href="invoiceAggregate.html">
 
+                    <!-- <span class="icon icon-menu"></span> -->
 
+                    <span class="tab-label">汇总</span>
 
+                </a>
 
+            </nav>
 
+            <div class="content">
 
+              <div class="content-block pLR-n">
 
+                <div class="list-block">
 
+                  <ul>
 
+                    <li class="item-content">
 
+                      <div class="item-inner">
 
+                        <div class="item-title">收款流水号</div>
 
+                        <div class="item-after">#SK20160316001</div>
 
+                      </div>
 
+                    </li>
 
+                    <li class="item-content">
 
+                      <div class="item-inner">
 
+                        <div class="item-title">收款金额</div>
 
+                        <div class="item-after">￥3000.00</div>
 
+                      </div>
 
+                    </li>
 
+                    <li class="item-content">
 
+                      <div class="item-inner">
 
+                        <div class="item-title">收款信息</div>
 
+                        <div class="item-after">张宇</div>
 
+                      </div>
 
+                    </li>
 
+                    <li class="item-content">
 
+                      <div class="item-inner">
 
+                        <div class="item-title">收款银行</div>
 
+                        <div class="item-after">广发银行珠海分行柠溪支行</div>
 
+                      </div>
 
+                    </li>
 
+                    <li class="item-content">
 
+                      <div class="item-inner">
 
+                        <div class="item-title">银行到账时间</div>
 
+                        <div class="item-after">2017-05-24</div>
 
+                      </div>
 
+                    </li>
 
+                  </ul>
 
+                </div>
 
+                <div class="list-block">
 
+                  <ul>
 
+                    <li class="item-content">
 
+                      <div class="item-inner">
 
+                        <div class="item-title">开票金额</div>
 
+                        <div class="item-after">￥3000.00</div>
 
+                      </div>
 
+                    </li>
 
+                    <a href="invoiceBilingMyDetailsInvdetail.html" class="item-content item-link">
 
+                      <div class="item-inner">
 
+                        <div class="item-title">开票流水号</div>
 
+                        <div class="item-after">#F20160316001</div>
 
+                      </div>
 
+                    </a>
 
+                  </ul>
 
+                </div>
 
+              </div>
 
+            </div>
 
+        </div>
 
+    </div>
 
+
 
+        <script src="js/jquery-1.7.1.min.js"></script>
 
+        <script type="text/javascript">$.noConflict();</script>
 
+        <script type='text/javascript' src='js/sui/zepto.js' charset='utf-8'></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/global.js'></script>
 
+        <script type='text/javascript' src="js/AirDate/datepicker.js"></script>
 
+        <script type='text/javascript' src="js/AirDate/datepicker.zh.js"></script>
 
+  </body>
 
+</html>

+ 123 - 0
invoiceBilingMyDetailReceive.html
查看文件 

@@ -0,0 +1,123 @@
 
+<!DOCTYPE html>
 
+<html>
 
+  <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="format-detection" content="telephone=no" />
 
+    <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/AirDate/datepicker.min.css">
 
+    
+  </head>
 
+  <body>
 
+    <div class="page-group">
 
+        <div class="page page-current">
 
+          <header class="bar bar-nav">
 
+            <a class="icon icon-left pull-left" href="invoiceBilingMyDetail.html"></a>
 
+            <h1 class="title holidayTBg">我的收款</h1>
 
+          </header>
 
+            <nav class="bar bar-tab">
 
+                <a class="tab-item external" href="invoiceMy.html">
 
+                    <!-- <span class="icon icon-edit"></span> -->
 
+                    <span class="tab-label">我的发票</span>
 
+                </a>
 
+                <a class="tab-item external active" href="invoiceBilingMy.html">
 
+                    <!-- <span class="icon icon-me"></span> -->
 
+                    <span class="tab-label">我的收款</span>
 
+                    <span class="badge">2</span>
 
+                </a>
 
+                <a class="tab-item external" href="invoiceApproval.html">
 
+                    <!-- <span class="icon icon-menu"></span> -->
 
+                    <span class="tab-label">发票审批</span>
 
+                </a>
 
+                <a class="tab-item external" href="invoiceAggregate.html">
 
+                    <!-- <span class="icon icon-menu"></span> -->
 
+                    <span class="tab-label">汇总</span>
 
+                </a>
 
+            </nav>
 
+            <div class="content">
 
+              <div class="content-block pLR-n">
 
+                <div class="list-block">
 
+                  <ul>
 
+                    <li class="item-content">
 
+                      <div class="item-inner">
 
+                        <div class="item-title">收款流水号</div>
 
+                        <div class="item-after">#SK20160316001</div>
 
+                      </div>
 
+                    </li>
 
+                    <li class="item-content">
 
+                      <div class="item-inner">
 
+                        <div class="item-title">录入收款</div>
 
+                        <div class="item-after">张少珊 2015-04-12</div>
 
+                      </div>
 
+                    </li>
 
+                    <li class="item-content">
 
+                      <div class="item-inner">
 
+                        <div class="item-title">收款金额</div>
 
+                        <div class="item-after">￥200000.00</div>
 
+                      </div>
 
+                    </li>
 
+                    <li class="item-content">
 
+                      <div class="item-inner">
 
+                        <div class="item-title">收款信息</div>
 
+                        <div class="item-after">陈宇</div>
 
+                      </div>
 
+                    </li>
 
+                    <li class="item-content">
 
+                      <div class="item-inner">
 
+                        <div class="item-title">银行到帐</div>
 
+                        <div class="item-after">2016-04-11</div>
 
+                      </div>
 
+                    </li>
 
+                  </ul>
 
+                </div>
 
+                <div class="content-block-title">收款银行</div>
 
+                <div class="list-block">
 
+                  <ul>
 
+                    <li class="item-content">
 
+                      <div class="item-inner">
 
+                        <div class="card-content">
 
+                          <div class="card-content-inner card-content-inner-lnot">
 
+                              广发银行珠海分行柠溪支行
 
+                          </div>
 
+                        </div>
 
+                      </div>
 
+                    </li>
 
+                  </ul>
 
+                </div>
 
+                <div class="content-block-title">认领收款</div>
 
+                <div class="list-block">
 
+                  <ul>
 
+                    <li class="item-content">
 
+                      <div class="item-inner">
 
+                        <div class="card-content">
 
+                          <div class="card-content-inner card-content-inner-lnot">
 
+                                蔡频 转入 王丰 2017-05-18
 
+                          </div>
 
+                        </div>
 
+                      </div>
 
+                    </li>
 
+                  </ul>
 
+                </div>
 
+              </div>
 
+            </div>
 
+        </div>
 
+    </div>
 
+
 
+        <script src="js/jquery-1.7.1.min.js"></script>
 
+        <script type="text/javascript">$.noConflict();</script>
 
+        <script type='text/javascript' src='js/sui/zepto.js' charset='utf-8'></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/global.js'></script>
 
+        <script type='text/javascript' src="js/AirDate/datepicker.js"></script>
 
+        <script type='text/javascript' src="js/AirDate/datepicker.zh.js"></script>
 
+  </body>
 
+</html>

+ 180 - 0
invoiceBilingMyDetailsInvdetail.html
查看文件 

@@ -0,0 +1,180 @@
 
+<!DOCTYPE html>
 
+<html>
 
+  <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="format-detection" content="telephone=no" />
 
+    <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/AirDate/datepicker.min.css">
 
+    
+  </head>
 
+  <body>
 
+    <div class="page-group">
 
+        <div class="page page-current">
 
+          <header class="bar bar-nav">
 
+              <a class="icon icon-left pull-left" href="invoiceBilingMyDetail.html"></a>
 
+              <h1 class="title holidayTBg">我的发票</h1>
 
+          </header>
 
+            <nav class="bar bar-tab">
 
+                <a class="tab-item external" href="invoiceMy.html">
 
+                    <!-- <span class="icon icon-edit"></span> -->
 
+                    <span class="tab-label">我的发票</span>
 
+                </a>
 
+                <a class="tab-item external active" href="invoiceBilingMy.html">
 
+                    <!-- <span class="icon icon-me"></span> -->
 
+                    <span class="tab-label">我的收款</span>
 
+                    <span class="badge">2</span>
 
+                </a>
 
+                <a class="tab-item external" href="invoiceApproval.html">
 
+                    <!-- <span class="icon icon-menu"></span> -->
 
+                    <span class="tab-label">发票审批</span>
 
+                </a>
 
+                <a class="tab-item external" href="invoiceAggregate.html">
 
+                    <!-- <span class="icon icon-menu"></span> -->
 
+                    <span class="tab-label">汇总</span>
 
+                </a>
 
+            </nav>
 
+            <div class="content">
 
+              <div class="list-block">
 
+                <ul>
 
+                  <li class="item-content">
 
+                    <div class="item-inner">
 
+                      <div class="item-title">开票流水号</div>
 
+                      <div class="item-after">#F20160316001</div>
 
+                    </div>
 
+                  </li>
 
+                  <li class="item-content">
 
+                    <div class="item-inner">
 
+                      <div class="item-title">提交时间</div>
 
+                      <div class="item-after">2016-03-01</div>
 
+                    </div>
 
+                  </li>
 
+                  <li class="item-content">
 
+                    <div class="item-inner">
 
+                      <div class="item-title">所在办事处</div>
 
+                      <div class="item-after">广东办（刘飞）</div>
 
+                    </div>
 
+                  </li>
 
+                  <li class="item-content">
 
+                    <div class="item-inner">
 
+                      <div class="item-title">备注</div>
 
+                      <div class="item-after"></div>
 
+                    </div>
 
+                  </li>
 
+                  <li class="item-content">
 
+                    <div class="item-inner">
 
+                      <div class="item-title">开票金额</div>
 
+                      <div class="item-after"><b>￥20000.00</b></div>
 
+                    </div>
 
+                  </li>
 
+                  <li class="item-content">
 
+                    <div class="item-inner">
 
+                      <div class="item-title">开票内容</div>
 
+                      <div class="item-after">纵横公路工程造价管理系统V9.0</div>
 
+                    </div>
 
+                  </li>
 
+                </ul>
 
+              </div>
 
+              <div class="content-block-title">增值税普通发票</div>
 
+              <div class="list-block">
 
+                <ul>
 
+                  <li class="item-content">
 
+                    <div class="item-inner">
 
+                      <div class="item-title">发票抬头</div>
 
+                      <div class="item-after">珠海纵横创建软件有限公司</div>
 
+                    </div>
 
+                  </li>
 
+                </ul>
 
+              </div>
 
+              <div class="content-block-title">增值税专用发票</div>
 
+              <div class="list-block">
 
+                <ul>
 
+                  <li class="item-content">
 
+                    <div class="item-inner">
 
+                      <div class="item-title">单位名称</div>
 
+                      <div class="item-after">珠海纵横创建软件有限公司</div>
 
+                    </div>
 
+                  </li>
 
+                  <li class="item-content">
 
+                    <div class="item-inner">
 
+                      <div class="item-title">纳税人识别码</div>
 
+                      <div class="item-after">1212123123123</div>
 
+                    </div>
 
+                  </li>
 
+                  <li class="item-content">
 
+                    <div class="item-inner">
 
+                      <div class="item-title">注册地址</div>
 
+                      <div class="item-after">广东省珠海市香洲区银桦路8号24D</div>
 
+                    </div>
 
+                  </li>
 
+                  <li class="item-content">
 
+                    <div class="item-inner">
 
+                      <div class="item-title">注册电话</div>
 
+                      <div class="item-after">0756-34324</div>
 
+                    </div>
 
+                  </li>
 
+                  <li class="item-content">
 
+                    <div class="item-inner">
 
+                      <div class="item-title">开户银行</div>
 
+                      <div class="item-after">广发银行</div>
 
+                    </div>
 
+                  </li>
 
+                  <li class="item-content">
 
+                    <div class="item-inner">
 
+                      <div class="item-title">银行账户</div>
 
+                      <div class="item-after">234324234</div>
 
+                    </div>
 
+                  </li>
 
+                </ul>
 
+              </div>
 
+              <div class="content-block-title">邮寄信息</div>
 
+              <div class="list-block">
 
+                <ul>
 
+                  <li class="item-content">
 
+                    <div class="item-inner">
 
+                      <div class="item-title">收件人</div>
 
+                      <div class="item-after">陈工</div>
 
+                    </div>
 
+                  </li>
 
+                  <li class="item-content">
 
+                    <div class="item-inner">
 
+                      <div class="item-title">收件人手机/电话</div>
 
+                      <div class="item-after">12345678901</div>
 
+                    </div>
 
+                  </li>
 
+                  <li class="item-content">
 
+                    <div class="item-inner">
 
+                      <div class="item-title">收件地址</div>
 
+                      <div class="item-after">广东省珠海市香洲区银桦路8号24D路XXX号</div>
 
+                    </div>
 
+                  </li>
 
+                  <li class="item-content">
 
+                    <div class="item-inner">
 
+                      <div class="item-title">邮寄物品</div>
 
+                      <div class="item-after">合同x1、锁套装x1</div>
 
+                    </div>
 
+                  </li>
 
+                </ul>
 
+              </div>
 
+            </div>
 
+        </div>
 
+    </div>
 
+
 
+        <script src="js/jquery-1.7.1.min.js"></script>
 
+        <script type="text/javascript">$.noConflict();</script>
 
+        <script type='text/javascript' src='js/sui/zepto.js' charset='utf-8'></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/global.js'></script>
 
+        <script type='text/javascript' src="js/AirDate/datepicker.js"></script>
 
+        <script type='text/javascript' src="js/AirDate/datepicker.zh.js"></script>
 
+  </body>
 
+</html>

+ 95 - 0
invoiceBilingRecord.html
查看文件 

@@ -0,0 +1,95 @@
 
+<!DOCTYPE html>
 
+<html>
 
+  <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="format-detection" content="telephone=no" />
 
+    <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/AirDate/datepicker.min.css">
 
+    
+  </head>
 
+  <body>
 
+    <div class="page-group">
 
+        <div class="page page-current">
 
+          <header class="bar bar-nav">
 
+            <a class="icon icon-left pull-left" href="invoiceBilingMy.html"></a>
 
+            <h1 class="title holidayTBg">我的收款</h1>
 
+          </header>
 
+            <nav class="bar bar-tab">
 
+                <a class="tab-item external" href="invoiceMy.html">
 
+                    <!-- <span class="icon icon-edit"></span> -->
 
+                    <span class="tab-label">我的发票</span>
 
+                </a>
 
+                <a class="tab-item external active" href="invoiceBilingMy.html">
 
+                    <!-- <span class="icon icon-me"></span> -->
 
+                    <span class="tab-label">我的收款</span>
 
+                    <span class="badge">2</span>
 
+                </a>
 
+                <a class="tab-item external" href="invoiceApproval.html">
 
+                    <!-- <span class="icon icon-menu"></span> -->
 
+                    <span class="tab-label">发票审批</span>
 
+                </a>
 
+                <a class="tab-item external" href="invoiceAggregate.html">
 
+                    <!-- <span class="icon icon-menu"></span> -->
 
+                    <span class="tab-label">汇总</span>
 
+                </a>
 
+            </nav>
 
+            <div class="content">
 
+              <div class="content-block pLR-n">
 
+                <div class="list-block">
 
+                  <ul>
 
+                    <li class="item-content">
 
+                      <div class="item-inner">
 
+                        <div class="item-title">收款流水号</div>
 
+                        <div class="item-after">#SK20160316001</div>
 
+                      </div>
 
+                    </li>
 
+                    <li class="item-content">
 
+                      <div class="item-inner">
 
+                        <div class="item-title">收款金额</div>
 
+                        <div class="item-after">￥3000.00</div>
 
+                      </div>
 
+                    </li>
 
+                    <li class="item-content">
 
+                      <div class="item-inner">
 
+                        <div class="item-title">收款信息</div>
 
+                        <div class="item-after">张宇</div>
 
+                      </div>
 
+                    </li>
 
+                    <li class="item-content">
 
+                      <div class="item-inner">
 
+                        <div class="item-title">收款银行</div>
 
+                        <div class="item-after">广发银行珠海分行柠溪支行</div>
 
+                      </div>
 
+                    </li>
 
+                    <li class="item-content">
 
+                      <div class="item-inner">
 
+                        <div class="item-title">银行到账时间</div>
 
+                        <div class="item-after">2017-05-24</div>
 
+                      </div>
 
+                    </li>
 
+                  </ul>
 
+                </div>
 
+              </div>
 
+            </div>
 
+        </div>
 
+    </div>
 
+
 
+        <script src="js/jquery-1.7.1.min.js"></script>
 
+        <script type="text/javascript">$.noConflict();</script>
 
+        <script type='text/javascript' src='js/sui/zepto.js' charset='utf-8'></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/global.js'></script>
 
+        <script type='text/javascript' src="js/AirDate/datepicker.js"></script>
 
+        <script type='text/javascript' src="js/AirDate/datepicker.zh.js"></script>
 
+  </body>
 
+</html>

+ 204 - 0
invoiceMy.html
查看文件 

@@ -0,0 +1,204 @@
 
+<!DOCTYPE html>
 
+<html>
 
+  <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="format-detection" content="telephone=no" />
 
+    <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/AirDate/datepicker.min.css">
 
+    
+  </head>
 
+  <body>
 
+    <div class="page-group">
 
+        <div class="page page-current">
 
+          <header class="bar bar-nav">
 
+              <a class="icon icon-left pull-left" href="#"></a>
 
+              <h1 class="title holidayTBg">我的发票</h1>
 
+              <a class="button pull-right" href="invoiceAdd.html">申请开票</a>
 
+          </header>
 
+            <nav class="bar bar-tab">
 
+                <a class="tab-item external active" href="invoiceMy.html">
 
+                    <!-- <span class="icon icon-edit"></span> -->
 
+                    <span class="tab-label">我的发票</span>
 
+                </a>
 
+                <a class="tab-item external" href="invoiceBilingMy.html">
 
+                    <!-- <span class="icon icon-me"></span> -->
 
+                    <span class="tab-label">我的收款</span>
 
+                    <span class="badge">2</span>
 
+                </a>
 
+                <a class="tab-item external" href="invoiceApproval.html">
 
+                    <!-- <span class="icon icon-menu"></span> -->
 
+                    <span class="tab-label">发票审批</span>
 
+                </a>
 
+                <a class="tab-item external" href="invoiceAggregate.html">
 
+                    <!-- <span class="icon icon-menu"></span> -->
 
+                    <span class="tab-label">汇总</span>
 
+                </a>
 
+            </nav>
 
+            <div class="content">
 
+              <div class="content-block tabTitleBox">
 
+                <div class="buttons-row">
 
+                  <a href="#tab1" class="tab-link active button tabBtnBig">待处理</a>
 
+                  <a href="#tab2" class="tab-link button tabBtnBig">已出票</a>
 
+                </div>
 
+              </div>
 
+              <div class="tabs">
 
+                <div id="tab1" class="tab active">
 
+                  <div class="content-block pLR-n">
 
+                    <div class="list-block media-list">
 
+                      <ul>
 
+                        <li>
 
+                          <a href="invoiceMyDetails.html" class="item-link item-content">
 
+                            <div class="item-inner">
 
+                              <div class="item-title-row">
 
+                                <div class="item-title">开票金额【￥3000.00】</div>
 
+                                <div class="item-after">已退回</div>
 
+                              </div>
 
+                              <div class="item-subtitle">珠海XXXX公司</div>
 
+                              <div class="item-text">处理时间：张少珊 2016-03-03</div>
 
+                            </div>
 
+                          </a>
 
+                        </li>
 
+                      </ul>
 
+                    </div>
 
+                    <div class="list-block media-list">
 
+                      <ul>
 
+                        <li>
 
+                          <a href="invoiceMyDetails3.html" class="item-link item-content">
 
+                            <div class="item-inner">
 
+                              <div class="item-title-row">
 
+                                <div class="item-title">开票金额【￥3000.00】专</div>
 
+                                <div class="item-after">已终止</div>
 
+                              </div>
 
+                              <div class="item-subtitle">珠海XXXX公司</div>
 
+                              <div class="item-text">处理时间：张少珊 2016-03-03</div>
 
+                            </div>
 
+                          </a>
 
+                        </li>
 
+                      </ul>
 
+                    </div>
 
+                    <div class="list-block media-list">
 
+                      <ul>
 
+                        <li>
 
+                          <a href="invoiceMyDetails2.html" class="item-link item-content">
 
+                            <div class="item-inner">
 
+                              <div class="item-title-row">
 
+                                <div class="item-title">开票金额【￥3000.00】</div>
 
+                                <div class="item-after">已退票</div>
 
+                              </div>
 
+                              <div class="item-subtitle">珠海XXXX公司</div>
 
+                              <div class="item-text">处理时间：张少珊 2016-03-03</div>
 
+                            </div>
 
+                          </a>
 
+                        </li>
 
+                      </ul>
 
+                    </div>
 
+                    <div class="list-block media-list">
 
+                      <ul>
 
+                        <li>
 
+                          <a href="invoiceMyDetails2.html" class="item-link item-content">
 
+                            <div class="item-inner">
 
+                              <div class="item-title-row">
 
+                                <div class="item-title">开票金额【￥3000.00】</div>
 
+                                <div class="item-after">审核中</div>
 
+                              </div>
 
+                              <div class="item-subtitle">珠海XXXX公司</div>
 
+                              <div class="item-text">处理时间：张少珊 2016-03-03</div>
 
+                            </div>
 
+                          </a>
 
+                        </li>
 
+                      </ul>
 
+                    </div>
 
+                    <div class="list-block media-list">
 
+                      <ul>
 
+                        <li>
 
+                          <a href="invoiceMyDetails2.html" class="item-link item-content">
 
+                            <div class="item-inner">
 
+                              <div class="item-title-row">
 
+                                <div class="item-title">开票金额【￥3000.00】</div>
 
+                                <div class="item-after">出票中</div>
 
+                              </div>
 
+                              <div class="item-subtitle">珠海XXXX公司</div>
 
+                              <div class="item-text">处理时间：张少珊 2016-03-03</div>
 
+                            </div>
 
+                          </a>
 
+                        </li>
 
+                      </ul>
 
+                    </div>
 
+                    <div class="list-block media-list">
 
+                      <ul>
 
+                        <li>
 
+                          <a href="invoiceMyDetails2.html" class="item-link item-content">
 
+                            <div class="item-inner">
 
+                              <div class="item-title-row">
 
+                                <div class="item-title">开票金额【￥3000.00】</div>
 
+                                <div class="item-after">退票中</div>
 
+                              </div>
 
+                              <div class="item-subtitle">珠海XXXX公司</div>
 
+                              <div class="item-text">处理时间：张少珊 2016-03-03</div>
 
+                            </div>
 
+                          </a>
 
+                        </li>
 
+                      </ul>
 
+                    </div>
 
+                  </div>
 
+                </div>
 
+                <div id="tab2" class="tab">
 
+                  <div class="content-block pLR-n">
 
+                    <div class="list-block media-list">
 
+                      <ul>
 
+                        <li>
 
+                          <a href="invoiceMyDetails1.html" class="item-link item-content">
 
+                            <div class="item-inner">
 
+                              <div class="item-title-row">
 
+                                <div class="item-title">开票金额【￥3000.00】专</div>
 
+                                <div class="item-after">已出票/邮寄</div>
 
+                              </div>
 
+                              <div class="item-subtitle">珠海XXXX公司</div>
 
+                              <div class="item-text">处理时间：张少珊 2016-03-03</div>
 
+                            </div>
 
+                          </a>
 
+                        </li>
 
+                      </ul>
 
+                    </div>
 
+                    <div class="list-block media-list">
 
+                      <ul>
 
+                        <li>
 
+                          <a href="invoiceMyDetails1.html" class="item-link item-content">
 
+                            <div class="item-inner">
 
+                              <div class="item-title-row">
 
+                                <div class="item-title">开票金额【￥3000.00】</div>
 
+                                <div class="item-after">已出票</div>
 
+                              </div>
 
+                              <div class="item-subtitle">珠海XXXX公司</div>
 
+                              <div class="item-text">处理时间：张少珊 2016-03-03</div>
 
+                            </div>
 
+                          </a>
 
+                        </li>
 
+                      </ul>
 
+                    </div>
 
+                  </div>
 
+                </div>
 
+              </div>
 
+            </div>
 
+        </div>
 
+    </div>
 
+
 
+        <script src="js/jquery-1.7.1.min.js"></script>
 
+        <script type="text/javascript">$.noConflict();</script>
 
+        <script type='text/javascript' src='js/sui/zepto.js' charset='utf-8'></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/global.js'></script>
 
+        <script type='text/javascript' src="js/AirDate/datepicker.js"></script>
 
+        <script type='text/javascript' src="js/AirDate/datepicker.zh.js"></script>
 
+  </body>
 
+</html>

+ 229 - 0
invoiceMyDetails.html
查看文件 

@@ -0,0 +1,229 @@
 
+<!DOCTYPE html>
 
+<html>
 
+  <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="format-detection" content="telephone=no" />
 
+    <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/AirDate/datepicker.min.css">
 
+    
+  </head>
 
+  <body>
 
+    <div class="page-group">
 
+        <div class="page page-current">
 
+          <header class="bar bar-nav">
 
+              <a class="icon icon-left pull-left" href="invoiceMy.html"></a>
 
+              <h1 class="title holidayTBg">我的发票</h1>
 
+          </header>
 
+            <nav class="bar bar-tab">
 
+                <a class="tab-item external active" href="invoiceMy.html">
 
+                    <!-- <span class="icon icon-edit"></span> -->
 
+                    <span class="tab-label">我的发票</span>
 
+                </a>
 
+                <a class="tab-item external" href="invoiceBilingMy.html">
 
+                    <!-- <span class="icon icon-me"></span> -->
 
+                    <span class="tab-label">我的收款</span>
 
+                    <span class="badge">2</span>
 
+                </a>
 
+                <a class="tab-item external" href="invoiceApproval.html">
 
+                    <!-- <span class="icon icon-menu"></span> -->
 
+                    <span class="tab-label">发票审批</span>
 
+                </a>
 
+                <a class="tab-item external" href="invoiceAggregate.html">
 
+                    <!-- <span class="icon icon-menu"></span> -->
 
+                    <span class="tab-label">汇总</span>
 
+                </a>
 
+            </nav>
 
+            <div class="bar bar-header-secondary barBig">
 
+              <div class="row" style="overflow: inherit;">
 
+                <div class="col-50"><a href="" class="button button-big button-block button-fill button-danger">终止退票</a></div>
 
+                <div class="col-50"><a href="invoiceMyDetailsForm.html" class="button button-big button-block button-fill button-success">重新提交</a></div>
 
+              </div>
 
+            </div>
 
+            <div class="content">
 
+              <div class="content-block pLR-n">
 
+                <div class="list-block">
 
+                  <ul>
 
+                    <li class="item-content">
 
+                      <div class="item-inner">
 
+                        <div class="item-title">开票金额</div>
 
+                        <div class="item-after"><b>￥20000.00</b></div>
 
+                      </div>
 
+                    </li>
 
+                    <li class="item-content">
 
+                      <div class="item-inner">
 
+                        <div class="item-title">开票流水号</div>
 
+                        <div class="item-after">#F20160316001</div>
 
+                      </div>
 
+                    </li>
 
+                    <li class="item-content">
 
+                      <div class="item-inner">
 
+                        <div class="item-title">状态</div>
 
+                        <div class="item-after">已退回</div>
 
+                      </div>
 
+                    </li>
 
+                    <li class="item-content">
 
+                      <div class="item-inner">
 
+                        <div class="item-title">提交时间</div>
 
+                        <div class="item-after">2016-03-01</div>
 
+                      </div>
 
+                    </li>
 
+                    <li class="item-content">
 
+                      <div class="item-inner">
 
+                        <div class="item-title">所在办事处</div>
 
+                        <div class="item-after">广东办（刘飞）</div>
 
+                      </div>
 
+                    </li>
 
+                    <li class="item-content">
 
+                      <div class="item-inner">
 
+                        <div class="item-title">备注</div>
 
+                        <div class="item-after"></div>
 
+                      </div>
 
+                    </li>
 
+                    <li class="item-content">
 
+                      <div class="item-inner">
 
+                        <div class="item-title">开票内容</div>
 
+                        <div class="item-after">纵横公路工程造价管理系统V9.0</div>
 
+                      </div>
 
+                    </li>
 
+                  </ul>
 
+                </div>
 
+                <div class="content-block-title">增值税普通发票</div>
 
+                <div class="list-block">
 
+                  <ul>
 
+                    <li class="item-content">
 
+                      <div class="item-inner">
 
+                        <div class="item-title">发票抬头</div>
 
+                        <div class="item-after">珠海纵横创建软件有限公司</div>
 
+                      </div>
 
+                    </li>
 
+                  </ul>
 
+                </div>
 
+                <div class="content-block-title">增值税专用发票</div>
 
+                <div class="list-block">
 
+                  <ul>
 
+                    <li class="item-content">
 
+                      <div class="item-inner">
 
+                        <div class="item-title">单位名称</div>
 
+                        <div class="item-after">珠海纵横创建软件有限公司</div>
 
+                      </div>
 
+                    </li>
 
+                    <li class="item-content">
 
+                      <div class="item-inner">
 
+                        <div class="item-title">纳税人识别码</div>
 
+                        <div class="item-after">1212123123123</div>
 
+                      </div>
 
+                    </li>
 
+                    <li class="item-content">
 
+                      <div class="item-inner">
 
+                        <div class="item-title">注册电话</div>
 
+                        <div class="item-after">0756-34324</div>
 
+                      </div>
 
+                    </li>
 
+                    <li class="item-content">
 
+                      <div class="item-inner">
 
+                        <div class="item-title">注册地址</div>
 
+                        <div class="item-after">广东省珠海市广东省珠海市香洲区银桦路8号24D</div>
 
+                      </div>
 
+                    </li>
 
+                    <li class="item-content">
 
+                      <div class="item-inner">
 
+                        <div class="item-title">开户银行</div>
 
+                        <div class="item-after">广发银行</div>
 
+                      </div>
 
+                    </li>
 
+                    <li class="item-content">
 
+                      <div class="item-inner">
 
+                        <div class="item-title">银行账户</div>
 
+                        <div class="item-after">234324234</div>
 
+                      </div>
 
+                    </li>
 
+                  </ul>
 
+                </div>
 
+                <div class="content-block-title">邮寄信息</div>
 
+                <div class="list-block">
 
+                  <ul>
 
+                    <li class="item-content">
 
+                      <div class="item-inner">
 
+                        <div class="item-title">收件人</div>
 
+                        <div class="item-after">陈工</div>
 
+                      </div>
 
+                    </li>
 
+                    <li class="item-content">
 
+                      <div class="item-inner">
 
+                        <div class="item-title">收件人手机/电话</div>
 
+                        <div class="item-after">12345678901</div>
 
+                      </div>
 
+                    </li>
 
+                    <li class="item-content">
 
+                      <div class="item-inner">
 
+                        <div class="item-title">收件地址</div>
 
+                        <div class="item-after">广东省珠海市XXX路XXX号</div>
 
+                      </div>
 
+                    </li>
 
+                    <li class="item-content">
 
+                      <div class="item-inner">
 
+                        <div class="item-title">邮寄物品</div>
 
+                        <div class="item-after">合同x1、锁套装x1</div>
 
+                      </div>
 
+                    </li>
 
+                  </ul>
 
+                </div>
 
+                <div class="content-block-title">审批流程</div>
 
+                <div class="list-block">
 
+                  <ul>
 
+                    <li class="item-content">
 
+                      <div class="item-inner">
 
+                        <div class="item-title">广东办-刘飞</div>
 
+                        <div class="item-after">创建  2016-11-10</div>
 
+                      </div>
 
+                    </li>
 
+                    <li class="item-content">
 
+                      <div class="item-inner">
 
+                        <div class="item-title">广东办-刘飞</div>
 
+                        <div class="item-after">提交审批  2016-11-10</div>
 
+                      </div>
 
+                    </li>
 
+                    <li class="item-content">
 
+                      <div class="item-inner">
 
+                        <div class="item-title">总部-张少珊</div>
 
+                        <div class="item-after">【同意】审批意见文本审批意见文本 2016-11-11</div>
 
+                      </div>
 
+                    </li>
 
+                    <li class="item-content">
 
+                      <div class="item-inner">
 
+                        <div class="item-title">总部-张少珊</div>
 
+                        <div class="item-after">【退回】审批意见文本 2016-11-11</div>
 
+                      </div>
 
+                    </li>
 
+                    <li class="item-content">
 
+                      <div class="item-inner">
 
+                        <div class="item-title">总部-张少珊</div>
 
+                        <div class="item-after">【终止】审批意见文本 2016-11-11</div>
 
+                      </div>
 
+                    </li>
 
+                  </ul>
 
+                </div>
 
+              </div>
 
+            </div>
 
+        </div>
 
+    </div>
 
+
 
+        <script src="js/jquery-1.7.1.min.js"></script>
 
+        <script type="text/javascript">$.noConflict();</script>
 
+        <script type='text/javascript' src='js/sui/zepto.js' charset='utf-8'></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/global.js'></script>
 
+        <script type='text/javascript' src="js/AirDate/datepicker.js"></script>
 
+        <script type='text/javascript' src="js/AirDate/datepicker.zh.js"></script>
 
+  </body>
 
+</html>

+ 250 - 0
invoiceMyDetails1.html
查看文件 

@@ -0,0 +1,250 @@
 
+<!DOCTYPE html>
 
+<html>
 
+  <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="format-detection" content="telephone=no" />
 
+    <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/AirDate/datepicker.min.css">
 
+    
+  </head>
 
+  <body>
 
+    <div class="page-group">
 
+        <div class="page page-current">
 
+          <header class="bar bar-nav">
 
+              <a class="icon icon-left pull-left" href="invoiceMy.html"></a>
 
+              <h1 class="title holidayTBg">我的发票</h1>
 
+          </header>
 
+            <nav class="bar bar-tab">
 
+                <a class="tab-item external active" href="invoiceMy.html">
 
+                    <!-- <span class="icon icon-edit"></span> -->
 
+                    <span class="tab-label">我的发票</span>
 
+                </a>
 
+                <a class="tab-item external" href="invoiceBilingMy.html">
 
+                    <!-- <span class="icon icon-me"></span> -->
 
+                    <span class="tab-label">我的收款</span>
 
+                    <span class="badge">2</span>
 
+                </a>
 
+                <a class="tab-item external" href="invoiceApproval.html">
 
+                    <!-- <span class="icon icon-menu"></span> -->
 
+                    <span class="tab-label">发票审批</span>
 
+                </a>
 
+                <a class="tab-item external" href="invoiceAggregate.html">
 
+                    <!-- <span class="icon icon-menu"></span> -->
 
+                    <span class="tab-label">汇总</span>
 
+                </a>
 
+            </nav>
 
+            <div class="bar bar-header-secondary barBig">
 
+              <div class="row" style="overflow: inherit;">
 
+                <div class="col-100"><a href="" class="button button-big button-block button-fill button-danger">申请退票</a></div>
 
+              </div>
 
+            </div>
 
+            <div class="content">
 
+              <div class="content-block pLR-n">
 
+                <div class="list-block">
 
+                  <ul>
 
+                    <li class="item-content">
 
+                      <div class="item-inner">
 
+                        <div class="item-title">开票金额</div>
 
+                        <div class="item-after"><b>￥20000.00</b></div>
 
+                      </div>
 
+                    </li>
 
+                    <li class="item-content">
 
+                      <div class="item-inner">
 
+                        <div class="item-title">开票流水号</div>
 
+                        <div class="item-after">#F20160316001</div>
 
+                      </div>
 
+                    </li>
 
+                    <li class="item-content">
 
+                      <div class="item-inner">
 
+                        <div class="item-title">状态</div>
 
+                        <div class="item-after">已出票</div>
 
+                      </div>
 
+                    </li>
 
+                    <li class="item-content">
 
+                      <div class="item-inner">
 
+                        <div class="item-title">提交时间</div>
 
+                        <div class="item-after">2016-03-01</div>
 
+                      </div>
 
+                    </li>
 
+                    <li class="item-content">
 
+                      <div class="item-inner">
 
+                        <div class="item-title">所在办事处</div>
 
+                        <div class="item-after">广东办（刘飞）</div>
 
+                      </div>
 
+                    </li>
 
+                    <li class="item-content">
 
+                      <div class="item-inner">
 
+                        <div class="item-title">备注</div>
 
+                        <div class="item-after"></div>
 
+                      </div>
 
+                    </li>
 
+                    <li class="item-content">
 
+                      <div class="item-inner">
 
+                        <div class="item-title">开票内容</div>
 
+                        <div class="item-after">纵横公路工程造价管理系统V9.0</div>
 
+                      </div>
 
+                    </li>
 
+                  </ul>
 
+                </div>
 
+                <div class="content-block-title">增值税普通发票</div>
 
+                <div class="list-block">
 
+                  <ul>
 
+                    <li class="item-content">
 
+                      <div class="item-inner">
 
+                        <div class="item-title">发票抬头</div>
 
+                        <div class="item-after">珠海纵横创建软件有限公司</div>
 
+                      </div>
 
+                    </li>
 
+                  </ul>
 
+                </div>
 
+                <div class="content-block-title">增值税专用发票</div>
 
+                <div class="list-block">
 
+                  <ul>
 
+                    <li class="item-content">
 
+                      <div class="item-inner">
 
+                        <div class="item-title">单位名称</div>
 
+                        <div class="item-after">珠海纵横创建软件有限公司</div>
 
+                      </div>
 
+                    </li>
 
+                    <li class="item-content">
 
+                      <div class="item-inner">
 
+                        <div class="item-title">纳税人识别码</div>
 
+                        <div class="item-after">1212123123123</div>
 
+                      </div>
 
+                    </li>
 
+                    <li class="item-content">
 
+                      <div class="item-inner">
 
+                        <div class="item-title">注册电话</div>
 
+                        <div class="item-after">0756-34324</div>
 
+                      </div>
 
+                    </li>
 
+                    <li class="item-content">
 
+                      <div class="item-inner">
 
+                        <div class="item-title">注册地址</div>
 
+                        <div class="item-after">广东省珠海市广东省珠海市香洲区银桦路8号24D</div>
 
+                      </div>
 
+                    </li>
 
+                    <li class="item-content">
 
+                      <div class="item-inner">
 
+                        <div class="item-title">开户银行</div>
 
+                        <div class="item-after">广发银行</div>
 
+                      </div>
 
+                    </li>
 
+                    <li class="item-content">
 
+                      <div class="item-inner">
 
+                        <div class="item-title">银行账户</div>
 
+                        <div class="item-after">234324234</div>
 
+                      </div>
 
+                    </li>
 
+                  </ul>
 
+                </div>
 
+                <div class="content-block-title">邮寄信息</div>
 
+                <div class="list-block">
 
+                  <ul>
 
+                    <li class="item-content">
 
+                      <div class="item-inner">
 
+                        <div class="item-title">收件人</div>
 
+                        <div class="item-after">陈工</div>
 
+                      </div>
 
+                    </li>
 
+                    <li class="item-content">
 
+                      <div class="item-inner">
 
+                        <div class="item-title">收件人手机/电话</div>
 
+                        <div class="item-after">12345678901</div>
 
+                      </div>
 
+                    </li>
 
+                    <li class="item-content">
 
+                      <div class="item-inner">
 
+                        <div class="item-title">收件地址</div>
 
+                        <div class="item-after">广东省珠海市XXX路XXX号</div>
 
+                      </div>
 
+                    </li>
 
+                    <li class="item-content">
 
+                      <div class="item-inner">
 
+                        <div class="item-title">邮寄物品</div>
 
+                        <div class="item-after">合同x1、锁套装x1</div>
 
+                      </div>
 
+                    </li>
 
+                  </ul>
 
+                </div>
 
+                <div class="content-block-title">实际邮寄信息</div>
 
+                <div class="list-block">
 
+                  <ul>
 
+                    <li class="item-content">
 
+                      <div class="item-inner">
 
+                        <div class="item-title">快递公司</div>
 
+                        <div class="item-after">EMS快递</div>
 
+                      </div>
 
+                    </li>
 
+                    <li class="item-content">
 
+                      <div class="item-inner">
 
+                        <div class="item-title">快递单号</div>
 
+                        <div class="item-after">2323&nbsp;<a href="#">点击查询快递信息</a></div>
 
+                      </div>
 
+                    </li>
 
+                    <li class="item-content">
 
+                      <div class="item-inner">
 
+                        <div class="item-title">邮寄物品</div>
 
+                        <div class="item-after">合同x1、锁套装x1</div>
 
+                      </div>
 
+                    </li>
 
+                  </ul>
 
+                </div>
 
+                <div class="content-block-title">审批流程</div>
 
+                <div class="list-block">
 
+                  <ul>
 
+                    <li class="item-content">
 
+                      <div class="item-inner">
 
+                        <div class="item-title">广东办-刘飞</div>
 
+                        <div class="item-after">创建  2016-11-10</div>
 
+                      </div>
 
+                    </li>
 
+                    <li class="item-content">
 
+                      <div class="item-inner">
 
+                        <div class="item-title">广东办-刘飞</div>
 
+                        <div class="item-after">提交审批  2016-11-10</div>
 
+                      </div>
 
+                    </li>
 
+                    <li class="item-content">
 
+                      <div class="item-inner">
 
+                        <div class="item-title">总部-张少珊</div>
 
+                        <div class="item-after">【同意】审批意见文本审批意见文本 2016-11-11</div>
 
+                      </div>
 
+                    </li>
 
+                    <li class="item-content">
 
+                      <div class="item-inner">
 
+                        <div class="item-title">总部-张少珊</div>
 
+                        <div class="item-after">【退回】审批意见文本 2016-11-11</div>
 
+                      </div>
 
+                    </li>
 
+                    <li class="item-content">
 
+                      <div class="item-inner">
 
+                        <div class="item-title">总部-张少珊</div>
 
+                        <div class="item-after">【终止】审批意见文本 2016-11-11</div>
 
+                      </div>
 
+                    </li>
 
+                  </ul>
 
+                </div>
 
+            </div>
 
+        </div>
 
+    </div>
 
+
 
+        <script src="js/jquery-1.7.1.min.js"></script>
 
+        <script type="text/javascript">$.noConflict();</script>
 
+        <script type='text/javascript' src='js/sui/zepto.js' charset='utf-8'></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/global.js'></script>
 
+        <script type='text/javascript' src="js/AirDate/datepicker.js"></script>
 
+        <script type='text/javascript' src="js/AirDate/datepicker.zh.js"></script>
 
+  </body>
 
+</html>

+ 223 - 0
invoiceMyDetails2.html
查看文件 

@@ -0,0 +1,223 @@
 
+<!DOCTYPE html>
 
+<html>
 
+  <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="format-detection" content="telephone=no" />
 
+    <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/AirDate/datepicker.min.css">
 
+    
+  </head>
 
+  <body>
 
+    <div class="page-group">
 
+        <div class="page page-current">
 
+          <header class="bar bar-nav">
 
+              <a class="icon icon-left pull-left" href="invoiceMy.html"></a>
 
+              <h1 class="title holidayTBg">我的发票</h1>
 
+          </header>
 
+            <nav class="bar bar-tab">
 
+                <a class="tab-item external active" href="invoiceMy.html">
 
+                    <!-- <span class="icon icon-edit"></span> -->
 
+                    <span class="tab-label">我的发票</span>
 
+                </a>
 
+                <a class="tab-item external" href="invoiceBilingMy.html">
 
+                    <!-- <span class="icon icon-me"></span> -->
 
+                    <span class="tab-label">我的收款</span>
 
+                    <span class="badge">2</span>
 
+                </a>
 
+                <a class="tab-item external" href="invoiceApproval.html">
 
+                    <!-- <span class="icon icon-menu"></span> -->
 
+                    <span class="tab-label">发票审批</span>
 
+                </a>
 
+                <a class="tab-item external" href="invoiceAggregate.html">
 
+                    <!-- <span class="icon icon-menu"></span> -->
 
+                    <span class="tab-label">汇总</span>
 
+                </a>
 
+            </nav>
 
+            <div class="content">
 
+              <div class="content-block pLR-n">
 
+                <div class="list-block">
 
+                  <ul>
 
+                    <li class="item-content">
 
+                      <div class="item-inner">
 
+                        <div class="item-title">开票金额</div>
 
+                        <div class="item-after"><b>￥20000.00</b></div>
 
+                      </div>
 
+                    </li>
 
+                    <li class="item-content">
 
+                      <div class="item-inner">
 
+                        <div class="item-title">开票流水号</div>
 
+                        <div class="item-after">#F20160316001</div>
 
+                      </div>
 
+                    </li>
 
+                    <li class="item-content">
 
+                      <div class="item-inner">
 
+                        <div class="item-title">状态</div>
 
+                        <div class="item-after">已退回</div>
 
+                      </div>
 
+                    </li>
 
+                    <li class="item-content">
 
+                      <div class="item-inner">
 
+                        <div class="item-title">提交时间</div>
 
+                        <div class="item-after">2016-03-01</div>
 
+                      </div>
 
+                    </li>
 
+                    <li class="item-content">
 
+                      <div class="item-inner">
 
+                        <div class="item-title">所在办事处</div>
 
+                        <div class="item-after">广东办（刘飞）</div>
 
+                      </div>
 
+                    </li>
 
+                    <li class="item-content">
 
+                      <div class="item-inner">
 
+                        <div class="item-title">备注</div>
 
+                        <div class="item-after"></div>
 
+                      </div>
 
+                    </li>
 
+                    <li class="item-content">
 
+                      <div class="item-inner">
 
+                        <div class="item-title">开票内容</div>
 
+                        <div class="item-after">纵横公路工程造价管理系统V9.0</div>
 
+                      </div>
 
+                    </li>
 
+                  </ul>
 
+                </div>
 
+                <div class="content-block-title">增值税普通发票</div>
 
+                <div class="list-block">
 
+                  <ul>
 
+                    <li class="item-content">
 
+                      <div class="item-inner">
 
+                        <div class="item-title">发票抬头</div>
 
+                        <div class="item-after">珠海纵横创建软件有限公司</div>
 
+                      </div>
 
+                    </li>
 
+                  </ul>
 
+                </div>
 
+                <div class="content-block-title">增值税专用发票</div>
 
+                <div class="list-block">
 
+                  <ul>
 
+                    <li class="item-content">
 
+                      <div class="item-inner">
 
+                        <div class="item-title">单位名称</div>
 
+                        <div class="item-after">珠海纵横创建软件有限公司</div>
 
+                      </div>
 
+                    </li>
 
+                    <li class="item-content">
 
+                      <div class="item-inner">
 
+                        <div class="item-title">纳税人识别码</div>
 
+                        <div class="item-after">1212123123123</div>
 
+                      </div>
 
+                    </li>
 
+                    <li class="item-content">
 
+                      <div class="item-inner">
 
+                        <div class="item-title">注册电话</div>
 
+                        <div class="item-after">0756-34324</div>
 
+                      </div>
 
+                    </li>
 
+                    <li class="item-content">
 
+                      <div class="item-inner">
 
+                        <div class="item-title">注册地址</div>
 
+                        <div class="item-after">广东省珠海市广东省珠海市香洲区银桦路8号24D</div>
 
+                      </div>
 
+                    </li>
 
+                    <li class="item-content">
 
+                      <div class="item-inner">
 
+                        <div class="item-title">开户银行</div>
 
+                        <div class="item-after">广发银行</div>
 
+                      </div>
 
+                    </li>
 
+                    <li class="item-content">
 
+                      <div class="item-inner">
 
+                        <div class="item-title">银行账户</div>
 
+                        <div class="item-after">234324234</div>
 
+                      </div>
 
+                    </li>
 
+                  </ul>
 
+                </div>
 
+                <div class="content-block-title">邮寄信息</div>
 
+                <div class="list-block">
 
+                  <ul>
 
+                    <li class="item-content">
 
+                      <div class="item-inner">
 
+                        <div class="item-title">收件人</div>
 
+                        <div class="item-after">陈工</div>
 
+                      </div>
 
+                    </li>
 
+                    <li class="item-content">
 
+                      <div class="item-inner">
 
+                        <div class="item-title">收件人手机/电话</div>
 
+                        <div class="item-after">12345678901</div>
 
+                      </div>
 
+                    </li>
 
+                    <li class="item-content">
 
+                      <div class="item-inner">
 
+                        <div class="item-title">收件地址</div>
 
+                        <div class="item-after">广东省珠海市XXX路XXX号</div>
 
+                      </div>
 
+                    </li>
 
+                    <li class="item-content">
 
+                      <div class="item-inner">
 
+                        <div class="item-title">邮寄物品</div>
 
+                        <div class="item-after">合同x1、锁套装x1</div>
 
+                      </div>
 
+                    </li>
 
+                  </ul>
 
+                </div>
 
+                <div class="content-block-title">审批流程</div>
 
+                <div class="list-block">
 
+                  <ul>
 
+                    <li class="item-content">
 
+                      <div class="item-inner">
 
+                        <div class="item-title">广东办-刘飞</div>
 
+                        <div class="item-after">创建  2016-11-10</div>
 
+                      </div>
 
+                    </li>
 
+                    <li class="item-content">
 
+                      <div class="item-inner">
 
+                        <div class="item-title">广东办-刘飞</div>
 
+                        <div class="item-after">提交审批  2016-11-10</div>
 
+                      </div>
 
+                    </li>
 
+                    <li class="item-content">
 
+                      <div class="item-inner">
 
+                        <div class="item-title">总部-张少珊</div>
 
+                        <div class="item-after">【同意】审批意见文本审批意见文本 2016-11-11</div>
 
+                      </div>
 
+                    </li>
 
+                    <li class="item-content">
 
+                      <div class="item-inner">
 
+                        <div class="item-title">总部-张少珊</div>
 
+                        <div class="item-after">【退回】审批意见文本 2016-11-11</div>
 
+                      </div>
 
+                    </li>
 
+                    <li class="item-content">
 
+                      <div class="item-inner">
 
+                        <div class="item-title">总部-张少珊</div>
 
+                        <div class="item-after">【终止】审批意见文本 2016-11-11</div>
 
+                      </div>
 
+                    </li>
 
+                  </ul>
 
+                </div>
 
+              </div>
 
+            </div>
 
+        </div>
 
+    </div>
 
+
 
+        <script src="js/jquery-1.7.1.min.js"></script>
 
+        <script type="text/javascript">$.noConflict();</script>
 
+        <script type='text/javascript' src='js/sui/zepto.js' charset='utf-8'></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/global.js'></script>
 
+        <script type='text/javascript' src="js/AirDate/datepicker.js"></script>
 
+        <script type='text/javascript' src="js/AirDate/datepicker.zh.js"></script>
 
+  </body>
 
+</html>

+ 228 - 0
invoiceMyDetails3.html
查看文件 

@@ -0,0 +1,228 @@
 
+<!DOCTYPE html>
 
+<html>
 
+  <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="format-detection" content="telephone=no" />
 
+    <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/AirDate/datepicker.min.css">
 
+    
+  </head>
 
+  <body>
 
+    <div class="page-group">
 
+        <div class="page page-current">
 
+          <header class="bar bar-nav">
 
+              <a class="icon icon-left pull-left" href="invoiceMy.html"></a>
 
+              <h1 class="title holidayTBg">我的发票</h1>
 
+          </header>
 
+            <nav class="bar bar-tab">
 
+                <a class="tab-item external active" href="invoiceMy.html">
 
+                    <!-- <span class="icon icon-edit"></span> -->
 
+                    <span class="tab-label">我的发票</span>
 
+                </a>
 
+                <a class="tab-item external" href="invoiceBilingMy.html">
 
+                    <!-- <span class="icon icon-me"></span> -->
 
+                    <span class="tab-label">我的收款</span>
 
+                    <span class="badge">2</span>
 
+                </a>
 
+                <a class="tab-item external" href="invoiceApproval.html">
 
+                    <!-- <span class="icon icon-menu"></span> -->
 
+                    <span class="tab-label">发票审批</span>
 
+                </a>
 
+                <a class="tab-item external" href="invoiceAggregate.html">
 
+                    <!-- <span class="icon icon-menu"></span> -->
 
+                    <span class="tab-label">汇总</span>
 
+                </a>
 
+            </nav>
 
+            <div class="bar bar-header-secondary barBig">
 
+              <div class="row" style="overflow: inherit;">
 
+                <div class="col-100"><a href="" class="button button-big button-block button-fill button-gray">从待处理移除</a></div>
 
+              </div>
 
+            </div>
 
+            <div class="content">
 
+              <div class="content-block pLR-n">
 
+                <div class="list-block">
 
+                  <ul>
 
+                    <li class="item-content">
 
+                      <div class="item-inner">
 
+                        <div class="item-title">开票金额</div>
 
+                        <div class="item-after"><b>￥20000.00</b></div>
 
+                      </div>
 
+                    </li>
 
+                    <li class="item-content">
 
+                      <div class="item-inner">
 
+                        <div class="item-title">开票流水号</div>
 
+                        <div class="item-after">#F20160316001</div>
 
+                      </div>
 
+                    </li>
 
+                    <li class="item-content">
 
+                      <div class="item-inner">
 
+                        <div class="item-title">状态</div>
 
+                        <div class="item-after">已退回</div>
 
+                      </div>
 
+                    </li>
 
+                    <li class="item-content">
 
+                      <div class="item-inner">
 
+                        <div class="item-title">提交时间</div>
 
+                        <div class="item-after">2016-03-01</div>
 
+                      </div>
 
+                    </li>
 
+                    <li class="item-content">
 
+                      <div class="item-inner">
 
+                        <div class="item-title">所在办事处</div>
 
+                        <div class="item-after">广东办（刘飞）</div>
 
+                      </div>
 
+                    </li>
 
+                    <li class="item-content">
 
+                      <div class="item-inner">
 
+                        <div class="item-title">备注</div>
 
+                        <div class="item-after"></div>
 
+                      </div>
 
+                    </li>
 
+                    <li class="item-content">
 
+                      <div class="item-inner">
 
+                        <div class="item-title">开票内容</div>
 
+                        <div class="item-after">纵横公路工程造价管理系统V9.0</div>
 
+                      </div>
 
+                    </li>
 
+                  </ul>
 
+                </div>
 
+                <div class="content-block-title">增值税普通发票</div>
 
+                <div class="list-block">
 
+                  <ul>
 
+                    <li class="item-content">
 
+                      <div class="item-inner">
 
+                        <div class="item-title">发票抬头</div>
 
+                        <div class="item-after">珠海纵横创建软件有限公司</div>
 
+                      </div>
 
+                    </li>
 
+                  </ul>
 
+                </div>
 
+                <div class="content-block-title">增值税专用发票</div>
 
+                <div class="list-block">
 
+                  <ul>
 
+                    <li class="item-content">
 
+                      <div class="item-inner">
 
+                        <div class="item-title">单位名称</div>
 
+                        <div class="item-after">珠海纵横创建软件有限公司</div>
 
+                      </div>
 
+                    </li>
 
+                    <li class="item-content">
 
+                      <div class="item-inner">
 
+                        <div class="item-title">纳税人识别码</div>
 
+                        <div class="item-after">1212123123123</div>
 
+                      </div>
 
+                    </li>
 
+                    <li class="item-content">
 
+                      <div class="item-inner">
 
+                        <div class="item-title">注册电话</div>
 
+                        <div class="item-after">0756-34324</div>
 
+                      </div>
 
+                    </li>
 
+                    <li class="item-content">
 
+                      <div class="item-inner">
 
+                        <div class="item-title">注册地址</div>
 
+                        <div class="item-after">广东省珠海市广东省珠海市香洲区银桦路8号24D</div>
 
+                      </div>
 
+                    </li>
 
+                    <li class="item-content">
 
+                      <div class="item-inner">
 
+                        <div class="item-title">开户银行</div>
 
+                        <div class="item-after">广发银行</div>
 
+                      </div>
 
+                    </li>
 
+                    <li class="item-content">
 
+                      <div class="item-inner">
 
+                        <div class="item-title">银行账户</div>
 
+                        <div class="item-after">234324234</div>
 
+                      </div>
 
+                    </li>
 
+                  </ul>
 
+                </div>
 
+                <div class="content-block-title">邮寄信息</div>
 
+                <div class="list-block">
 
+                  <ul>
 
+                    <li class="item-content">
 
+                      <div class="item-inner">
 
+                        <div class="item-title">收件人</div>
 
+                        <div class="item-after">陈工</div>
 
+                      </div>
 
+                    </li>
 
+                    <li class="item-content">
 
+                      <div class="item-inner">
 
+                        <div class="item-title">收件人手机/电话</div>
 
+                        <div class="item-after">12345678901</div>
 
+                      </div>
 
+                    </li>
 
+                    <li class="item-content">
 
+                      <div class="item-inner">
 
+                        <div class="item-title">收件地址</div>
 
+                        <div class="item-after">广东省珠海市XXX路XXX号</div>
 
+                      </div>
 
+                    </li>
 
+                    <li class="item-content">
 
+                      <div class="item-inner">
 
+                        <div class="item-title">邮寄物品</div>
 
+                        <div class="item-after">合同x1、锁套装x1</div>
 
+                      </div>
 
+                    </li>
 
+                  </ul>
 
+                </div>
 
+                <div class="content-block-title">审批流程</div>
 
+                <div class="list-block">
 
+                  <ul>
 
+                    <li class="item-content">
 
+                      <div class="item-inner">
 
+                        <div class="item-title">广东办-刘飞</div>
 
+                        <div class="item-after">创建  2016-11-10</div>
 
+                      </div>
 
+                    </li>
 
+                    <li class="item-content">
 
+                      <div class="item-inner">
 
+                        <div class="item-title">广东办-刘飞</div>
 
+                        <div class="item-after">提交审批  2016-11-10</div>
 
+                      </div>
 
+                    </li>
 
+                    <li class="item-content">
 
+                      <div class="item-inner">
 
+                        <div class="item-title">总部-张少珊</div>
 
+                        <div class="item-after">【同意】审批意见文本审批意见文本 2016-11-11</div>
 
+                      </div>
 
+                    </li>
 
+                    <li class="item-content">
 
+                      <div class="item-inner">
 
+                        <div class="item-title">总部-张少珊</div>
 
+                        <div class="item-after">【退回】审批意见文本 2016-11-11</div>
 
+                      </div>
 
+                    </li>
 
+                    <li class="item-content">
 
+                      <div class="item-inner">
 
+                        <div class="item-title">总部-张少珊</div>
 
+                        <div class="item-after">【终止】审批意见文本 2016-11-11</div>
 
+                      </div>
 
+                    </li>
 
+                  </ul>
 
+                </div>
 
+              </div>
 
+            </div>
 
+        </div>
 
+    </div>
 
+
 
+        <script src="js/jquery-1.7.1.min.js"></script>
 
+        <script type="text/javascript">$.noConflict();</script>
 
+        <script type='text/javascript' src='js/sui/zepto.js' charset='utf-8'></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/global.js'></script>
 
+        <script type='text/javascript' src="js/AirDate/datepicker.js"></script>
 
+        <script type='text/javascript' src="js/AirDate/datepicker.zh.js"></script>
 
+  </body>
 
+</html>

+ 285 - 0
invoiceMyDetailsForm.html
查看文件 

@@ -0,0 +1,285 @@
 
+<!DOCTYPE html>
 
+<html>
 
+  <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="format-detection" content="telephone=no" />
 
+    <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/AirDate/datepicker.min.css">
 
+    
+  </head>
 
+  <body>
 
+    <div class="page-group">
 
+        <div class="page page-current">
 
+          <header class="bar bar-nav">
 
+              <a class="icon icon-left pull-left" href="invoiceMyDetails.html"></a>
 
+              <h1 class="title holidayTBg">我的发票</h1>
 
+          </header>
 
+            <nav class="bar bar-tab">
 
+                <a class="tab-item external active" href="invoiceMy.html">
 
+                    <!-- <span class="icon icon-edit"></span> -->
 
+                    <span class="tab-label">我的发票</span>
 
+                </a>
 
+                <a class="tab-item external" href="invoiceBilingMy.html">
 
+                    <!-- <span class="icon icon-me"></span> -->
 
+                    <span class="tab-label">我的收款</span>
 
+                    <span class="badge">2</span>
 
+                </a>
 
+                <a class="tab-item external" href="invoiceApproval.html">
 
+                    <!-- <span class="icon icon-menu"></span> -->
 
+                    <span class="tab-label">发票审批</span>
 
+                </a>
 
+                <a class="tab-item external" href="invoiceAggregate.html">
 
+                    <!-- <span class="icon icon-menu"></span> -->
 
+                    <span class="tab-label">汇总</span>
 
+                </a>
 
+            </nav>
 
+            <div class="bar bar-header-secondary barBig">
 
+              <div class="row" style="overflow: inherit;">
 
+                <div class="col-50"><a href="invoiceMyDetails.html" class="button button-big button-block button-fill button-danger">取消</a></div>
 
+                <div class="col-50"><a href="invoiceMy.html" class="button button-big button-block button-fill button-success">重新审批</a></div>
 
+              </div>
 
+            </div>
 
+            <div class="content">
 
+              <div class="content-block pLR-n">
 
+                <p class="btn-bg bg-Orange">重新提交审批，将由退回人继续审批，无需从头开始审批。</p>
 
+                <div class="list-block">
 
+                  <ul>
 
+                    <li class="item-content">
 
+                      <div class="item-inner">
 
+                        <div class="item-title label">陈特</div>
 
+                        <div class="item-input item-inputLeft">退回意见文本退回意见文本退回意见文本退回意见文本</div>
 
+                      </div>
 
+                    </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" readonly="readonly" id='pickerOffice' placeholder="请选择您的办事处"/>
 
+                        </div>
 
+                      </div>
 
+                    </li>
 
+                    <li class="item-content">
 
+                      <div class="item-inner">
 
+                        <div class="item-title label">备注</div>
 
+                        <div class="item-input">
 
+                          <input type="text" placeholder="">
 
+                        </div>
 
+                      </div>
 
+                    </li>
 
+                    <li class="item-content">
 
+                      <div class="item-inner">
 
+                        <div class="item-title label">备注</div>
 
+                        <div class="item-after">
 
+                          <textarea></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" placeholder="0">
 
+                        </div>
 
+                      </div>
 
+                    </li>
 
+                    <li>
 
+                      <div class="item-content">
 
+                        <div class="item-inner">
 
+                          <div class="item-title label">开票内容</div>
 
+                          <div class="item-input">
 
+                            <input type="text" readonly="readonly" id='pickerInvoice' placeholder="请选择开票内容">
 
+                          </div>
 
+                        </div>
 
+                      </div>
 
+                    </li>
 
+                  </ul>
 
+                </div>
 
+                <div class="list-block">
 
+                  <ul>
 
+                    <li>
 
+                      <div class="item-content">
 
+                        <div class="item-inner">
 
+                          <div class="item-title label">发票类型</div>
 
+                          <div class="item-input">
 
+                            <input type="text" readonly="readonly" class="invoiceType" placeholder="增值税普通发票">
 
+                          </div>
 
+                        </div>
 
+                      </div>
 
+                    </li>
 
+                  </ul>
 
+                </div>
 
+                <div class="list-block">
 
+                  <ul>
 
+                    <li>
 
+                      <div class="item-content align-top">
 
+                        <div class="item-inner">
 
+                          <div class="item-title label">发票抬头</div>
 
+                          <div class="item-input">
 
+                            <textarea></textarea>
 
+                          </div>
 
+                        </div>
 
+                      </div>
 
+                    </li>
 
+                  </ul>
 
+                </div>
 
+                <div class="list-block">
 
+                  <ul>
 
+                    <li>
 
+                      <div class="item-content">
 
+                        <div class="item-inner">
 
+                          <div class="item-title label">发票类型</div>
 
+                          <div class="item-input">
 
+                            <input type="text" readonly="readonly" class="invoiceType" placeholder="增值税专用发票">
 
+                          </div>
 
+                        </div>
 
+                      </div>
 
+                    </li>
 
+                  </ul>
 
+                </div>
 
+                <div class="list-block">
 
+                  <ul>
 
+                    <li>
 
+                      <div class="item-content align-top">
 
+                        <div class="item-inner">
 
+                          <div class="item-title label">单位名称</div>
 
+                          <div class="item-input">
 
+                            <textarea></textarea>
 
+                          </div>
 
+                        </div>
 
+                      </div>
 
+                    </li>
 
+                    <li>
 
+                      <div class="item-content">
 
+                        <div class="item-inner">
 
+                          <div class="item-title label">纳税人识别码</div>
 
+                          <div class="item-input">
 
+                            <input type="text" placeholder="">
 
+                          </div>
 
+                        </div>
 
+                      </div>
 
+                    </li>
 
+                    <li>
 
+                      <div class="item-content align-top">
 
+                        <div class="item-inner">
 
+                          <div class="item-title label">注册地址</div>
 
+                          <div class="item-input">
 
+                            <textarea></textarea>
 
+                          </div>
 
+                        </div>
 
+                      </div>
 
+                    </li>
 
+                    <li>
 
+                      <div class="item-content">
 
+                        <div class="item-inner">
 
+                          <div class="item-title label">注册电话</div>
 
+                          <div class="item-input">
 
+                            <input type="text" placeholder="">
 
+                          </div>
 
+                        </div>
 
+                      </div>
 
+                    </li>
 
+                    <li>
 
+                      <div class="item-content align-top">
 
+                        <div class="item-inner">
 
+                          <div class="item-title label">开户银行</div>
 
+                          <div class="item-input">
 
+                            <textarea></textarea>
 
+                          </div>
 
+                        </div>
 
+                      </div>
 
+                    </li>
 
+                    <li>
 
+                      <div class="item-content">
 
+                        <div class="item-inner">
 
+                          <div class="item-title label">银行账户</div>
 
+                          <div class="item-input">
 
+                            <input type="text" placeholder="">
 
+                          </div>
 
+                        </div>
 
+                      </div>
 
+                    </li>
 
+                  </ul>
 
+                </div>
 
+                <div class="content-block-title">邮寄信息</div>
 
+                <div class="list-block">
 
+                  <ul>
 
+                    <li>
 
+                      <div class="item-content">
 
+                        <div class="item-inner">
 
+                          <div class="item-title label">是否邮寄</div>
 
+                          <div class="item-input">
 
+                            <input type="text" readonly="readonly" class="invoiceMail" placeholder="选择是否邮寄">
 
+                          </div>
 
+                        </div>
 
+                      </div>
 
+                    </li>
 
+                    <li>
 
+                      <div class="item-content">
 
+                        <div class="item-inner">
 
+                          <div class="item-title label">收件人</div>
 
+                          <div class="item-input">
 
+                            <input type="text" placeholder="">
 
+                          </div>
 
+                        </div>
 
+                      </div>
 
+                    </li>
 
+                    <li>
 
+                      <div class="item-content">
 
+                        <div class="item-inner">
 
+                          <div class="item-title label">手机/电话</div>
 
+                          <div class="item-input">
 
+                            <input type="text" placeholder="">
 
+                          </div>
 
+                        </div>
 
+                      </div>
 
+                    </li>
 
+                    <li>
 
+                      <div class="item-content align-top">
 
+                        <div class="item-inner">
 
+                          <div class="item-title label">收件地址</div>
 
+                          <div class="item-input">
 
+                            <textarea></textarea>
 
+                          </div>
 
+                        </div>
 
+                      </div>
 
+                    </li>
 
+                    <li>
 
+                      <div class="item-content align-top">
 
+                        <div class="item-inner">
 
+                          <div class="item-title label">邮寄物品</div>
 
+                          <div class="item-input">
 
+                            <textarea></textarea>
 
+                          </div>
 
+                        </div>
 
+                      </div>
 
+                    </li>
 
+                  </ul>
 
+                </div>
 
+              </div>
 
+            </div>
 
+        </div>
 
+    </div>
 
+
 
+        <script src="js/jquery-1.7.1.min.js"></script>
 
+        <script type="text/javascript">$.noConflict();</script>
 
+        <script type='text/javascript' src='js/sui/zepto.js' charset='utf-8'></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/global.js'></script>
 
+        <script type='text/javascript' src="js/AirDate/datepicker.js"></script>
 
+        <script type='text/javascript' src="js/AirDate/datepicker.zh.js"></script>
 
+  </body>
 
+</html>

+ 135 - 0
invoiceMyExpress.html
查看文件 

@@ -0,0 +1,135 @@
 
+<!DOCTYPE html>
 
+<html>
 
+  <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="format-detection" content="telephone=no" />
 
+    <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/AirDate/datepicker.min.css">
 
+    
+  </head>
 
+  <body>
 
+    <div class="page-group">
 
+        <div class="page page-current">
 
+          <header class="bar bar-nav">
 
+              <a class="icon icon-left pull-left" href="invoiceMyDetails.html"></a>
 
+              <h1 class="title holidayTBg">我的发票</h1>
 
+          </header>
 
+            <nav class="bar bar-tab">
 
+                <a class="tab-item external active" href="invoiceMy.html">
 
+                    <!-- <span class="icon icon-edit"></span> -->
 
+                    <span class="tab-label">我的发票</span>
 
+                </a>
 
+                <a class="tab-item external" href="invoiceBilingMy.html">
 
+                    <!-- <span class="icon icon-me"></span> -->
 
+                    <span class="tab-label">我的收款</span>
 
+                    <span class="badge">2</span>
 
+                </a>
 
+                <a class="tab-item external" href="invoiceApproval.html">
 
+                    <!-- <span class="icon icon-menu"></span> -->
 
+                    <span class="tab-label">发票审批</span>
 
+                </a>
 
+                <a class="tab-item external" href="invoiceAggregate.html">
 
+                    <!-- <span class="icon icon-menu"></span> -->
 
+                    <span class="tab-label">汇总</span>
 
+                </a>
 
+            </nav>
 
+            <div class="content">
 
+              <div class="content-block-title">申请邮寄信息</div>
 
+              <div class="list-block">
 
+                <ul>
 
+                  <li class="item-content">
 
+                    <div class="item-inner">
 
+                      <div class="item-title">收件人</div>
 
+                      <div class="item-after">陈特</div>
 
+                    </div>
 
+                  </li>
 
+                  <li class="item-content">
 
+                    <div class="item-inner">
 
+                      <div class="item-title">收件人手机/电话</div>
 
+                      <div class="item-after">12345678901</div>
 
+                    </div>
 
+                  </li>
 
+                </ul>
 
+              </div>
 
+              <div class="content-block-title">收件地址</div>
 
+              <div class="list-block">
 
+                <ul>
 
+                  <li class="item-content">
 
+                    <div class="item-inner">
 
+                      <div class="card-content">
 
+                        <div class="card-content-inner card-content-inner-lnot">
 
+                            广东省珠海市香洲区银桦路8号24D
 
+                        </div>
 
+                      </div>
 
+                    </div>
 
+                  </li>
 
+                </ul>
 
+              </div>
 
+              <div class="content-block-title">邮寄物品</div>
 
+              <div class="list-block">
 
+                <ul>
 
+                  <li class="item-content">
 
+                    <div class="item-inner">
 
+                      <div class="card-content">
 
+                        <div class="card-content-inner card-content-inner-lnot">
 
+                            发票×1、软件锁套装x1
 
+                        </div>
 
+                      </div>
 
+                    </div>
 
+                  </li>
 
+                </ul>
 
+              </div>
 
+              <div class="content-block-title">实际邮寄信息</div>
 
+              <div class="list-block">
 
+                <ul>
 
+                  <li class="item-content">
 
+                    <div class="item-inner">
 
+                      <div class="item-title">快递公司</div>
 
+                      <div class="item-after">顺丰快递</div>
 
+                    </div>
 
+                  </li>
 
+                  <li class="item-content">
 
+                    <div class="item-inner">
 
+                      <div class="item-title">快递单号</div>
 
+                      <div class="item-after">12345678901</div>
 
+                    </div>
 
+                  </li>
 
+                </ul>
 
+              </div>
 
+              <div class="content-block-title">邮寄物品</div>
 
+              <div class="list-block">
 
+                <ul>
 
+                  <li class="item-content">
 
+                    <div class="item-inner">
 
+                      <div class="card-content">
 
+                        <div class="card-content-inner card-content-inner-lnot">
 
+                            发票×1、软件锁套装x1
 
+                        </div>
 
+                      </div>
 
+                    </div>
 
+                  </li>
 
+                </ul>
 
+              </div>
 
+            </div>
 
+        </div>
 
+    </div>
 
+
 
+        <script src="js/jquery-1.7.1.min.js"></script>
 
+        <script type="text/javascript">$.noConflict();</script>
 
+        <script type='text/javascript' src='js/sui/zepto.js' charset='utf-8'></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/global.js'></script>
 
+        <script type='text/javascript' src="js/AirDate/datepicker.js"></script>
 
+        <script type='text/javascript' src="js/AirDate/datepicker.zh.js"></script>
 
+  </body>
 
+</html>

+ 2 - 1
js/AirDate/datepicker.js
查看文件 

@@ -57,6 +57,7 @@
 
             nextHtml: '<svg><path d="M 14,12 l 5,5 l -5,5"></path></svg>',
 
             navTitles: {
 
                 days: 'MM, <i>yyyy</i>',
 
+                // days: '<i>yyyy</i>, MM',
 
                 months: 'yyyy',
 
                 years: 'yyyy1 - yyyy2'
 
             },
 
@@ -143,7 +144,7 @@
 
 
     datepicker.prototype = {
 
         VERSION: VERSION,
 
-        viewIndexes: ['days', 'months', 'years'],
 
+        viewIndexes: ['days','months', 'years' ],
 
 
         init: function () {
 
             if (!containerBuilt && !this.opts.inline && this.elIsInput) {

+ 19 - 0
js/sui/config.js
查看文件 

@@ -0,0 +1,19 @@
 
+/**
 
+ * 存放对 msui 的 config，需在 zepto 之后 msui 之前加载
 
+ *
 
+ * Created by bd on 15/12/21.
 
+ */
 
+$.config = {
 
+    // 路由功能开关过滤器，返回 false 表示当前点击链接不使用路由
 
+    routerFilter: function($link) {
 
+        // 某个区域的 a 链接不想使用路由功能
 
+        if ($link.is('.buttons-row a')) {
 
+            return false;
 
+        };
 
+        // if ($link.is('.bar a')) {
 
+        //     return false;
 
+        // };
 
+
 
+        return true;
 
+    }
 
+};

+ 216 - 2
js/sui/global.js
查看文件 

@@ -72,6 +72,68 @@ $(function(){
 
       $.actions(groups);
 
   });
 
 
+  $(document).on('click','.create-actionsFuwu', function () {
 
+      var buttons1 = [
 
+        {
 
+          text: '服务方式',
 
+          label: true,
 
+        },
 
+        {
 
+          text: '上门服务',
 
+          bold: true,
 
+        },
 
+        {
 
+          text: '电话拜访',
 
+        },
 
+        {
 
+          text: '其他',
 
+        }
 
+      ];
 
+      var buttons2 = [
 
+        {
 
+          text: '取消',
 
+        }
 
+      ];
 
+      var groups = [buttons1, buttons2];
 
+      $.actions(groups);
 
+  });
 
+
 
+  $(document).on('click','.create-actionsJilu', function () {
 
+      var buttons1 = [
 
+        {
 
+          text: '记录类型',
 
+          label: true,
 
+        },
 
+        {
 
+          text: '借出',
 
+          bold: true,
 
+        },
 
+        {
 
+          text: '销售',
 
+        },
 
+        {
 
+          text: '升级',
 
+        },
 
+        {
 
+          text: '更换',
 
+          bold: true,
 
+        },
 
+        {
 
+          text: '收回',
 
+        },
 
+        {
 
+          text: '备注',
 
+        }
 
+      ];
 
+      var buttons2 = [
 
+        {
 
+          text: '取消',
 
+        }
 
+      ];
 
+      var groups = [buttons1, buttons2];
 
+      $.actions(groups);
 
+  });
 
+
 
   $(".datetime-picker-star").datetimePicker({
 
     value: ['2017', '02', '16', '8', '30']
 
   });
 
@@ -80,6 +142,18 @@ $(function(){
 
     value: ['2017', '02', '16', '18', '00']
 
   });
 
 
+  $(".toast1").on('click',function(e){
 
+    if($(e.target).is('input')){
 
+        return;
 
+      };
 
+    var msg = $(this).children("input[type='checkbox']");
 
+    if (msg.is(':checked')){
 
+      $.toast("您取消上午请假");
 
+    }else{
 
+      $.toast("您选择上午请假");
 
+    };
 
+  });
 
+
 
   $(document).on('click','.confirm-ok', function () {
 
       $.prompt('填写你的审批意见', function (value) {
 
           $.alert('你的审批意见： ' + value );
 
@@ -98,11 +172,91 @@ $(function(){
 
   $(document).on('click','.itemView',function () {
 
         $.alert('审批意见审批意见，审批意见');
 
      });
 
+
 
+  $(document).on("pageInit", "#page-city-picker", function(e) {
 
+    $("#city-picker").cityPicker({
 
+        value: ['广东', '珠海','香洲区']
 
+    });
 
+  });
 
+  $.init();
 
+
 
+  $("#pickerOffice").picker({
 
+    toolbarTemplate: '<header class="bar bar-nav">\
 
+    <button class="button button-link pull-right close-picker">确定</button>\
 
+    <h1 class="title">请选择你的办事处</h1>\
 
+    </header>',
 
+    cols: [
 
+      {
 
+        textAlign: 'center',
 
+        values: ['安徽办', '甘肃办', '广东办', '广西办', '江西办', '四川办', '重庆办', '内蒙办', '浙江办', '山东办', '总部', '云南办', '贵州办']
 
+      }
 
+    ]
 
+  });
 
+
 
+  $("#pickerInvoice").picker({
 
+    toolbarTemplate: '<header class="bar bar-nav">\
 
+    <button class="button button-link pull-right close-picker">确定</button>\
 
+    <h1 class="title">请选择开票内容</h1>\
 
+    </header>',
 
+    cols: [
 
+      {
 
+        textAlign: 'center',
 
+        values: ['纵横公路工程造价管理系统V9.0', '纵横公路造价编审软件V9.0', '纵横公路工程设计数量表算量软件V3.1', '纵横公路工程计量支付决算一体化软件V3.1', '建材在线', '服务费', '培训费', '软件升级费', '软件报表定制费', '技术服务费']
 
+      }
 
+    ]
 
+  });
 
+
 
+  $(document).on('click','.invoiceType', function () {
 
+      var buttons1 = [
 
+        {
 
+          text: '发票类型',
 
+          label: true,
 
+        },
 
+        {
 
+          text: '增值税普通发票 ',
 
+          bold: true,
 
+        },
 
+        {
 
+          text: '增值税专用发票',
 
+        }
 
+      ];
 
+      var buttons2 = [
 
+        {
 
+          text: '取消',
 
+        }
 
+      ];
 
+      var groups = [buttons1, buttons2];
 
+      $.actions(groups);
 
+  });
 
+
 
+  $(document).on('click','.invoiceMail', function () {
 
+      var buttons1 = [
 
+        {
 
+          text: '是否邮寄',
 
+          label: true,
 
+        },
 
+        {
 
+          text: '是 ',
 
+          bold: true,
 
+        },
 
+        {
 
+          text: '否',
 
+        }
 
+      ];
 
+      var buttons2 = [
 
+        {
 
+          text: '取消',
 
+        }
 
+      ];
 
+      var groups = [buttons1, buttons2];
 
+      $.actions(groups);
 
+  });
 
+
 
 });
 
 
 
 $(function(){  
-    var t = $('#myinput'); 
+    var t = $('#myinput');
 
     t.css("color","#A9A9A9");
 
     t.val("请输入内容"); 
     var default_value = t.val(); 
@@ -120,4 +274,64 @@ $(function(){
 
             t.css("color","#A9A9A9");  
         }  
     });  
-});  
+});
 
+
 
+$(function(){  
+    var k = $('#myinput1');
 
+    k.css("color","#A9A9A9");
 
+    k.val("请输入内容"); 
+    var default_value = k.val(); 
+      
+    k.focus(function() { 
+        k.css("color","black");  
+        if (k.val() == default_value) {  
+            k.val('');  
+        }  
+    });  
+    k.blur(function() { 
+        k.css("color","black");  
+        if (k.val() == '') {  
+            k.val(default_value);  
+            k.css("color","#A9A9A9");  
+        }  
+    });  
+});
 
+
 
+$(function(){  
+    var p = $('#myinput2');
 
+    p.css("color","#A9A9A9");
 
+    p.val("请输入内容"); 
+    var default_value = p.val(); 
+      
+    p.focus(function() { 
+        p.css("color","black");  
+        if (p.val() == default_value) {  
+            p.val('');  
+        }  
+    });  
+    p.blur(function() { 
+        p.css("color","black");  
+        if (p.val() == '') {  
+            p.val(default_value);  
+            p.css("color","#A9A9A9");  
+        }  
+    }); 
+
 
+    $(document).on('click','.button-end', function () {
 
+      $.confirm('终止审批', function () {
 
+          $.alert('您终止审批');
 
+      });
 
+    });
 
+    $(document).on('click','.button-return', function () {
 
+      $.confirm('退回审批', function () {
 
+          $.alert('您退回审批');
 
+      });
 
+    });
 
+    $(document).on('click','.button-agree', function () {
 
+      $.confirm('同意审批', function () {
 
+          $.alert('您同意审批');
 
+      });
 
+    });
 
+
 
+
 
+});

+ 228 - 87
lockRecord.html
查看文件 

@@ -1,95 +1,236 @@
 
 <!DOCTYPE html>
 
 <html lang=zh-cn> 
 <head>
 
-	<meta charset=utf-8> 
-	<title>CLD.System</title> 
-	<link rel="shortcut icon" href="images/favicon.ico"> 
-	<meta name="viewport" content="width=device-width,initial-scale=1.0">
 
-	<meta name=copyright content=smartcost.com.cn> 
-	<link rel=stylesheet href=css/global.css>
 
+	<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">
 
-			<legend><a href="lockSearch.html" class="fR">返回搜索</a>在线锁库</legend>
 
-			<div class="clientEntry header clearfix">
 
-				<table>
 
-					<tbody>
 
-						<tr><th>锁号</th><td>HNYH-0555</td></tr>
 
-						<tr><th>产品</th><td>专业版+河南养护</td></tr>
 
-						<tr><th>状态</th><td>总部<a href="">张少珊</a>收回</td></tr>
 
-					</tbody>
 
-				</table>
 
+	<div class="warpContent page-group">
 
+		<div class="page page-current" id='router'>
 
+			<nav class="bar bar-nav bar-standard">
 
+				<a href="lockSearch.html" class="button button-link button-nav pull-left">
 
+			    <span class="icon icon-left"></span>
 
+			    返回
 
+			  </a>
 
+			  <a class="button button-link button-nav pull-right" href="#router1">
 
+			    添加
 
+			  </a>
 
+			  <h1 class="title">在线锁库</h1>
 
+			</nav>
 
+			<div class="content">
 
+				<div class="content-block-title mt-0">
 
+					<h3><b>锁号</b>&nbsp;&nbsp;HNYH-0555</h3>
 
+					<h3><b>产品</b>&nbsp;&nbsp;专业版+河南养护</h3>
 
+					<h3><b>状态</b>&nbsp;&nbsp;总部<a href="#">张少珊</a>收回</h3>
 
+				</div>
 
+			  <div class="list-block cards-list m-0 clientRecord">
 
+			  	<ul>
 
+			  		<li>
 
+			  			<div class="card">
 
+						  	<div class="card-header"><i class="icon iconLock"></i>备注<b class="fR">总部<a href="#">张少珊</a></b></div>
 
+						  	<div class="card-content">
 
+						  		<div class="card-content-inner">
 
+						  			<p>内容</p>
 
+						  		</div>
 
+						  	</div>
 
+						  	<div class="card-footer">2013-9-01</div>
 
+						  </div>
 
+			  		</li>
 
+			  		<li>
 
+			  			<div class="card">
 
+						  	<div class="card-header"><i class="icon iconRecycle"></i>回收<b class="fR">+ 总部<a href="#">张少珊</a></b></div>
 
+						  	<div class="card-content">
 
+						  		<div class="card-content-inner">
 
+						  			<p>广东办<a href="#">刘飞</a></p>
 
+						  		</div>
 
+						  	</div>
 
+						  	<div class="card-footer">2013-8-25</div>
 
+						  </div>
 
+			  		</li>
 
+			  		<li>
 
+			  			<div class="card">
 
+						  	<div class="card-header"><i class="icon iconReplace"></i>更换<b class="fR">广东办<a href="#">刘飞</a></b></div>
 
+						  	<div class="card-content">
 
+						  		<div class="card-content-inner">
 
+						  			<p><a href="#">ASDS-231</a></p>
 
+						  			<p><a href="#">客户名</a></p>
 
+						  		</div>
 
+						  	</div>
 
+						  	<div class="card-footer">2013-8-20</div>
 
+						  </div>
 
+			  		</li>
 
+			  		<li>
 
+			  			<div class="card">
 
+						  	<div class="card-header"><i class="icon iconUpdate"></i>升级<b class="fR">广东办<a href="#">刘飞</a></b></div>
 
+						  	<div class="card-content">
 
+						  		<div class="card-content-inner">
 
+						  			<p>+河南养护</p>
 
+						  			<p><a href="#">客户名</a></p>
 
+						  		</div>
 
+						  	</div>
 
+						  	<div class="card-footer">2013-8-18</div>
 
+						  </div>
 
+			  		</li>
 
+			  		<li>
 
+			  			<div class="card">
 
+						  	<div class="card-header"><i class="icon iconSell"></i>销售<b class="fR">广东办<a href="#">刘飞</a></b></div>
 
+						  	<div class="card-content">
 
+						  		<div class="card-content-inner">
 
+						  			<p>专业版</p>
 
+						  			<p><a href="#">客户名</a></p>
 
+						  		</div>
 
+						  	</div>
 
+						  	<div class="card-footer">2013-8-15</div>
 
+						  </div>
 
+			  		</li>
 
+			  		<li>
 
+			  			<div class="card">
 
+						  	<div class="card-header"><i class="icon iconSell"></i>借出<b class="fR">广东办<a href="#">刘飞</a></b></div>
 
+						  	<div class="card-content">
 
+						  		<div class="card-content-inner">
 
+						  			<p>专业版</p>
 
+						  			<p><a href="#">客户名</a></p>
 
+						  		</div>
 
+						  	</div>
 
+						  	<div class="card-footer">2013-8-12</div>
 
+						  </div>
 
+			  		</li>
 
+			  		<li>
 
+			  			<div class="card">
 
+						  	<div class="card-header"><i class="icon iconReceive"></i>接收<b class="fR">广东办<a href="#">刘飞</a></b></div>
 
+						  	<div class="card-content">
 
+						  		<div class="card-content-inner">
 
+						  			<p>内容</p>
 
+						  		</div>
 
+						  	</div>
 
+						  	<div class="card-footer">2013-7-27</div>
 
+						  </div>
 
+			  		</li>
 
+			  		<li>
 
+			  			<div class="card">
 
+						  	<div class="card-header"><i class="icon iconGenerate"></i>生成<b class="fR">总部<a href="#">王晶</a></b></div>
 
+						  	<div class="card-content">
 
+						  		<div class="card-content-inner">
 
+						  			<p>内容</p>
 
+						  		</div>
 
+						  	</div>
 
+						  	<div class="card-footer">2013-7-25</div>
 
+						  </div>
 
+			  		</li>
 
+			  	</ul>
 
+			  </div>
 
 			</div>
 
-			<div class="recordEntry clearfix">
 
-				<a href="#" class="button">添加记录</a>
 
-			</div>
 
-			<div class="recordEntry">
 
-				<ul>
 
-					<li>2013-9-01</li>
 
-					<li><i  class="icon iconLock"></i></a>备注</li>
 
-					<li>总部<a href="#">张少珊</a></li>
 
-					<li>
 
-						内容
 
-					</li>
 
-				<ul>
 
-			</div>
 
-			<div class="recordEntry">
 
-				<ul>
 
-					<li><i  class="icon iconRecycle"></i>收回</li>
 
-					<li>2013-8-25</li>
 
-					<li>+总部<a href="#">张少珊</a></li>
 
-					<li>广东办<a href="#">刘飞</a></li>
 
-				<ul>
 
-			</div>
 
-			<div class="recordEntry">
 
-				<ul>
 
-					<li><i class="icon iconReplace"></i>更换</li>
 
-					<li>2013-8-20</li>
 
-					<li>广东办<a href="#">刘飞</a></li>
 
-					<li><a>ASDS-231</a></li>
 
-					<li><a>客户名</a></li>
 
-				<ul>
 
-			</div>
 
-			<div class="recordEntry">
 
-				<ul>
 
-					<li><i class="icon iconUpdate"></i>升级</li>
 
-					<li>2013-8-18</li>
 
-					<li>广东办<a href="#">刘飞</a></li>
 
-					<li>+河南养护</li>
 
-					<li><a>客户名</a></li>
 
-				<ul>
 
-			</div>
 
-			<div class="recordEntry">
 
-				<ul>
 
-					<li><i class="icon iconSell"></i>销售</li>
 
-					<li>2013-8-15</li>
 
-					<li>广东办<a href="#">刘飞</a></li>
 
-					<li>专业版</li>
 
-					<li><a>客户名</a></li>
 
-				<ul>
 
-			</div>
 
-			<div class="recordEntry">
 
-				<ul>
 
-					<li><i class="icon iconBorrow"></i>借出</li>
 
-					<li>2013-8-12</li>
 
-					<li>广东办<a href="#">刘飞</a></li>
 
-					<li>专业版</li>
 
-					<li><a>客户名</a></li>
 
-				<ul>
 
-			</div>
 
-			<div class="recordEntry">
 
-				<ul>
 
-					<li><i class="icon iconReceive"></i>接收</li>
 
-					<li>2013-7-27</li>
 
-					<li>广东办<a href="#">刘飞</a></li>
 
-				<ul>
 
-			</div>
 
-			<div class="recordEntry">
 
-				<ul>
 
-					<li><i class="icon iconGenerate"></i>生成</li>
 
-					<li>2013-7-25</li>
 
-					<li>总部<a href="#">王晶</a></li>
 
-				<ul>
 
+		</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>
 
+				<h1 class='title'>添加锁记录</h1>
 
+			</header>
 
+			<div class="content">				
+				<div class="list-block">
 
+					<div class="card m-0">
 
+				    <div class="card-content">
 
+				      <div class="card-content-inner">
 
+				      	<h3><b>锁号</b>&nbsp;&nbsp;HNYH-0555</h3>
 
+								<h3><b>产品</b>&nbsp;&nbsp;专业版+河南养护</h3>
 
+								<h3><b>状态</b>&nbsp;&nbsp;总部<a href="#">张少珊</a>收回</h3>
 
+				      </div>
 
+				    </div>
 
+				  </div>
 
+					<ul>
 
+						<li>
 
+							<div class="item-content create-actionsJilu">
 
+								<div class="item-inner">
 
+									<div class="item-title label">记录类型</div>
 
+									<div class="item-input">
 
+										<input type="text" placeholder="选择记录类型">
 
+									</div>
 
+								</div>
 
+							</div>
 
+						</li>
 
+						<li>
 
+							<div class="item-content">
 
+								<div class="item-inner">
 
+									<div class="item-title label">借出客户</div>
 
+									<div class="item-input">
 
+										<input type="text" placeholder="借出客户名称">
 
+									</div>
 
+								</div>
 
+							</div>
 
+						</li>
 
+						<li>
 
+							<div class="item-content">
 
+								<div class="item-inner">
 
+									<div class="item-title label">销售客户</div>
 
+									<div class="item-input">
 
+										<input type="text" placeholder="销售客户名称">
 
+									</div>
 
+								</div>
 
+							</div>
 
+						</li>
 
+						<li>
 
+							<div class="item-content create-actionsChanpin">
 
+								<div class="item-inner">
 
+									<div class="item-title label">新增产品</div>
 
+									<div class="item-input">
 
+										<select>
 
+											<option>河南养护</option>
 
+										</select>
 
+									</div>
 
+								</div>
 
+							</div>
 
+						</li>
 
+						<li>
 
+							<div class="item-content">
 
+								<div class="item-inner">
 
+									<div class="item-title label">新锁号</div>
 
+									<div class="item-input">
 
+										<input type="text" placeholder="新锁号名称">
 
+									</div>
 
+								</div>
 
+							</div>
 
+						</li>
 
+						<li>
 
+							<div class="item-content">
 
+								<div class="item-inner">
 
+									<div class="item-title label">备注</div>
 
+									<div class="item-input">
 
+										<textarea class="myinput" id="myinput"></textarea>
 
+									</div>
 
+								</div>
 
+							</div>
 
+						</li>
 
+					</ul>
 
+				</div>
 
+				<div class="content-block">
 
+					<div class="row">
 
+						<div class="col-50"><a href="#" class="button button-big button-fill button-danger">取消</a></div>
 
+						<div class="col-50"><a href="#" class="button button-big button-fill button-success">提交</a></div>
 
+					</div>
 
+				</div>
 
 			</div>
 
+		</div>
 
 	</div>
 
-</body>
 
+
 
+	<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/global.js'></script>
 
+</body>
 
+</html>

+ 12 - 15
lockSearch.html
查看文件 

@@ -16,22 +16,21 @@
 
 <body>
 
 	<div class="page-group">
 
 		<header class="bar bar-nav">
 
-			<button class="button button-link button-nav pull-left">
 
-		    <a href="mainIndex.html">
 
-		    	<span class="icon icon-left"></span>
 
-		    	返回
 
-		    </a>
 
-		  </button>
 
-			<h1 class="title">在线锁库</h1>
 
+			<a class="icon icon-left pull-left" href="mainIndex.html"></a>
 
+		  <h1 class='title'>在线锁库搜索</h1>
 
 		</header>
 
 		<div class="content">
 
-			<div class="content-padded">
 
-				<div class="searchbar row">
 
-					<div class="search-input col-80">
 
-						<label class="icon icon-search" for="search"></label>
 
-						<input type="search" id='search' placeholder='输入锁号'/>
 
+			<div class="content-padded contentSearch">
 
+				<div class="searchbar row" style="margin-top:20%;">
 
+					<div class="searchImg">
 
+						<img src="images/favicon.ico">
 
+						<!-- <b>在线锁库搜索</b> -->
 
 					</div>
 
-					<a class="button button-fill button-primary col-20">搜索</a>
 
+					<div class="search-input col-80">
 
+			      <label class="icon icon-search" for="search"></label>
 
+			      <input type="search" id='search' placeholder='输入锁号'/>
 
+			    </div>
 
+			    <a href="lockSearchResult.html" class="button button-fill button-primary col-20">搜索</a>
 
 				</div>
 
 			</div>
 
 		</div>
 
@@ -40,6 +39,4 @@
 
 	<script type='text/javascript' src='js/sui/zepto.js' charset='utf-8'></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/global.js'></script>
 
-
 
 </body>

+ 59 - 28
lockSearchResult.html
查看文件 

@@ -1,36 +1,67 @@
 
 <!DOCTYPE html>
 
 <html lang=zh-cn> 
 <head>
 
-	<meta charset=utf-8> 
-	<title>CLD.System</title> 
-	<link rel="shortcut icon" href="images/favicon.ico"> 
-	<meta name="viewport" content="width=device-width,initial-scale=1.0">
 
-	<meta name=copyright content=smartcost.com.cn> 
-	<link rel=stylesheet href=css/global.css>
 
+	<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">
 
-			<legend><a href="lockSearch.html" class="fR">返回搜索</a>在线锁库</legend>
 
-			<div class="control-group">
 
-			    搜索“<span class="colRed">	HNYH-055</span>”结果 <span class="colRed">2</span> 条符合
 
-			</div>
 
-			<div class="clientList">
 
-				<div class="clientEntry searchResult">
 
-					<p><a href="lockRecord.html">	HNYH-0555</a> / 销售</p>
 
-					<p class="">全国标准</p>
 
-					<p class="">总部</p>
 
-					<p class="">客户：<a>张小娇</a></p>
 
-				</div>
 
-				<div class="clientEntry searchResult">
 
-					<p><a href="lockRecord.html">	HNYH-0556</a> / 销售</p>
 
-					<p class="">全国标准</p>
 
-					<p class="">总部</p>
 
-					<p class="">客户：<a>金存领</a></p>
 
+	<div class="warpContent page-group">
 
+		<div class="page page-current">
 
+			<nav class="bar bar-nav bar-standard">
 
+				<a href="lockSearch.html" class="button button-link button-nav pull-left">
 
+			    <span class="icon icon-left"></span>
 
+			    返回
 
+			  </a>
 
+			  <!-- <a href="clientDetailEdit.html" class="button button-link button-nav pull-right">
 
+			    编辑
 
+			  </a> -->
 
+			  <h1 class="title">在线锁库</h1>
 
+			</nav>
 
+			<div class="content">
 
+				<div class="content-block-title">搜索“<b>HNYH-055</b>”结果<b> 2 </b>条符合</div>
 
+				<div class="list-block cards-list">
 
+					<ul>
 
+						<li class="card">
 
+							<div class="card-header"><a href="#">HNYH-0555</a> 销售</div>
 
+							<div class="car-content">
 
+								<div class="card-content-inner">
 
+									<p>全国标准</p>
 
+									<p>总部</p>
 
+								</div>
 
+							</div>
 
+							<div class="card-footer">客户<a href="#">张小娇</a></div>
 
+						</li>
 
+						<li class="card">
 
+							<div class="card-header"><a href="#">HNYH-0556</a> 销售</div>
 
+							<div class="car-content">
 
+								<div class="card-content-inner">
 
+									<p>全国标准</p>
 
+									<p>总部</p>
 
+								</div>
 
+							</div>
 
+							<div class="card-footer">客户<a href="#">金存领</a></div>
 
+						</li>
 
+					</ul>
 
 				</div>
 
 			</div>
 
-			<div class="pageNav">
 
-				<span class="inactivePrev">《</span><a class="current" href="javascript:void(0);">1</a>
 
-				<a class="paginate" href="/index/0/0/0/2">2</a><a class="next" href="/index/0/0/0/2">》</a>
 
-			</div>
 
+		</div>
 
 	</div>
 
-</body>
 
+
 
+	<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/global.js'></script>
 
+</body>
 
+</html>

+ 65 - 12
mainIndex.html
查看文件 

@@ -1,19 +1,72 @@
 
 <!DOCTYPE html>
 
 <html lang=zh-cn> 
 <head>
 
-	<meta charset=utf-8> 
-	<title>CLD.System</title> 
-	<link rel="shortcut icon" href="images/favicon.ico"> 
-	<meta name="viewport" content="width=device-width,initial-scale=1.0">
 
-	<meta name=copyright content=smartcost.com.cn> 
-	<link rel=stylesheet href=css/global.css>
 
+	<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">
 
-			<legend>Hi，陈特</legend>
 
-			<div class="indexNav">
 
-              <a href="clientSearch.html">通讯录</a>
 
-              <a href="lockSearch.html">在线锁库</a>
 
-		    </div>
 
+	<div class="warpContent page-group">
 
+		<header class="bar bar-nav">
 
+		  <h1 class='title'>首页</h1>
 
+		</header>
 
+		<div class="content">
 
+			<div class="list-block media-list m-0">
 
+				<ul>
 
+					<li class="item-content">
 
+						<div class="item-media"><img class="avatarImg" src="images/avatarImg.jpg"></div>
 
+						<div class="item-inner">
 
+							<div class="item-title-row">
 
+								<div class="item-title"><b>欧桃珍</b></div>
 
+							</div>
 
+							<div class="item-subtitle">欢迎使用CLD.System 1.3移动版</div>
 
+						</div>
 
+					</li>
 
+				</ul>
 
+			</div>
 
+			<div class="list-block cards-list">
 
+				<ul>
 
+					<li class="card mlr-0">
 
+						<a href="clientSearch.html" class="item-link item-content">
 
+							<!-- <div class="item-media"><i class="icon icon-f7"></i></div> -->
 
+							<div class="item-inner itemBinner">
 
+								<div class="item-title">通讯录</div>
 
+							</div>
 
+						</a>
 
+					</li>
 
+					<li class="card mlr-0">
 
+						<a href="lockSearch.html" class="item-link item-content">
 
+							<!-- <div class="item-media"><i class="icon icon-f7"></i></div> -->
 
+							<div class="item-inner itemBinner">
 
+								<div class="item-title">在线锁库</div>
 
+							</div>
 
+						</a>
 
+					</li>
 
+					<li class="card mlr-0">
 
+						<a href="holidayIndexDetail.html" class="item-link item-content">
 
+							<!-- <div class="item-media"><i class="icon icon-f7"></i></div> -->
 
+							<div class="item-inner itemBinner">
 
+								<div class="item-title">请假条</div>
 
+							</div>
 
+						</a>
 
+					</li>
 
+				</ul>
 
+			</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>
 
 </body>