Chente пре 10 година
комит
5aee34712c
100 измењених фајлова са 14904 додато и 0 уклоњено
  1. 64 0
      admin-addlock.html
  2. 61 0
      admin-admininfo.html
  3. 73 0
      admin-demand-develop.html
  4. 81 0
      admin-demand-library.html
  5. 115 0
      admin-demand.html
  6. 85 0
      admin-group.html
  7. 106 0
      admin-myinfo.html
  8. 85 0
      admin-product.html
  9. 200 0
      admin-reportGroup.html
  10. 122 0
      admin-user-edit.html
  11. 101 0
      admin-user.html
  12. 44 0
      app.html
  13. 266 0
      contacts-addNew.html
  14. 126 0
      contacts-change-company.html
  15. 592 0
      contacts-client.html
  16. 125 0
      contacts-company-add.html
  17. 115 0
      contacts-company-edit.html
  18. 224 0
      contacts-company.html
  19. 124 0
      contacts-edit.html
  20. 686 0
      contacts-group.html
  21. 417 0
      contacts-lock.html
  22. 312 0
      contacts-staff.html
  23. BIN
      css/Thumbs.db
  24. BIN
      css/ZHcldSystem (1).zip
  25. 5 0
      css/ZHcldSystem/Read Me.txt
  26. 165 0
      css/ZHcldSystem/demo-files/demo.css
  27. 30 0
      css/ZHcldSystem/demo-files/demo.js
  28. 726 0
      css/ZHcldSystem/demo.html
  29. BIN
      css/ZHcldSystem/fonts/ZHcldSystem.eot
  30. 52 0
      css/ZHcldSystem/fonts/ZHcldSystem.svg
  31. BIN
      css/ZHcldSystem/fonts/ZHcldSystem.ttf
  32. BIN
      css/ZHcldSystem/fonts/ZHcldSystem.woff
  33. 1043 0
      css/ZHcldSystem/selection.json
  34. 151 0
      css/ZHcldSystem/style.css
  35. BIN
      css/appbg.jpg
  36. BIN
      css/appphone.png
  37. BIN
      css/bg_program_list.png
  38. BIN
      css/blackbg.png
  39. BIN
      css/checkmark.png
  40. BIN
      css/female.png
  41. BIN
      css/femaleicon.png
  42. BIN
      css/femaleicon1.png
  43. 91 0
      css/fixedheadertable.css
  44. BIN
      css/fonts/ZHcldSystem.eot
  45. 52 0
      css/fonts/ZHcldSystem.svg
  46. BIN
      css/fonts/ZHcldSystem.ttf
  47. BIN
      css/fonts/ZHcldSystem.woff
  48. 3337 0
      css/global.css
  49. 155 0
      css/global.min.css
  50. BIN
      css/groupDot.png
  51. BIN
      css/headerbg.png
  52. BIN
      css/infocentericon.png
  53. BIN
      css/layerBg.png
  54. BIN
      css/loginbg.jpg
  55. BIN
      css/loginbg4.jpg
  56. BIN
      css/male.png
  57. BIN
      css/mustache2.png
  58. BIN
      css/qrcode.png
  59. BIN
      css/replyArrow.png
  60. BIN
      css/right-quote.png
  61. BIN
      css/saeaSeal.png
  62. BIN
      css/searchtipsimg.png
  63. BIN
      css/slidebg.png
  64. BIN
      css/smsphonebg.png
  65. BIN
      css/sortAddupIcon.png
  66. BIN
      css/static.gif
  67. BIN
      css/timeline_hline.png
  68. BIN
      css/timeline_hline2.png
  69. BIN
      css/weixin.png
  70. 90 0
      demand-add.html
  71. 98 0
      demand-develop-content-edit.html
  72. 413 0
      demand-develop-content.html
  73. 112 0
      demand-develop-search.html
  74. 122 0
      demand-develop.html
  75. 275 0
      demand-index.html
  76. 103 0
      demand-library-cate-content-edit.html
  77. 436 0
      demand-library-cate-content.html
  78. 122 0
      demand-library-cate-search.html
  79. 120 0
      demand-library-cate.html
  80. 92 0
      demand-library-search.html
  81. 216 0
      demand-library.html
  82. 143 0
      demand-list-todevelop.html
  83. 148 0
      demand-list-tolibrary.html
  84. 614 0
      demand-list.html
  85. 550 0
      demand-my-tab.html
  86. 555 0
      demand-my.html
  87. 544 0
      demand-tab-list.html
  88. 220 0
      demand-tab.html
  89. BIN
      images/03_Waterfall_x.mp4
  90. BIN
      images/04_picnic_x.mp4
  91. BIN
      images/13_nature_l.mp4
  92. BIN
      images/Thumbs.db
  93. BIN
      images/avatar-1.png
  94. BIN
      images/avatar-2.png
  95. BIN
      images/avatar-3.png
  96. BIN
      images/avatar-4.png
  97. BIN
      images/avatar-5.png
  98. BIN
      images/avatar-6.png
  99. BIN
      images/avatar_15_2.jpg
  100. 0 0
      images/avatar_2_2.jpg

+ 64 - 0
admin-addlock.html

@@ -0,0 +1,64 @@
+<!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=copyright content=smartcost.com.cn> 
+	<link rel=stylesheet href=css/global.css> 
+	<script src=js/jquery-1.7.1.min.js></script> 
+	<script src=js/global.js></script>
+</head>
+<body>
+	<div class="mainLayout">
+		<div class="mainMenu">
+			<div class="menuItem">
+				<a href="#" class="mLogo">CLD</a>
+				<ul>
+					<li data-placement="right" data-toggle="ctooltip" data-original-title="信息中心" class="topLine"><a href="#" class="icon-" >B</a></li>
+					<li data-placement="right" data-toggle="ctooltip" data-original-title="通讯录"><a href="#" class="icon-">A</a></li>
+					<li data-placement="right" data-toggle="ctooltip" data-original-title="在线锁库"><a href="#" class="icon- selected">C</a></li>
+					<li data-placement="right" data-toggle="ctooltip" data-original-title="日程表"><a href="#" class="icon-">X</a></li>
+					<li data-placement="right" data-toggle="ctooltip" data-original-title="开发需求" class="topLine"><a href="#" class="icon-">V</a></li>
+					<li data-placement="right" data-toggle="ctooltip" data-original-title="邮件推广"><a href="#" class="icon- ">Z</a></li>
+					<li data-placement="right" data-toggle="ctooltip" data-original-title="报销单"><a href="#" class="icon-">U</a></li>
+					<li data-placement="right" data-toggle="ctooltip" data-original-title="物品申请"><a href="#" class="icon-">W</a></li>
+					<li data-placement="right" data-toggle="ctooltip" data-original-title="APP" class="topLine"><a href="#" class="icon-">Y</a></li>
+					<li data-placement="right" data-toggle="ctooltip" data-original-title="个人设置"><a href="#" class="icon-">F</a></li>
+					<li data-placement="right" data-toggle="ctooltip" data-original-title="退出系统"><a href="#" class="icon-">G</a></li>
+				</ul>
+			</div>
+		</div>
+		<div class="warpContent">
+			<div class="contactTab">
+				<a class="now" href="#">公共锁库</a>
+				<div class="searchItem"><input type="text" placeholder="输入锁号进行搜索"><input type="button" class="subBtn" value="搜索"><input value="新锁" class="subBtn add" type="button" onclick="javascrtpt:window.location.href='admin-addlock.html'"></div>
+			</div>
+			<div class="adminContent autoHeightL1">
+			    <form>
+		            <legend>批量生成锁号</legend>
+					    <div class="control-group">
+			              <label for="inputEmail" class="control-label">上传Excel</label>
+			              <div class="controls">
+			                <input type="file">
+			              </div>
+			            </div>
+			            <div class="control-group">
+			              <div class="controls">
+			                <label class="checkbox">
+			                  <input type="checkbox"> 同时发送给办事处
+			                </label>
+					    	<select><option>广东办</option></select>	
+			              </div>
+			            </div>
+			            <div class="control-group">
+			              <div class="controls">
+					   		 <button type="submit" class="button">提交</button>
+			              </div>
+			            </div>
+			    </form>
+			</div>
+		</div>
+	</div>
+<script type="text/javascript">autoFlashHeight();</script>	
+</body>

+ 61 - 0
admin-admininfo.html

@@ -0,0 +1,61 @@
+<!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=copyright content=smartcost.com.cn> 
+	<link rel=stylesheet href=css/global.css> 
+	<script src=js/jquery-1.7.1.min.js></script> 
+	<script src=js/global.js></script>
+</head>
+<body>
+	<div class="mainLayout">
+		<div class="mainMenu">
+			<div class="menuItem">
+				<a href="#" class="mLogo">CLD</a>
+				<ul>
+					<li data-placement="right" data-toggle="ctooltip" data-original-title="后台管理"><a href="#" class="icon-  selected">F</a></li>
+					<li data-placement="right" data-toggle="ctooltip" data-original-title="退出系统"><a href="#" class="icon-">G</a></li>
+				</ul>
+			</div>
+		</div>
+		<div class="warpContent">
+			<div class="subMenu fL">
+				<div class="menuItem">
+					<ul>
+						<li><a href="admin-admininfo.html" class="selected">管理员设置</a></li>
+						<li><a href="admin-group.html">办事处</a></li>
+						<li><a href="admin-user.html">员工列表</a></li>
+						<li><a href="admin-product.html">产品列表</a></li>
+						<li><a href="admin-reportGroup.html">报销审查组</a></li>
+						<li><a href="admin-demand.html">需求中心</a></li>
+					</ul>
+				</div>
+			</div>
+			<div class="adminContent autoHeight">
+		            <legend>修改密码</legend>
+				    <div class="control-group">
+		              <label class="control-label">旧密码</label>
+		              <div class="controls">
+		                <input type="text">
+		              </div>
+		            </div>
+				    <div class="control-group">
+		              <label class="control-label">新密码</label>
+		              <div class="controls">
+		                <input type="text">
+		              </div>
+		            </div>
+				    <div class="control-group">
+		              <label class="control-label">确认新密码</label>
+		              <div class="controls">
+		                <input type="text">
+		              </div>
+		            </div>
+				    <button type="submit" class="button">修改</button>
+			</div>
+		</div>
+	</div>
+<script type="text/javascript">autoFlashHeight();</script>	
+</body>

+ 73 - 0
admin-demand-develop.html

@@ -0,0 +1,73 @@
+<!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=copyright content=smartcost.com.cn> 
+	<link rel=stylesheet href=css/global.css> 
+	<script src=js/jquery-1.7.1.min.js></script> 
+	<script src=js/global.js></script>
+</head>
+<body>
+	<div class="mainLayout">
+		<div class="mainMenu">
+			<div class="menuItem">
+				<a href="#" class="mLogo">CLD</a>
+				<ul>
+					<li data-placement="right" data-toggle="ctooltip" data-original-title="后台管理"><a href="#" class="icon-  selected">F</a></li>
+					<li data-placement="right" data-toggle="ctooltip" data-original-title="退出系统"><a href="#" class="icon-">G</a></li>
+				</ul>
+			</div>
+		</div>
+		<div class="warpContent">
+			<div class="subMenu fL">
+				<div class="menuItem">
+					<ul>
+						<li><a href="admin-admininfo.html">管理员设置</a></li>
+						<li><a href="admin-group.html">办事处</a></li>
+						<li><a href="admin-user.html">员工列表</a></li>
+						<li><a href="admin-product.html">产品列表</a></li>
+						<li><a href="admin-reportGroup.html">报销审查组</a></li>
+						<li><a href="admin-demand.html" class="selected">需求中心</a></li>
+					</ul>
+				</div>
+			</div>
+			<div class="adminContent autoHeight">
+		    <div class="subNav">
+		    	<ul class="navTabs">
+					  <li><a href="admin-demand.html">员工权限</a></li>
+					  <li><a href="admin-demand-library.html">档案库类别</a></li>
+					  <li class="active"><a href="admin-demand-develop.html">开发库类别</a></li>
+					</ul>
+				</div>
+				<table class="table ">
+					<thead><th width="30">层</th><th width="50">显示循序</th><th>名称</th><th>任务</th><th>操作</th></thead>
+					<tbody>
+						<tr class="success"><td></td><td><input type="text" class="span1 noMargin" value="0"></td><td><input type="text" class="span2 noMargin" value="产品分类"></td><td></td><td></td></tr>
+
+						<tr><td>1</td><td><input type="text" class="span1 noMargin" value="0"></td><td><div class="dlLev1"><input type="text" class="span2 noMargin" value="类别1"></div></td><td></td><td></td></tr>
+
+						<tr><td>1</td><td><input type="text" class="span1 noMargin" value="1"></td><td><div class="dlLev1"><input type="text" class="span2 noMargin" value="类别2"></div></td><td></td><td><a href="" class="icon-" title="删除">k</a></td></tr>
+
+						<tr><td>1</td><td><input type="text" class="span1 noMargin" value="2"></td><td><div class="dlLev1"><input type="text" class="span2 noMargin" value="类别3"></div></td><td>42</td><td></td></tr>
+
+						<tr><td></td><td colspan="4"><div class="dlLev1"><a href=""><span class="icon-">H</span> 添加子类别</a></div></td></td></tr>
+
+						<tr class="success"><td></td><td><input type="text" class="span1 noMargin" value="0"></td><td><input type="text" class="span2 noMargin" value="产品分类"></td><td></td><td></td></tr>
+
+						<tr><td>1</td><td><input type="text" class="span1 noMargin" value="2"></td><td><div class="dlLev1"><input type="text" class="span2 noMargin" value="类别名称"></div></td><td>42</td><td></td></tr>
+
+						<tr><td></td><td colspan="4"><div class="dlLev1"><a href=""><span class="icon-">H</span> 添加子类别</a></div></td></td></tr>
+
+						<tr><td></td><td colspan="4"><a href="">添加分区</a></td></tr>
+					</tbody>
+				</table>
+				<div class="controls">
+					<a class="button">提交</a>
+				</div>
+			</div>
+		</div>
+	</div>	
+<script type="text/javascript">autoFlashHeight();</script>	
+</body>

+ 81 - 0
admin-demand-library.html

@@ -0,0 +1,81 @@
+<!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=copyright content=smartcost.com.cn> 
+	<link rel=stylesheet href=css/global.css> 
+	<script src=js/jquery-1.7.1.min.js></script> 
+	<script src=js/global.js></script>
+</head>
+<body>
+	<div class="mainLayout">
+		<div class="mainMenu">
+			<div class="menuItem">
+				<a href="#" class="mLogo">CLD</a>
+				<ul>
+					<li data-placement="right" data-toggle="ctooltip" data-original-title="后台管理"><a href="#" class="icon-  selected">F</a></li>
+					<li data-placement="right" data-toggle="ctooltip" data-original-title="退出系统"><a href="#" class="icon-">G</a></li>
+				</ul>
+			</div>
+		</div>
+		<div class="warpContent">
+			<div class="subMenu fL">
+				<div class="menuItem">
+					<ul>
+						<li><a href="admin-admininfo.html">管理员设置</a></li>
+						<li><a href="admin-group.html">办事处</a></li>
+						<li><a href="admin-user.html">员工列表</a></li>
+						<li><a href="admin-product.html">产品列表</a></li>
+						<li><a href="admin-reportGroup.html">报销审查组</a></li>
+						<li><a href="admin-demand.html" class="selected">需求中心</a></li>
+					</ul>
+				</div>
+			</div>
+			<div class="adminContent autoHeight">
+		    <div class="subNav">
+		    	<ul class="navTabs">
+					  <li><a href="admin-demand.html">员工权限</a></li>
+					  <li class="active"><a href="admin-demand-library.html">档案库类别</a></li>
+					  <li><a href="admin-demand-develop.html">开发库类别</a></li>
+					</ul>
+				</div>
+				<table class="table ">
+					<thead><th width="30">层</th><th width="50">显示循序</th><th>名称</th><th>文档</th><th>操作</th></thead>
+					<tbody>
+						<tr class="success"><td></td><td><input type="text" class="span1 noMargin" value="0"></td><td><input type="text" class="span2 noMargin" value="日常工作"></td><td></td><td></td></tr>
+
+						<tr><td>1</td><td><input type="text" class="span1 noMargin" value="0"></td><td><div class="dlLev1"><input type="text" class="span2 noMargin" value="类别1"></div><a href="" class="icon- colGray" data-placement="right" data-toggle="ctooltip" data-original-title="添加子类别">H</a></td><td></td><td></td></tr>
+
+						<tr><td>2</td><td><input type="text" class="span1 noMargin" value="0"></td><td><div class="dlLev2"><input type="text" class="span2 noMargin" value="类别1.1"></div><a href="" class="icon- colGray" data-placement="right" data-toggle="ctooltip" data-original-title="添加子类别">H</a></td><td></td><td></td></tr>
+
+						<tr><td>3</td><td><input type="text" class="span1 noMargin" value="0"></td><td><div class="dlLev3"><input type="text" class="span2 noMargin" value="类别1.1.1"></div></td><td>4</td><td></td></tr>
+
+						<tr><td>3</td><td><input type="text" class="span1 noMargin" value="1"></td><td><div class="dlLev3"><input type="text" class="span2 noMargin" value="类别1.1.2"></div></td><td></td><td><a href="" class="icon-" title="删除">k</a></td></tr>
+
+						<tr><td>2</td><td><input type="text" class="span1 noMargin" value="1"></td><td><div class="dlLev2"><input type="text" class="span2 noMargin" value="类别1.2"></div><a href="" class="icon- colGray" data-placement="right" data-toggle="ctooltip" data-original-title="添加子类别">H</a></td><td></td><td><a href="" class="icon-" title="删除">k</a></td></tr>
+
+						<tr><td>1</td><td><input type="text" class="span1 noMargin" value="1"></td><td><div class="dlLev1"><input type="text" class="span2 noMargin" value="类别2"></div><a href="" class="icon- colGray" data-placement="right" data-toggle="ctooltip" data-original-title="添加子类别">H</a></td><td></td><td><a href="" class="icon-" title="删除">k</a></td></tr>
+
+						<tr><td>1</td><td><input type="text" class="span1 noMargin" value="2"></td><td><div class="dlLev1"><input type="text" class="span2 noMargin" value="类别3"></div></td><td>42</td><td></td></tr>
+
+						<tr><td></td><td colspan="4"><div class="dlLev1"><a href=""><span class="icon-">H</span> 添加子类别</a></div></td></td></tr>
+
+						<tr class="success"><td></td><td><input type="text" class="span1 noMargin" value="0"></td><td><input type="text" class="span2 noMargin" value="分区"></td><td></td><td></td></tr>
+
+						<tr><td>1</td><td><input type="text" class="span1 noMargin" value="0"></td><td><div class="dlLev1"><input type="text" class="span2 noMargin" value="asdsd"></div></td><td>42</td><td></td></tr>
+
+						<tr><td></td><td colspan="4"><div class="dlLev1"><a href=""><span class="icon-">H</span> 添加子类别</a></div></td></td></tr>
+
+						<tr><td colspan="4"><a href=""><span class="icon-">H</span> 添加分区</a></td></tr>
+					</tbody>
+				</table>
+				<div class="controls">
+					<a class="button">提交</a>
+				</div>
+			</div>
+		</div>
+	</div>	
+<script type="text/javascript">autoFlashHeight();</script>	
+</body>

+ 115 - 0
admin-demand.html

@@ -0,0 +1,115 @@
+<!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=copyright content=smartcost.com.cn> 
+	<link rel=stylesheet href=css/global.css> 
+	<script src=js/jquery-1.7.1.min.js></script> 
+	<script src=js/global.js></script>
+</head>
+<body>
+	<div class="mainLayout">
+		<div class="mainMenu">
+			<div class="menuItem">
+				<a href="#" class="mLogo">CLD</a>
+				<ul>
+					<li data-placement="right" data-toggle="ctooltip" data-original-title="后台管理"><a href="#" class="icon-  selected">F</a></li>
+					<li data-placement="right" data-toggle="ctooltip" data-original-title="退出系统"><a href="#" class="icon-">G</a></li>
+				</ul>
+			</div>
+		</div>
+		<div class="warpContent">
+			<div class="subMenu fL">
+				<div class="menuItem">
+					<ul>
+						<li><a href="admin-admininfo.html">管理员设置</a></li>
+						<li><a href="admin-group.html">办事处</a></li>
+						<li><a href="admin-user.html">员工列表</a></li>
+						<li><a href="admin-product.html">产品列表</a></li>
+						<li><a href="admin-reportGroup.html">报销审查组</a></li>
+						<li><a href="admin-demand.html" class="selected">需求中心</a></li>
+					</ul>
+				</div>
+			</div>
+			<div class="adminContent autoHeight">
+		    <div class="subNav">
+		    	<ul class="navTabs">
+					  <li class="active"><a href="admin-demand.html">员工权限</a></li>
+					  <li><a href="admin-demand-library.html">档案库类别</a></li>
+					  <li><a href="admin-demand-develop.html">开发库类别</a></li>
+					</ul>
+				</div>
+				<div class="control-group">
+	        <label class="control-label">开发库可见</label>
+	        <div class="controls">
+	          <input type="text" class="span5" value="冷淑梅、谭玉堂" readonly>&nbsp;<a href="#pikUser" data-toggle="modal">翻牌</a>
+	        </div>
+		    </div>
+				<div class="control-group">
+	        <label class="control-label">移至开发库、编辑任务、关联任务</label>
+	        <div class="controls">
+	          <input type="text" class="span5" value="冷淑梅" readonly>&nbsp;<a href="#pikUser" data-toggle="modal">翻牌</a>
+	        </div>
+		    </div>
+				<div class="control-group">
+	        <label class="control-label">移至档案库、编辑文档、关联文档</label>
+	        <div class="controls">
+	          <input type="text" class="span5" value="冷淑梅、张少珊、王晶" readonly>&nbsp;<a href="#pikUser" data-toggle="modal">翻牌</a>
+	        </div>
+		    </div>
+			</div>
+		</div>
+	</div>
+<!--选择用户-->
+<div class="modal hide fade" id="pikUser">
+		<div class="modal-header">
+    	<h3>选择员工</h3>
+    </div>
+    <div class="modal-body">
+			<style>.controls > .checkbox{margin-left: 10px}</style>
+    <div class="controls">
+	    <label class="checkbox inline">
+			  <input type="checkbox" value="option1"> 陈帅
+			</label>
+			<label class="checkbox inline">
+			  <input type="checkbox" value="option2"> 范月光
+			</label>
+			<label class="checkbox inline">
+			  <input type="checkbox" value="option3"> 王涛
+			</label>
+			<label class="checkbox inline">
+			  <input type="checkbox" value="option3"> 苟彦刚
+			</label>
+			<label class="checkbox inline">
+			  <input type="checkbox" value="option3"> 刘飞
+			</label>
+			<label class="checkbox inline">
+			  <input type="checkbox" value="option3"> 王洪生
+			</label>
+			<label class="checkbox inline">
+			  <input type="checkbox" value="option3"> 姜栋
+			</label>
+			<label class="checkbox inline">
+			  <input type="checkbox" value="option3"> 刘庆
+			</label>
+			<label class="checkbox inline">
+			  <input type="checkbox" value="option3"> 黄巾桃
+			</label>
+			<label class="checkbox inline">
+			  <input type="checkbox" value="option3"> 祝海宾
+			</label>
+			<label class="checkbox inline">
+			  <input type="checkbox" value="option3"> 王文鹏
+			</label>
+			</div>
+    </div>
+	<div class="modal-footer">
+	    <div class="fR"><a href="#" class="button btn-gray" data-dismiss="modal" aria-hidden="true">取消</a>
+	   	<a href="#" class="button">确定添加</a></div>
+	</div>
+</div>
+<!--选择用户-->	
+<script type="text/javascript">autoFlashHeight();</script>	
+</body>

+ 85 - 0
admin-group.html

@@ -0,0 +1,85 @@
+<!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=copyright content=smartcost.com.cn> 
+	<link rel=stylesheet href=css/global.css> 
+	<script src=js/jquery-1.7.1.min.js></script> 
+	<script src=js/global.js></script>
+</head>
+<body>
+	<div class="mainLayout">
+		<div class="mainMenu">
+			<div class="menuItem">
+				<a href="#" class="mLogo">CLD</a>
+				<ul>
+					<li data-placement="right" data-toggle="ctooltip" data-original-title="后台管理"><a href="#" class="icon-  selected">F</a></li>
+					<li data-placement="right" data-toggle="ctooltip" data-original-title="退出系统"><a href="#" class="icon-">G</a></li>
+				</ul>
+			</div>
+		</div>
+		<div class="warpContent">
+			<div class="subMenu fL">
+				<div class="menuItem">
+					<ul>
+						<li><a href="admin-admininfo.html">管理员设置</a></li>
+						<li><a href="admin-group.html" class="selected">办事处</a></li>
+						<li><a href="admin-user.html">员工列表</a></li>
+						<li><a href="admin-product.html">产品列表</a></li>
+						<li><a href="admin-reportGroup.html">报销审查组</a></li>
+						<li><a href="admin-demand.html">需求中心</a></li>
+					</ul>
+				</div>
+			</div>
+			<div class="adminContent autoHeight">
+			    <form>
+		            <legend>添加办事处</legend>
+					    <div class="control-group">
+			              <label class="control-label">办事处名称</label>
+			              <div class="controls">
+			                <input type="text">
+			              </div>
+			            </div>
+			            <div class="control-group">
+			              <div class="controls">
+					    	<button type="submit" class="button">添加新办事处</button>
+			              </div>
+			            </div>
+			    </form>
+			    <table class="table table-striped">
+              <thead>
+                <tr>
+                  <th>#</th>
+                  <th>办事处名称</th>
+                  <th>员工</th>
+                  <th>操作</th>
+                </tr>
+              </thead>
+              <tbody>
+                <tr>
+                  <td>1</td>
+                  <td>总部</td>
+                  <td>16</td>
+                  <td><a href="#">编辑</a>/<a href="#">删除</a></td>
+                </tr>
+                <tr>
+                  <td>2</td>
+                  <td>广东办</td>
+                  <td>4</td>
+                  <td><a href="#">编辑</a>/<a href="#">删除</a></td>
+                </tr>
+                <tr>
+                  <td>3</td>
+                  <td>重庆办</td>
+                  <td>4</td>
+                  <td><a href="#">编辑</a>/<a href="#">删除</a></td>
+                </tr>
+              </tbody>
+            </table>
+			</div>
+		</div>
+	</div>
+<script type="text/javascript">autoFlashHeight();</script>	
+</body>

+ 106 - 0
admin-myinfo.html

@@ -0,0 +1,106 @@
+<!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=copyright content=smartcost.com.cn> 
+	<link rel=stylesheet href=css/global.css> 
+	<script src=js/jquery-1.7.1.min.js></script> 
+	<script src=js/global.js></script>
+</head>
+<body>
+	<div class="mainLayout">
+		<div class="mainMenu">
+			<div class="menuItem">
+				<a href="#" class="mLogo">CLD</a>
+				<ul>
+					<li data-placement="right" data-toggle="ctooltip" data-original-title="信息中心" class="topLine"><a href="#" class="icon-" >B</a></li>
+					<li data-placement="right" data-toggle="ctooltip" data-original-title="通讯录"><a href="#" class="icon-">A</a></li>
+					<li data-placement="right" data-toggle="ctooltip" data-original-title="在线锁库"><a href="#" class="icon-">C</a></li>
+					<li data-placement="right" data-toggle="ctooltip" data-original-title="日程表"><a href="#" class="icon-">X</a></li>
+					<li data-placement="right" data-toggle="ctooltip" data-original-title="开发需求" class="topLine"><a href="#" class="icon-">V</a></li>
+					<li data-placement="right" data-toggle="ctooltip" data-original-title="邮件推广"><a href="#" class="icon- ">Z</a></li>
+					<li data-placement="right" data-toggle="ctooltip" data-original-title="报销单"><a href="#" class="icon-">U</a></li>
+					<li data-placement="right" data-toggle="ctooltip" data-original-title="物品申请"><a href="#" class="icon-">W</a></li>
+					<li data-placement="right" data-toggle="ctooltip" data-original-title="APP" class="topLine"><a href="#" class="icon-">Y</a></li>
+					<li data-placement="right" data-toggle="ctooltip" data-original-title="个人设置"><a href="#" class="icon-  selected">F</a></li>
+					<li data-placement="right" data-toggle="ctooltip" data-original-title="退出系统"><a href="#" class="icon-">G</a></li>
+				</ul>
+			</div>
+		</div>
+		<div class="warpContent">
+			<div class="subMenu fL">
+				<div class="menuItem">
+					<ul>
+						<li><a href="admin-myinfo.html" class="selected">个人信息</a></li>
+						<li><a href="login-admin.html" target="_blank">后台管理</a></li>
+					</ul>
+				</div>
+			</div>
+			<div class="adminContent autoHeight">
+			    <form>
+		            <legend>个人信息</legend>
+				    <div class="control-group">
+		              <label class="control-label">头像</label>
+		              <div class="controls">
+		                <img src="images/avatar-2.png">
+		              </div>
+		              <div class="controls">
+		                <input type="file">
+		              </div>
+		            </div>
+				    <div class="control-group">
+		              <label class="control-label">手机</label>
+		              <div class="controls">
+		                <input type="text">
+		              </div>
+		            </div>
+				    <div class="control-group">
+		              <label class="control-label">电话</label>
+		              <div class="controls">
+		                <input type="text">
+		              </div>
+		            </div>
+				    <div class="control-group">
+		              <label class="control-label">邮箱</label>
+		              <div class="controls">
+		                <input type="text">
+		              </div>
+		            </div>
+				    <div class="control-group">
+		              <label class="control-label">QQ</label>
+		              <div class="controls">
+		                <input type="text">
+		              </div>
+		            </div>
+		            <legend>修改密码</legend>
+				    <div class="control-group">
+		              <label class="control-label">旧密码</label>
+		              <div class="controls">
+		                <input type="password">
+		              </div>
+		            </div>
+				    <div class="control-group">
+		              <label class="control-label">新密码</label>
+		              <div class="controls">
+		                <input type="password">
+		              </div>
+		            </div>
+				    <div class="control-group">
+		              <label class="control-label">确认新密码</label>
+		              <div class="controls">
+		                <input type="password">
+		              </div>
+		            </div>
+		            <div class="control-group">
+		              <div class="controls">
+				   		 <button type="submit" class="button">确认修改</button>
+		              </div>
+		            </div>
+			    </form>
+			</div>
+		</div>
+	</div>
+<script type="text/javascript">autoFlashHeight();</script>	
+</body>

+ 85 - 0
admin-product.html

@@ -0,0 +1,85 @@
+<!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=copyright content=smartcost.com.cn> 
+	<link rel=stylesheet href=css/global.css> 
+	<script src=js/jquery-1.7.1.min.js></script> 
+	<script src=js/global.js></script>
+</head>
+<body>
+	<div class="mainLayout">
+		<div class="mainMenu">
+			<div class="menuItem">
+				<a href="#" class="mLogo">CLD</a>
+				<ul>
+					<li data-placement="right" data-toggle="ctooltip" data-original-title="后台管理"><a href="#" class="icon-  selected">F</a></li>
+					<li data-placement="right" data-toggle="ctooltip" data-original-title="退出系统"><a href="#" class="icon-">G</a></li>
+				</ul>
+			</div>
+		</div>
+		<div class="warpContent">
+			<div class="subMenu fL">
+				<div class="menuItem">
+					<ul>
+						<li><a href="admin-admininfo.html">管理员设置</a></li>
+						<li><a href="admin-group.html">办事处</a></li>
+						<li><a href="admin-user.html">员工列表</a></li>
+						<li><a href="admin-product.html" class="selected">产品列表</a></li>
+						<li><a href="admin-reportGroup.html">报销审查组</a></li>
+						<li><a href="admin-demand.html">需求中心</a></li>
+					</ul>
+				</div>
+			</div>
+			<div class="adminContent autoHeight">
+			    <form>
+		            <legend>添加产品</legend>
+					    <div class="control-group">
+			              <label class="control-label">产品名称</label>
+			              <div class="controls">
+			                <input type="text">
+			              </div>
+			            </div>
+			            <div class="control-group">
+			              <div class="controls">
+					    	<button type="submit" class="button">添加新产品</button>
+			              </div>
+			            </div>
+			    </form>
+			    <table class="table table-striped">
+              <thead>
+                <tr>
+                  <th>#</th>
+                  <th>产品名称</th>
+                  <th>锁数量</th>
+                  <th>操作</th>
+                </tr>
+              </thead>
+              <tbody>
+                <tr>
+                  <td>1</td>
+                  <td>专业</td>
+                  <td>9348</td>
+                  <td><a href="#">编辑</a>/<a href="#">删除</a></td>
+                </tr>
+                <tr>
+                  <td>2</td>
+                  <td>标准</td>
+                  <td>4324</td>
+                  <td><a href="#">编辑</a>/<a href="#">删除</a></td>
+                </tr>
+                <tr>
+                  <td>3</td>
+                  <td>项目专业</td>
+                  <td>8625</td>
+                  <td><a href="#">编辑</a>/<a href="#">删除</a></td>
+                </tr>
+              </tbody>
+            </table>
+			</div>
+		</div>
+	</div>
+<script type="text/javascript">autoFlashHeight();</script>	
+</body>

+ 200 - 0
admin-reportGroup.html

@@ -0,0 +1,200 @@
+<!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=copyright content=smartcost.com.cn> 
+	<link rel=stylesheet href=css/global.css> 
+	<script src=js/jquery-1.7.1.min.js></script> 
+	<script src=js/global.js></script>
+</head>
+<body>
+	<div class="mainLayout">
+		<div class="mainMenu">
+			<div class="menuItem">
+				<a href="#" class="mLogo">CLD</a>
+				<ul>
+					<li data-placement="right" data-toggle="ctooltip" data-original-title="后台管理"><a href="#" class="icon-  selected">F</a></li>
+					<li data-placement="right" data-toggle="ctooltip" data-original-title="退出系统"><a href="#" class="icon-">G</a></li>
+				</ul>
+			</div>
+		</div>
+		<div class="warpContent">
+			<div class="subMenu fL">
+				<div class="menuItem">
+					<ul>
+						<li><a href="admin-admininfo.html">管理员设置</a></li>
+						<li><a href="admin-group.html">办事处</a></li>
+						<li><a href="admin-user.html">员工列表</a></li>
+						<li><a href="admin-product.html">产品列表</a></li>
+						<li><a href="admin-reportGroup.html" class="selected">报销审查组</a></li>
+						<li><a href="admin-demand.html">需求中心</a></li>
+					</ul>
+				</div>
+			</div>
+			<div class="adminContent autoHeight">
+					<form>
+					<legend>添加审批组</legend><form method="post" action="/addCategory" name="group">
+					    <div class="control-group">
+			              <label class="control-label">组描述</label>
+			              <div class="controls">
+			                <input type="text" name="title">
+			              </div>
+			            </div>
+			            <div class="control-group">
+			              <label class="control-label">成员</label>
+			              <div class="controls">
+			              			               <label style="display:inline">
+			               <input type="checkbox" name="staff[]" value="1:admin:/global/img/avtra">admin			               </label>
+			               			               <label style="display:inline">
+			               <input type="checkbox" name="staff[]" value="2:陈帅:/global/avatar/avatar_2">陈帅			               </label>
+			               			               <label style="display:inline">
+			               <input type="checkbox" name="staff[]" value="3:范月光:/global/avatar/avatar_3">范月光			               </label>
+			               			               <label style="display:inline">
+			               <input type="checkbox" name="staff[]" value="4:王涛:/global/avatar/avatar_4">王涛			               </label>
+			               			               <label style="display:inline">
+			               <input type="checkbox" name="staff[]" value="5:苟彦刚:/global/avatar/avatar_5">苟彦刚			               </label>
+			               			               <label style="display:inline">
+			               <input type="checkbox" name="staff[]" value="6:刘飞:/global/avatar/avatar_6">刘飞			               </label>
+			               			               <label style="display:inline">
+			               <input type="checkbox" name="staff[]" value="7:王洪生:/global/avatar/avatar_7">王洪生			               </label>
+			               			               <label style="display:inline">
+			               <input type="checkbox" name="staff[]" value="8:姜栋:/global/avatar/avatar_8">姜栋			               </label>
+			               			               <label style="display:inline">
+			               <input type="checkbox" name="staff[]" value="9:刘庆:/global/avatar/avatar_9">刘庆			               </label>
+			               			               <label style="display:inline">
+			               <input type="checkbox" name="staff[]" value="10:黄巾桃:/global/avatar/avatar_10">黄巾桃			               </label>
+			               			               <label style="display:inline">
+			               <input type="checkbox" name="staff[]" value="11:祝海宾:/global/avatar/avatar_11">祝海宾			               </label>
+			               			               <label style="display:inline">
+			               <input type="checkbox" name="staff[]" value="12:王文鹏:/global/avatar/avatar_12">王文鹏			               </label>
+			               			               <label style="display:inline">
+			               <input type="checkbox" name="staff[]" value="13:周江红:/global/avatar/avatar_13">周江红			               </label>
+			               			               <label style="display:inline">
+			               <input type="checkbox" name="staff[]" value="14:王智:/global/avatar/avatar_14">王智			               </label>
+			               			               <label style="display:inline">
+			               <input type="checkbox" name="staff[]" value="15:全冰:/global/avatar/avatar_15">全冰			               </label>
+			               			               <label style="display:inline">
+			               <input type="checkbox" name="staff[]" value="16:wq:/global/img/avtra">wq			               </label>
+			               			               <label style="display:inline">
+			               <input type="checkbox" name="staff[]" value="17:lfm:/global/img/avtra">lfm			               </label>
+			               			               <label style="display:inline">
+			               <input type="checkbox" name="staff[]" value="18:王星植:/global/avatar/avatar_18">王星植			               </label>
+			               			               <label style="display:inline">
+			               <input type="checkbox" name="staff[]" value="19:张文远:/global/avatar/avatar_19">张文远			               </label>
+			               			               <label style="display:inline">
+			               <input type="checkbox" name="staff[]" value="20:赵君红:/global/avatar/avatar_20">赵君红			               </label>
+			               			               <label style="display:inline">
+			               <input type="checkbox" name="staff[]" value="21:李清学:/global/avatar/avatar_21">李清学			               </label>
+			               			               <label style="display:inline">
+			               <input type="checkbox" name="staff[]" value="22:孙燕娇:/global/avatar/avatar_22">孙燕娇			               </label>
+			               			               <label style="display:inline">
+			               <input type="checkbox" name="staff[]" value="23:张晓娟:/global/avatar/avatar_23">张晓娟			               </label>
+			               			               <label style="display:inline">
+			               <input type="checkbox" name="staff[]" value="24:杨卫东:/global/avatar/avatar_24">杨卫东			               </label>
+			               			               <label style="display:inline">
+			               <input type="checkbox" name="staff[]" value="28:林森:/global/avatar/avatar_28">林森			               </label>
+			               			               <label style="display:inline">
+			               <input type="checkbox" name="staff[]" value="29:周洪波:/global/avatar/avatar_29">周洪波			               </label>
+			               			               <label style="display:inline">
+			               <input type="checkbox" name="staff[]" value="30:谭玉堂:/global/avatar/avatar_30">谭玉堂			               </label>
+			               			               <label style="display:inline">
+			               <input type="checkbox" name="staff[]" value="31:何银龄:/global/avatar/avatar_31">何银龄			               </label>
+			               			               <label style="display:inline">
+			               <input type="checkbox" name="staff[]" value="32:张引:/global/avatar/avatar_32">张引			               </label>
+			               			               <label style="display:inline">
+			               <input type="checkbox" name="staff[]" value="33:杨福芳:/global/avatar/avatar_33">杨福芳			               </label>
+			               			               <label style="display:inline">
+			               <input type="checkbox" name="staff[]" value="34:赵淑燕:/global/avatar/avatar_34">赵淑燕			               </label>
+			               			               <label style="display:inline">
+			               <input type="checkbox" name="staff[]" value="35:陈世龙:/global/avatar/avatar_35">陈世龙			               </label>
+			               			               <label style="display:inline">
+			               <input type="checkbox" name="staff[]" value="36:冷淑梅:/global/avatar/avatar_36">冷淑梅			               </label>
+			               			               <label style="display:inline">
+			               <input type="checkbox" name="staff[]" value="37:麦心蓉:/global/avatar/avatar_37">麦心蓉			               </label>
+			               			               <label style="display:inline">
+			               <input type="checkbox" name="staff[]" value="51:陈叶婷:/global/avatar/avatar_51">陈叶婷			               </label>
+			               			               <label style="display:inline">
+			               <input type="checkbox" name="staff[]" value="39:陈特:/global/avatar/avatar_39">陈特			               </label>
+			               			               <label style="display:inline">
+			               <input type="checkbox" name="staff[]" value="40:任杰:/global/avatar/avatar_40">任杰			               </label>
+			               			               <label style="display:inline">
+			               <input type="checkbox" name="staff[]" value="41:蔡频:/global/avatar/avatar_41">蔡频			               </label>
+			               			               <label style="display:inline">
+			               <input type="checkbox" name="staff[]" value="42:王晶:/global/avatar/avatar_42">王晶			               </label>
+			               			               <label style="display:inline">
+			               <input type="checkbox" name="staff[]" value="43:张少珊:/global/avatar/avatar_43">张少珊			               </label>
+			               			               <label style="display:inline">
+			               <input type="checkbox" name="staff[]" value="44:黄爱玲:/global/avatar/avatar_44">黄爱玲			               </label>
+			               			               <label style="display:inline">
+			               <input type="checkbox" name="staff[]" value="45:欧汝:/global/avatar/avatar_45">欧汝			               </label>
+			               			               <label style="display:inline">
+			               <input type="checkbox" name="staff[]" value="46:付青青:/global/avatar/avatar_46">付青青			               </label>
+			               			               <label style="display:inline">
+			               <input type="checkbox" name="staff[]" value="52:舒媚:/global/avatar/avatar_52">舒媚			               </label>
+			               			               <label style="display:inline">
+			               <input type="checkbox" name="staff[]" value="38:王丰:/global/avatar/avatar_38">王丰			               </label>
+			               			               <label style="display:inline">
+			               <input type="checkbox" name="staff[]" value="54:lmh:/global/avatar/avatar_54">lmh			               </label>
+			               			               <label style="display:inline">
+			               <input type="checkbox" name="staff[]" value="55:李凯:/global/avatar/avatar_55">李凯			               </label>
+			               			               <label style="display:inline">
+			               <input type="checkbox" name="staff[]" value="58:田洪武:/global/avatar/avatar_58">田洪武			               </label>
+			               			               <label style="display:inline">
+			               <input type="checkbox" name="staff[]" value="59:刘婷:/global/avatar/avatar_59">刘婷			               </label>
+			               			               <label style="display:inline">
+			               <input type="checkbox" name="staff[]" value="60:冯娟:/global/avatar/avatar_60">冯娟			               </label>
+			               			               <label style="display:inline">
+			               <input type="checkbox" name="staff[]" value="61:罗颖:/global/avatar/avatar_61">罗颖			               </label>
+			               			               <label style="display:inline">
+			               <input type="checkbox" name="staff[]" value="62:zss:/global/img/avtra">zss			               </label>
+			               			               <label style="display:inline">
+			               <input type="checkbox" name="staff[]" value="63:余婷:/global/avatar/avatar_63">余婷			               </label>
+			               			               <label style="display:inline">
+			               <input type="checkbox" name="staff[]" value="64:何耀:/global/avatar/avatar_64">何耀			               </label>
+			               			               <label style="display:inline">
+			               <input type="checkbox" name="staff[]" value="65:杨克松:/global/avatar/avatar_65">杨克松			               </label>
+			               			               <label style="display:inline">
+			               <input type="checkbox" name="staff[]" value="68:张欣:/global/avatar/avatar_68">张欣			               </label>
+			               			               <label style="display:inline">
+			               <input type="checkbox" name="staff[]" value="69:李建霞:/global/avatar/avatar_69">李建霞			               </label>
+			               			               <label style="display:inline">
+			               <input type="checkbox" name="staff[]" value="71:杨孟雅:/global/avatar/avatar_71">杨孟雅			               </label>
+			            </div>
+			            </div>
+			            <div class="control-group">
+			              <div class="controls colRed">
+					    			陈帅 > 谭玉堂 > 赵淑燕 > 杨福芳
+			              </div>
+			            </div>
+			            <div class="control-group">
+			              <div class="controls">
+					    			<button class="button" type="submit">添加新审查组</button>
+			              </div>
+			            </div>
+			    </form>
+						<table class="table table-striped">
+              <thead>
+                <tr>
+                  <th>组描述</th>
+                  <th>成员</th>
+                </tr>
+              </thead>
+              <tbody>
+                <tr>
+                  <td>适用销售人员、客服人员</td>
+                  <td>谭玉堂,何银龄,赵淑燕,杨福芳</td>
+                </tr>
+                <tr>
+                  <td>适用开发部</td>
+                  <td>谭玉堂,张引,赵淑燕,杨福芳</td>
+                </tr>
+              </tbody>
+          	</table>
+					</form>
+			</div>
+		</div>
+	</div>
+<script type="text/javascript">autoFlashHeight();</script>	
+</body>

+ 122 - 0
admin-user-edit.html

@@ -0,0 +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=copyright content=smartcost.com.cn> 
+	<link rel=stylesheet href=css/global.css> 
+	<script src=js/jquery-1.7.1.min.js></script> 
+	<script src=js/global.js></script>
+</head>
+<body>
+	<div class="mainLayout">
+		<div class="mainMenu">
+			<div class="menuItem">
+				<a href="#" class="mLogo">CLD</a>
+				<ul>
+					<li data-placement="right" data-toggle="ctooltip" data-original-title="后台管理"><a href="#" class="icon-  selected">F</a></li>
+					<li data-placement="right" data-toggle="ctooltip" data-original-title="退出系统"><a href="#" class="icon-">G</a></li>
+				</ul>
+			</div>
+		</div>
+		<div class="warpContent">
+			<div class="subMenu fL">
+				<div class="menuItem">
+					<ul>
+						<li><a href="admin-admininfo.html">管理员设置</a></li>
+						<li><a href="admin-group.html">办事处</a></li>
+						<li><a href="admin-user.html" class="selected">员工列表</a></li>
+						<li><a href="admin-product.html">产品列表</a></li>
+						<li><a href="admin-reportGroup.html">报销审查组</a></li>
+						<li><a href="admin-demand.html">需求中心</a></li>
+					</ul>
+				</div>
+			</div>
+			<div class="adminContent autoHeight">
+				<form>
+		            <legend>个人信息</legend>		            
+				    		<div class="control-group">
+		              <label for="inputEmail" class="control-label">帐号</label>
+		              <div class="controls">
+		                <input type="text" value="陈特"> <a href="#">重置密码</a>&nbsp;新密码:kljsd2378
+		              </div>
+		            </div>
+		            <div class="control-group">
+		              <label for="inputEmail" class="control-label">办事处</label>
+		              <div class="controls">
+		                <select name="cid">
+		                	<option value="2">安徽办</option>
+		                	<option value="3">甘肃办</option>
+		                </select>
+		              </div>
+		            </div>
+		            
+		            <div class="control-group">
+		              <label for="inputEmail" class="control-label">性别</label>
+		              <div class="controls">
+		              	<select name="gender">
+		              		<option value="男">男</option>
+		              		<option selected="" value="女">女</option>
+		              	</select>
+		                
+		                <input type="hidden" name="sid" value="74">
+		              </div>
+		            </div>
+		            
+				    <div class="control-group">
+		              <label for="inputEmail" class="control-label">手机</label>
+		              <div class="controls">
+		                <input type="text" name="telephone" value="13627642192">
+		              </div>
+		            </div>
+				    <div class="control-group">
+		              <label for="inputEmail" class="control-label">电话</label>
+		              <div class="controls">
+		                <input type="text" name="phone" value="023-62773697">
+		              </div>
+		            </div>
+				    <div class="control-group">
+		              <label for="inputEmail" class="control-label">邮箱</label>
+		              <div class="controls">
+		                <input type="text" name="email" value="1522003521@qq.com">
+		              </div>
+		            </div>
+				    <div class="control-group">
+		              <label for="inputEmail" class="control-label">QQ</label>
+		              <div class="controls">
+		                <input type="text" name="qq" value="1522003521">
+		              </div>
+		            </div>
+		            
+		            <div class="control-group">
+		              <div class="controls clearfix">
+				   		 <button type="submit" class="button">确认修改</button>
+		              </div>
+		            </div>
+		            
+			    </form>
+			    <form>
+			    <legend>添加办事处信息</legend>
+			    已加入:重庆办,		            <div class="control-group">
+		              <label for="inputEmail" class="control-label">办事处</label>
+		              <div class="controls">
+		                <select name="cid">
+		                			                	<option value="2">安徽办</option>
+		                			                </select>
+		                <input type="hidden" name="sid" value="74">
+		              </div>
+		            </div>
+		            
+		            <div class="control-group">
+		              <div class="controls">
+				   		 <button type="submit" class="button">确认添加</button>
+				   		 <span></span>
+		              </div>
+		            </div>
+			    </form>
+			</div>
+		</div>
+	</div>
+<script type="text/javascript">autoFlashHeight();</script>	
+</body>

+ 101 - 0
admin-user.html

@@ -0,0 +1,101 @@
+<!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=copyright content=smartcost.com.cn> 
+	<link rel=stylesheet href=css/global.css> 
+	<script src=js/jquery-1.7.1.min.js></script> 
+	<script src=js/global.js></script>
+</head>
+<body>
+	<div class="mainLayout">
+		<div class="mainMenu">
+			<div class="menuItem">
+				<a href="#" class="mLogo">CLD</a>
+				<ul>
+					<li data-placement="right" data-toggle="ctooltip" data-original-title="后台管理"><a href="#" class="icon-  selected">F</a></li>
+					<li data-placement="right" data-toggle="ctooltip" data-original-title="退出系统"><a href="#" class="icon-">G</a></li>
+				</ul>
+			</div>
+		</div>
+		<div class="warpContent">
+			<div class="subMenu fL">
+				<div class="menuItem">
+					<ul>
+						<li><a href="admin-admininfo.html">管理员设置</a></li>
+						<li><a href="admin-group.html">办事处</a></li>
+						<li><a href="admin-user.html" class="selected">员工列表</a></li>
+						<li><a href="admin-product.html">产品列表</a></li>
+						<li><a href="admin-reportGroup.html">报销审查组</a></li>
+						<li><a href="admin-demand.html">需求中心</a></li>
+					</ul>
+				</div>
+			</div>
+			<div class="adminContent autoHeight">
+			    <form>
+		            <legend>添加新员工</legend>
+				    <div class="control-group">
+		              <label class="control-label">员工名称</label>
+		              <div class="controls">
+		                <input type="text">
+		              </div>
+		            </div>
+				    <div class="control-group">
+		              <label class="control-label">密码</label>
+		              <div class="controls">
+		                <input type="text">
+		              </div>
+		            </div>
+				    <div class="control-group">
+		              <label class="control-label">所在办事处</label>
+		              <div class="controls">
+		                <select><option>总部</option></select>
+		              </div>
+		            </div>
+				    <button type="submit" class="button">添加新员工</button>
+			    </form>
+			    <table class="table table-striped">
+              <thead>
+                <tr>
+                  <th>#</th>
+                  <th>员工名称</th>
+                  <th>所在办事处</th>
+                  <th>手机</th>
+                  <th>APP登录</th>
+                  <th>操作</th>
+                </tr>
+              </thead>
+              <tbody>
+                <tr>
+                  <td>1</td>
+                  <td>陈特</td>
+                  <td>总部</td>
+                  <td>15812644017</td>
+                  <td>2014-11-20 12:32</td>
+                  <td><a href="admin-user-edit.html">编辑</a>/<a href="#">删除</a></td>
+                </tr>
+                <tr>
+                  <td>2</td>
+                  <td>陈特</td>
+                  <td>总部</td>
+                  <td>15812644017</td>
+                  <td>2014-11-20 12:32</td>
+                  <td><a href="#">编辑</a>/<a href="#">删除</a></td>
+                </tr>
+                <tr>
+                  <td>3</td>
+                  <td>陈特</td>
+                  <td>总部</td>
+                  <td>15812644017</td>
+                  <td>2014-11-20 12:32</td>
+                  <td><a href="#">编辑</a>/<a href="#">删除</a></td>
+                </tr>
+              </tbody>
+            </table>
+			</div>
+		</div>
+	</div>
+<script type="text/javascript">autoFlashHeight();</script>	
+</body>

+ 44 - 0
app.html

@@ -0,0 +1,44 @@
+<!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=copyright content=smartcost.com.cn> 
+	<link rel=stylesheet href=css/global.css> 
+	<script src=js/jquery-1.7.1.min.js></script> 
+	<script src=js/global.js></script>
+</head>
+<body>
+	<div class="mainLayout">
+		<div class="mainMenu">
+			<div class="menuItem">
+				<a href="#" class="mLogo">CLD</a>
+				<ul>
+					<li data-placement="right" data-toggle="ctooltip" data-original-title="信息中心" class="topLine"><a href="#" class="icon-" >B</a></li>
+					<li data-placement="right" data-toggle="ctooltip" data-original-title="通讯录"><a href="#" class="icon-">A</a></li>
+					<li data-placement="right" data-toggle="ctooltip" data-original-title="在线锁库"><a href="#" class="icon-">C</a></li>
+					<li data-placement="right" data-toggle="ctooltip" data-original-title="日程表"><a href="#" class="icon-">X</a></li>
+					<li data-placement="right" data-toggle="ctooltip" data-original-title="开发需求" class="topLine"><a href="#" class="icon-">V</a></li>
+					<li data-placement="right" data-toggle="ctooltip" data-original-title="邮件推广"><a href="#" class="icon- ">Z</a></li>
+					<li data-placement="right" data-toggle="ctooltip" data-original-title="报销单"><a href="#" class="icon-">U</a></li>
+					<li data-placement="right" data-toggle="ctooltip" data-original-title="物品申请"><a href="#" class="icon-">W</a></li>
+					<li data-placement="right" data-toggle="ctooltip" data-original-title="APP" class="topLine"><a href="#" class="icon- selected">Y</a></li>
+					<li data-placement="right" data-toggle="ctooltip" data-original-title="个人设置"><a href="#" class="icon-">F</a></li>
+					<li data-placement="right" data-toggle="ctooltip" data-original-title="退出系统"><a href="#" class="icon-">G</a></li>
+				</ul>
+			</div>
+		</div>
+		<div class="warpContent">
+       <div class="appDown autoHeight">
+       		<div class="phone"></div>
+       		<div class="title"></div>
+       		<div class="down">
+       			<div class="qrcode" title="扫描二维码下载"><div class="saoma"></div></div>
+       			<a href="http://cld.smartcost.com.cn/global/app/cld_app.apk" class="downButton" title="下载到电脑"></a>
+       		</div>
+       </div>
+		</div>
+	</div>
+<script type="text/javascript">autoFlashHeight();</script>	
+</body>

Разлика између датотеке није приказан због своје велике величине
+ 266 - 0
contacts-addNew.html


Разлика између датотеке није приказан због своје велике величине
+ 126 - 0
contacts-change-company.html


Разлика између датотеке није приказан због своје велике величине
+ 592 - 0
contacts-client.html


+ 125 - 0
contacts-company-add.html

@@ -0,0 +1,125 @@
+<!DOCTYPE html>
+<html lang=zh-cn> 
+<head>
+	<meta charset=utf-8> 
+	<title>CLD.System</title> 
+	<meta name=description content=电子版晴雨表,在线晴雨表,网页晴雨表> 
+	<link rel="shortcut icon" href="images/favicon.ico"> 
+	<meta name=copyright content=smartcost.com.cn> 
+	<link rel=stylesheet href=css/global.css> 
+	<script src=js/jquery-1.7.1.min.js></script> 
+	<script src=js/global.js></script>
+</head>
+<body>
+	<div class="mainLayout">
+		<div class="mainMenu">
+			<div class="menuItem">
+				<a href="#" class="mLogo">CLD</a>
+				<ul>
+					<li data-placement="right" data-toggle="ctooltip" data-original-title="信息中心" class="topLine"><a href="#" class="icon-" >B</a></li>
+					<li data-placement="right" data-toggle="ctooltip" data-original-title="通讯录"><a href="#" class="icon- selected">A</a></li>
+					<li data-placement="right" data-toggle="ctooltip" data-original-title="在线锁库"><a href="#" class="icon-">C</a></li>
+					<li data-placement="right" data-toggle="ctooltip" data-original-title="日程表"><a href="#" class="icon-">X</a></li>
+					<li data-placement="right" data-toggle="ctooltip" data-original-title="开发需求" class="topLine"><a href="#" class="icon-">V</a></li>
+					<li data-placement="right" data-toggle="ctooltip" data-original-title="邮件推广"><a href="#" class="icon- ">Z</a></li>
+					<li data-placement="right" data-toggle="ctooltip" data-original-title="报销单"><a href="#" class="icon-">U</a></li>
+					<li data-placement="right" data-toggle="ctooltip" data-original-title="物品申请"><a href="#" class="icon-">W</a></li>
+					<li data-placement="right" data-toggle="ctooltip" data-original-title="APP" class="topLine"><a href="#" class="icon-">Y</a></li>
+					<li data-placement="right" data-toggle="ctooltip" data-original-title="个人设置"><a href="#" class="icon-">F</a></li>
+					<li data-placement="right" data-toggle="ctooltip" data-original-title="退出系统"><a href="#" class="icon-">G</a></li>
+				</ul>
+			</div>
+		</div>
+		<div class="warpContent">
+			<div class="contactTab">
+				<a href="#">我的客户</a><a href="#" class="now">我的单位</a>
+				<div class="searchItem"><input type="text" placeholder="输入姓名或单位名称进行搜索"><input type="button" value="搜索" class="subBtn"></div>
+				<div class="tabButton">
+					<a href="#" title="添加新客户">+客户</a>
+				</div>
+			</div>
+			<div class="contactDatabase fL">
+				<div class="contactCate">
+					<ul class="cateList">
+	  					<li><select><option>广东</option></select>&nbsp;<select><option>珠海</option></select>&nbsp;<select><option>香洲区</option></select></li>
+	  					<li class="filter clearfix"><a href="#" class="now">不限</a><a href="">设计</a><a href="">咨询单位</a><a href="#">审核单位</a><a href="#">造价管理</a><a href="#">业主</a><a href="#">交通局</a><a href="#">公路局</a><a href="#">施工</a><a href="#">监理</a><a href="#">招标代理</a><a href="#">学校</a><a href="#">合作伙伴</a><a href="#">个人</a></li>	  					
+	  					<li class="filter clearfix">
+	  						<label><span class="contactsTag tagCol-01" data-placement="right" data-toggle="ctooltip" data-original-title="网络版用户"><input type="checkbox"></span></label>
+	  						<label><span class="contactsTag tagCol-02" data-placement="right" data-toggle="ctooltip" data-original-title="2013培训班"><input type="checkbox"></span></label>
+	  						<label><span class="contactsTag tagCol-03" data-placement="right" data-toggle="ctooltip" data-original-title="再次拜访"><input type="checkbox"></span></label>
+	  						<label><span class="contactsTag tagCol-04" data-placement="right" data-toggle="ctooltip" data-original-title="意向客户"><input type="checkbox"></span></label>
+	  						<label><span class="contactsTag tagCol-05" data-placement="right" data-toggle="ctooltip" data-original-title="重点客户"><input type="checkbox"></span></label>
+	  						<label><span class="contactsTag tagCol-06" data-placement="right" data-toggle="ctooltip" data-original-title="个人标签"><input type="checkbox"></span></label>
+	  						<label><span class="contactsTag tagCol-07" data-placement="right" data-toggle="ctooltip" data-original-title="个人标签"><input type="checkbox"></span></label>
+	  						<a  href="#editTag" data-toggle="modal" role="button" title="编辑标签">编辑</a>
+	  					</li>
+	  				</ul>
+	  				<div class="contactTableHead">
+	  					<table>
+	  						<tr><td width="330">单位</td><td width="100">标签</td><td width="190">地区</td><td width="60">客户数</td><td>单位性质</td></tr>
+	  					</table>
+	  				</div>
+				</div>
+				<div class="contactList  autoHeightL2">
+					<table class="contactTable">
+	  						<tr>
+	  							<td width="330"><a href="#">四川川交路桥有限责任公司</a></td>
+	  						<td width="100"><i class="contactsTag tagCol-01">x</i><i class="contactsTag tagCol-02">x</i><i class="contactsTag tagCol-03">x</i><i class="contactsTag tagCol-04">x</i><i class="contactsTag tagCol-05">x</i><i class="contactsTag tagCol-06">x</i><i class="contactsTag tagCol-07">x</i><a href="#" class="addTag" title="添加个人标签">+</a></td>
+	  							<td width="190">四川,成都,XX区</td>
+	  							<td width="60">6</td>
+	  							<td>设计单位</td>
+	  						</tr>
+	  						<tr>
+	  							<td width="330"><a href="#">四川川交路桥有限责任公司</a></td>
+	  						<td width="100"><i class="contactsTag tagCol-02">x</i><a href="#" class="addTag" title="添加个人标签">+</a></td>
+	  							<td width="190">四川,成都,XX区</td>
+	  							<td width="60">12</td>
+	  							<td>设计,咨询</td>
+	  						</tr>
+	  				</table>
+	  				
+	  					<div class="changePage">
+	  					翻页
+			  				<select>
+								<option selected="" value=":1">第1页</option></select>
+							</div>
+				</div>
+			</div>
+			<div class="contactDetil fL">
+				<div class="contactInfo clearfix">
+		  			<div class="header">
+	  				<h1 class="companyName">四川川交路桥有限责任公司</h1>
+	  				<h2 class="cate"><b>已有部门:</b>A部门/B部门/C部门</h2>
+	  				</div>
+	  			</div>
+	  			<div class="lockRecord autoHeightR4">
+	  				<div class="contactPanel">
+		  				<table>
+		  					<tbody>
+		  					<tr><th>姓名</th><td><input type="text" style="width:55%"><select><option>优先级</option><option>1</option></select></td><th>昵称</th><td><input type="text" style="width:55%"><select><option>男</option><option>女</option></select></td></tr>
+		  					<tr><th>手机</th><td><input type="text"> </td><th>电话</th><td><input type="text"> </td></tr>
+		  					<tr><th>QQ</th><td><input type="text"> </td><th>邮箱</th><td><input type="text"> </td></tr>
+		  					<tr><th>部门</th><td><input type="text"> </td><th>职务</th><td><input type="text"> </td></tr>
+		  					<tr><th>办公室</th><td colspan="3"><input type="text" ></td></tr>
+		  					<tr><th>备注</th><td colspan="3"><input type="text" ></td></tr>
+		  					</tbody>
+		  				</table>
+		  			</div>
+		  			<div class="contactPanel">
+		  				<table>
+		  					<tbody><tr><th>单位</th><td colspan="5">单位名称</td></tr>
+		  					<tr><th>地区</th><td colspan="5"><select><option >四川</option></select><select><option>成都</option></select><select><option>南岸区</option></select></td></tr>
+		  					<tr><th>传真</th><td><input type="text" value="data"> </td><th>主页</th><td><input type="text" value="data"> </td></tr>
+		  					<tr><th>地址</th><td colspan="5"><input type="text" value="data"> </td></tr>
+		  					<tr><th>乘车</th><td colspan="5"><input type="text" value="data"> </td></tr>
+		  					<tr><th>地标</th><td colspan="5"><input type="text" value="data"> </td></tr>
+		  					<tr><th>住宿</th><td colspan="5"><input type="text" value="data"> </td></tr>
+		  					<tr><td colspan="6"><a class="button" href="#">确定</a><span class="bsAlert bsDanger fL">失败</span></td></tr>
+		  				</tbody></table>
+		  			</div>
+	  			</div>
+			</div>
+		</div>
+	</div>
+<script type="text/javascript">autoFlashHeight();</script>	
+</body>

Разлика између датотеке није приказан због своје велике величине
+ 115 - 0
contacts-company-edit.html


+ 224 - 0
contacts-company.html

@@ -0,0 +1,224 @@
+<!DOCTYPE html>
+<html lang=zh-cn> 
+<head>
+	<meta charset=utf-8> 
+	<title>CLD.System</title> 
+	<meta name=description content=电子版晴雨表,在线晴雨表,网页晴雨表> 
+	<link rel="shortcut icon" href="images/favicon.ico"> 
+	<meta name=copyright content=smartcost.com.cn> 
+	<link rel=stylesheet href=css/global.css> 
+	<script src=js/jquery-1.7.1.min.js></script> 
+	<script src=js/global.js></script>
+</head>
+<body>
+	<div class="mainLayout">
+		<div class="mainMenu">
+			<div class="menuItem">
+				<a href="#" class="mLogo">CLD</a>
+				<ul>
+					<li data-placement="right" data-toggle="ctooltip" data-original-title="信息中心" class="topLine"><a href="#" class="icon-" >B</a></li>
+					<li data-placement="right" data-toggle="ctooltip" data-original-title="通讯录"><a href="#" class="icon- selected">A</a></li>
+					<li data-placement="right" data-toggle="ctooltip" data-original-title="在线锁库"><a href="#" class="icon-">C</a></li>
+					<li data-placement="right" data-toggle="ctooltip" data-original-title="日程表"><a href="#" class="icon-">X</a></li>
+					<li data-placement="right" data-toggle="ctooltip" data-original-title="开发需求" class="topLine"><a href="#" class="icon-">V</a></li>
+					<li data-placement="right" data-toggle="ctooltip" data-original-title="邮件推广"><a href="#" class="icon- ">Z</a></li>
+					<li data-placement="right" data-toggle="ctooltip" data-original-title="报销单"><a href="#" class="icon-">U</a></li>
+					<li data-placement="right" data-toggle="ctooltip" data-original-title="物品申请"><a href="#" class="icon-">W</a></li>
+					<li data-placement="right" data-toggle="ctooltip" data-original-title="APP" class="topLine"><a href="#" class="icon-">Y</a></li>
+					<li data-placement="right" data-toggle="ctooltip" data-original-title="个人设置"><a href="#" class="icon-">F</a></li>
+					<li data-placement="right" data-toggle="ctooltip" data-original-title="退出系统"><a href="#" class="icon-">G</a></li>
+				</ul>
+			</div>
+		</div>
+		<div class="warpContent">
+			<div class="contactTab">
+				<a href="contacts-client.html">我的客户</a><a href="contacts-company.html" class="now">我的单位</a><a href="contacts-group.html">我的群组</a><a href="contacts-staff.html">内部通讯</a>
+				<div class="searchItem"><input type="text" placeholder="输入姓名或单位名称进行搜索"><input type="button" value="搜索" class="subBtn"></div>
+				<div class="tabButton">
+					<a href="#" title="添加新客户">+客户</a>
+				</div>
+			</div>
+			<div class="contactDatabase fL">
+				<div class="contactCate">
+					<ul class="cateList">
+	  					<li><select><option>广东</option></select>&nbsp;<select><option>珠海</option></select>&nbsp;<select><option>香洲区</option></select></li>
+	  					<li class="filter clearfix"><a href="#" class="now">不限</a><a href="">设计</a><a href="">咨询单位</a><a href="#">审核单位</a><a href="#">造价管理</a><a href="#">业主</a><a href="#">交通局</a><a href="#">公路局</a><a href="#">施工</a><a href="#">监理</a><a href="#">招标代理</a><a href="#">学校</a><a href="#">合作伙伴</a><a href="#">个人</a></li>	  					
+	  					<li class="filter clearfix">
+	  						<label><span class="contactsTag tagCol-01" data-placement="right" data-toggle="ctooltip" data-original-title="网络版用户"><input type="checkbox"></span></label>
+	  						<label><span class="contactsTag tagCol-02" data-placement="right" data-toggle="ctooltip" data-original-title="2013培训班"><input type="checkbox"></span></label>
+	  						<label><span class="contactsTag tagCol-03" data-placement="right" data-toggle="ctooltip" data-original-title="再次拜访"><input type="checkbox"></span></label>
+	  						<label><span class="contactsTag tagCol-04" data-placement="right" data-toggle="ctooltip" data-original-title="意向客户"><input type="checkbox"></span></label>
+	  						<label><span class="contactsTag tagCol-05" data-placement="right" data-toggle="ctooltip" data-original-title="重点客户"><input type="checkbox"></span></label>
+	  						<label><span class="contactsTag tagCol-06" data-placement="right" data-toggle="ctooltip" data-original-title="个人标签"><input type="checkbox"></span></label>
+	  						<label><span class="contactsTag tagCol-07" data-placement="right" data-toggle="ctooltip" data-original-title="个人标签"><input type="checkbox"></span></label>
+	  						<a  href="#editTag" data-toggle="modal" role="button" title="编辑标签">编辑</a>
+	  					</li>
+	  				</ul>
+	  				<div class="contactTableHead">
+	  					<table>
+	  						<tr><td width="330">单位</td><td width="100">标签</td><td width="190">地区</td><td width="60">客户数</td><td>单位性质</td></tr>
+	  					</table>
+	  				</div>
+				</div>
+				<div class="contactList  autoHeightL2">
+					<table class="contactTable">
+	  						<tr>
+	  							<td width="330"><a href="#">四川川交路桥有限责任公司</a></td>
+	  						<td width="100"><i class="contactsTag tagCol-01">x</i><i class="contactsTag tagCol-02">x</i><i class="contactsTag tagCol-03">x</i><i class="contactsTag tagCol-04">x</i><i class="contactsTag tagCol-05">x</i><i class="contactsTag tagCol-06">x</i><i class="contactsTag tagCol-07">x</i><a href="#" class="addTag" title="添加个人标签">+</a></td>
+	  							<td width="190">四川,成都,XX区</td>
+	  							<td width="60">6</td>
+	  							<td>设计单位</td>
+	  						</tr>
+	  						<tr>
+	  							<td width="330"><a href="#">四川川交路桥有限责任公司</a></td>
+	  						<td width="100"><i class="contactsTag tagCol-02">x</i><a href="#" class="addTag" title="添加个人标签">+</a></td>
+	  							<td width="190">四川,成都,XX区</td>
+	  							<td width="60">12</td>
+	  							<td>设计,咨询</td>
+	  						</tr>
+	  				</table>
+				</div>
+				<div class="changePage">
+				翻页
+  				<select>
+					<option selected="" value=":1">第1页</option></select>
+				</div>
+			</div>
+			<div class="contactDetil fL">
+				<div class="contactInfo clearfix" id="clientInfo">
+		  			<div class="header">
+	  				<h1 class="companyName">四川川交路桥有限责任公司<div class="fR"><a href="#" class="icon- edit" title="编辑单位">I</a>|<a class="icon- add" hreff="#" title="在这个单位下添加客户">H</a></div></h1>
+	  				<div class="contactPanel">
+		  				<table>
+		  					<tbody>
+		  					<tr><th>单位地区</th><td><span>四川,成都,南岸区</span></td><th>单位性质</th><td>设计单位,咨询单位</td></tr>
+		  					<tr><th>单位地址</th><td colspan="3">撒打死的三</td></tr>
+		  					<tr><th>单位乘车</th><td colspan="3">内容</td></tr>
+		  					<tr><th>单位地标</th><td colspan="3">内容</td></tr>
+		  					<tr><th>单位住宿</th><td colspan="3">内容</td></tr>
+		  				</tbody></table></div>
+	  				<h2 class="cate"><a href="javascript:void(0)"  class="now">不限</a><a href="javascript:void(0)">A部门(2)</a><a href="javascript:void(0)">B部门(5)</a><a href="javascript:void(0)">C部门(2)</a></h2>
+	  				</div>
+	  			</div>
+	  			<div class="lockRecord autoHeightR2">
+	  				<div class="contactPanel">
+	  					<table>
+	  						<tr>
+	  							<td rowspan=""><i class="icon- sport">1</i> <a href="#" class="clientName">周智超</a></td><td>周(智超)工:</td><td></td>
+	  						</tr>
+	  						<tr>
+	  							<td>总工办</td><td>12345678910</td><td>QQ:12345678</td>
+	  						</tr>
+	  						<tr>
+	  							<td>部长</td><td>0000-564645654</td><td>123456@qq.com</td>
+	  						</tr>
+	  						<tr>
+	  							<td colspan="3"><a>HNYH-0654</a>(专业版+河南养护),<a href="#">DW-5465</a>(算量软件)</td>
+	  						</tr>
+	  					</table>
+	  				</div>
+	  				<div class="contactPanel">
+		  				<h1><p class="fR">广东办-<a href="#">刘飞</a></p><a href="#" class="clientName">客户名称</a><i class="icon- sport">1</i><a href="#" class="icon- edit">I</a></h1>
+		  				<table>
+		  					<tbody><tr><th>性别</th><td>男</td><th>昵称</th><td>X工</td></tr>
+		  					<tr><th>部门</th><td>总工办(部长)</td><th>办公室</th><td>13楼</td></tr>
+		  					<tr><th>手机</th><td>12345678910</td><th>QQ</th><td>12345678</td></tr>
+		  					<tr><th>电话</th><td>0000-564645654</td><th>邮箱</th><td>123456@qq.com</td></tr>
+		  					<tr><th>锁</th><td colspan="3"><a href="#">HNYH-0654</a>(专业版+河南养护),<a href="#">DW-5465</a>(算量软件)</td></tr>
+		  					<tr><td colspan="4"><span class="contactsTag tagCol-01">标签1</span><span class="contactsTag tagCol-02">标签2</span></td></tr>
+		  				</tbody></table>
+		  			</div>
+	  				<div class="contactPanel">
+		  				<h1><p class="fR">广东办-<a href="#">刘飞</a></p><a href="#" class="clientName">客户名称</a><i class="icon- sport">1</i><a href="#" class="icon- edit">I</a></h1>
+		  				<table>
+		  					<tbody><tr><th>性别</th><td>男</td><th>昵称</th><td>X工</td></tr>
+		  					<tr><th>部门</th><td>总工办(部长)</td><th>办公室</th><td>13楼</td></tr>
+		  					<tr><th>手机</th><td>12345678910</td><th>QQ</th><td>12345678</td></tr>
+		  					<tr><th>电话</th><td>0000-564645654</td><th>邮箱</th><td>123456@qq.com</td></tr>
+		  					<tr><th>锁</th><td colspan="3"><a href="#">HNYH-0654</a>(专业版+河南养护),<a href="#">DW-5465</a>(算量软件)</td></tr>
+		  					<tr><td colspan="4"><span class="contactsTag tagCol-01">标签1</span><span class="contactsTag tagCol-02">标签2</span></td></tr>
+		  				</tbody></table>
+		  			</div>
+	  				<div class="contactPanel">
+		  				<h1><p class="fR">广东办-<a href="#">刘飞</a></p><a href="#" class="clientName">客户名称</a><i class="icon- sport">2</i><a href="#" class="icon- edit">I</a></h1>
+		  				<table>
+		  					<tbody><tr><th>性别</th><td>男</td><th>昵称</th><td>X工</td></tr>
+		  					<tr><th>部门</th><td>总工办(部长)</td><th>办公室</th><td>13楼</td></tr>
+		  					<tr><th>手机</th><td>12345678910</td><th>QQ</th><td>12345678</td></tr>
+		  					<tr><th>电话</th><td>0000-564645654</td><th>邮箱</th><td>123456@qq.com</td></tr>
+		  					<tr><th>锁</th><td colspan="3"><a href="#">HNYH-0654</a>(专业版+河南养护),<a href="#">DW-5465</a>(算量软件)</td></tr>
+		  					<tr><td colspan="4"><span class="contactsTag tagCol-01">标签1</span><span class="contactsTag tagCol-02">标签2</span></td></tr>
+		  				</tbody></table>
+		  			</div>
+	  				<div class="contactPanel">
+		  				<h1><p class="fR">广东办-<a href="#">刘飞</a></p><a href="#" class="clientName">客户名称</a><i class="icon- sport">3</i><a href="#" class="icon- edit">I</a></h1>
+		  				<table>
+		  					<tbody><tr><th>性别</th><td>男</td><th>昵称</th><td>X工</td></tr>
+		  					<tr><th>部门</th><td>总工办(部长)</td><th>办公室</th><td>13楼</td></tr>
+		  					<tr><th>手机</th><td>12345678910</td><th>QQ</th><td>12345678</td></tr>
+		  					<tr><th>电话</th><td>0000-564645654</td><th>邮箱</th><td>123456@qq.com</td></tr>
+		  					<tr><th>锁</th><td colspan="3"><a href="#">HNYH-0654</a>(专业版+河南养护),<a href="#">DW-5465</a>(算量软件)</td></tr>
+		  					<tr><td colspan="4"><span class="contactsTag tagCol-01">标签1</span><span class="contactsTag tagCol-02">标签2</span></td></tr>
+		  				</tbody></table>
+		  			</div>
+	  				<div class="contactPanel">
+		  				<h1><p class="fR">广东办-<a href="#">刘飞</a></p><a href="#" class="clientName">客户名称</a><i class="icon- sport">4</i><a href="#" class="icon- edit">I</a></h1>
+		  				<table>
+		  					<tbody><tr><th>性别</th><td>男</td><th>昵称</th><td>X工</td></tr>
+		  					<tr><th>部门</th><td>总工办(部长)</td><th>办公室</th><td>13楼</td></tr>
+		  					<tr><th>手机</th><td>12345678910</td><th>QQ</th><td>12345678</td></tr>
+		  					<tr><th>电话</th><td>0000-564645654</td><th>邮箱</th><td>123456@qq.com</td></tr>
+		  					<tr><th>锁</th><td colspan="3"><a href="#">HNYH-0654</a>(专业版+河南养护),<a href="#">DW-5465</a>(算量软件)</td></tr>
+		  					<tr><td colspan="4"><span class="contactsTag tagCol-01">标签1</span><span class="contactsTag tagCol-02">标签2</span></td></tr>
+		  				</tbody></table>
+		  			</div>
+	  				<div class="contactPanel">
+		  				<h1><p class="fR">广东办-<a href="#">刘飞</a></p><a href="#" class="clientName">客户名称</a><i class="icon- sport">5</i><a href="#" class="icon- edit">I</a></h1>
+		  				<table>
+		  					<tbody><tr><th>性别</th><td>男</td><th>昵称</th><td>X工</td></tr>
+		  					<tr><th>部门</th><td>总工办(部长)</td><th>办公室</th><td>13楼</td></tr>
+		  					<tr><th>手机</th><td>12345678910</td><th>QQ</th><td>12345678</td></tr>
+		  					<tr><th>电话</th><td>0000-564645654</td><th>邮箱</th><td>123456@qq.com</td></tr>
+		  					<tr><th>锁</th><td colspan="3"><a href="#">HNYH-0654</a>(专业版+河南养护),<a href="#">DW-5465</a>(算量软件)</td></tr>
+		  					<tr><td colspan="4"><span class="contactsTag tagCol-01">标签1</span><span class="contactsTag tagCol-02">标签2</span></td></tr>
+		  				</tbody></table>
+		  			</div>
+	  				<div class="contactPanel">
+		  				<h1><p class="fR">广东办-<a href="#">刘飞</a></p><a href="#" class="clientName">客户名称</a><a href="#" class="icon- edit">I</a></h1>
+		  				<table>
+		  					<tbody><tr><th>性别</th><td>男</td><th>昵称</th><td>X工</td></tr>
+		  					<tr><th>部门</th><td>总工办(部长)</td><th>办公室</th><td>13楼</td></tr>
+		  					<tr><th>手机</th><td>12345678910</td><th>QQ</th><td>12345678</td></tr>
+		  					<tr><th>电话</th><td>0000-564645654</td><th>邮箱</th><td>123456@qq.com</td></tr>
+		  					<tr><th>锁</th><td colspan="3"><a href="#">HNYH-0654</a>(专业版+河南养护),<a href="#">DW-5465</a>(算量软件)</td></tr>
+		  					<tr><td colspan="4"><span class="contactsTag tagCol-01">标签1</span><span class="contactsTag tagCol-02">标签2</span></td></tr>
+		  				</tbody></table>
+		  			</div>
+	  				<div class="contactPanel">
+		  				<h1><p class="fR">广东办-<a href="#">刘飞</a></p><a href="#" class="clientName">客户名称</a><a href="#" class="icon- edit">I</a></h1>
+		  				<table>
+		  					<tbody><tr><th>性别</th><td>男</td><th>昵称</th><td>X工</td></tr>
+		  					<tr><th>部门</th><td>总工办(部长)</td><th>办公室</th><td>13楼</td></tr>
+		  					<tr><th>手机</th><td>12345678910</td><th>QQ</th><td>12345678</td></tr>
+		  					<tr><th>电话</th><td>0000-564645654</td><th>邮箱</th><td>123456@qq.com</td></tr>
+		  					<tr><th>锁</th><td colspan="3"><a href="#">HNYH-0654</a>(专业版+河南养护),<a href="#">DW-5465</a>(算量软件)</td></tr>
+		  					<tr><td colspan="4"><span class="contactsTag tagCol-01">标签1</span><span class="contactsTag tagCol-02">标签2</span></td></tr>
+		  				</tbody></table>
+		  			</div>
+	  				<div class="contactPanel">
+		  				<h1><p class="fR">广东办-<a href="#">刘飞</a></p><a href="#" class="clientName">客户名称</a><a href="#" class="icon- edit">I</a></h1>
+		  				<table>
+		  					<tbody><tr><th>性别</th><td>男</td><th>昵称</th><td>X工</td></tr>
+		  					<tr><th>部门</th><td>总工办(部长)</td><th>办公室</th><td>13楼</td></tr>
+		  					<tr><th>手机</th><td>12345678910</td><th>QQ</th><td>12345678</td></tr>
+		  					<tr><th>电话</th><td>0000-564645654</td><th>邮箱</th><td>123456@qq.com</td></tr>
+		  					<tr><th>锁</th><td colspan="3"><a href="#">HNYH-0654</a>(专业版+河南养护),<a href="#">DW-5465</a>(算量软件)</td></tr>
+		  					<tr><td colspan="4"><span class="contactsTag tagCol-01">标签1</span><span class="contactsTag tagCol-02">标签2</span></td></tr>
+		  				</tbody></table>
+		  			</div>
+	  			</div>
+			</div>
+		</div>
+	</div>
+<script type="text/javascript">autoFlashHeight();</script>	
+</body>

+ 124 - 0
contacts-edit.html

@@ -0,0 +1,124 @@
+<!DOCTYPE html>
+<html lang=zh-cn> 
+<head>
+	<meta charset=utf-8> 
+	<title>CLD.System</title> 
+	<meta name=description content=电子版晴雨表,在线晴雨表,网页晴雨表> 
+	<link rel="shortcut icon" href="images/favicon.ico"> 
+	<meta name=copyright content=smartcost.com.cn> 
+	<link rel=stylesheet href=css/global.css> 
+	<script src=js/jquery-1.7.1.min.js></script> 
+	<script src=js/global.js></script>
+</head>
+<body>
+	<div class="mainLayout">
+		<div class="mainMenu">
+			<div class="menuItem">
+				<a href="#" class="mLogo">CLD</a>
+				<ul>
+					<li data-placement="right" data-toggle="ctooltip" data-original-title="信息中心" class="topLine"><a href="#" class="icon-" >B</a></li>
+					<li data-placement="right" data-toggle="ctooltip" data-original-title="通讯录"><a href="#" class="icon- selected">A</a></li>
+					<li data-placement="right" data-toggle="ctooltip" data-original-title="在线锁库"><a href="#" class="icon-">C</a></li>
+					<li data-placement="right" data-toggle="ctooltip" data-original-title="日程表"><a href="#" class="icon-">X</a></li>
+					<li data-placement="right" data-toggle="ctooltip" data-original-title="开发需求" class="topLine"><a href="#" class="icon-">V</a></li>
+					<li data-placement="right" data-toggle="ctooltip" data-original-title="邮件推广"><a href="#" class="icon- ">Z</a></li>
+					<li data-placement="right" data-toggle="ctooltip" data-original-title="报销单"><a href="#" class="icon-">U</a></li>
+					<li data-placement="right" data-toggle="ctooltip" data-original-title="物品申请"><a href="#" class="icon-">W</a></li>
+					<li data-placement="right" data-toggle="ctooltip" data-original-title="APP" class="topLine"><a href="#" class="icon-">Y</a></li>
+					<li data-placement="right" data-toggle="ctooltip" data-original-title="个人设置"><a href="#" class="icon-">F</a></li>
+					<li data-placement="right" data-toggle="ctooltip" data-original-title="退出系统"><a href="#" class="icon-">G</a></li>
+				</ul>
+			</div>
+		</div>
+		<div class="warpContent">
+			<div class="contactTab">
+				<a href="#" class="now">我的客户</a><a href="#" >我的单位</a>
+				<div class="searchItem"><input type="text" placeholder="输入姓名或单位名称进行搜索"><input type="button" value="搜索" class="subBtn"></div>
+				<div class="tabButton">
+					<a href="#" title="添加新客户">+客户</a>
+				</div>
+			</div>
+			<div class="contactDatabase fL">
+				<div class="contactCate">
+					<ul class="cateList">
+	  					<li><select><option>广东</option></select>&nbsp;<select><option>珠海</option></select>&nbsp;<select><option>香洲区</option></select></li>
+	  					<li class="filter clearfix"><a href="#" class="now">不限</a><a href="">设计</a><a href="">咨询单位</a><a href="#">审核单位</a><a href="#">造价管理</a><a href="#">业主</a><a href="#">交通局</a><a href="#">公路局</a><a href="#">施工</a><a href="#">监理</a><a href="#">招标代理</a><a href="#">学校</a><a href="#">合作伙伴</a><a href="#">个人</a></li>	  					
+	  					<li class="filter clearfix">
+	  						<label><span class="contactsTag tagCol-01" data-placement="right" data-toggle="ctooltip" data-original-title="网络版用户"><input type="checkbox"></span></label>
+	  						<label><span class="contactsTag tagCol-02" data-placement="right" data-toggle="ctooltip" data-original-title="2013培训班"><input type="checkbox"></span></label>
+	  						<label><span class="contactsTag tagCol-03" data-placement="right" data-toggle="ctooltip" data-original-title="再次拜访"><input type="checkbox"></span></label>
+	  						<label><span class="contactsTag tagCol-04" data-placement="right" data-toggle="ctooltip" data-original-title="意向客户"><input type="checkbox"></span></label>
+	  						<label><span class="contactsTag tagCol-05" data-placement="right" data-toggle="ctooltip" data-original-title="重点客户"><input type="checkbox"></span></label>
+	  						<label><span class="contactsTag tagCol-06" data-placement="right" data-toggle="ctooltip" data-original-title="个人标签"><input type="checkbox"></span></label>
+	  						<label><span class="contactsTag tagCol-07" data-placement="right" data-toggle="ctooltip" data-original-title="个人标签"><input type="checkbox"></span></label>
+	  						<a  href="#editTag" data-toggle="modal" role="button" title="编辑标签">编辑</a>
+	  					</li>
+	  				</ul>
+	  				<div class="contactTableHead">
+	  					<table>
+	  						<tr><td width="330">单位</td><td width="100">标签</td><td width="190">地区</td><td width="60">客户数</td><td>单位性质</td></tr>
+	  					</table>
+	  				</div>
+				</div>
+				<div class="contactList  autoHeightL2">
+					<table class="contactTable">
+	  						<tr>
+	  							<td width="330"><a href="#">四川川交路桥有限责任公司</a></td>
+	  						<td width="100"><i class="contactsTag tagCol-01">x</i><i class="contactsTag tagCol-02">x</i><i class="contactsTag tagCol-03">x</i><i class="contactsTag tagCol-04">x</i><i class="contactsTag tagCol-05">x</i><i class="contactsTag tagCol-06">x</i><i class="contactsTag tagCol-07">x</i><a href="#" class="addTag" title="添加个人标签">+</a></td>
+	  							<td width="190">四川,成都,XX区</td>
+	  							<td width="60">6</td>
+	  							<td>设计单位</td>
+	  						</tr>
+	  						<tr>
+	  							<td width="330"><a href="#">四川川交路桥有限责任公司</a></td>
+	  						<td width="100"><i class="contactsTag tagCol-02">x</i><a href="#" class="addTag" title="添加个人标签">+</a></td>
+	  							<td width="190">四川,成都,XX区</td>
+	  							<td width="60">12</td>
+	  							<td>设计,咨询</td>
+	  						</tr>
+	  				</table>
+	  				
+	  					<div class="changePage">
+	  					翻页
+			  				<select>
+								<option selected="" value=":1">第1页</option></select>
+							</div>
+				</div>
+			</div>
+			<div class="contactDetil fL">
+				<div class="contactInfo">
+		  			<div class="contactPanel">
+		  				<table>
+		  					<tbody>
+		  					<tr><th>姓名</th><td><input type="text" style="width:55%"><select><option>优先级</option><option>1</option><option>2</option><option>3</option><option>4</option><option>5</option></select></td><th>昵称</th><td><input type="text" style="width:55%"><select><option>男</option><option>女</option></select></td></tr>
+		  					<tr><th>手机</th><td><input type="text"> </td><th>电话</th><td><input type="text"> </td></tr>
+		  					<tr><th>QQ</th><td><input type="text"> </td><th>邮箱</th><td><input type="text"> </td></tr>
+		  					<tr><th>备注</th><td colspan="3"><input type="text"> </td></tr>
+		  					<tr><th>传真</th><td><input type="text"> </td><th>主页</th><td><input type="text"> </td></tr>
+		  					<tr><th>部门</th><td><input type="text"> </td><th>职务</th><td><input type="text"> </td></tr>
+		  					<tr><th>办公室</th><td colspan="3"><input type="text"> </td></tr>
+		  					<tr><th>客户地区</th><td colspan="3"><select><option>广东省</option></select></td></tr>
+		  					<tr><th>客户地址</th><td colspan="3"><input type="text"> </td></tr>
+		  					<tr><th>客户乘车</th><td colspan="3"><input type="text"> </td></tr>
+		  					<tr><th>客户地标</th><td colspan="3"><input type="text"> </td></tr>
+		  					<tr><th>客户住宿</th><td colspan="3"><input type="text"> </td></tr>
+		  					<tr><td colspan="4"><a href="#" class="button">确定</a></td></tr>
+		  				</tbody></table>
+		  			</div>
+		  			<div class="contactPanel">
+		  				<table>
+		  					<tbody><tr><th>单位全称</th><td colspan="3">XXXX公司<div class="fR"><a class="icon- edit" href="#">I</a>|<a data-original-title="更换单位" data-toggle="ctooltip" data-placement="left"  class="icon- replace" href="#">J</a></div></td></tr>
+		  					<tr ><th>单位地区</th><td colspan="3" ><span >四川,成都,南岸区</span></td></tr>
+		  					<tr><th>单位性质</th><td colspan="3">设计单位,咨询单位</td></tr>
+		  					<tr><th>单位地址</th><td colspan="3">撒打死的三</td></tr>
+		  					<tr><th>单位乘车</th><td colspan="3">内容</td></tr>
+		  					<tr><th>单位地标</th><td colspan="3">内容</td></tr>
+		  					<tr><th>单位住宿</th><td colspan="3">内容</td></tr>
+		  				</tbody></table>
+		  			</div>
+	  			</div>
+			</div>
+		</div>
+	</div>
+<script type="text/javascript">autoFlashHeight();</script>	
+</body>

+ 686 - 0
contacts-group.html

@@ -0,0 +1,686 @@
+<!DOCTYPE html>
+<html lang=zh-cn> 
+<head>
+	<meta charset=utf-8> 
+	<title>CLD.System</title> 
+	<meta 陈特=description content=电子版晴雨表,在线晴雨表,网页晴雨表> 
+	<link rel="shortcut icon" href="images/favicon.ico"> 
+	<meta 陈特=copyright content=smartcost.com.cn> 
+	<link rel=stylesheet href=css/global.css> 
+	<script src=js/jquery-1.7.1.min.js></script> 
+	<script src=js/global.js></script>
+</head>
+<body>
+	<div class="mainLayout">
+		<div class="mainMenu">
+			<div class="menuItem">
+				<a href="#" class="mLogo">CLD</a>
+				<ul>
+					<li data-placement="right" data-toggle="ctooltip" data-original-title="信息中心" class="topLine"><a href="#" class="icon-" >B</a></li>
+					<li data-placement="right" data-toggle="ctooltip" data-original-title="通讯录"><a href="#" class="icon- selected">A</a></li>
+					<li data-placement="right" data-toggle="ctooltip" data-original-title="在线锁库"><a href="#" class="icon-">C</a></li>
+					<li data-placement="right" data-toggle="ctooltip" data-original-title="日程表"><a href="#" class="icon-">X</a></li>
+					<li data-placement="right" data-toggle="ctooltip" data-original-title="开发需求" class="topLine"><a href="#" class="icon-">V</a></li>
+					<li data-placement="right" data-toggle="ctooltip" data-original-title="邮件推广"><a href="#" class="icon- ">Z</a></li>
+					<li data-placement="right" data-toggle="ctooltip" data-original-title="报销单"><a href="#" class="icon-">U</a></li>
+					<li data-placement="right" data-toggle="ctooltip" data-original-title="物品申请"><a href="#" class="icon-">W</a></li>
+					<li data-placement="right" data-toggle="ctooltip" data-original-title="APP" class="topLine"><a href="#" class="icon-">Y</a></li>
+					<li data-placement="right" data-toggle="ctooltip" data-original-title="个人设置"><a href="#" class="icon-">F</a></li>
+					<li data-placement="right" data-toggle="ctooltip" data-original-title="退出系统"><a href="#" class="icon-">G</a></li>
+				</ul>
+			</div>
+		</div>
+		<div class="warpContent">
+			<div class="contactTab">
+				<a href="contacts-client.html">我的客户</a><a href="contacts-company.html">我的单位</a><a href="contacts-group.html" class="now">我的群组</a><a href="contacts-staff.html">内部通讯</a>
+				<div class="searchItem"><input name="search" placeholder="姓名 单位名称 QQ 手机 电话 地址" type="text"><input value="搜索" class="subBtn" type="submit"><input class="subBtn add" value="新客户" onclick="addClient()" type="button"></div>
+			</div>
+			<div class="groupSide">
+				<div class="sideItem autoHeightR5">
+					<ul class="groupCont">
+						<li class="active">最近添加客户<span class="groupNum fR">13</span></li>
+						<li>最近记录客户<span class="groupNum fR">0</span></li>
+					</ul>
+					<ul class="groupTree">
+						<li><a href="" class="fr"><span class="groupNum fR">3</span><span class="icon-">l</span>&nbsp;<span class="groupTitle">第一层组1</span></a>
+							<ul class="tree_2">
+								<li><a href="#"><span class="groupTitle">第二层组1</span></a><span class="groupNum fR">3</span></li>
+								<li class="active"><a href="#"><span class="groupTitle">第二层组2</span></a><span class="groupNum fR">0</span></li>
+								<li><a href="#"><span class="groupTitle">第二层组3</span></a><span class="groupNum fR">0</span></li>
+							</ul>
+							<div class="addG"><a href="#">添加群组</a></div>
+						</li>
+						<li><a href="" class="fr"><span class="groupNum fR">3</span><span class="icon-">l</span>&nbsp;<span class="groupTitle">第一层组2层组2层组2</span></a>
+							<ul class="tree_2">
+								<li><a href="#"><span class="groupTitle">第二层组二层组层组二层组1</span></a><span class="groupNum fR">3</span></li>
+								<li><a href="#"><span class="groupTitle">第二层组2</span></a><span class="groupNum fR">0</span></li>
+								<li><input type="text" placeholder="输入群组名字,回车确认" style="width:140px;margin:0"></li>
+							</ul>
+							<div class="addG"><a href="#">添加群组</a></div>
+						</li>
+						<li><a href="" class="fr active"><span class="groupNum fR">3</span><span class="icon-">l</span>&nbsp;</span><span class="groupTitle">第一层组3</span></a>
+							<div class="addG"><a href="#">添加群组</a></div></li>
+						<li><a href="" class="fr"><span class="groupNum fR">3</span><span class="icon-">l</span>&nbsp;</span><span class="groupTitle">第一层组4</span></a>
+							<div class="addG"><a href="#">添加群组</a></div></li>
+						<li><a href="" class="fr"><span class="groupNum fR">3</span><span class="icon-">E</span>&nbsp;</span><span class="groupTitle">刘飞共享</span></a>
+							<ul class="tree_2">
+								<li><a href="#"><span class="groupTitle">第二层组二层组层组二层组1</span></a><span class="groupNum fR">3</span></li>
+								<li><a href="#"><span class="groupTitle">第二层组2</span></a><span class="groupNum fR">0</span></li>
+							</ul></li>
+					</ul>
+					<div class="addTopgroup">
+						<a href="">添加目录</a>
+						<label class="hide"><input type="text" placeholder="输入群组名字,回车确认"></label>
+					</div>
+				</div>
+			</div>
+			<div class="groupContent">
+			  <div class="groupCate">
+			  	<legend>
+			  		<div class="btn-group fR">
+					            <a class="btn dropdown-toggle btn-small" data-toggle="dropdown" href="#">
+					            <i class="icon-">F</i>&nbsp;群组操作
+					                <span class="caret"></span>
+					            </a>
+					            <ul class="dropdown-menu">
+					                <li><a href="#shareGroup" data-toggle="modal">共享群组</a></li>
+					                <li><a href="#enpGroup" data-toggle="modal">清空群组</a></li>
+					                <li><a href="#delGroup" data-toggle="modal">删除群组</a></li>
+					            </ul>
+					  </div>
+					    <span>第二层组2</span> <a class="icon-" href="#editGname" data-toggle="modal">I</a>&nbsp;<span style="font-size:12px">共享:陈帅</span></legend>
+					<ul class="cateList">
+	  					<li>
+  						<div class="bulk fR">
+  							<div class="btn-group">
+				            <a class="btn dropdown-toggle btn-small" data-toggle="dropdown" href="#">
+				            批量操作
+				                <span class="caret"></span>
+				            </a>
+				            <ul class="dropdown-menu">
+				                <li><a href="#moveGroup" data-toggle="modal">移动到群组</a></li>
+				                <li><a href="#quitGroup" data-toggle="modal">移出群组</a></li>
+				                <li><a href="#addTab" data-toggle="modal">添加标签</a></li>
+				                <li><a href="#delTab" data-toggle="modal">删除标签</a></li>
+				            </ul>
+				  				</div>
+  							<i class="chk"><input type="checkbox"></i>
+  						</div>
+	  					<div class="clearfix">
+	  						<div class="ib"><select><option>不限</option><option>客户</option><option>单位</option></select></div>
+	  						<label><span class="contactsTag tagCol-01" data-placement="right" data-toggle="ctooltip" data-original-title="网络版用户"><input type="checkbox"></span></label>
+	  						<label><span class="contactsTag tagCol-02" data-placement="right" data-toggle="ctooltip" data-original-title="2013培训班"><input type="checkbox"></span></label>
+	  						<label><span class="contactsTag tagCol-03" data-placement="right" data-toggle="ctooltip" data-original-title="再次拜访"><input type="checkbox"></span></label>
+	  						<label><span class="contactsTag tagCol-04" data-placement="right" data-toggle="ctooltip" data-original-title="意向客户"><input type="checkbox"></span></label>
+	  						<label><span class="contactsTag tagCol-05" data-placement="right" data-toggle="ctooltip" data-original-title="重点客户"><input type="checkbox"></span></label>
+	  						<label><span class="contactsTag tagCol-06" data-placement="right" data-toggle="ctooltip" data-original-title="个人标签"><input type="checkbox"></span></label>
+	  						<label><span class="contactsTag tagCol-07" data-placement="right" data-toggle="ctooltip" data-original-title="个人标签"><input type="checkbox"></span></label>
+	  						</div>
+	  					</li>
+	  				</ul>
+				</div>
+				<div class="groupList autoHeightL3">
+					<table class="contactTable">
+						<tbody>
+							<tr>
+	  						<td class="female" width="120"><a class="opensidebar"><b class="name female">李海燕</b></a></td>
+	  						<td width="300"><a href="#" class="cname">四川省交通厅公路勘察设计</a></td>
+	  						<td width="90"><span class="lim">经营部</span><span class="lim">领导</span></td>
+	  						<td><span class="contactsTag2 tagCol-02">个人标签</span><span class="contactsTag2 tagCol-05">个人标签</span></td>
+	  						<td width=""><div class="cGroup"><span class="tagGroup">群组1</span><span class="tagGroup">群组2</span></div></td>
+	  						<td style="text-align:right" width="40"><i class="chk"><input type="checkbox"></i></td>
+	  					</tr>
+							<tr>
+	  						<td></td>
+	  						<td><a href="#" class="cname">四川省交通厅公路勘察设计</a></td>
+	  						<td><span class="lim">施工</span></td>
+	  						<td><span class="contactsTag2 tagCol-01">个人标签</span></td>
+	  						<td width=""><div class="cGroup"><span class="tagGroup">群组1</span><span class="tagGroup">群组2</span></div></td>
+	  						<td style="text-align:right"><i class="chk"><input type="checkbox"></i></td>
+	  					</tr>
+							<tr>
+	  						<td class="female"><a><b class="name female">李海燕</b></a></td>
+	  						<td><a href="#" class="cname">四川省交通厅公路勘察设计</a></td>
+	  						<td><span class="lim">经营部</span><span class="lim">领导</span></td>
+	  						<td><span class="contactsTag2 tagCol-01">个人标签</span><span class="contactsTag2 tagCol-03">个人标签</span></td>
+	  						<td width=""><div class="cGroup"><span class="tagGroup">群组1</span><span class="tagGroup">群组2</span></div></td>
+	  						<td style="text-align:right"><i class="chk"><input type="checkbox"></i></td>
+	  					</tr>
+	  				</tbody>
+	  			</table>
+				</div>
+				<div class="changePage" style="position:static">
+  					翻页
+		  				<select>
+							<option selected="" value=":1">第1页</option><option selected="" value=":1">第2页</option></select>
+				</div>
+				
+			<div class="wrapDetil">
+				<div class=" autoHeightR5">
+					<div class="contactInfo clearfix">
+		  			<div class="contactPanel">
+		  				<h1><p class="fR">广东办-<a href="#">刘飞</a></p>张三<i class="icon- sport">1</i> <a data-original-title="编辑客户" data-toggle="ctooltip" data-placement="right" href="#" class="icon- edit">I</a></h1>
+		  				<table>
+		  					<tbody>
+		  					<tr><th>性别</th><td>男</td><th>昵称</th><td>张工</td></tr>
+		  					<tr><th>手机</th><td>12345678910</td><th>QQ</th><td>12345678</td></tr>
+		  					<tr><th>电话</th><td>0000-564645654</td><th>邮箱</th><td>123456@qq.com</td></tr>
+		  					<tr><th>锁</th><td colspan="3"><a href="#" class="disenable" title="更换">HNYH-0072(专业版)</a>,<a href="#" class="disenable" title="收回">HNYH-0654(专业版)</a>,<a href="#">DW-5465</a>(算量软件)</td></tr>
+		  					<tr><td colspan="4"><span class="contactsTag tagCol-01">标签1</span><span class="contactsTag tagCol-02">标签2</span></td></tr>
+		  					<tr><td colspan="4"><div class="cGroup"><span class="tagGroup">群组1</span><span class="tagGroup">群组2</span><a href="#editGroup" data-toggle="modal" class="icon-" title="编辑群组">F</a></div></td></tr>
+		  				</tbody></table>
+		  			</div>
+		  			<div class="contactPanel" style="margin-bottom:0">
+		  				<table>
+		  					<tbody><tr><th>单位全称</th><td colspan="4"><a href="#">四川蓉城第二绕城高速公路开发有限责任公司</a></td></tr>
+		  					<tr><th>单位主页</th><td colspan="4">www.abc.com</td></tr>
+		  					<tr><th>客户地区</th><td>四川,成都,南岸区</td><th>部/职</th><td>市场经营部(科员)</td></tr>
+		  					<tr><th>客户传真</th><td>0000-12345678</td><th>办公室</th><td>13楼第三个房间</td></tr>
+		  					<tr><th>客户地址</th><td colspan="4">四川省成都市锦江工业园区三色路163号银海芯座16f</td></tr>
+		  					<tr><th>客户乘车</th><td colspan="4">809到天环街下,马路对面坐199路到三色路永安路口下,前行100m,对面即是</td></tr>
+		  					<tr><th>客户地标</th><td colspan="4">XXX大厦</td></tr>
+		  					<tr><th>客户住宿</th><td colspan="4">7天酒店</td></tr>
+		  				</tbody></table>
+		  			</div>
+	  			</div>
+	  			<div style="height: 50px;" class="lockRecord autoHeightR1">
+	  				<!--添加记录按钮-->
+	  				<div class="addRecord addRecordButton clearfix">
+	  					<a href="#" onclick="slideupInfo(this)">+ 打开添加记录</a>
+	  				</div>
+	  				<!--添加记录-->
+	  				<div class="addRecord addRecordForm clearfix hide">
+						<a onclick="slidedownInfo(this)" class="fR slidedownInfo">- 关闭添加记录</a>
+						<form>
+						  <div class="control-group">
+						    <div class="controls">
+							    <label class="radio inline">
+							    	<input name="1" type="radio">上门服务
+							    </label>
+							    <label class="radio inline">
+							    	<input name="1" type="radio">电话拜访
+							    </label>
+							    <label class="radio inline">
+							    	<input name="1" type="radio">其他事项
+							    </label>
+						    </div>
+						  </div>
+	  				<!--添加记录-备注-->
+						  <div class="control-group">
+						    <div class="controls">时间:
+						      <select><option>10月</option><option>11月</option></select>
+						      <select><option>27日</option><option>28日</option></select>
+						    </div>
+						  </div>
+						  <div class="control-group">
+						    <div class="controls">
+						      <textarea rows="5" style="width:95%"></textarea>
+						    </div>
+						  </div>
+						  <div class="control-group">
+						    <div class="controls">
+						      <div style="display:inline-block;margin-right:10px"><label><input type="checkbox"> 添加提醒</label></div>
+						      <div>限期:<input class="span2" type="text"></div>
+						      <div>备注:<input type="text"></div>
+						    </div>
+						  </div>
+						  <div class="control-group">
+						    <div class="controls clearfix">
+			  					<a class="button" href="#">确定添加</a>
+			  					<a class="button btn-gray" href="#">取消</a>
+			  				</div>
+			  				</div>
+						</form>		  				
+	  				</div>
+	  				<!--记录列表-->
+						<div class="infoFlowList">
+							<div class="dateTitle">
+								<em class="month"><span class="num">9</span><span class="text">-01</span></em>
+								<span class="year">2013</span>
+							</div>
+							<ul class="flowList">
+								<li class="item iconService">上门服务 &lt; 广东办<a href="#">刘飞</a></li>
+								<li class="item">
+									1-给彭工更新了软件程序,安装演示了软。<br>
+									2-单位彭工要考甲乙级考试,给他带了资料过去。<br>
+									3-表示论文发表评职称也可以随时联系我。<br>
+								</li>
+							</ul>
+						</div>
+						<div class="infoFlowList">
+							<div class="dateTitle">
+								<em class="month"><span class="num">9</span><span class="text">-01</span></em>
+								<span class="year">2013</span>
+							</div>
+							<ul class="flowList">
+								<li class="item iconPhone">电话拜访 &lt; 广东办<a href="#">刘飞</a></li>
+								<li class="item">
+									1-给彭工更新了软件程序,安装演示了软。<br>
+									2-单位彭工要考甲乙级考试,给他带了资料过去。<br>
+									3-表示论文发表评职称也可以随时联系我。<br>
+								</li>
+							</ul>
+						</div>
+						<div class="infoFlowList">
+							<div class="dateTitle">
+								<em class="month"><span class="num">9</span><span class="text">-01</span></em>
+								<span class="year">2013</span>
+							</div>
+							<ul class="flowList">
+								<li class="item iconOther">其他事项 &lt; 广东办<a href="#">刘飞</a></li>
+								<li class="item">
+									1-给彭工更新了软件程序,安装演示了软。<br>
+									2-单位彭工要考甲乙级考试,给他带了资料过去。<br>
+									3-表示论文发表评职称也可以随时联系我。<br>
+								</li>
+							</ul>
+						</div>
+						<div class="infoFlowList">
+							<div class="dateTitle">
+								<em class="month"><span class="num">9</span><span class="text">-01</span></em>
+								<span class="year">2013</span>
+							</div>
+							<ul class="flowList">
+								<li class="item iconOther">其他事项 &lt; 广东办<a href="#">刘飞</a></li>
+								<li class="item">
+									1-给彭工更新了软件程序,安装演示了软。<br>
+									2-单位彭工要考甲乙级考试,给他带了资料过去。<br>
+									3-表示论文发表评职称也可以随时联系我。<br>
+								</li>
+							</ul>
+						</div>
+	  			</div>
+	  		</div>
+			</div>
+			</div>
+		</div>
+	</div>
+<!--弹出(共享群组)-->
+<div class="modal hide fade" id="shareGroup">
+    <div class="modal-header">
+    	<h3>共享群组</h3>
+    </div>
+    <div class="modal-body">
+	    	<div class="control-group">
+					<div class="controls clearfix">
+					<div class="bsAlert bsWarning">与以下同事共享群组后,你们将一起维护群组内的客户。</div>
+						<ul class="groupCheckbox clearfix">
+							<li>
+								<label class="checkbox">
+				          <input type="checkbox">陈帅
+				        </label>
+				      </li>
+							<li>
+								<label class="checkbox">
+				          <input type="checkbox">范月光
+				        </label>
+				      </li>
+							<li>
+								<label class="checkbox">
+				          <input type="checkbox">王涛
+				        </label>
+				      </li>
+							<li>
+								<label class="checkbox">
+				          <input type="checkbox">苟彦刚
+				        </label>
+				      </li>
+							<li>
+								<label class="checkbox">
+				          <input type="checkbox">刘飞
+				        </label>
+				      </li>
+							<li>
+								<label class="checkbox">
+				          <input type="checkbox">王洪生
+				        </label>
+				      </li>
+							<li>
+								<label class="checkbox">
+				          <input type="checkbox">姜栋
+				        </label>
+				      </li>
+							<li>
+								<label class="checkbox">
+				          <input type="checkbox">刘庆
+				        </label>
+				      </li>
+							<li>
+								<label class="checkbox">
+				          <input type="checkbox">黄巾桃
+				        </label>
+				      </li>
+							<li>
+								<label class="checkbox">
+				          <input type="checkbox">祝海宾
+				        </label>
+				      </li>
+							<li>
+								<label class="checkbox">
+				          <input type="checkbox">王文鹏
+				        </label>
+				      </li>
+							<li>
+								<label class="checkbox">
+				          <input type="checkbox">周江红
+				        </label>
+				      </li>
+							<li>
+								<label class="checkbox">
+				          <input type="checkbox">王智
+				        </label>
+				      </li>
+							<li>
+								<label class="checkbox">
+				          <input type="checkbox">全冰
+				        </label>
+				      </li>
+							<li>
+								<label class="checkbox">
+				          <input type="checkbox">魏明月
+				        </label>
+				      </li>
+							<li>
+								<label class="checkbox">
+				          <input type="checkbox">王星植
+				        </label>
+				      </li>
+							<li>
+								<label class="checkbox">
+				          <input type="checkbox">张文远
+				        </label>
+				      </li>
+							<li>
+								<label class="checkbox">
+				          <input type="checkbox">赵君红
+				        </label>
+				      </li>
+							<li>
+								<label class="checkboxe">
+				          <input type="checkbox">李清学
+				        </label>
+				      </li>
+							<li>
+								<label class="checkbox">
+				          <input type="checkbox">孙燕娇
+				        </label>
+				      </li>
+						</ul>
+					</div>
+	    	</div>
+    </div>
+	<div class="modal-footer">
+	    <a href="#" class="button btn-gray" data-dismiss="modal" aria-hidden="true">取消</a>
+	   	<a href="#" class="button">确定</a>
+	</div>
+</div>
+<!--弹出(共享群组)-->
+<!--弹出(清空群组)-->
+<div class="modal hide fade" id="enpGroup">
+    <div class="modal-header">
+    	<h3>清空群组确认</h3>
+    </div>
+    <div class="modal-body">
+	    	<div class="control-group">
+					<div class="controls clearfix">
+						确定把 <span class="cGroup"><span class="tagGroup">第二层组2</span> 里的客户清空</span>?
+					</div>
+	    	</div>
+    </div>
+	<div class="modal-footer">
+	    <a href="#" class="button btn-gray" data-dismiss="modal" aria-hidden="true">取消</a>
+	   	<a href="#" class="button">确定</a>
+	</div>
+</div>
+<!--弹出(清空群组)-->
+<!--弹出(清空群组)-->
+<div class="modal hide fade" id="delGroup">
+    <div class="modal-header">
+    	<h3>删除群组确认</h3>
+    </div>
+    <div class="modal-body">
+	    	<div class="control-group">
+					<div class="controls clearfix">
+						确定把 <span class="cGroup"><span class="tagGroup">第二层组2</span> 删除</span>?
+					</div>
+	    	</div>
+    </div>
+	<div class="modal-footer">
+	    <a href="#" class="button btn-gray" data-dismiss="modal" aria-hidden="true">取消</a>
+	   	<a href="#" class="button">确定</a>
+	</div>
+</div>
+<!--弹出(清空群组)-->	
+<!--弹出(移动群组)-->
+<div class="modal hide fade" id="moveGroup">
+    <div class="modal-header">
+    	<h3>移动至群组</h3>
+    </div>
+    <div class="modal-body">
+	    	<div class="control-group">
+					<div class="controls clearfix">
+						<ul class="groupCheckbox clearfix">
+							<li>
+								<label class="checkbox">
+				          <input type="checkbox">群组名群组名群组名群组名群组名1
+				        </label>
+				      </li>
+							<li>
+								<label class="checkbox">
+				          <input type="checkbox">群组名1
+				        </label>
+				      </li>
+							<li>
+								<label class="checkbox">
+				          <input type="checkbox">群组名1
+				        </label>
+				      </li>
+							<li>
+								<label class="checkbox">
+				          <input type="checkbox">群组名1
+				        </label>
+				      </li>
+							<li>
+								<label class="checkbox">
+				          <input type="checkbox">群组名1
+				        </label>
+				      </li>
+							<li>
+								<label class="checkbox">
+				          <input type="checkbox">群组名1
+				        </label>
+				      </li>
+							<li>
+								<label class="checkbox">
+				          <input type="checkbox">群组名1
+				        </label>
+				      </li>
+							<li>
+								<label class="checkbox">
+				          <input type="checkbox">群组名1
+				        </label>
+				      </li>
+							<li>
+								<label class="checkbox">
+				          <input type="checkbox">群组名1
+				        </label>
+				      </li>
+							<li>
+								<label class="checkbox">
+				          <input type="checkbox">群组名1
+				        </label>
+				      </li>
+							<li>
+								<label class="checkbox">
+				          <input type="checkbox">群组名1
+				        </label>
+				      </li>
+							<li>
+								<label class="checkbox">
+				          <input type="checkbox">群组名1
+				        </label>
+				      </li>
+							<li>
+								<label class="checkbox">
+				          <input type="checkbox">群组名1
+				        </label>
+				      </li>
+							<li>
+								<label class="checkbox">
+				          <input type="checkbox">群组名1
+				        </label>
+				      </li>
+							<li>
+								<label class="checkbox">
+				          <input type="checkbox">群组名1
+				        </label>
+				      </li>
+							<li>
+								<label class="checkbox">
+				          <input type="checkbox">群组名1
+				        </label>
+				      </li>
+							<li>
+								<label class="checkbox">
+				          <input type="checkbox">群组名1
+				        </label>
+				      </li>
+							<li>
+								<label class="checkbox">
+				          <input type="checkbox">群组名1
+				        </label>
+				      </li>
+							<li>
+								<label class="checkboxe">
+				          <input type="checkbox">群组名1
+				        </label>
+				      </li>
+							<li>
+								<label class="checkbox">
+				          <input type="checkbox">群组名1
+				        </label>
+				      </li>
+						</ul>
+					</div>
+	    	</div>
+    </div>
+	<div class="modal-footer">
+	    <a href="#" class="button btn-gray" data-dismiss="modal" aria-hidden="true">取消</a>
+	   	<a href="#" class="button">确定</a>
+	</div>
+</div>
+<!--弹出(移动群组)-->
+<!--弹出(移出群组)-->
+<div class="modal hide fade" id="quitGroup">
+    <div class="modal-header">
+    	<h3>移出群组确认</h3>
+    </div>
+    <div class="modal-body">
+	    	<div class="control-group">
+					<div class="controls clearfix">
+						确定把客户移出 <span class="cGroup"><span class="tagGroup">第二层组2</span></span>?
+					</div>
+	    	</div>
+    </div>
+	<div class="modal-footer">
+	    <a href="#" class="button btn-gray" data-dismiss="modal" aria-hidden="true">取消</a>
+	   	<a href="#" class="button">确定</a>
+	</div>
+</div>
+<!--弹出(移出群组)-->	
+	<!--弹出(添加标签)-->
+<div class="modal hide fade" id="addTab">
+    <div class="modal-header">
+    <h3>添加标签</h3>
+    </div>
+    <div class="modal-body">
+	    	<div class="control-group">
+					<div class="controls clearfix">
+						<label class="checkbox">
+	          	<label><input type="checkbox"><span class="contactsTag tagCol-01">下周拜访</span></label>
+	        	</label>
+	        		<label class="checkbox">
+	          	<label><input type="checkbox"><span class="contactsTag tagCol-02">意向</span></label>
+	        	</label>
+	        		<label class="checkbox">
+	          	<label><input type="checkbox"><span class="contactsTag tagCol-03">公司内部员工</span></label>
+	        	</label>
+	        		<label class="checkbox">
+	          	<label><input type="checkbox"><span class="contactsTag tagCol-04">个人标签</span></label>
+	        	</label>
+	        		<label class="checkbox">
+	          	<label><input type="checkbox"><span class="contactsTag tagCol-05">个人标签</span></label>
+	        	</label>
+	        		<label class="checkbox">
+	          	<label><input type="checkbox"><span class="contactsTag tagCol-06">个人标签</span></label>
+	        	</label>
+	        		<label class="checkbox">
+	          	<label><input type="checkbox"><span class="contactsTag tagCol-07">个人标签</span></label>
+	        	</label>
+	        </div>
+	    	</div>
+    </div>
+	<div class="modal-footer">
+	    <a href="#" class="button btn-gray" data-dismiss="modal" aria-hidden="true">取消</a>
+	   	<a href="#" class="button">确定</a>
+	</div>
+</div>
+<!--弹出(添加标签)-->
+<!--弹出(删除标签)-->
+<div class="modal hide fade" id="delTab">
+    <div class="modal-header">
+    <h3>删除标签</h3>
+    </div>
+    <div class="modal-body">
+	    	<div class="control-group">
+					<div class="controls clearfix">
+						<label class="checkbox">
+	          	<label><input type="checkbox"><span class="contactsTag tagCol-01">下周拜访</span></label>
+	        	</label>
+	        		<label class="checkbox">
+	          	<label><input type="checkbox"><span class="contactsTag tagCol-02">意向</span></label>
+	        	</label>
+	        		<label class="checkbox">
+	          	<label><input type="checkbox"><span class="contactsTag tagCol-03">公司内部员工</span></label>
+	        	</label>
+	        		<label class="checkbox">
+	          	<label><input type="checkbox"><span class="contactsTag tagCol-04">个人标签</span></label>
+	        	</label>
+	        		<label class="checkbox">
+	          	<label><input type="checkbox"><span class="contactsTag tagCol-05">个人标签</span></label>
+	        	</label>
+	        		<label class="checkbox">
+	          	<label><input type="checkbox"><span class="contactsTag tagCol-06">个人标签</span></label>
+	        	</label>
+	        		<label class="checkbox">
+	          	<label><input type="checkbox"><span class="contactsTag tagCol-07">个人标签</span></label>
+	        	</label>
+	        </div>
+	    	</div>
+    </div>
+	<div class="modal-footer">
+	    <a href="#" class="button btn-gray" data-dismiss="modal" aria-hidden="true">取消</a>
+	   	<a href="#" class="button">确定</a>
+	</div>
+</div>
+<!--弹出(删除标签)-->
+<!--修改群组名字-->
+<div class="modal hide fade" id="editGname">
+    <div class="modal-header">
+    	<h3>修改群组名字</h3>
+    </div>
+    <div class="modal-body">
+	    	<div class="control-group">
+					<div class="controls clearfix">
+						<input type="text">
+					</div>
+	    	</div>
+    </div>
+	<div class="modal-footer">
+	    <a href="#" class="button btn-gray" data-dismiss="modal" aria-hidden="true">取消</a>
+	   	<a href="#" class="button">确定</a>
+	</div>
+</div>
+<!--修改群组名字-->
+<script type="text/javascript">autoFlashHeight();</script>	
+</body>

Разлика између датотеке није приказан због своје велике величине
+ 417 - 0
contacts-lock.html


+ 312 - 0
contacts-staff.html

@@ -0,0 +1,312 @@
+<!DOCTYPE html>
+<html lang=zh-cn> 
+<head>
+	<meta charset=utf-8> 
+	<title>CLD.System</title> 
+	<meta 陈特=description content=电子版晴雨表,在线晴雨表,网页晴雨表> 
+	<link rel="shortcut icon" href="images/favicon.ico"> 
+	<meta 陈特=copyright content=smartcost.com.cn> 
+	<link rel=stylesheet href=css/global.css> 
+	<script src=js/jquery-1.7.1.min.js></script> 
+	<script src=js/global.js></script>
+</head>
+<body>
+	<div class="mainLayout">
+		<div class="mainMenu">
+			<div class="menuItem">
+				<a href="#" class="mLogo">CLD</a>
+				<ul>
+					<li data-placement="right" data-toggle="ctooltip" data-original-title="信息中心" class="topLine"><a href="#" class="icon-" >B</a></li>
+					<li data-placement="right" data-toggle="ctooltip" data-original-title="通讯录"><a href="#" class="icon- selected">A</a></li>
+					<li data-placement="right" data-toggle="ctooltip" data-original-title="在线锁库"><a href="#" class="icon-">C</a></li>
+					<li data-placement="right" data-toggle="ctooltip" data-original-title="日程表"><a href="#" class="icon-">X</a></li>
+					<li data-placement="right" data-toggle="ctooltip" data-original-title="开发需求" class="topLine"><a href="#" class="icon-">V</a></li>
+					<li data-placement="right" data-toggle="ctooltip" data-original-title="邮件推广"><a href="#" class="icon- ">Z</a></li>
+					<li data-placement="right" data-toggle="ctooltip" data-original-title="报销单"><a href="#" class="icon-">U</a></li>
+					<li data-placement="right" data-toggle="ctooltip" data-original-title="物品申请"><a href="#" class="icon-">W</a></li>
+					<li data-placement="right" data-toggle="ctooltip" data-original-title="APP" class="topLine"><a href="#" class="icon-">Y</a></li>
+					<li data-placement="right" data-toggle="ctooltip" data-original-title="个人设置"><a href="#" class="icon-">F</a></li>
+					<li data-placement="right" data-toggle="ctooltip" data-original-title="退出系统"><a href="#" class="icon-">G</a></li>
+				</ul>
+			</div>
+		</div>
+		<div class="warpContent">
+			<div class="contactTab">
+				<a href="contacts-client.html">我的客户</a><a href="contacts-company.html">我的单位</a><a href="contacts-group.html">我的群组</a><a href="contacts-staff.html" class="now">内部通讯</a>
+				<div class="searchItem"><input type="text" placeholder="输入姓名或单位名称进行搜索"><input type="button" value="搜索" class="subBtn"></div>
+				<div class="tabButton">
+					<a href="#" title="添加新客户">+客户</a>
+				</div>
+			</div>
+			<div class="contactDatabase fL">
+				<div class="contactCate">
+					<ul class="cateList">
+	  					<li><select><option>所有</option><option>总部</option></select> <select><option>生日</option><option>1月</option></select></li>
+	  				</ul>
+				</div>
+				<div class="staffList autoHeightL2">
+	  				<div class="staffItem">
+	  					<div class="warp male">
+	  						<h1><b class="fR">总部 / 设计师</b>陈特<i data-placement="right" data-toggle="ctooltip" data-original-title="Ta要过生日啦!" class="topLine"><img src="img/cake.gif">10-29</i></h1>
+	  						<p>0000-12345678</p>
+	  						<div class="more">
+		  						<ul class="">
+		  							<li><b>手机:</b>12345678901</li>
+		  							<li><b>QQ:</b>0000-567890</li>
+		  							<li><b>邮箱:</b>kaka_chen@sina.com</li>
+		  						</ul>
+	  						</div>
+	  					</div>
+	  				</div>
+	  				<div class="staffItem">
+	  					<div class="warp female">
+	  						<h1><b class="fR">总部 / 程序员</b>陈特</h1>
+	  						<p>0000-12345678</p>
+	  						<div class="more">
+		  						<ul class="">
+		  							<li><b>手机:</b>12345678901</li>
+		  							<li><b>QQ:</b>0000-567890</li>
+		  							<li><b>邮箱:</b>0000-567890</li>
+		  						</ul>
+	  						</div>
+	  					</div>
+	  				</div>
+	  				<div class="staffItem">
+	  					<div class="warp male">
+	  						<h1><b class="fR">总部 / 设计师</b>陈特</h1>
+	  						<p>0000-12345678</p>
+	  						<div class="more">
+		  						<ul class="">
+		  							<li><b>手机:</b>12345678901</li>
+		  							<li><b>QQ:</b>0000-567890</li>
+		  							<li><b>邮箱:</b>0000-567890</li>
+		  						</ul>
+	  						</div>
+	  					</div>
+	  				</div>
+	  				<div class="staffItem">
+	  					<div class="warp female">
+	  						<h1><b class="fR">总部 / 程序员</b>陈特</h1>
+	  						<p>0000-12345678</p>
+	  						<div class="more">
+		  						<ul class="">
+		  							<li><b>手机:</b>12345678901</li>
+		  							<li><b>QQ:</b>0000-567890</li>
+		  							<li><b>邮箱:</b>0000-567890</li>
+		  						</ul>
+	  						</div>
+	  					</div>
+	  				</div>
+	  				<div class="staffItem">
+	  					<div class="warp male">
+	  						<h1><b class="fR">总部 / 设计师</b>陈特</h1>
+	  						<p>0000-12345678</p>
+	  						<div class="more">
+		  						<ul class="">
+		  							<li><b>手机:</b>12345678901</li>
+		  							<li><b>QQ:</b>0000-567890</li>
+		  							<li><b>邮箱:</b>0000-567890</li>
+		  						</ul>
+	  						</div>
+	  					</div>
+	  				</div>
+	  				<div class="staffItem">
+	  					<div class="warp female">
+	  						<h1><b class="fR">总部 / 程序员</b>陈特</h1>
+	  						<p>0000-12345678</p>
+	  						<div class="more">
+		  						<ul class="">
+		  							<li><b>手机:</b>12345678901</li>
+		  							<li><b>QQ:</b>0000-567890</li>
+		  							<li><b>邮箱:</b>0000-567890</li>
+		  						</ul>
+	  						</div>
+	  					</div>
+	  				</div>
+	  				<div class="staffItem">
+	  					<div class="warp male">
+	  						<h1><b class="fR">总部 / 设计师</b>陈特</h1>
+	  						<p>0000-12345678</p>
+	  						<div class="more">
+		  						<ul class="">
+		  							<li><b>手机:</b>12345678901</li>
+		  							<li><b>QQ:</b>0000-567890</li>
+		  							<li><b>邮箱:</b>0000-567890</li>
+		  						</ul>
+	  						</div>
+	  					</div>
+	  				</div>
+	  				<div class="staffItem">
+	  					<div class="warp female">
+	  						<h1><b class="fR">总部 / 程序员</b>陈特</h1>
+	  						<p>0000-12345678</p>
+	  						<div class="more">
+		  						<ul class="">
+		  							<li><b>手机:</b>12345678901</li>
+		  							<li><b>QQ:</b>0000-567890</li>
+		  							<li><b>邮箱:</b>0000-567890</li>
+		  						</ul>
+	  						</div>
+	  					</div>
+	  				</div>
+	  				<div class="staffItem">
+	  					<div class="warp male">
+	  						<h1><b class="fR">总部 / 设计师</b>陈特</h1>
+	  						<p>0000-12345678</p>
+	  						<div class="more">
+		  						<ul class="">
+		  							<li><b>手机:</b>12345678901</li>
+		  							<li><b>QQ:</b>0000-567890</li>
+		  							<li><b>邮箱:</b>0000-567890</li>
+		  						</ul>
+	  						</div>
+	  					</div>
+	  				</div>
+	  				<div class="staffItem">
+	  					<div class="warp female">
+	  						<h1><b class="fR">总部 / 程序员</b>陈特</h1>
+	  						<p>0000-12345678</p>
+	  						<div class="more">
+		  						<ul class="">
+		  							<li><b>手机:</b>12345678901</li>
+		  							<li><b>QQ:</b>0000-567890</li>
+		  							<li><b>邮箱:</b>0000-567890</li>
+		  						</ul>
+	  						</div>
+	  					</div>
+	  				</div>
+	  				<div class="staffItem">
+	  					<div class="warp male">
+	  						<h1><b class="fR">总部 / 设计师</b>陈特</h1>
+	  						<p>0000-12345678</p>
+	  						<div class="more">
+		  						<ul class="">
+		  							<li><b>手机:</b>12345678901</li>
+		  							<li><b>QQ:</b>0000-567890</li>
+		  							<li><b>邮箱:</b>0000-567890</li>
+		  						</ul>
+	  						</div>
+	  					</div>
+	  				</div>
+	  				<div class="staffItem">
+	  					<div class="warp female">
+	  						<h1><b class="fR">总部 / 程序员</b>陈特</h1>
+	  						<p>0000-12345678</p>
+	  						<div class="more">
+		  						<ul class="">
+		  							<li><b>手机:</b>12345678901</li>
+		  							<li><b>QQ:</b>0000-567890</li>
+		  							<li><b>邮箱:</b>0000-567890</li>
+		  						</ul>
+	  						</div>
+	  					</div>
+	  				</div>
+	  				<div class="staffItem">
+	  					<div class="warp male">
+	  						<h1><b class="fR">总部 / 设计师</b>陈特</h1>
+	  						<p>0000-12345678</p>
+	  						<div class="more">
+		  						<ul class="">
+		  							<li><b>手机:</b>12345678901</li>
+		  							<li><b>QQ:</b>0000-567890</li>
+		  							<li><b>邮箱:</b>0000-567890</li>
+		  						</ul>
+	  						</div>
+	  					</div>
+	  				</div>
+	  				<div class="staffItem">
+	  					<div class="warp female">
+	  						<h1><b class="fR">总部 / 程序员</b>陈特</h1>
+	  						<p>0000-12345678</p>
+	  						<div class="more">
+		  						<ul class="">
+		  							<li><b>手机:</b>12345678901</li>
+		  							<li><b>QQ:</b>0000-567890</li>
+		  							<li><b>邮箱:</b>0000-567890</li>
+		  						</ul>
+	  						</div>
+	  					</div>
+	  				</div>
+	  				<div class="staffItem">
+	  					<div class="warp male">
+	  						<h1><b class="fR">总部 / 设计师</b>陈特</h1>
+	  						<p>0000-12345678</p>
+	  						<div class="more">
+		  						<ul class="">
+		  							<li><b>手机:</b>12345678901</li>
+		  							<li><b>QQ:</b>0000-567890</li>
+		  							<li><b>邮箱:</b>0000-567890</li>
+		  						</ul>
+	  						</div>
+	  					</div>
+	  				</div>
+	  				<div class="staffItem">
+	  					<div class="warp female">
+	  						<h1><b class="fR">总部 / 程序员</b>陈特</h1>
+	  						<p>0000-12345678</p>
+	  						<div class="more">
+		  						<ul class="">
+		  							<li><b>手机:</b>12345678901</li>
+		  							<li><b>QQ:</b>0000-567890</li>
+		  							<li><b>邮箱:</b>0000-567890</li>
+		  						</ul>
+	  						</div>
+	  					</div>
+	  				</div>
+				</div>
+			</div>
+			<div class="contactDetil fL">
+				<div class="contactInfo clearfix">
+		  			<div class="header">
+	  				<h1>员工动态</h1>
+	  				<h2>最近10条</h2>
+	  				</div>
+	  			</div>
+	  			<div class="lockRecord autoHeightR4" style="height: 493px;">
+	  				&nbsp;
+					<div class="infoFlowList">
+						<div class="dateTitle">
+							<em class="month"><span class="num">10</span><span class="text">-21</span></em>
+							<span class="year">2014</span>
+						</div>
+						<ul class="flowList">
+							<li class="item">广东办<a href="#">刘飞</a></li>
+							<li class="item"><img src="img/cake.gif"><span class="colOrange">今天过生日!</span></li>
+						</ul>
+					</div>
+					<div class="infoFlowList">
+						<div class="dateTitle">
+							<em class="month"><span class="num">12</span><span class="text">-18</span></em>
+							<span class="year">2013</span>
+						</div>
+						<ul class="flowList">
+							<li class="item">广东办<a href="#">刘飞</a></li>
+							<li class="item">更新了他的手机</li>
+						</ul>
+					</div>
+					<div class="infoFlowList">
+						<div class="dateTitle">
+							<em class="month"><span class="num">05</span><span class="text">-18</span></em>
+							<span class="year">2013</span>
+						</div>
+						<ul class="flowList">
+							<li class="item">广东办<a href="#">刘飞</a></li>
+							<li class="item">更新了他的QQ、电话、手机、邮箱</li>
+						</ul>
+					</div>
+					<div class="infoFlowList">
+						<div class="dateTitle">
+							<em class="month"><span class="num">05</span><span class="text">-18</span></em>
+							<span class="year">2013</span>
+						</div>
+						<ul class="flowList">
+							<li class="item">广东办<a href="#">刘飞</a></li>
+							<li class="item">更新了他的手机</li>
+						</ul>
+					</div>
+				</div>
+			</div>
+		</div>
+	</div>
+<script type="text/javascript">autoFlashHeight();</script>	
+</body>


BIN
css/ZHcldSystem (1).zip


+ 5 - 0
css/ZHcldSystem/Read Me.txt

@@ -0,0 +1,5 @@
+Open *demo.html* to see a list of all the glyphs in your font along with their codes/ligatures.
+
+You won't need any of the files located under the *demo-files* directory when including the generated font in your own projects.
+
+You can import *selection.json* back to the IcoMoon app using the *Import Icons* button (or via Main Menu > Manage Projects) to retrieve your icon selection.

+ 165 - 0
css/ZHcldSystem/demo-files/demo.css

@@ -0,0 +1,165 @@
+body {
+	padding: 0;
+	margin: 0;
+	font-family: sans-serif;
+	font-size: 1em;
+	line-height: 1.5;
+	color: #555;
+	background: #fff;
+}
+h1 {
+	font-size: 1.5em;
+	font-weight: normal;
+}
+small {
+	font-size: .66666667em;
+}
+a {
+	color: #e74c3c;
+	text-decoration: none;
+}
+a:hover, a:focus {
+	box-shadow: 0 1px #e74c3c;
+}
+.bshadow0, input {
+	box-shadow: inset 0 -2px #e7e7e7;
+}
+input:hover {
+	box-shadow: inset 0 -2px #ccc;
+}
+input, fieldset {
+	font-size: 1em;
+	margin: 0;
+	padding: 0;
+	border: 0;
+}
+input {
+	color: inherit;
+	line-height: 1.5;
+	height: 1.5em;
+	padding: .25em 0;
+}
+input:focus {
+	outline: none;
+	box-shadow: inset 0 -2px #449fdb;
+}
+.glyph {
+	font-size: 16px;
+	width: 15em;
+	padding-bottom: 1em;
+	margin-right: 4em;
+	margin-bottom: 1em;
+	float: left;
+	overflow: hidden;
+}
+.liga {
+	width: 80%;
+	width: calc(100% - 2.5em);
+}
+.talign-right {
+	text-align: right;
+}
+.talign-center {
+	text-align: center;
+}
+.bgc1 {
+	background: #f1f1f1;
+}
+.fgc1 {
+	color: #999;
+}
+.fgc0 {
+	color: #000;
+}
+p {
+	margin-top: 1em;
+	margin-bottom: 1em;
+}
+.mvm {
+	margin-top: .75em;
+	margin-bottom: .75em;
+}
+.mtn {
+	margin-top: 0;
+}
+.mtl, .mal {
+	margin-top: 1.5em;
+}
+.mbl, .mal {
+	margin-bottom: 1.5em;
+}
+.mal, .mhl {
+	margin-left: 1.5em;
+	margin-right: 1.5em;
+}
+.mhmm {
+	margin-left: 1em;
+	margin-right: 1em;
+}
+.mls {
+	margin-left: .25em;
+}
+.ptl {
+	padding-top: 1.5em;
+}
+.pbs, .pvs {
+	padding-bottom: .25em;
+}
+.pvs, .pts {
+	padding-top: .25em;
+}
+.unit {
+	float: left;
+}
+.unitRight {
+	float: right;
+}
+.size1of2 {
+	width: 50%;
+}
+.size1of1 {
+	width: 100%;
+}
+.clearfix:before, .clearfix:after {
+	content: " ";
+	display: table;
+}
+.clearfix:after {
+	clear: both;
+}
+.hidden-true {
+	display: none;
+}
+.textbox0 {
+	width: 3em;
+	background: #f1f1f1;
+	padding: .25em .5em;
+	line-height: 1.5;
+	height: 1.5em;
+}
+#testDrive {
+	display: block;
+	padding-top: 24px;
+	line-height: 1.5;
+}
+.fs0 {
+	font-size: 16px;
+}
+.fs1 {
+	font-size: 32px;
+}
+.fs2 {
+	font-size: 32px;
+}
+.fs3 {
+	font-size: 32px;
+}
+.fs4 {
+	font-size: 28px;
+}
+.fs5 {
+	font-size: 24px;
+}
+.fs6 {
+	font-size: 20px;
+}

+ 30 - 0
css/ZHcldSystem/demo-files/demo.js

@@ -0,0 +1,30 @@
+if (!('boxShadow' in document.body.style)) {
+	document.body.setAttribute('class', 'noBoxShadow');
+}
+
+document.body.addEventListener("click", function(e) {
+	var target = e.target;
+	if (target.tagName === "INPUT" &&
+		target.getAttribute('class').indexOf('liga') === -1) {
+		target.select();
+	}
+});
+
+(function() {
+	var fontSize = document.getElementById('fontSize'),
+		testDrive = document.getElementById('testDrive'),
+		testText = document.getElementById('testText');
+	function updateTest() {
+		testDrive.innerHTML = testText.value || String.fromCharCode(160);
+		if (window.icomoonLiga) {
+			window.icomoonLiga(testDrive);
+		}
+	}
+	function updateSize() {
+		testDrive.style.fontSize = fontSize.value + 'px';
+	}
+	fontSize.addEventListener('change', updateSize, false);
+	testText.addEventListener('input', updateTest, false);
+	testText.addEventListener('change', updateTest, false);
+	updateSize();
+}());

+ 726 - 0
css/ZHcldSystem/demo.html

@@ -0,0 +1,726 @@
+<!doctype html>
+<html>
+<head>
+	<meta charset="utf-8">
+	<title>IcoMoon Demo</title>
+	<meta name="description" content="An Icon Font Generated By IcoMoon.io">
+	<meta name="viewport" content="width=device-width">
+	<link rel="stylesheet" href="demo-files/demo.css">
+	<link rel="stylesheet" href="style.css"></head>
+<body>
+	<div class="bgc1 clearfix">
+		<h1 class="mhmm mvm"><span class="fgc1">Font Name:</span> ZHcldSystem <small class="fgc1">(Glyphs:&nbsp;42)</small></h1>
+	</div>
+	<div class="clearfix mhl ptl">
+		<h1 class="mvm mtn fgc1">Grid Size: Unknown</h1>
+		<div class="glyph fs1">
+			<div class="clearfix bshadow0 pbs">
+				<span class="icon-uni31">
+				
+				</span>
+				<span class="mls"> icon-uni31</span>
+			</div>
+			<fieldset class="fs0 size1of1 clearfix hidden-false">
+				<input type="text" readonly value="31" class="unit size1of2" />
+				<input type="text" maxlength="1" readonly value="&#x31;" class="unitRight size1of2 talign-right" />
+			</fieldset>
+			<div class="fs0 bshadow0 clearfix hidden-true">
+				<span class="unit pvs fgc1">liga: </span>
+				<input type="text" readonly value="" class="liga unitRight" />
+			</div>
+		</div>
+		<div class="glyph fs1">
+			<div class="clearfix bshadow0 pbs">
+				<span class="icon-uni32">
+				
+				</span>
+				<span class="mls"> icon-uni32</span>
+			</div>
+			<fieldset class="fs0 size1of1 clearfix hidden-false">
+				<input type="text" readonly value="32" class="unit size1of2" />
+				<input type="text" maxlength="1" readonly value="&#x32;" class="unitRight size1of2 talign-right" />
+			</fieldset>
+			<div class="fs0 bshadow0 clearfix hidden-true">
+				<span class="unit pvs fgc1">liga: </span>
+				<input type="text" readonly value="" class="liga unitRight" />
+			</div>
+		</div>
+		<div class="glyph fs1">
+			<div class="clearfix bshadow0 pbs">
+				<span class="icon-uni33">
+				
+				</span>
+				<span class="mls"> icon-uni33</span>
+			</div>
+			<fieldset class="fs0 size1of1 clearfix hidden-false">
+				<input type="text" readonly value="33" class="unit size1of2" />
+				<input type="text" maxlength="1" readonly value="&#x33;" class="unitRight size1of2 talign-right" />
+			</fieldset>
+			<div class="fs0 bshadow0 clearfix hidden-true">
+				<span class="unit pvs fgc1">liga: </span>
+				<input type="text" readonly value="" class="liga unitRight" />
+			</div>
+		</div>
+		<div class="glyph fs1">
+			<div class="clearfix bshadow0 pbs">
+				<span class="icon-uni34">
+				
+				</span>
+				<span class="mls"> icon-uni34</span>
+			</div>
+			<fieldset class="fs0 size1of1 clearfix hidden-false">
+				<input type="text" readonly value="34" class="unit size1of2" />
+				<input type="text" maxlength="1" readonly value="&#x34;" class="unitRight size1of2 talign-right" />
+			</fieldset>
+			<div class="fs0 bshadow0 clearfix hidden-true">
+				<span class="unit pvs fgc1">liga: </span>
+				<input type="text" readonly value="" class="liga unitRight" />
+			</div>
+		</div>
+		<div class="glyph fs1">
+			<div class="clearfix bshadow0 pbs">
+				<span class="icon-uni35">
+				
+				</span>
+				<span class="mls"> icon-uni35</span>
+			</div>
+			<fieldset class="fs0 size1of1 clearfix hidden-false">
+				<input type="text" readonly value="35" class="unit size1of2" />
+				<input type="text" maxlength="1" readonly value="&#x35;" class="unitRight size1of2 talign-right" />
+			</fieldset>
+			<div class="fs0 bshadow0 clearfix hidden-true">
+				<span class="unit pvs fgc1">liga: </span>
+				<input type="text" readonly value="" class="liga unitRight" />
+			</div>
+		</div>
+		<div class="glyph fs1">
+			<div class="clearfix bshadow0 pbs">
+				<span class="icon-uni41">
+				
+				</span>
+				<span class="mls"> icon-uni41</span>
+			</div>
+			<fieldset class="fs0 size1of1 clearfix hidden-false">
+				<input type="text" readonly value="41" class="unit size1of2" />
+				<input type="text" maxlength="1" readonly value="&#x41;" class="unitRight size1of2 talign-right" />
+			</fieldset>
+			<div class="fs0 bshadow0 clearfix hidden-true">
+				<span class="unit pvs fgc1">liga: </span>
+				<input type="text" readonly value="" class="liga unitRight" />
+			</div>
+		</div>
+		<div class="glyph fs1">
+			<div class="clearfix bshadow0 pbs">
+				<span class="icon-uni42">
+				
+				</span>
+				<span class="mls"> icon-uni42</span>
+			</div>
+			<fieldset class="fs0 size1of1 clearfix hidden-false">
+				<input type="text" readonly value="42" class="unit size1of2" />
+				<input type="text" maxlength="1" readonly value="&#x42;" class="unitRight size1of2 talign-right" />
+			</fieldset>
+			<div class="fs0 bshadow0 clearfix hidden-true">
+				<span class="unit pvs fgc1">liga: </span>
+				<input type="text" readonly value="" class="liga unitRight" />
+			</div>
+		</div>
+		<div class="glyph fs1">
+			<div class="clearfix bshadow0 pbs">
+				<span class="icon-uni43">
+				
+				</span>
+				<span class="mls"> icon-uni43</span>
+			</div>
+			<fieldset class="fs0 size1of1 clearfix hidden-false">
+				<input type="text" readonly value="43" class="unit size1of2" />
+				<input type="text" maxlength="1" readonly value="&#x43;" class="unitRight size1of2 talign-right" />
+			</fieldset>
+			<div class="fs0 bshadow0 clearfix hidden-true">
+				<span class="unit pvs fgc1">liga: </span>
+				<input type="text" readonly value="" class="liga unitRight" />
+			</div>
+		</div>
+		<div class="glyph fs1">
+			<div class="clearfix bshadow0 pbs">
+				<span class="icon-uni44">
+				
+				</span>
+				<span class="mls"> icon-uni44</span>
+			</div>
+			<fieldset class="fs0 size1of1 clearfix hidden-false">
+				<input type="text" readonly value="44" class="unit size1of2" />
+				<input type="text" maxlength="1" readonly value="&#x44;" class="unitRight size1of2 talign-right" />
+			</fieldset>
+			<div class="fs0 bshadow0 clearfix hidden-true">
+				<span class="unit pvs fgc1">liga: </span>
+				<input type="text" readonly value="" class="liga unitRight" />
+			</div>
+		</div>
+		<div class="glyph fs1">
+			<div class="clearfix bshadow0 pbs">
+				<span class="icon-uni45">
+				
+				</span>
+				<span class="mls"> icon-uni45</span>
+			</div>
+			<fieldset class="fs0 size1of1 clearfix hidden-false">
+				<input type="text" readonly value="45" class="unit size1of2" />
+				<input type="text" maxlength="1" readonly value="&#x45;" class="unitRight size1of2 talign-right" />
+			</fieldset>
+			<div class="fs0 bshadow0 clearfix hidden-true">
+				<span class="unit pvs fgc1">liga: </span>
+				<input type="text" readonly value="" class="liga unitRight" />
+			</div>
+		</div>
+		<div class="glyph fs1">
+			<div class="clearfix bshadow0 pbs">
+				<span class="icon-uni46">
+				
+				</span>
+				<span class="mls"> icon-uni46</span>
+			</div>
+			<fieldset class="fs0 size1of1 clearfix hidden-false">
+				<input type="text" readonly value="46" class="unit size1of2" />
+				<input type="text" maxlength="1" readonly value="&#x46;" class="unitRight size1of2 talign-right" />
+			</fieldset>
+			<div class="fs0 bshadow0 clearfix hidden-true">
+				<span class="unit pvs fgc1">liga: </span>
+				<input type="text" readonly value="" class="liga unitRight" />
+			</div>
+		</div>
+		<div class="glyph fs1">
+			<div class="clearfix bshadow0 pbs">
+				<span class="icon-uni47">
+				
+				</span>
+				<span class="mls"> icon-uni47</span>
+			</div>
+			<fieldset class="fs0 size1of1 clearfix hidden-false">
+				<input type="text" readonly value="47" class="unit size1of2" />
+				<input type="text" maxlength="1" readonly value="&#x47;" class="unitRight size1of2 talign-right" />
+			</fieldset>
+			<div class="fs0 bshadow0 clearfix hidden-true">
+				<span class="unit pvs fgc1">liga: </span>
+				<input type="text" readonly value="" class="liga unitRight" />
+			</div>
+		</div>
+		<div class="glyph fs1">
+			<div class="clearfix bshadow0 pbs">
+				<span class="icon-uni48">
+				
+				</span>
+				<span class="mls"> icon-uni48</span>
+			</div>
+			<fieldset class="fs0 size1of1 clearfix hidden-false">
+				<input type="text" readonly value="48" class="unit size1of2" />
+				<input type="text" maxlength="1" readonly value="&#x48;" class="unitRight size1of2 talign-right" />
+			</fieldset>
+			<div class="fs0 bshadow0 clearfix hidden-true">
+				<span class="unit pvs fgc1">liga: </span>
+				<input type="text" readonly value="" class="liga unitRight" />
+			</div>
+		</div>
+		<div class="glyph fs1">
+			<div class="clearfix bshadow0 pbs">
+				<span class="icon-uni49">
+				
+				</span>
+				<span class="mls"> icon-uni49</span>
+			</div>
+			<fieldset class="fs0 size1of1 clearfix hidden-false">
+				<input type="text" readonly value="49" class="unit size1of2" />
+				<input type="text" maxlength="1" readonly value="&#x49;" class="unitRight size1of2 talign-right" />
+			</fieldset>
+			<div class="fs0 bshadow0 clearfix hidden-true">
+				<span class="unit pvs fgc1">liga: </span>
+				<input type="text" readonly value="" class="liga unitRight" />
+			</div>
+		</div>
+		<div class="glyph fs1">
+			<div class="clearfix bshadow0 pbs">
+				<span class="icon-uni4A">
+				
+				</span>
+				<span class="mls"> icon-uni4A</span>
+			</div>
+			<fieldset class="fs0 size1of1 clearfix hidden-false">
+				<input type="text" readonly value="4a" class="unit size1of2" />
+				<input type="text" maxlength="1" readonly value="&#x4a;" class="unitRight size1of2 talign-right" />
+			</fieldset>
+			<div class="fs0 bshadow0 clearfix hidden-true">
+				<span class="unit pvs fgc1">liga: </span>
+				<input type="text" readonly value="" class="liga unitRight" />
+			</div>
+		</div>
+		<div class="glyph fs1">
+			<div class="clearfix bshadow0 pbs">
+				<span class="icon-uni4C">
+				
+				</span>
+				<span class="mls"> icon-uni4C</span>
+			</div>
+			<fieldset class="fs0 size1of1 clearfix hidden-false">
+				<input type="text" readonly value="4e" class="unit size1of2" />
+				<input type="text" maxlength="1" readonly value="&#x4e;" class="unitRight size1of2 talign-right" />
+			</fieldset>
+			<div class="fs0 bshadow0 clearfix hidden-true">
+				<span class="unit pvs fgc1">liga: </span>
+				<input type="text" readonly value="" class="liga unitRight" />
+			</div>
+		</div>
+		<div class="glyph fs1">
+			<div class="clearfix bshadow0 pbs">
+				<span class="icon-uni4E">
+				
+				</span>
+				<span class="mls"> icon-uni4E</span>
+			</div>
+			<fieldset class="fs0 size1of1 clearfix hidden-false">
+				<input type="text" readonly value="4f" class="unit size1of2" />
+				<input type="text" maxlength="1" readonly value="&#x4f;" class="unitRight size1of2 talign-right" />
+			</fieldset>
+			<div class="fs0 bshadow0 clearfix hidden-true">
+				<span class="unit pvs fgc1">liga: </span>
+				<input type="text" readonly value="" class="liga unitRight" />
+			</div>
+		</div>
+		<div class="glyph fs1">
+			<div class="clearfix bshadow0 pbs">
+				<span class="icon-uni4F">
+				
+				</span>
+				<span class="mls"> icon-uni4F</span>
+			</div>
+			<fieldset class="fs0 size1of1 clearfix hidden-false">
+				<input type="text" readonly value="50" class="unit size1of2" />
+				<input type="text" maxlength="1" readonly value="&#x50;" class="unitRight size1of2 talign-right" />
+			</fieldset>
+			<div class="fs0 bshadow0 clearfix hidden-true">
+				<span class="unit pvs fgc1">liga: </span>
+				<input type="text" readonly value="" class="liga unitRight" />
+			</div>
+		</div>
+		<div class="glyph fs1">
+			<div class="clearfix bshadow0 pbs">
+				<span class="icon-uni51">
+				
+				</span>
+				<span class="mls"> icon-uni51</span>
+			</div>
+			<fieldset class="fs0 size1of1 clearfix hidden-false">
+				<input type="text" readonly value="51" class="unit size1of2" />
+				<input type="text" maxlength="1" readonly value="&#x51;" class="unitRight size1of2 talign-right" />
+			</fieldset>
+			<div class="fs0 bshadow0 clearfix hidden-true">
+				<span class="unit pvs fgc1">liga: </span>
+				<input type="text" readonly value="" class="liga unitRight" />
+			</div>
+		</div>
+		<div class="glyph fs1">
+			<div class="clearfix bshadow0 pbs">
+				<span class="icon-uni52">
+				
+				</span>
+				<span class="mls"> icon-uni52</span>
+			</div>
+			<fieldset class="fs0 size1of1 clearfix hidden-false">
+				<input type="text" readonly value="52" class="unit size1of2" />
+				<input type="text" maxlength="1" readonly value="&#x52;" class="unitRight size1of2 talign-right" />
+			</fieldset>
+			<div class="fs0 bshadow0 clearfix hidden-true">
+				<span class="unit pvs fgc1">liga: </span>
+				<input type="text" readonly value="" class="liga unitRight" />
+			</div>
+		</div>
+		<div class="glyph fs1">
+			<div class="clearfix bshadow0 pbs">
+				<span class="icon-uni55">
+				
+				</span>
+				<span class="mls"> icon-uni55</span>
+			</div>
+			<fieldset class="fs0 size1of1 clearfix hidden-false">
+				<input type="text" readonly value="55" class="unit size1of2" />
+				<input type="text" maxlength="1" readonly value="&#x55;" class="unitRight size1of2 talign-right" />
+			</fieldset>
+			<div class="fs0 bshadow0 clearfix hidden-true">
+				<span class="unit pvs fgc1">liga: </span>
+				<input type="text" readonly value="" class="liga unitRight" />
+			</div>
+		</div>
+		<div class="glyph fs1">
+			<div class="clearfix bshadow0 pbs">
+				<span class="icon-uni57">
+				
+				</span>
+				<span class="mls"> icon-uni57</span>
+			</div>
+			<fieldset class="fs0 size1of1 clearfix hidden-false">
+				<input type="text" readonly value="56" class="unit size1of2" />
+				<input type="text" maxlength="1" readonly value="&#x56;" class="unitRight size1of2 talign-right" />
+			</fieldset>
+			<div class="fs0 bshadow0 clearfix hidden-true">
+				<span class="unit pvs fgc1">liga: </span>
+				<input type="text" readonly value="" class="liga unitRight" />
+			</div>
+		</div>
+		<div class="glyph fs1">
+			<div class="clearfix bshadow0 pbs">
+				<span class="icon-uni66">
+				
+				</span>
+				<span class="mls"> icon-uni66</span>
+			</div>
+			<fieldset class="fs0 size1of1 clearfix hidden-false">
+				<input type="text" readonly value="66" class="unit size1of2" />
+				<input type="text" maxlength="1" readonly value="&#x66;" class="unitRight size1of2 talign-right" />
+			</fieldset>
+			<div class="fs0 bshadow0 clearfix hidden-true">
+				<span class="unit pvs fgc1">liga: </span>
+				<input type="text" readonly value="" class="liga unitRight" />
+			</div>
+		</div>
+		<div class="glyph fs1">
+			<div class="clearfix bshadow0 pbs">
+				<span class="icon-uni67">
+				
+				</span>
+				<span class="mls"> icon-uni67</span>
+			</div>
+			<fieldset class="fs0 size1of1 clearfix hidden-false">
+				<input type="text" readonly value="67" class="unit size1of2" />
+				<input type="text" maxlength="1" readonly value="&#x67;" class="unitRight size1of2 talign-right" />
+			</fieldset>
+			<div class="fs0 bshadow0 clearfix hidden-true">
+				<span class="unit pvs fgc1">liga: </span>
+				<input type="text" readonly value="" class="liga unitRight" />
+			</div>
+		</div>
+		<div class="glyph fs1">
+			<div class="clearfix bshadow0 pbs">
+				<span class="icon-uni68">
+				
+				</span>
+				<span class="mls"> icon-uni68</span>
+			</div>
+			<fieldset class="fs0 size1of1 clearfix hidden-false">
+				<input type="text" readonly value="68" class="unit size1of2" />
+				<input type="text" maxlength="1" readonly value="&#x68;" class="unitRight size1of2 talign-right" />
+			</fieldset>
+			<div class="fs0 bshadow0 clearfix hidden-true">
+				<span class="unit pvs fgc1">liga: </span>
+				<input type="text" readonly value="" class="liga unitRight" />
+			</div>
+		</div>
+		<div class="glyph fs1">
+			<div class="clearfix bshadow0 pbs">
+				<span class="icon-uni69">
+				
+				</span>
+				<span class="mls"> icon-uni69</span>
+			</div>
+			<fieldset class="fs0 size1of1 clearfix hidden-false">
+				<input type="text" readonly value="69" class="unit size1of2" />
+				<input type="text" maxlength="1" readonly value="&#x69;" class="unitRight size1of2 talign-right" />
+			</fieldset>
+			<div class="fs0 bshadow0 clearfix hidden-true">
+				<span class="unit pvs fgc1">liga: </span>
+				<input type="text" readonly value="" class="liga unitRight" />
+			</div>
+		</div>
+	</div>
+	<div class="clearfix mhl ptl">
+		<h1 class="mvm mtn fgc1">Grid Size: 32</h1>
+		<div class="glyph fs2">
+			<div class="clearfix bshadow0 pbs">
+				<span class="icon-usb">
+				
+				</span>
+				<span class="mls"> icon-usb</span>
+			</div>
+			<fieldset class="fs0 size1of1 clearfix hidden-false">
+				<input type="text" readonly value="4d" class="unit size1of2" />
+				<input type="text" maxlength="1" readonly value="&#x4d;" class="unitRight size1of2 talign-right" />
+			</fieldset>
+			<div class="fs0 bshadow0 clearfix hidden-true">
+				<span class="unit pvs fgc1">liga: </span>
+				<input type="text" readonly value="" class="liga unitRight" />
+			</div>
+		</div>
+	</div>
+	<div class="clearfix mhl ptl">
+		<h1 class="mvm mtn fgc1">Grid Size: 16</h1>
+		<div class="glyph fs3">
+			<div class="clearfix bshadow0 pbs">
+				<span class="icon-iphone">
+				
+				</span>
+				<span class="mls"> icon-iphone</span>
+			</div>
+			<fieldset class="fs0 size1of1 clearfix hidden-false">
+				<input type="text" readonly value="59" class="unit size1of2" />
+				<input type="text" maxlength="1" readonly value="&#x59;" class="unitRight size1of2 talign-right" />
+			</fieldset>
+			<div class="fs0 bshadow0 clearfix hidden-true">
+				<span class="unit pvs fgc1">liga: </span>
+				<input type="text" readonly value="" class="liga unitRight" />
+			</div>
+		</div>
+		<div class="glyph fs3">
+			<div class="clearfix bshadow0 pbs">
+				<span class="icon-calendar">
+				
+				</span>
+				<span class="mls"> icon-calendar</span>
+			</div>
+			<fieldset class="fs0 size1of1 clearfix hidden-false">
+				<input type="text" readonly value="58" class="unit size1of2" />
+				<input type="text" maxlength="1" readonly value="&#x58;" class="unitRight size1of2 talign-right" />
+			</fieldset>
+			<div class="fs0 bshadow0 clearfix hidden-true">
+				<span class="unit pvs fgc1">liga: </span>
+				<input type="text" readonly value="" class="liga unitRight" />
+			</div>
+		</div>
+		<div class="glyph fs3">
+			<div class="clearfix bshadow0 pbs">
+				<span class="icon-prestashop">
+				
+				</span>
+				<span class="mls"> icon-prestashop</span>
+			</div>
+			<fieldset class="fs0 size1of1 clearfix hidden-false">
+				<input type="text" readonly value="57" class="unit size1of2" />
+				<input type="text" maxlength="1" readonly value="&#x57;" class="unitRight size1of2 talign-right" />
+			</fieldset>
+			<div class="fs0 bshadow0 clearfix hidden-true">
+				<span class="unit pvs fgc1">liga: </span>
+				<input type="text" readonly value="" class="liga unitRight" />
+			</div>
+		</div>
+	</div>
+	<div class="clearfix mhl ptl">
+		<h1 class="mvm mtn fgc1">Grid Size: 14</h1>
+		<div class="glyph fs4">
+			<div class="clearfix bshadow0 pbs">
+				<span class="icon-cny">
+				
+				</span>
+				<span class="mls"> icon-cny</span>
+			</div>
+			<fieldset class="fs0 size1of1 clearfix hidden-false">
+				<input type="text" readonly value="4c" class="unit size1of2" />
+				<input type="text" maxlength="1" readonly value="&#x4c;" class="unitRight size1of2 talign-right" />
+			</fieldset>
+			<div class="fs0 bshadow0 clearfix hidden-true">
+				<span class="unit pvs fgc1">liga: </span>
+				<input type="text" readonly value="" class="liga unitRight" />
+			</div>
+		</div>
+		<div class="glyph fs4">
+			<div class="clearfix bshadow0 pbs">
+				<span class="icon-th-large">
+				
+				</span>
+				<span class="mls"> icon-th-large</span>
+			</div>
+			<fieldset class="fs0 size1of1 clearfix hidden-false">
+				<input type="text" readonly value="6c" class="unit size1of2" />
+				<input type="text" maxlength="1" readonly value="&#x6c;" class="unitRight size1of2 talign-right" />
+			</fieldset>
+			<div class="fs0 bshadow0 clearfix hidden-true">
+				<span class="unit pvs fgc1">liga: </span>
+				<input type="text" readonly value="" class="liga unitRight" />
+			</div>
+		</div>
+		<div class="glyph fs4">
+			<div class="clearfix bshadow0 pbs">
+				<span class="icon-envelope">
+				
+				</span>
+				<span class="mls"> icon-envelope</span>
+			</div>
+			<fieldset class="fs0 size1of1 clearfix hidden-false">
+				<input type="text" readonly value="5a" class="unit size1of2" />
+				<input type="text" maxlength="1" readonly value="&#x5a;" class="unitRight size1of2 talign-right" />
+			</fieldset>
+			<div class="fs0 bshadow0 clearfix hidden-true">
+				<span class="unit pvs fgc1">liga: </span>
+				<input type="text" readonly value="" class="liga unitRight" />
+			</div>
+		</div>
+	</div>
+	<div class="clearfix mhl ptl">
+		<h1 class="mvm mtn fgc1">Grid Size: 24</h1>
+		<div class="glyph fs5">
+			<div class="clearfix bshadow0 pbs">
+				<span class="icon-check">
+				
+				</span>
+				<span class="mls"> icon-check</span>
+			</div>
+			<fieldset class="fs0 size1of1 clearfix hidden-false">
+				<input type="text" readonly value="6a" class="unit size1of2" />
+				<input type="text" maxlength="1" readonly value="&#x6a;" class="unitRight size1of2 talign-right" />
+			</fieldset>
+			<div class="fs0 bshadow0 clearfix hidden-true">
+				<span class="unit pvs fgc1">liga: </span>
+				<input type="text" readonly value="" class="liga unitRight" />
+			</div>
+		</div>
+		<div class="glyph fs5">
+			<div class="clearfix bshadow0 pbs">
+				<span class="icon-cross">
+				
+				</span>
+				<span class="mls"> icon-cross</span>
+			</div>
+			<fieldset class="fs0 size1of1 clearfix hidden-false">
+				<input type="text" readonly value="6b" class="unit size1of2" />
+				<input type="text" maxlength="1" readonly value="&#x6b;" class="unitRight size1of2 talign-right" />
+			</fieldset>
+			<div class="fs0 bshadow0 clearfix hidden-true">
+				<span class="unit pvs fgc1">liga: </span>
+				<input type="text" readonly value="" class="liga unitRight" />
+			</div>
+		</div>
+	</div>
+	<div class="clearfix mhl ptl">
+		<h1 class="mvm mtn fgc1">Grid Size: 20</h1>
+		<div class="glyph fs6">
+			<div class="clearfix bshadow0 pbs">
+				<span class="icon-chevron-down">
+				
+				</span>
+				<span class="mls"> icon-chevron-down</span>
+			</div>
+			<fieldset class="fs0 size1of1 clearfix hidden-false">
+				<input type="text" readonly value="63" class="unit size1of2" />
+				<input type="text" maxlength="1" readonly value="&#x63;" class="unitRight size1of2 talign-right" />
+			</fieldset>
+			<div class="fs0 bshadow0 clearfix hidden-true">
+				<span class="unit pvs fgc1">liga: </span>
+				<input type="text" readonly value="" class="liga unitRight" />
+			</div>
+		</div>
+		<div class="glyph fs6">
+			<div class="clearfix bshadow0 pbs">
+				<span class="icon-chevron-left">
+				
+				</span>
+				<span class="mls"> icon-chevron-left</span>
+			</div>
+			<fieldset class="fs0 size1of1 clearfix hidden-false">
+				<input type="text" readonly value="62" class="unit size1of2" />
+				<input type="text" maxlength="1" readonly value="&#x62;" class="unitRight size1of2 talign-right" />
+			</fieldset>
+			<div class="fs0 bshadow0 clearfix hidden-true">
+				<span class="unit pvs fgc1">liga: </span>
+				<input type="text" readonly value="" class="liga unitRight" />
+			</div>
+		</div>
+		<div class="glyph fs6">
+			<div class="clearfix bshadow0 pbs">
+				<span class="icon-chevron-right">
+				
+				</span>
+				<span class="mls"> icon-chevron-right</span>
+			</div>
+			<fieldset class="fs0 size1of1 clearfix hidden-false">
+				<input type="text" readonly value="61" class="unit size1of2" />
+				<input type="text" maxlength="1" readonly value="&#x61;" class="unitRight size1of2 talign-right" />
+			</fieldset>
+			<div class="fs0 bshadow0 clearfix hidden-true">
+				<span class="unit pvs fgc1">liga: </span>
+				<input type="text" readonly value="" class="liga unitRight" />
+			</div>
+		</div>
+		<div class="glyph fs6">
+			<div class="clearfix bshadow0 pbs">
+				<span class="icon-chevron-up">
+				
+				</span>
+				<span class="mls"> icon-chevron-up</span>
+			</div>
+			<fieldset class="fs0 size1of1 clearfix hidden-false">
+				<input type="text" readonly value="64" class="unit size1of2" />
+				<input type="text" maxlength="1" readonly value="&#x64;" class="unitRight size1of2 talign-right" />
+			</fieldset>
+			<div class="fs0 bshadow0 clearfix hidden-true">
+				<span class="unit pvs fgc1">liga: </span>
+				<input type="text" readonly value="" class="liga unitRight" />
+			</div>
+		</div>
+		<div class="glyph fs6">
+			<div class="clearfix bshadow0 pbs">
+				<span class="icon-bell">
+				
+				</span>
+				<span class="mls"> icon-bell</span>
+			</div>
+			<fieldset class="fs0 size1of1 clearfix hidden-false">
+				<input type="text" readonly value="4b" class="unit size1of2" />
+				<input type="text" maxlength="1" readonly value="&#x4b;" class="unitRight size1of2 talign-right" />
+			</fieldset>
+			<div class="fs0 bshadow0 clearfix hidden-true">
+				<span class="unit pvs fgc1">liga: </span>
+				<input type="text" readonly value="" class="liga unitRight" />
+			</div>
+		</div>
+		<div class="glyph fs6">
+			<div class="clearfix bshadow0 pbs">
+				<span class="icon-book">
+				
+				</span>
+				<span class="mls"> icon-book</span>
+			</div>
+			<fieldset class="fs0 size1of1 clearfix hidden-false">
+				<input type="text" readonly value="53" class="unit size1of2" />
+				<input type="text" maxlength="1" readonly value="&#x53;" class="unitRight size1of2 talign-right" />
+			</fieldset>
+			<div class="fs0 bshadow0 clearfix hidden-true">
+				<span class="unit pvs fgc1">liga: </span>
+				<input type="text" readonly value="" class="liga unitRight" />
+			</div>
+		</div>
+		<div class="glyph fs6">
+			<div class="clearfix bshadow0 pbs">
+				<span class="icon-lab-flask">
+				
+				</span>
+				<span class="mls"> icon-lab-flask</span>
+			</div>
+			<fieldset class="fs0 size1of1 clearfix hidden-false">
+				<input type="text" readonly value="54" class="unit size1of2" />
+				<input type="text" maxlength="1" readonly value="&#x54;" class="unitRight size1of2 talign-right" />
+			</fieldset>
+			<div class="fs0 bshadow0 clearfix hidden-true">
+				<span class="unit pvs fgc1">liga: </span>
+				<input type="text" readonly value="" class="liga unitRight" />
+			</div>
+		</div>
+	</div>
+
+	<!--[if gt IE 8]><!-->
+	<div class="mhl clearfix mbl">
+		<h1>Font Test Drive</h1>
+		<label>
+			Font Size: <input id="fontSize" type="number" class="textbox0 mbm"
+			min="8" value="48" />
+			px
+		</label>
+		<input id="testText" type="text" class="phl size1of1 mvl"
+		placeholder="Type some text to test..." value=""/>
+		</label>
+		<div id="testDrive" class="icon-">&nbsp;
+		</div>
+	</div>
+	<!--<![endif]-->
+	<div class="bgc1 clearfix">
+		<p class="mhl">Generated by <a href="https://icomoon.io/app">IcoMoon</a></p>
+	</div>
+
+	<script src="demo-files/demo.js"></script>
+</body>
+</html>

BIN
css/ZHcldSystem/fonts/ZHcldSystem.eot


Разлика између датотеке није приказан због своје велике величине
+ 52 - 0
css/ZHcldSystem/fonts/ZHcldSystem.svg


BIN
css/ZHcldSystem/fonts/ZHcldSystem.ttf


BIN
css/ZHcldSystem/fonts/ZHcldSystem.woff


Разлика између датотеке није приказан због своје велике величине
+ 1043 - 0
css/ZHcldSystem/selection.json


+ 151 - 0
css/ZHcldSystem/style.css

@@ -0,0 +1,151 @@
+@font-face {
+	font-family: 'ZHcldSystem';
+	src:url('fonts/ZHcldSystem.eot?-5qcyj2');
+	src:url('fonts/ZHcldSystem.eot?#iefix-5qcyj2') format('embedded-opentype'),
+		url('fonts/ZHcldSystem.ttf?-5qcyj2') format('truetype'),
+		url('fonts/ZHcldSystem.woff?-5qcyj2') format('woff'),
+		url('fonts/ZHcldSystem.svg?-5qcyj2#ZHcldSystem') format('svg');
+	font-weight: normal;
+	font-style: normal;
+}
+
+[class^="icon-"], [class*=" icon-"] {
+	font-family: 'ZHcldSystem';
+	speak: none;
+	font-style: normal;
+	font-weight: normal;
+	font-variant: normal;
+	text-transform: none;
+	line-height: 1;
+
+	/* Better Font Rendering =========== */
+	-webkit-font-smoothing: antialiased;
+	-moz-osx-font-smoothing: grayscale;
+}
+
+.icon-uni31:before {
+	content: "\31";
+}
+.icon-uni32:before {
+	content: "\32";
+}
+.icon-uni33:before {
+	content: "\33";
+}
+.icon-uni34:before {
+	content: "\34";
+}
+.icon-uni35:before {
+	content: "\35";
+}
+.icon-uni41:before {
+	content: "\41";
+}
+.icon-uni42:before {
+	content: "\42";
+}
+.icon-uni43:before {
+	content: "\43";
+}
+.icon-uni44:before {
+	content: "\44";
+}
+.icon-uni45:before {
+	content: "\45";
+}
+.icon-uni46:before {
+	content: "\46";
+}
+.icon-uni47:before {
+	content: "\47";
+}
+.icon-uni48:before {
+	content: "\48";
+}
+.icon-uni49:before {
+	content: "\49";
+}
+.icon-uni4A:before {
+	content: "\4a";
+}
+.icon-uni4C:before {
+	content: "\4e";
+}
+.icon-uni4E:before {
+	content: "\4f";
+}
+.icon-uni4F:before {
+	content: "\50";
+}
+.icon-uni51:before {
+	content: "\51";
+}
+.icon-uni52:before {
+	content: "\52";
+}
+.icon-uni55:before {
+	content: "\55";
+}
+.icon-uni57:before {
+	content: "\56";
+}
+.icon-uni66:before {
+	content: "\66";
+}
+.icon-uni67:before {
+	content: "\67";
+}
+.icon-uni68:before {
+	content: "\68";
+}
+.icon-uni69:before {
+	content: "\69";
+}
+.icon-usb:before {
+	content: "\4d";
+}
+.icon-iphone:before {
+	content: "\59";
+}
+.icon-calendar:before {
+	content: "\58";
+}
+.icon-prestashop:before {
+	content: "\57";
+}
+.icon-cny:before {
+	content: "\4c";
+}
+.icon-th-large:before {
+	content: "\6c";
+}
+.icon-envelope:before {
+	content: "\5a";
+}
+.icon-check:before {
+	content: "\6a";
+}
+.icon-cross:before {
+	content: "\6b";
+}
+.icon-chevron-down:before {
+	content: "\63";
+}
+.icon-chevron-left:before {
+	content: "\62";
+}
+.icon-chevron-right:before {
+	content: "\61";
+}
+.icon-chevron-up:before {
+	content: "\64";
+}
+.icon-bell:before {
+	content: "\4b";
+}
+.icon-book:before {
+	content: "\53";
+}
+.icon-lab-flask:before {
+	content: "\54";
+}



BIN
css/bg_program_list.png



BIN
css/checkmark.png



BIN
css/femaleicon.png


BIN
css/femaleicon1.png


+ 91 - 0
css/fixedheadertable.css

@@ -0,0 +1,91 @@
+/*!
+* jquery.fixedHeaderTable. The jQuery fixedHeaderTable plugin
+*
+* Copyright (c) 2011 Mark Malek
+* http://fixedheadertable.com
+*
+* Licensed under MIT
+* http://www.opensource.org/licenses/mit-license.php
+* 
+* http://docs.jquery.com/Plugins/Authoring
+* jQuery authoring guidelines
+*
+* Launch  : October 2009
+* Version : 1.3
+* Released: May 9th, 2011
+*
+* 
+* all CSS sizing (width,height) is done in pixels (px)
+*/
+
+/* @group Reset */
+
+.fht-table,
+.fht-table thead,
+.fht-table tfoot,
+.fht-table tbody,
+.fht-table tr,
+.fht-table th,
+.fht-table td {
+	vertical-align:middle;
+	}
+.fht-table {
+	}
+.fht-table-wrapper,
+.fht-table-wrapper .fht-thead,
+.fht-table-wrapper .fht-tfoot,
+.fht-table-wrapper .fht-fixed-column .fht-tbody,
+.fht-table-wrapper .fht-fixed-body .fht-tbody,
+.fht-table-wrapper .fht-tbody {
+	overflow: hidden;
+
+	position: relative;
+	}
+
+	.fht-table-wrapper .fht-fixed-body .fht-tbody,
+	.fht-table-wrapper .fht-tbody {
+
+	    overflow: auto;
+		}
+
+		.fht-table-wrapper .fht-table .fht-cell {
+
+			overflow: hidden;
+		    height: 1px;
+			}
+	
+	.fht-table-wrapper .fht-fixed-column,
+	.fht-table-wrapper .fht-fixed-body {
+	    top: 0;
+	    left: 0;
+	    position: absolute;
+	    }  
+	.fht-table-wrapper .fht-fixed-column {
+	    z-index: 1;
+	    }
+
+.fancyTable td, .fancyTable th {
+	white-space:nowrap;
+	min-width:60px
+	}
+.fancyTable tbody tr th {
+	background-color: #fff;
+	}
+.fancyTable tbody tr td {
+	background-color: #fff;
+	}
+.fancyTable tbody tr.odd td{
+	background: #fff
+	}
+.fancyTable tbody tr th{
+	font-weight: 600;
+	background: #fff
+	}
+.fancyTable thead tr th,
+.fancyTable thead tr td,
+.fancyTable tfoot tr th, 
+.fancyTable tfoot tr td {
+	background: #fff;
+	font-weight: bold;
+	color:#444;
+	}

BIN
css/fonts/ZHcldSystem.eot


Разлика између датотеке није приказан због своје велике величине
+ 52 - 0
css/fonts/ZHcldSystem.svg


BIN
css/fonts/ZHcldSystem.ttf


BIN
css/fonts/ZHcldSystem.woff


Разлика између датотеке није приказан због своје велике величине
+ 3337 - 0
css/global.css


Разлика између датотеке није приказан због своје велике величине
+ 155 - 0
css/global.min.css




BIN
css/infocentericon.png






BIN
css/mustache2.png



BIN
css/replyArrow.png


BIN
css/right-quote.png



BIN
css/searchtipsimg.png



BIN
css/smsphonebg.png


BIN
css/sortAddupIcon.png



BIN
css/timeline_hline.png


BIN
css/timeline_hline2.png



+ 90 - 0
demand-add.html

@@ -0,0 +1,90 @@
+<!DOCTYPE html>
+<html lang=zh-cn> 
+<head>
+	<meta charset=utf-8> 
+	<title>CLD.System</title> 
+	<meta name=description content=电子版晴雨表,在线晴雨表,网页晴雨表> 
+	<link rel="shortcut icon" href="images/favicon.ico"> 
+	<meta name=copyright content=smartcost.com.cn> 
+	<link rel=stylesheet href=css/global.css> 
+	<script src=js/jquery-1.7.1.min.js></script> 
+	<script src=js/global.js></script>
+</head>
+<body>
+	<div class="mainLayout">
+		<div class="mainMenu">
+			<div class="menuItem">
+				<a href="#" class="mLogo">CLD</a>
+				<ul>
+					<li data-placement="right" data-toggle="ctooltip" data-original-title="信息中心" class="topLine"><a href="#" class="icon-" >B</a></li>
+					<li data-placement="right" data-toggle="ctooltip" data-original-title="通讯录"><a href="#" class="icon-">A</a></li>
+					<li data-placement="right" data-toggle="ctooltip" data-original-title="在线锁库"><a href="#" class="icon-">C</a></li>
+					<li data-placement="right" data-toggle="ctooltip" data-original-title="日程表"><a href="#" class="icon-">X</a></li>
+					<li data-placement="right" data-toggle="ctooltip" data-original-title="开发需求" class="topLine"><a href="#" class="icon- selected">V</a></li>
+					<li data-placement="right" data-toggle="ctooltip" data-original-title="邮件推广"><a href="#" class="icon- ">Z</a></li>
+					<li data-placement="right" data-toggle="ctooltip" data-original-title="报销单"><a href="#" class="icon-">U</a></li>
+					<li data-placement="right" data-toggle="ctooltip" data-original-title="物品申请"><a href="#" class="icon-">W</a></li>
+					<li data-placement="right" data-toggle="ctooltip" data-original-title="APP" class="topLine"><a href="#" class="icon-">Y</a></li>
+					<li data-placement="right" data-toggle="ctooltip" data-original-title="个人设置"><a href="#" class="icon-">F</a></li>
+					<li data-placement="right" data-toggle="ctooltip" data-original-title="退出系统"><a href="#" class="icon-">G</a></li>
+				</ul>
+			</div>
+		</div>
+		<div class="warpContent">
+			<div class="subMenu fL">
+				<div class="menuItem">
+					<ul>
+						<li class="demandTitle">需求中心</li>
+						<li><a href="demand-index.html">首页</a></li>
+						<li><a href="demand-list.html" class="selected">需求</a></li>
+						<li><a href="demand-tab.html">话题</a></li>
+						<li class="topLine"><a href="demand-library.html"><span class="icon-">S</span>&nbsp;档案库</a></li>
+						<li><a href="demand-develop.html"><span class="icon-">T</span>&nbsp;开发库</a></li>
+						<li class="topLine"><a href="demand-my.html">我的需求</a></li>
+					</ul>
+				</div>
+			</div>
+			<div class="adminContent autoHeight">
+			    <form>
+		            <legend>提交需求</legend>
+				    <div class="control-group">
+		              <label for="inputEmail" class="control-label">需求标题<span class="colGray">(简单概括一下你的需求吧,别太长哦)</span></label>
+		              <div class="controls">
+		                <input type="text" class="span9">
+		              </div>
+		            </div>
+				    <div class="control-group">
+		              <label for="inputEmail" class="control-label">需求内容<span class="colGray">(具体描述你的需求,这样大家才能好好<del>玩耍</del>讨论)</span></label>
+		              <div class="controls">
+		                <textarea rows="8" class="span9"></textarea>
+		              </div>
+		            </div>
+				    <div class="control-group">
+		              <label class="control-label">话题</label>
+		              <label class="control-label demandTab ">
+		                <span class="dTab">造价软件&nbsp;<a href="" class="icon-" title="删除话题">k</a></span>
+		                <span class="dTab">Bug&nbsp;<a href="" class="icon-" title="删除话题">k</a></span>
+		              </label>
+		              <div class="controls">
+		                <input type="text" class="span3" placeholder="创建或搜索添加新话题...">
+		              </div>
+		              <label class="control-label">热门话题<span class="colGray">(点击选用)</span></label>
+		              <div class="controls demandTab">
+		                <a class="dTab" title="使用他">造价软件</a>
+		                <a class="dTab" title="使用他">计量支付</a>
+		                <a class="dTab" title="使用他">Bug</a>
+		                <a class="dTab" title="使用他">用户体验</a>
+		                <a class="dTab" title="使用他">新增功能</a>
+		              </div>
+		            </div>
+		            <div class="control-group">
+		              <div class="controls">
+				   		 <a class="button">确认提交</a>
+		              </div>
+		            </div>
+			    </form>
+			</div>
+		</div>
+	</div>
+<script type="text/javascript">autoFlashHeight();</script>	
+</body>

+ 98 - 0
demand-develop-content-edit.html

@@ -0,0 +1,98 @@
+<!DOCTYPE html>
+<html lang=zh-cn> 
+<head>
+	<meta charset=utf-8> 
+	<title>CLD.System</title> 
+	<meta name=description content=电子版晴雨表,在线晴雨表,网页晴雨表> 
+	<link rel="shortcut icon" href="images/favicon.ico"> 
+	<meta name=copyright content=smartcost.com.cn> 
+	<link rel=stylesheet href=css/global.css> 
+	<script src=js/jquery-1.7.1.min.js></script> 
+	<script src=js/global.js></script>
+</head>
+<body>
+	<div class="mainLayout">
+		<div class="mainMenu">
+			<div class="menuItem">
+				<a href="#" class="mLogo">CLD</a>
+				<ul>
+					<li data-placement="right" data-toggle="ctooltip" data-original-title="信息中心" class="topLine"><a href="#" class="icon-" >B</a></li>
+					<li data-placement="right" data-toggle="ctooltip" data-original-title="通讯录"><a href="#" class="icon-">A</a></li>
+					<li data-placement="right" data-toggle="ctooltip" data-original-title="在线锁库"><a href="#" class="icon-">C</a></li>
+					<li data-placement="right" data-toggle="ctooltip" data-original-title="日程表"><a href="#" class="icon-">X</a></li>
+					<li data-placement="right" data-toggle="ctooltip" data-original-title="开发需求" class="topLine"><a href="#" class="icon- selected">V</a></li>
+					<li data-placement="right" data-toggle="ctooltip" data-original-title="邮件推广"><a href="#" class="icon- ">Z</a></li>
+					<li data-placement="right" data-toggle="ctooltip" data-original-title="报销单"><a href="#" class="icon-">U</a></li>
+					<li data-placement="right" data-toggle="ctooltip" data-original-title="物品申请"><a href="#" class="icon-">W</a></li>
+					<li data-placement="right" data-toggle="ctooltip" data-original-title="APP" class="topLine"><a href="#" class="icon-">Y</a></li>
+					<li data-placement="right" data-toggle="ctooltip" data-original-title="个人设置"><a href="#" class="icon-">F</a></li>
+					<li data-placement="right" data-toggle="ctooltip" data-original-title="退出系统"><a href="#" class="icon-">G</a></li>
+				</ul>
+			</div>
+		</div>
+		<div class="warpContent">
+			<div class="subMenu fL">
+				<div class="menuItem">
+					<ul>
+						<li class="demandTitle">需求中心</li>
+						<li><a href="demand-index.html">首页</a></li>
+						<li><a href="demand-list.html">需求</a></li>
+						<li><a href="demand-tab.html">话题</a></li>
+						<li class="topLine"><a href="demand-library.html"><span class="icon-">S</span>&nbsp;档案库</a></li>
+						<li><a href="demand-develop.html" class="selected"><span class="icon-">T</span>&nbsp;开发库</a></li>
+						<li class="topLine"><a href="demand-my.html">我的需求</a></li>
+					</ul>
+				</div>
+			</div>
+			<div class="adminContent autoHeight">
+				<legend>编辑开发任务</legend>
+				<form class="form-horizontal">
+					<div class="control-group">
+				    <label class="control-label">类别</label>
+				    <div class="controls">
+					     <select>
+					     	<option>产品类别</option>
+					     	<option>分区</option>
+					     </select>
+					     <select>
+					     	<option>造价软件</option>
+					     	<option>计量支付</option>
+					     	<option>养护软件</option>
+					     </select>
+				    </div>
+				  </div>
+					<div class="control-group">
+				    <label class="control-label">标题</label>
+				    <div class="controls">
+					     <input type="text" class="span8">
+				    </div>
+				  </div>
+					<div class="control-group">
+				    <label class="control-label">内容</label>
+				    <div class="controls">
+					     <textarea class="span8" rows="10"></textarea>
+				    </div>
+				  </div>
+					<div class="control-group">
+				    <label class="control-label">优先级</label>
+				    <div class="controls">
+					     <label class="radio inline"><input type="radio" checked="">无</label>
+					     <label class="radio inline"><input type="radio"><span class="icon- colRed" data-placement="bottom" data-toggle="ctooltip" data-original-title="优先级1">1</span></label>
+					     <label class="radio inline"><input type="radio"><span class="icon- colOrange" data-placement="bottom" data-toggle="ctooltip" data-original-title="优先级2">2</span></label>
+					     <label class="radio inline"><input type="radio"><span class="icon- colGreen" data-placement="bottom" data-toggle="ctooltip" data-original-title="优先级3">3</span></label>
+					     <label class="radio inline"><input type="radio"><span class="icon- colBlue" data-placement="bottom" data-toggle="ctooltip" data-original-title="优先级4">4</span></label>
+					     <label class="radio inline"><input type="radio"><span class="icon- colGray" data-placement="bottom" data-toggle="ctooltip" data-original-title="优先级5">5</span></label>
+				    </div>
+				  </div>
+					<div class="control-group">
+				    <label class="control-label"></label>
+				    <div class="controls">
+					     <a href="" class="button">提交修改</a>
+				    </div>
+				  </div>
+			  </form>
+			</div>
+		</div>
+	</div>
+<script type="text/javascript">autoFlashHeight();</script>	
+</body>

Разлика између датотеке није приказан због своје велике величине
+ 413 - 0
demand-develop-content.html


+ 112 - 0
demand-develop-search.html

@@ -0,0 +1,112 @@
+<!DOCTYPE html>
+<html lang=zh-cn> 
+<head>
+	<meta charset=utf-8> 
+	<title>CLD.System</title> 
+	<meta name=description content=电子版晴雨表,在线晴雨表,网页晴雨表> 
+	<link rel="shortcut icon" href="images/favicon.ico"> 
+	<meta name=copyright content=smartcost.com.cn> 
+	<link rel=stylesheet href=css/global.css> 
+	<script src=js/jquery-1.7.1.min.js></script> 
+	<script src=js/global.js></script>
+</head>
+<body>
+	<div class="mainLayout">
+		<div class="mainMenu">
+			<div class="menuItem">
+				<a href="#" class="mLogo">CLD</a>
+				<ul>
+					<li data-placement="right" data-toggle="ctooltip" data-original-title="信息中心" class="topLine"><a href="#" class="icon-" >B</a></li>
+					<li data-placement="right" data-toggle="ctooltip" data-original-title="通讯录"><a href="#" class="icon-">A</a></li>
+					<li data-placement="right" data-toggle="ctooltip" data-original-title="在线锁库"><a href="#" class="icon-">C</a></li>
+					<li data-placement="right" data-toggle="ctooltip" data-original-title="日程表"><a href="#" class="icon-">X</a></li>
+					<li data-placement="right" data-toggle="ctooltip" data-original-title="开发需求" class="topLine"><a href="#" class="icon- selected">V</a></li>
+					<li data-placement="right" data-toggle="ctooltip" data-original-title="邮件推广"><a href="#" class="icon- ">Z</a></li>
+					<li data-placement="right" data-toggle="ctooltip" data-original-title="报销单"><a href="#" class="icon-">U</a></li>
+					<li data-placement="right" data-toggle="ctooltip" data-original-title="物品申请"><a href="#" class="icon-">W</a></li>
+					<li data-placement="right" data-toggle="ctooltip" data-original-title="APP" class="topLine"><a href="#" class="icon-">Y</a></li>
+					<li data-placement="right" data-toggle="ctooltip" data-original-title="个人设置"><a href="#" class="icon-">F</a></li>
+					<li data-placement="right" data-toggle="ctooltip" data-original-title="退出系统"><a href="#" class="icon-">G</a></li>
+				</ul>
+			</div>
+		</div>
+		<div class="warpContent">
+			<div class="subMenu fL">
+				<div class="menuItem">
+					<ul>
+						<li class="demandTitle">需求中心</li>
+						<li><a href="demand-index.html">首页</a></li>
+						<li><a href="demand-list.html">需求</a></li>
+						<li><a href="demand-tab.html">话题</a></li>
+						<li class="topLine"><a href="demand-library.html"><span class="icon-">S</span>&nbsp;档案库</a></li>
+						<li><a href="demand-develop.html" class="selected"><span class="icon-">T</span>&nbsp;开发库</a></li>
+						<li class="topLine"><a href="demand-my.html">我的需求</a></li>
+					</ul>
+				</div>
+			</div>
+			<div class="adminContent autoHeight">
+				<!--档案库分类-->
+				<div class="librarySide">
+					<div class="sideSnav">
+						<ul class="snavLeve0 autoHeight">
+							<li class="title"><h3>产品分类</h3></li>
+							<li><span class="num fR">331</span><a href="#">造价软件</a></li>
+							<li><span class="num fR">290</span><a href="#" class="focus">计量支付</a></li>
+							<li><span class="num fR">176</span><a href="#">养护软件</a></li>
+							<li class="title"><h3>分区2</h3></li>
+							<li><span class="num fR">42</span><a href="#">类别名称</a></li>
+						</ul>
+					</div>
+				</div>
+				<!--档案库分类-->
+				<div class="libraryContent">
+					<!--标题和搜索-->
+					<legend>
+					<div class="fR">
+						<div class="search fL">
+							<div class="input-append">
+		      			<input class="span3" type="text">
+		      			<button class="btn btn-small" type="button">搜索</button>
+		    			</div>
+	    			</div>
+    			</div>搜索结果
+    		</legend>
+					<div class="libContent">
+						<ul class="libList2">
+							<li><span class="icon- colRed" data-placement="bottom" data-toggle="ctooltip" data-original-title="优先级1">1</span><p><a href="#">1# 标题标题标题标题标题标题标题</a></p>
+							<p class="colGray">2015-06-17 16:40 创建 • 2015-07-11 12:30 更新</p></li>
+							<li><span class="icon- colOrange" data-placement="bottom" data-toggle="ctooltip" data-original-title="优先级2">2</span><p><a href="demand-develop-content.html">2# 标题标题标题标题标题标题标题(点我)</a></p>
+							<p class="colGray">2015-06-17 16:40 创建</p></li>
+							<li><span class="icon- colGreen" data-placement="bottom" data-toggle="ctooltip" data-original-title="优先级3">3</span><p><a href="#">3# 标题标题标题标题标题标题标题</a></p>
+							<p class="colGray">2015-06-17 16:40 创建</p></li>
+							<li><span class="icon- colBlue" data-placement="bottom" data-toggle="ctooltip" data-original-title="优先级4">4</span><p><a href="#">4# 标题标题标题标题标题标题标题</a></p>
+							<p class="colGray">2015-06-17 16:40 创建</p></li>
+							<li><span class="icon- colGray" data-placement="bottom" data-toggle="ctooltip" data-original-title="优先级5">5</span><p><a href="#">5# 标题标题标题标题标题标题标题</a></p>
+							<p class="colGray">2015-06-17 16:40 创建</p></li>
+							<li><span class="icon- colGray" data-placement="bottom" data-toggle="ctooltip" data-original-title="优先级5">5</span><p><a href="#">6# 标题标题标题标题标题标题标题</a></p>
+							<p class="colGray">2015-06-17 16:40 创建</p></li>
+							<li><p><a href="#">7# 标题标题标题标题标题标题标题</a></p>
+							<p class="colGray">2015-06-17 16:40 创建</p></li>
+							<li><p><a href="#">8# 标题标题标题标题标题标题标题</a></p>
+							<p class="colGray">2015-06-17 16:40 创建</p></li>
+							<!--搜索结果0-->
+							<li class="colRed">搜索 <b>关键词</b> 没有发现任何内容</li>
+						</ul>
+					</div>
+					<div class="demandPage">
+		  				<ul class="pagination fL">
+		  					<li><a href="#">&lt;</a></li>
+		  					<li><a href="#">1</a></li>
+		  					<li class="active"><a href="#">2</a></li>
+		  					<li><a href="#">3</a></li>
+		  					<li><a href="#">4</a></li>
+		  					<li><a href="#">5</a></li>
+		  					<li><a href="#">&gt;</a></li>
+		  				</ul>
+		  	</div>
+				</div>
+			</div>
+		</div>
+	</div>
+<script type="text/javascript">autoFlashHeight();</script>	
+</body>

+ 122 - 0
demand-develop.html

@@ -0,0 +1,122 @@
+<!DOCTYPE html>
+<html lang=zh-cn> 
+<head>
+	<meta charset=utf-8> 
+	<title>CLD.System</title> 
+	<meta name=description content=电子版晴雨表,在线晴雨表,网页晴雨表> 
+	<link rel="shortcut icon" href="images/favicon.ico"> 
+	<meta name=copyright content=smartcost.com.cn> 
+	<link rel=stylesheet href=css/global.css> 
+	<script src=js/jquery-1.7.1.min.js></script> 
+	<script src=js/global.js></script>
+</head>
+<body>
+	<div class="mainLayout">
+		<div class="mainMenu">
+			<div class="menuItem">
+				<a href="#" class="mLogo">CLD</a>
+				<ul>
+					<li data-placement="right" data-toggle="ctooltip" data-original-title="信息中心" class="topLine"><a href="#" class="icon-" >B</a></li>
+					<li data-placement="right" data-toggle="ctooltip" data-original-title="通讯录"><a href="#" class="icon-">A</a></li>
+					<li data-placement="right" data-toggle="ctooltip" data-original-title="在线锁库"><a href="#" class="icon-">C</a></li>
+					<li data-placement="right" data-toggle="ctooltip" data-original-title="日程表"><a href="#" class="icon-">X</a></li>
+					<li data-placement="right" data-toggle="ctooltip" data-original-title="开发需求" class="topLine"><a href="#" class="icon- selected">V</a></li>
+					<li data-placement="right" data-toggle="ctooltip" data-original-title="邮件推广"><a href="#" class="icon- ">Z</a></li>
+					<li data-placement="right" data-toggle="ctooltip" data-original-title="报销单"><a href="#" class="icon-">U</a></li>
+					<li data-placement="right" data-toggle="ctooltip" data-original-title="物品申请"><a href="#" class="icon-">W</a></li>
+					<li data-placement="right" data-toggle="ctooltip" data-original-title="APP" class="topLine"><a href="#" class="icon-">Y</a></li>
+					<li data-placement="right" data-toggle="ctooltip" data-original-title="个人设置"><a href="#" class="icon-">F</a></li>
+					<li data-placement="right" data-toggle="ctooltip" data-original-title="退出系统"><a href="#" class="icon-">G</a></li>
+				</ul>
+			</div>
+		</div>
+		<div class="warpContent">
+			<div class="subMenu fL">
+				<div class="menuItem">
+					<ul>
+						<li class="demandTitle">需求中心</li>
+						<li><a href="demand-index.html">首页</a></li>
+						<li><a href="demand-list.html">需求</a></li>
+						<li><a href="demand-tab.html">话题</a></li>
+						<li class="topLine"><a href="demand-library.html"><span class="icon-">S</span>&nbsp;档案库</a></li>
+						<li><a href="demand-develop.html" class="selected"><span class="icon-">T</span>&nbsp;开发库</a></li>
+						<li class="topLine"><a href="demand-my.html">我的需求</a></li>
+					</ul>
+				</div>
+			</div>
+			<div class="adminContent autoHeight">
+				<!--档案库分类-->
+				<div class="librarySide">
+					<div class="sideSnav">
+						<ul class="snavLeve0 autoHeight">
+							<li class="title"><h3>产品分类</h3></li>
+							<li><span class="num fR">331</span><a href="#">造价软件</a></li>
+							<li><span class="num fR">290</span><a href="#" class="focus">计量支付</a></li>
+							<li><span class="num fR">176</span><a href="#">养护软件</a></li>
+							<li class="title"><h3>分区2</h3></li>
+							<li><span class="num fR">42</span><a href="#">类别名称</a></li>
+						</ul>
+					</div>
+				</div>
+				<!--档案库分类-->
+				<div class="libraryContent">
+					<!--标题和搜索-->
+					<legend>
+					<div class="fR">
+						<div class="search fL">
+							<div class="input-append">
+		      			<input class="span3" type="text">
+		      			<a class="btn btn-small" href="demand-develop-search.html">搜索</a>
+		    			</div>
+	    			</div>
+    			</div>计量支付
+    		</legend>
+    		<div class="demandCate">
+					<ul class="cateList">
+	  					<li class="colGray">排序:<a href="#" class="now" title="按更新时间">创建</a><a href="#" title="最新入库">更新</a><a href="#" title="优先级">优先级</a></li>
+	  					<li class="devMark"><a href="#">不限</a>
+	  						<a href="#" title="优先1" class="now"><span class="icon- colRed" data-placement="bottom" data-toggle="ctooltip" data-original-title="优先级1">1</span></a>
+	  						<a href="#" title="优先2"><span class="icon- colOrange" data-placement="bottom" data-toggle="ctooltip" data-original-title="优先级1">2</span></a>
+	  						<a href="#" title="优先3"><span class="icon- colGreen" data-placement="bottom" data-toggle="ctooltip" data-original-title="优先级1">3</span></a>
+	  						<a href="#" title="优先4"><span class="icon- colBlue" data-placement="bottom" data-toggle="ctooltip" data-original-title="优先级1">4</span></a>
+	  						<a href="#" title="优先5"><span class="icon- colGray" data-placement="bottom" data-toggle="ctooltip" data-original-title="优先级1">5</span></a>
+	  					</li>
+	  			</ul>
+	  		</div>
+					<div class="libContent">
+						<ul class="libList2">
+							<li><span class="icon- colRed" data-placement="bottom" data-toggle="ctooltip" data-original-title="优先级1">1</span><p><a href="#">1# 标题标题标题标题标题标题标题</a></p>
+							<p class="colGray">2015-06-17 16:40 创建 • 2015-07-11 12:30 更新</p></li>
+							<li><span class="icon- colOrange" data-placement="bottom" data-toggle="ctooltip" data-original-title="优先级2">2</span><p><a href="demand-develop-content.html">2# 标题标题标题标题标题标题标题(点我)</a></p>
+							<p class="colGray">2015-06-17 16:40 创建</p></li>
+							<li><span class="icon- colGreen" data-placement="bottom" data-toggle="ctooltip" data-original-title="优先级3">3</span><p><a href="#">3# 标题标题标题标题标题标题标题</a></p>
+							<p class="colGray">2015-06-17 16:40 创建</p></li>
+							<li><span class="icon- colBlue" data-placement="bottom" data-toggle="ctooltip" data-original-title="优先级4">4</span><p><a href="#">4# 标题标题标题标题标题标题标题</a></p>
+							<p class="colGray">2015-06-17 16:40 创建</p></li>
+							<li><span class="icon- colGray" data-placement="bottom" data-toggle="ctooltip" data-original-title="优先级5">5</span><p><a href="#">5# 标题标题标题标题标题标题标题</a></p>
+							<p class="colGray">2015-06-17 16:40 创建</p></li>
+							<li><span class="icon- colGray" data-placement="bottom" data-toggle="ctooltip" data-original-title="优先级5">5</span><p><a href="#">6# 标题标题标题标题标题标题标题</a></p>
+							<p class="colGray">2015-06-17 16:40 创建</p></li>
+							<li><p><a href="#">7# 标题标题标题标题标题标题标题</a></p>
+							<p class="colGray">2015-06-17 16:40 创建</p></li>
+							<li><p><a href="#">8# 标题标题标题标题标题标题标题</a></p>
+							<p class="colGray">2015-06-17 16:40 创建</p></li>
+						</ul>
+					</div>
+					<div class="demandPage">
+		  				<ul class="pagination fL">
+		  					<li><a href="#">&lt;</a></li>
+		  					<li><a href="#">1</a></li>
+		  					<li class="active"><a href="#">2</a></li>
+		  					<li><a href="#">3</a></li>
+		  					<li><a href="#">4</a></li>
+		  					<li><a href="#">5</a></li>
+		  					<li><a href="#">&gt;</a></li>
+		  				</ul>
+		  	</div>
+				</div>
+			</div>
+		</div>
+	</div>
+<script type="text/javascript">autoFlashHeight();</script>	
+</body>

+ 275 - 0
demand-index.html

@@ -0,0 +1,275 @@
+<!DOCTYPE html>
+<html lang=zh-cn> 
+<head>
+	<meta charset=utf-8> 
+	<title>CLD.System</title> 
+	<meta name=description content=电子版晴雨表,在线晴雨表,网页晴雨表> 
+	<link rel="shortcut icon" href="images/favicon.ico"> 
+	<meta name=copyright content=smartcost.com.cn> 
+	<link rel=stylesheet href=css/global.css> 
+	<script src=js/jquery-1.7.1.min.js></script> 
+	<script src=js/global.js></script>
+</head>
+<body>
+	<div class="mainLayout">
+		<div class="mainMenu">
+			<div class="menuItem">
+				<a href="#" class="mLogo">CLD</a>
+				<ul>
+					<li data-placement="right" data-toggle="ctooltip" data-original-title="信息中心" class="topLine"><a href="#" class="icon-" >B</a></li>
+					<li data-placement="right" data-toggle="ctooltip" data-original-title="通讯录"><a href="#" class="icon-">A</a></li>
+					<li data-placement="right" data-toggle="ctooltip" data-original-title="在线锁库"><a href="#" class="icon-">C</a></li>
+					<li data-placement="right" data-toggle="ctooltip" data-original-title="开发需求"><a href="#" class="icon- selected">V</a></li>
+					<li data-placement="right" data-toggle="ctooltip" data-original-title="日程表" class="topLine"><a href="#" class="icon-">X</a></li>
+					<li data-placement="right" data-toggle="ctooltip" data-original-title="邮件推广"><a href="#" class="icon- ">Z</a></li>
+					<li data-placement="right" data-toggle="ctooltip" data-original-title="报销单"><a href="#" class="icon-">U</a></li>
+					<li data-placement="right" data-toggle="ctooltip" data-original-title="物品申请"><a href="#" class="icon-">W</a></li>
+					<li data-placement="right" data-toggle="ctooltip" data-original-title="APP" class="topLine"><a href="#" class="icon-">Y</a></li>
+					<li data-placement="right" data-toggle="ctooltip" data-original-title="个人设置"><a href="#" class="icon-">F</a></li>
+					<li data-placement="right" data-toggle="ctooltip" data-original-title="退出系统"><a href="#" class="icon-">G</a></li>
+				</ul>
+			</div>
+		</div>
+		<div class="warpContent">
+			<div class="subMenu fL">
+				<div class="menuItem">
+					<ul>
+						<li class="demandTitle">需求中心</li>
+						<li><a href="demand-index.html" class="selected">首页</a></li>
+						<li><a href="demand-list.html">需求</a></li>
+						<li><a href="demand-tab.html">话题</a></li>
+						<li class="topLine"><a href="demand-library.html"><span class="icon-">S</span>&nbsp;档案库</a></li>
+						<li><a href="demand-develop.html"><span class="icon-">T</span>&nbsp;开发库</a></li>
+						<li class="topLine"><a href="demand-my.html">我的需求</a></li>
+					</ul>
+				</div>
+			</div>
+			<div class="adminContent autoHeight">
+		    <div class="demandIndex">
+					<div class="demanHeader">
+						<div class="fR"><video src="images/03_Waterfall_x.mp4" autoplay loop width="860">抱歉,ಥ_ಥ</video></div>
+						<div class="demanStat">
+							<div class="top">
+								<div class="entry stat1 fL"><div><span>新增需求</span><p title="30天内发布的需要">24</p></div></div>
+								<div class="entry stat2 fL">
+									<div class="line"><div class="fL">话题<p>23</p></div><div class="fL" title="30天内新增的话题">新增<p><a href="demand-tab.html">6</a></p></div></div>
+									<div class="line"><div class="fL">档案库<p>9999</p></div><div class="fL" title="30天内新增的文档">新增<p><a href="demand-library.html">6</a></p></div></div>
+								</div>
+							</div>
+							<div class="bottom">
+								<p>档案库贡献榜</p>
+								<div class="clearfix">
+									<ul>
+										<li><span class="name">陈帅</span><span>230</span></li>
+										<li><span class="name">范月光</span><span>201</span></li>
+										<li><span class="name">王涛</span><span>193</span></li>
+										<li><span class="name">苟彦刚</span><span>180</span></li>
+										<li><span class="name">刘飞</span><span>113</span></li>
+										<li><span class="name">王洪生</span><span>104</span></li>
+										<li><span class="name">姜栋</span><span>97</span></li>
+										<li><span class="name">刘庆</span><span>75</span></li>
+										<li><span class="name">黄巾桃</span><span>44</span></li>
+									</ul>
+								</div>
+							</div>
+						</div>
+					</div>
+					<div class="clearfix">
+						<div class="demandBoard fL">
+							<div class="tab"><a class="focus" title="最新发布需求">最新</a>|<a title="7天内浏览最多的需求">热门</a></div>
+							<div class="boardList">
+								<ul class="entry">
+									<li>
+										<div class="avtra"><img src="images/avtra_n.jpg"></div>
+										<div class="content">
+											<h4><a href="#demandshow" data-toggle="modal">这是需求标题(点我打开预览)</a></h4>
+											<p class="colGray">
+												0 个回复 • 27 次浏览 • 5 分钟前
+											</p>
+										</div>
+									</li>
+									<li>
+										<div class="avtra"><img src="images/avtra_n.jpg"></div>
+										<div class="content">
+											<h4><a href="#">这是需求标题</a></h4>
+											<p class="colGray">
+												0 个回复 • 27 次浏览 • 43 分钟前
+											</p>
+										</div>
+									</li>
+									<li>
+										<div class="avtra"><img src="images/avtra_n.jpg"></div>
+										<div class="content">
+											<h4><a href="#">这是需求标题</a></h4>
+											<p class="colGray">
+												1 个回复 • 27 次浏览 • 3 小时前
+											</p>
+										</div>
+									</li>
+									<li>
+										<div class="avtra"><img src="images/avtra_n.jpg"></div>
+										<div class="content">
+											<h4><a href="#">这是需求标题</a></h4>
+											<p class="colGray">
+												1 个回复 • 27 次浏览 • 20 小时前
+											</p>
+										</div>
+									</li>
+									<li>
+										<div class="avtra"><img src="images/avtra_n.jpg"></div>
+										<div class="content">
+											<h4><a href="#">这是需求标题</a></h4>
+											<p class="colGray">
+												1 个回复 • 27 次浏览 • 1 天前
+											</p>
+										</div>
+									</li>
+								</ul>
+								<ul class="entry hide">
+									<li>
+										<div class="avtra"><img src="images/avtra_n.jpg"></div>
+										<div class="content">
+											<h4><a href="#">这是需求标题</a></h4>
+											<p class="colGray">
+												0 个回复 • 27 次浏览 • 2015-05-24 19:51
+											</p>
+										</div>
+									</li>
+									<li>
+										<div class="avtra"><img src="images/avtra_n.jpg"></div>
+										<div class="content">
+											<h4><a href="#">这是需求标题</a></h4>
+											<p class="colGray">
+												0 个回复 • 27 次浏览 • 2015-05-24 19:51
+											</p>
+										</div>
+									</li>
+									<li>
+										<div class="avtra"><img src="images/avtra_n.jpg"></div>
+										<div class="content">
+											<h4><a href="#">这是需求标题</a></h4>
+											<p class="colGray">
+												1 个回复 • 27 次浏览 • 2015-05-24 19:51
+											</p class="colGray">
+										</div>
+									</li>
+									<li>
+										<div class="avtra"><img src="images/avtra_n.jpg"></div>
+										<div class="content">
+											<h4><a href="#">这是需求标题</a></h4>
+											<p class="colGray">
+												1 个回复 • 27 次浏览 • 2015-05-24 19:51
+											</p>
+										</div>
+									</li>
+									<li>
+										<div class="avtra"><img src="images/avtra_n.jpg"></div>
+										<div class="content">
+											<h4><a href="#">这是需求标题</a></h4>
+											<p class="colGray">
+												1 个回复 • 27 次浏览 • 2015-05-24 19:51
+											</p>
+										</div>
+									</li>
+								</ul>
+							</div>
+						</div>
+						<div class="demandBoard fR">
+							<div class="tab">动态</div>
+							<div class="boardList">
+								<ul>
+									<li>
+										<div class="avtra"><img src="images/avtra_n.jpg"></div>
+										<div class="content">
+											<h4>总部 <b>陈特</b><span class="colGray"> • 5分钟前</span></h4>
+											<p class="demandTab colGray">
+												关注 • <a href="#" class="dTab">计量支付</a>
+											</p>
+										</div>
+									</li>
+									<li>
+										<div class="avtra"><img src="images/avtra_n.jpg"></div>
+										<div class="content">
+											<h4>总部 <b>陈特</b><span class="colGray"> • 1小时前</span></h4>
+											<p class="colGray">
+												发布 • <a href="#">这是需求标题</a>
+											</p>
+										</div>
+									</li>
+									<li>
+										<div class="avtra"><img src="images/avtra_n.jpg"></div>
+										<div class="content">
+											<h4>总部 <b>陈特</b><span class="colGray"> • 1小时前</span></h4>
+											<p class="colGray">
+												评论 • <a href="#">这是需求标题</a>
+											</p>
+										</div>
+									</li>
+									<li>
+										<div class="avtra"><img src="images/avtra_n.jpg"></div>
+										<div class="content">
+											<h4>总部 <b>陈特</b><span class="colGray"> • 1小时前</span></h4>
+											<p class="colGray">
+												评论 • <a href="#">这是需求标题需求标题</a>
+											</p>
+										</div>
+									</li>
+									<li>
+										<div class="avtra"><img src="images/avtra_n.jpg"></div>
+										<div class="content">
+											<h4>总部 <b>陈特</b><span class="colGray"> • 5分钟前</span></h4>
+											<p class="demandTab colGray">
+												更新 • <a href="#"><span class="icon-">S</span>这是文档标题</a>
+											</p>
+										</div>
+									</li>
+								</ul>
+							</div>
+						</div>
+					</div>
+					<div class="postButton clearfix">
+						<span style="font-size:36px;left:100px;top:40px">与客服交流“谈心”</span>
+						<span style="font-size:24px;left:20px;top:15px">设计师改!改!改!</span>
+						<span style="font-size:20px;left:320px;top:5px">向程序猿抛香蕉</span>
+						<span style="font-size:14px;left:430px;top:60px">抚摸产品狗的头</span>
+						<span style="font-size:24px;left:460px;top:20px">与测试员侃大山</span>
+						<a href="demand-add.html">发布需求</a>
+					</div>
+		    </div>
+			</div>
+		</div>
+	</div>
+<!--弹出(需求快速预览)-->
+<div class="modal hide fade" id="demandshow">
+		<div class="modal-header">
+    	<h3>建议相关话题可以自动调用根话题的其自动调用根话题的其自动调用根话题的其它话题</h3>
+    </div>
+    <div class="modal-body">
+    	<div class="demandTab colGray" style="margin-bottom:10px">发布:总部<b>陈特</b>&nbsp;|&nbsp;话题:<a class="dTab" href="#" title="查看话题的需求">造价软件</a><a class="dTab" href="#" title="查看话题的需求">Bug</a></div>
+						<p>建议相关话题可以调用根话题下的其它全部话题,因为这些话题都是有联系的,这就省去了一个一个找和添加相关话题,特别是话题比较多的时候。
+例如根话题是A,A1 A2 A3 A4都属于根话题A,则话题A1的相关话题就会自动出现A2 A3 A4 </p>
+						<p>建议相关话题可以调用根话题下的其它全部话题,因为这些话题都是有联系的,这就省去了一个一个找和添加相关话题,特别是话题比较多的时候。
+例如根话题是A,A1 A2 A3 A4都属于根话题A,则话题A1的相关话题就会自动出现A2 A3 A4 </p>
+						<p>建议相关话题可以调用根话题下的其它全部话题,因为这些话题都是有联系的,这就省去了一个一个找和添加相关话题,特别是话题比较多的时候。
+例如根话题是A,A1 A2 A3 A4都属于根话题A,则话题A1的相关话题就会自动出现A2 A3 A4 </p>
+						<p>建议相关话题可以调用根话题下的其它全部话题,因为这些话题都是有联系的,这就省去了一个一个找和添加相关话题,特别是话题比较多的时候。
+例如根话题是A,A1 A2 A3 A4都属于根话题A,则话题A1的相关话题就会自动出现A2 A3 A4 </p>
+						<p>建议相关话题可以调用根话题下的其它全部话题,因为这些话题都是有联系的,这就省去了一个一个找和添加相关话题,特别是话题比较多的时候。
+例如根话题是A,A1 A2 A3 A4都属于根话题A,则话题A1的相关话题就会自动出现A2 A3 A4 </p>
+    </div>
+	<div class="modal-footer">
+			<div class="fL">
+				<span class="colGray">参与</span>
+				<span data-placement="top" data-toggle="ctooltip" data-original-title="广东办刘飞"><img src="images/avatar_6_2.jpg" width="32"></span>
+				<span data-placement="top" data-toggle="ctooltip" data-original-title="浙江办陈帅"><img src="images/avatar_2_2.jpg" width="32"></span>
+				<span data-placement="top" data-toggle="ctooltip" data-original-title="甘肃办苟彦刚"><img src="images/avatar_5_2.jpg" width="32"></span>
+				<span data-placement="top" data-toggle="ctooltip" data-original-title="总部杨福芳"><img src="images/avatar_33_2.jpg" width="32"></span>
+				<span data-placement="top" data-toggle="ctooltip" data-original-title="四川办全冰"><img src="images/avatar_15_2.jpg" width="32"></span>
+			</div>
+	    <div class="fR"><a href="#" class="button btn-gray" data-dismiss="modal" aria-hidden="true">取消</a>
+	   	<a href="#" class="button">查看评论</a></div>
+	</div>
+</div>
+<!--弹出(需求快速预览)-->
+<script type="text/javascript">autoFlashHeight();</script>	
+</body>

+ 103 - 0
demand-library-cate-content-edit.html

@@ -0,0 +1,103 @@
+<!DOCTYPE html>
+<html lang=zh-cn> 
+<head>
+	<meta charset=utf-8> 
+	<title>CLD.System</title> 
+	<meta name=description content=电子版晴雨表,在线晴雨表,网页晴雨表> 
+	<link rel="shortcut icon" href="images/favicon.ico"> 
+	<meta name=copyright content=smartcost.com.cn> 
+	<link rel=stylesheet href=css/global.css> 
+	<script src=js/jquery-1.7.1.min.js></script> 
+	<script src=js/global.js></script>
+</head>
+<body>
+	<div class="mainLayout">
+		<div class="mainMenu">
+			<div class="menuItem">
+				<a href="#" class="mLogo">CLD</a>
+				<ul>
+					<li data-placement="right" data-toggle="ctooltip" data-original-title="信息中心" class="topLine"><a href="#" class="icon-" >B</a></li>
+					<li data-placement="right" data-toggle="ctooltip" data-original-title="通讯录"><a href="#" class="icon-">A</a></li>
+					<li data-placement="right" data-toggle="ctooltip" data-original-title="在线锁库"><a href="#" class="icon-">C</a></li>
+					<li data-placement="right" data-toggle="ctooltip" data-original-title="日程表"><a href="#" class="icon-">X</a></li>
+					<li data-placement="right" data-toggle="ctooltip" data-original-title="开发需求" class="topLine"><a href="#" class="icon- selected">V</a></li>
+					<li data-placement="right" data-toggle="ctooltip" data-original-title="邮件推广"><a href="#" class="icon- ">Z</a></li>
+					<li data-placement="right" data-toggle="ctooltip" data-original-title="报销单"><a href="#" class="icon-">U</a></li>
+					<li data-placement="right" data-toggle="ctooltip" data-original-title="物品申请"><a href="#" class="icon-">W</a></li>
+					<li data-placement="right" data-toggle="ctooltip" data-original-title="APP" class="topLine"><a href="#" class="icon-">Y</a></li>
+					<li data-placement="right" data-toggle="ctooltip" data-original-title="个人设置"><a href="#" class="icon-">F</a></li>
+					<li data-placement="right" data-toggle="ctooltip" data-original-title="退出系统"><a href="#" class="icon-">G</a></li>
+				</ul>
+			</div>
+		</div>
+		<div class="warpContent">
+			<div class="subMenu fL">
+				<div class="menuItem">
+					<ul>
+						<li class="demandTitle">需求中心</li>
+						<li><a href="demand-index.html">首页</a></li>
+						<li><a href="demand-list.html">需求</a></li>
+						<li><a href="demand-tab.html">话题</a></li>
+						<li class="topLine"><a href="demand-library.html" class="selected"><span class="icon-">S</span>&nbsp;档案库</a></li>
+						<li><a href="demand-develop.html"><span class="icon-">T</span>&nbsp;开发库</a></li>
+						<li class="topLine"><a href="demand-my.html">我的需求</a></li>
+					</ul>
+				</div>
+			</div>
+			<div class="adminContent autoHeight">
+				<legend>编辑档案文档</legend>
+				<form class="form-horizontal">
+					<div class="control-group">
+				    <label class="control-label">类别</label>
+				    <div class="controls">
+					     <select>
+					     	<option>分区1</option>
+					     	<option>分区2</option>
+					     	<option>分区3</option>
+					     </select>
+					     <select>
+					     	<option>类别1</option>
+					     	<option>类别2</option>
+					     	<option>类别3</option>
+					     </select>
+					     <select>
+					     	<option>类别1.1</option>
+					     	<option>类别1.2</option>
+					     	<option>类别1.3</option>
+					     </select>
+					     <select>
+					     	<option>类别1.1.1</option>
+					     	<option>类别1.1.2</option>
+					     	<option>类别1.1.3</option>
+					     </select>
+					     <select>
+					     	<option>类别1.1.1.1</option>
+					     	<option>类别1.1.1.2</option>
+					     	<option>类别1.1.1.3</option>
+					     </select>
+				    </div>
+				  </div>
+					<div class="control-group">
+				    <label class="control-label">标题</label>
+				    <div class="controls">
+					     <input type="text" class="span8">
+				    </div>
+				  </div>
+					<div class="control-group">
+				    <label class="control-label">内容</label>
+				    <div class="controls">
+					     <textarea class="span8" rows="10"></textarea>
+				    </div>
+				  </div>
+					<div class="control-group">
+				    <label class="control-label"></label>
+				    <div class="controls">
+					     <a href="" class="button">提交修改</a>
+				    </div>
+				  </div>
+			  </form>
+			</div>
+		</div>
+	</div>
+<script type="text/javascript">autoFlashHeight();</script>	
+</body>

Разлика између датотеке није приказан због своје велике величине
+ 436 - 0
demand-library-cate-content.html


+ 122 - 0
demand-library-cate-search.html

@@ -0,0 +1,122 @@
+<!DOCTYPE html>
+<html lang=zh-cn> 
+<head>
+	<meta charset=utf-8> 
+	<title>CLD.System</title> 
+	<meta name=description content=电子版晴雨表,在线晴雨表,网页晴雨表> 
+	<link rel="shortcut icon" href="images/favicon.ico"> 
+	<meta name=copyright content=smartcost.com.cn> 
+	<link rel=stylesheet href=css/global.css> 
+	<script src=js/jquery-1.7.1.min.js></script> 
+	<script src=js/global.js></script>
+</head>
+<body>
+	<div class="mainLayout">
+		<div class="mainMenu">
+			<div class="menuItem">
+				<a href="#" class="mLogo">CLD</a>
+				<ul>
+					<li data-placement="right" data-toggle="ctooltip" data-original-title="信息中心" class="topLine"><a href="#" class="icon-" >B</a></li>
+					<li data-placement="right" data-toggle="ctooltip" data-original-title="通讯录"><a href="#" class="icon-">A</a></li>
+					<li data-placement="right" data-toggle="ctooltip" data-original-title="在线锁库"><a href="#" class="icon-">C</a></li>
+					<li data-placement="right" data-toggle="ctooltip" data-original-title="日程表"><a href="#" class="icon-">X</a></li>
+					<li data-placement="right" data-toggle="ctooltip" data-original-title="开发需求" class="topLine"><a href="#" class="icon- selected">V</a></li>
+					<li data-placement="right" data-toggle="ctooltip" data-original-title="邮件推广"><a href="#" class="icon- ">Z</a></li>
+					<li data-placement="right" data-toggle="ctooltip" data-original-title="报销单"><a href="#" class="icon-">U</a></li>
+					<li data-placement="right" data-toggle="ctooltip" data-original-title="物品申请"><a href="#" class="icon-">W</a></li>
+					<li data-placement="right" data-toggle="ctooltip" data-original-title="APP" class="topLine"><a href="#" class="icon-">Y</a></li>
+					<li data-placement="right" data-toggle="ctooltip" data-original-title="个人设置"><a href="#" class="icon-">F</a></li>
+					<li data-placement="right" data-toggle="ctooltip" data-original-title="退出系统"><a href="#" class="icon-">G</a></li>
+				</ul>
+			</div>
+		</div>
+		<div class="warpContent">
+			<div class="subMenu fL">
+				<div class="menuItem">
+					<ul>
+						<li class="demandTitle">需求中心</li>
+						<li><a href="demand-index.html">首页</a></li>
+						<li><a href="demand-list.html">需求</a></li>
+						<li><a href="demand-tab.html">话题</a></li>
+						<li class="topLine"><a href="demand-library.html" class="selected"><span class="icon-">S</span>&nbsp;档案库</a></li>
+						<li><a href="demand-develop.html"><span class="icon-">T</span>&nbsp;开发库</a></li>
+						<li class="topLine"><a href="demand-my.html">我的需求</a></li>
+					</ul>
+				</div>
+			</div>
+			<div class="adminContent autoHeight">
+				<!--档案库分类-->
+				<div class="librarySide">
+					<div class="sideSnav">
+						<ul class="snavLeve0 autoHeight">
+							<li class="title"><h3>类别2</h3></li>
+							<li><a href="#">类别2.1</a></li>
+							<li>
+								<h4 class="focus"><span>类别2.2</span>
+								<span class="icon- fR open"></span></h4>
+								<ul class="snavLeve1">
+									<li><a href="#">类别2.2.1</a></li>
+									<li><a href="#">类别2.2.2</a></li>
+									<li><a href="demand-library-cate.html" class="focus">类别2.2.3</a></li>
+									<li><a href="#">类别2.2.4</a></li>
+								</ul>
+							</li>
+							<li>
+								<h4><span>类别2.3</span>
+								<span class="icon- fR"></span></h4>
+								<ul class="snavLeve1 hide">
+									<li><a href="#">类别2.2.1</a></li>
+									<li><a href="#">类别2.2.2</a></li>
+									<li><a href="#">类别2.2.3</a></li>
+									<li><a href="#">类别2.2.4</a></li>
+								</ul></li>
+							<li><a href="#" class="focus">类别2.4</a></li>
+							<li><a href="#">类别2.5</a></li>
+						</ul>
+					</div>
+				</div>
+				<!--档案库分类-->
+				<div class="libraryContent">
+					<!--面包屑导航和搜索-->
+					<legend>
+						<div class="search fR">
+							<div class="input-append">
+		      			<input class="span3" type="text">
+		      			<button class="btn btn-small" type="button">搜索</button>
+	    				</div>
+						</div>
+						搜索结果
+					</legend>
+					<div class="libContent">
+						<ul class="libList2">
+							<li><span class="icon- colYel" data-placement="bottom" data-toggle="ctooltip" data-original-title="置顶">N</span><p><a href="#">标题标题标题标题标题标题标题</a></p>
+							<p class="colGray">2015-06-17 16:40 创建</p></li>
+							<li><p><a href="demand-library-cate-content.html">标题标题标题标题标题标题标题(点我)</a></p>
+							<p class="colGray">2015-06-17 16:40 创建</p></li>
+							<li><p><a href="#">标题标题标题标题标题标题标题</a></p>
+							<p class="colGray">2015-06-17 16:40 创建</p></li>
+							<li><p><a href="#">标题标题标题标题标题标题标题</a></p>
+							<p class="colGray">2015-06-17 16:40 创建</p></li>
+							<li><p><a href="#">标题标题标题标题标题标题标题</a></p>
+							<p class="colGray">2015-06-17 16:40 创建</p></li>
+							<!--搜索结果0-->
+							<li class="colRed">搜索 <b>关键词</b> 没有发现任何内容</li>
+						</ul>
+					</div>
+					<div class="demandPage">
+		  				<ul class="pagination fL">
+		  					<li><a href="#">&lt;</a></li>
+		  					<li><a href="#">1</a></li>
+		  					<li class="active"><a href="#">2</a></li>
+		  					<li><a href="#">3</a></li>
+		  					<li><a href="#">4</a></li>
+		  					<li><a href="#">5</a></li>
+		  					<li><a href="#">&gt;</a></li>
+		  				</ul>
+		  		</div>
+				</div>
+			</div>
+		</div>
+	</div>
+<script type="text/javascript">autoFlashHeight();</script>	
+</body>

+ 120 - 0
demand-library-cate.html

@@ -0,0 +1,120 @@
+<!DOCTYPE html>
+<html lang=zh-cn> 
+<head>
+	<meta charset=utf-8> 
+	<title>CLD.System</title> 
+	<meta name=description content=电子版晴雨表,在线晴雨表,网页晴雨表> 
+	<link rel="shortcut icon" href="images/favicon.ico"> 
+	<meta name=copyright content=smartcost.com.cn> 
+	<link rel=stylesheet href=css/global.css> 
+	<script src=js/jquery-1.7.1.min.js></script> 
+	<script src=js/global.js></script>
+</head>
+<body>
+	<div class="mainLayout">
+		<div class="mainMenu">
+			<div class="menuItem">
+				<a href="#" class="mLogo">CLD</a>
+				<ul>
+					<li data-placement="right" data-toggle="ctooltip" data-original-title="信息中心" class="topLine"><a href="#" class="icon-" >B</a></li>
+					<li data-placement="right" data-toggle="ctooltip" data-original-title="通讯录"><a href="#" class="icon-">A</a></li>
+					<li data-placement="right" data-toggle="ctooltip" data-original-title="在线锁库"><a href="#" class="icon-">C</a></li>
+					<li data-placement="right" data-toggle="ctooltip" data-original-title="日程表"><a href="#" class="icon-">X</a></li>
+					<li data-placement="right" data-toggle="ctooltip" data-original-title="开发需求" class="topLine"><a href="#" class="icon- selected">V</a></li>
+					<li data-placement="right" data-toggle="ctooltip" data-original-title="邮件推广"><a href="#" class="icon- ">Z</a></li>
+					<li data-placement="right" data-toggle="ctooltip" data-original-title="报销单"><a href="#" class="icon-">U</a></li>
+					<li data-placement="right" data-toggle="ctooltip" data-original-title="物品申请"><a href="#" class="icon-">W</a></li>
+					<li data-placement="right" data-toggle="ctooltip" data-original-title="APP" class="topLine"><a href="#" class="icon-">Y</a></li>
+					<li data-placement="right" data-toggle="ctooltip" data-original-title="个人设置"><a href="#" class="icon-">F</a></li>
+					<li data-placement="right" data-toggle="ctooltip" data-original-title="退出系统"><a href="#" class="icon-">G</a></li>
+				</ul>
+			</div>
+		</div>
+		<div class="warpContent">
+			<div class="subMenu fL">
+				<div class="menuItem">
+					<ul>
+						<li class="demandTitle">需求中心</li>
+						<li><a href="demand-index.html">首页</a></li>
+						<li><a href="demand-list.html">需求</a></li>
+						<li><a href="demand-tab.html">话题</a></li>
+						<li class="topLine"><a href="demand-library.html" class="selected"><span class="icon-">S</span>&nbsp;档案库</a></li>
+						<li><a href="demand-develop.html"><span class="icon-">T</span>&nbsp;开发库</a></li>
+						<li class="topLine"><a href="demand-my.html">我的需求</a></li>
+					</ul>
+				</div>
+			</div>
+			<div class="adminContent autoHeight">
+				<!--档案库分类-->
+				<div class="librarySide">
+					<div class="sideSnav">
+						<ul class="snavLeve0 autoHeight">
+							<li class="title"><h3>类别2</h3></li>
+							<li><a href="#">类别2.1</a></li>
+							<li>
+								<h4 class="focus"><span>类别2.2</span>
+								<span class="icon- fR open"></span></h4>
+								<ul class="snavLeve1">
+									<li><a href="#">类别2.2.1</a></li>
+									<li><a href="#">类别2.2.2</a></li>
+									<li><a href="demand-library-cate.html" class="focus">类别2.2.3</a></li>
+									<li><a href="#">类别2.2.4</a></li>
+								</ul>
+							</li>
+							<li>
+								<h4><span>类别2.3</span>
+								<span class="icon- fR"></span></h4>
+								<ul class="snavLeve1 hide">
+									<li><a href="#">类别2.2.1</a></li>
+									<li><a href="#">类别2.2.2</a></li>
+									<li><a href="#">类别2.2.3</a></li>
+									<li><a href="#">类别2.2.4</a></li>
+								</ul></li>
+							<li><a href="#" class="focus">类别2.4</a></li>
+							<li><a href="#">类别2.5</a></li>
+						</ul>
+					</div>
+				</div>
+				<!--档案库分类-->
+				<div class="libraryContent">
+					<!--面包屑导航和搜索-->
+					<legend>
+						<div class="search fR">
+							<div class="input-append">
+		      			<input class="span3" type="text">
+		      			<a class="btn btn-small" href="demand-library-cate-search.html">搜索</a>
+	    				</div>
+						</div>
+						类别2.2.3
+					</legend>
+					<div class="libContent">
+						<ul class="libList2">
+							<li><span class="icon- colYel" data-placement="bottom" data-toggle="ctooltip" data-original-title="置顶">N</span><p><a href="#">标题标题标题标题标题标题标题</a></p>
+							<p class="colGray">2015-06-17 16:40 创建</p></li>
+							<li><p><a href="demand-library-cate-content.html">标题标题标题标题标题标题标题(点我)</a></p>
+							<p class="colGray">2015-06-17 16:40 创建</p></li>
+							<li><p><a href="#">标题标题标题标题标题标题标题</a></p>
+							<p class="colGray">2015-06-17 16:40 创建</p></li>
+							<li><p><a href="#">标题标题标题标题标题标题标题</a></p>
+							<p class="colGray">2015-06-17 16:40 创建</p></li>
+							<li><p><a href="#">标题标题标题标题标题标题标题</a></p>
+							<p class="colGray">2015-06-17 16:40 创建</p></li>
+						</ul>
+					</div>
+					<div class="demandPage">
+		  				<ul class="pagination fL">
+		  					<li><a href="#">&lt;</a></li>
+		  					<li><a href="#">1</a></li>
+		  					<li class="active"><a href="#">2</a></li>
+		  					<li><a href="#">3</a></li>
+		  					<li><a href="#">4</a></li>
+		  					<li><a href="#">5</a></li>
+		  					<li><a href="#">&gt;</a></li>
+		  				</ul>
+		  		</div>
+				</div>
+			</div>
+		</div>
+	</div>
+<script type="text/javascript">autoFlashHeight();</script>	
+</body>

+ 92 - 0
demand-library-search.html

@@ -0,0 +1,92 @@
+<!DOCTYPE html>
+<html lang=zh-cn> 
+<head>
+	<meta charset=utf-8> 
+	<title>CLD.System</title> 
+	<meta name=description content=电子版晴雨表,在线晴雨表,网页晴雨表> 
+	<link rel="shortcut icon" href="images/favicon.ico"> 
+	<meta name=copyright content=smartcost.com.cn> 
+	<link rel=stylesheet href=css/global.css> 
+	<script src=js/jquery-1.7.1.min.js></script> 
+	<script src=js/global.js></script>
+</head>
+<body>
+	<div class="mainLayout">
+		<div class="mainMenu">
+			<div class="menuItem">
+				<a href="#" class="mLogo">CLD</a>
+				<ul>
+					<li data-placement="right" data-toggle="ctooltip" data-original-title="信息中心" class="topLine"><a href="#" class="icon-" >B</a></li>
+					<li data-placement="right" data-toggle="ctooltip" data-original-title="通讯录"><a href="#" class="icon-">A</a></li>
+					<li data-placement="right" data-toggle="ctooltip" data-original-title="在线锁库"><a href="#" class="icon-">C</a></li>
+					<li data-placement="right" data-toggle="ctooltip" data-original-title="日程表"><a href="#" class="icon-">X</a></li>
+					<li data-placement="right" data-toggle="ctooltip" data-original-title="开发需求" class="topLine"><a href="#" class="icon- selected">V</a></li>
+					<li data-placement="right" data-toggle="ctooltip" data-original-title="邮件推广"><a href="#" class="icon- ">Z</a></li>
+					<li data-placement="right" data-toggle="ctooltip" data-original-title="报销单"><a href="#" class="icon-">U</a></li>
+					<li data-placement="right" data-toggle="ctooltip" data-original-title="物品申请"><a href="#" class="icon-">W</a></li>
+					<li data-placement="right" data-toggle="ctooltip" data-original-title="APP" class="topLine"><a href="#" class="icon-">Y</a></li>
+					<li data-placement="right" data-toggle="ctooltip" data-original-title="个人设置"><a href="#" class="icon-">F</a></li>
+					<li data-placement="right" data-toggle="ctooltip" data-original-title="退出系统"><a href="#" class="icon-">G</a></li>
+				</ul>
+			</div>
+		</div>
+		<div class="warpContent">
+			<div class="subMenu fL">
+				<div class="menuItem">
+					<ul>
+						<li class="demandTitle">需求中心</li>
+						<li><a href="demand-index.html">首页</a></li>
+						<li><a href="demand-list.html">需求</a></li>
+						<li><a href="demand-tab.html">话题</a></li>
+						<li class="topLine"><a href="demand-library.html" class="selected"><span class="icon-">S</span>&nbsp;档案库</a></li>
+						<li><a href="demand-develop.html"><span class="icon-">T</span>&nbsp;开发库</a></li>
+						<li class="topLine"><a href="demand-my.html">我的需求</a></li>
+					</ul>
+				</div>
+			</div>
+			<div class="adminContent autoHeight">
+				<div>
+					<!--顶部搜索-->
+					<div class="libTopSearch">
+						<div class="searchItem">
+							<div class="searchFrame">
+								<input type="text" placeholder='请简单输入您的关键词,如"开发票"'>
+							</div>
+							<a class="searchBtn">搜索</a>
+						</div>
+					</div>
+					<legend>搜索结果</legend>
+					<div class="libContent">
+						<ul class="libList2">
+							<li><p><a href="#">标题标题标题标题标题标题标题</a></p>
+							<p class="colGray">2015-06-17 16:40 创建</p></li>
+							<li><p><a href="demand-library-cate-content.html">标题标题标题标题标题标题标题(点我)</a></p>
+							<p class="colGray">2015-06-17 16:40 创建</p></li>
+							<li><p><a href="#">标题标题标题标题标题标题标题</a></p>
+							<p class="colGray">2015-06-17 16:40 创建</p></li>
+							<li><p><a href="#">标题标题标题标题标题标题标题</a></p>
+							<p class="colGray">2015-06-17 16:40 创建</p></li>
+							<li><p><a href="#">标题标题标题标题标题标题标题</a></p>
+							<p class="colGray">2015-06-17 16:40 创建</p></li>
+							<!--搜索结果为0-->
+							<li class="colRed">搜索 <b>关键词</b> 没有发现任何内容</li>
+							<!--搜索结果为0-->
+						</ul>
+					</div>
+					<div class="demandPage">
+		  				<ul class="pagination fL">
+		  					<li><a href="#">&lt;</a></li>
+		  					<li><a href="#">1</a></li>
+		  					<li class="active"><a href="#">2</a></li>
+		  					<li><a href="#">3</a></li>
+		  					<li><a href="#">4</a></li>
+		  					<li><a href="#">5</a></li>
+		  					<li><a href="#">&gt;</a></li>
+		  				</ul>
+		  		</div>
+				</div>
+			</div>
+		</div>
+	</div>
+<script type="text/javascript">autoFlashHeight();</script>	
+</body>

+ 216 - 0
demand-library.html

@@ -0,0 +1,216 @@
+<!DOCTYPE html>
+<html lang=zh-cn> 
+<head>
+	<meta charset=utf-8> 
+	<title>CLD.System</title> 
+	<meta name=description content=电子版晴雨表,在线晴雨表,网页晴雨表> 
+	<link rel="shortcut icon" href="images/favicon.ico"> 
+	<meta name=copyright content=smartcost.com.cn> 
+	<link rel=stylesheet href=css/global.css> 
+	<script src=js/jquery-1.7.1.min.js></script> 
+	<script src=js/global.js></script>
+</head>
+<body>
+	<div class="mainLayout">
+		<div class="mainMenu">
+			<div class="menuItem">
+				<a href="#" class="mLogo">CLD</a>
+				<ul>
+					<li data-placement="right" data-toggle="ctooltip" data-original-title="信息中心" class="topLine"><a href="#" class="icon-" >B</a></li>
+					<li data-placement="right" data-toggle="ctooltip" data-original-title="通讯录"><a href="#" class="icon-">A</a></li>
+					<li data-placement="right" data-toggle="ctooltip" data-original-title="在线锁库"><a href="#" class="icon-">C</a></li>
+					<li data-placement="right" data-toggle="ctooltip" data-original-title="日程表"><a href="#" class="icon-">X</a></li>
+					<li data-placement="right" data-toggle="ctooltip" data-original-title="开发需求" class="topLine"><a href="#" class="icon- selected">V</a></li>
+					<li data-placement="right" data-toggle="ctooltip" data-original-title="邮件推广"><a href="#" class="icon- ">Z</a></li>
+					<li data-placement="right" data-toggle="ctooltip" data-original-title="报销单"><a href="#" class="icon-">U</a></li>
+					<li data-placement="right" data-toggle="ctooltip" data-original-title="物品申请"><a href="#" class="icon-">W</a></li>
+					<li data-placement="right" data-toggle="ctooltip" data-original-title="APP" class="topLine"><a href="#" class="icon-">Y</a></li>
+					<li data-placement="right" data-toggle="ctooltip" data-original-title="个人设置"><a href="#" class="icon-">F</a></li>
+					<li data-placement="right" data-toggle="ctooltip" data-original-title="退出系统"><a href="#" class="icon-">G</a></li>
+				</ul>
+			</div>
+		</div>
+		<div class="warpContent">
+			<div class="subMenu fL">
+				<div class="menuItem">
+					<ul>
+						<li class="demandTitle">需求中心</li>
+						<li><a href="demand-index.html">首页</a></li>
+						<li><a href="demand-list.html">需求</a></li>
+						<li><a href="demand-tab.html">话题</a></li>
+						<li class="topLine"><a href="demand-library.html" class="selected"><span class="icon-">S</span>&nbsp;档案库</a></li>
+						<li><a href="demand-develop.html"><span class="icon-">T</span>&nbsp;开发库</a></li>
+						<li class="topLine"><a href="demand-my.html">我的需求</a></li>
+					</ul>
+				</div>
+			</div>
+			<div class="adminContent autoHeight">
+			<!--演示滑动类别栏的脚本 开发时就去掉吧-->
+			<script type="text/javascript">
+				$(function(){
+					$("#openleve1").hover(function(){
+				  $(".navLeve1").animate({left:"180px",opacity:"1"},150)
+					});
+					$("#openleve2").hover(function(){
+				  $(".navLeve2").animate({left:"360px",opacity:"1"},100)
+					});
+			})
+			</script>
+			<!--演示滑动类别栏的脚本-->
+				<!--档案库分类-->
+				<div class="librarySide">
+					<div class="sideMnav">
+						<ul class="navLeve0 autoHeight">
+							<li class="title"><h3>日常工作</h3></li>
+							<li><span>类别 1</span><span class="icon- fR">a</span></li>
+							<li id="openleve1"><span>类别 2 (hover我)</span><span class="icon- fR">a</span></li>
+							<li><span>类别 3</span><span class="icon- fR">a</span></li>
+							<li><span>类别 4</span><span class="icon- fR">a</span></li>
+							<li><span>类别 5</span><span class="icon- fR">a</span></li>
+							<li><span>类别 6</span><span class="icon- fR">a</span></li>
+							<li><span>类别 7</span><span class="icon- fR">a</span></li>
+							<li class="title"><h3>纵横产品</h3></li>
+							<li><span>类别 8</span><span class="icon- fR">a</span></li>
+							<li><span>类别 9</span><span class="icon- fR">a</span></li>
+							<li><span>类别 10</span><span class="icon- fR">a</span></li>
+							<li><span>类别 11</span><span class="icon- fR">a</span></li>
+							<li><span>类别 12</span><span class="icon- fR">a</span></li>
+							<li><span>类别 13</span><span class="icon- fR">a</span></li>
+							<li><span>类别 14</span><span class="icon- fR">a</span></li>
+							<li><span>类别 15</span><span class="icon- fR">a</span></li>
+							<li><span>类别 16</span><span class="icon- fR">a</span></li>
+							<li><span>类别 17</span><span class="icon- fR">a</span></li>
+							<li><span>类别 18</span><span class="icon- fR">a</span></li>
+							<li><span>类别 19</span><span class="icon- fR">a</span></li>
+							<li><span>类别 20</span><span class="icon- fR">a</span></li>
+						</ul>
+						<ul class="navLeve1 autoHeight">
+							<li><span>类别 2.1</span><span class="icon- fR">a</span></li>
+							<li id="openleve2"><span>类别 2.2 (hover我)</span><span class="icon- fR">a</span></li>
+							<li><span>类别 2.3</span><span class="icon- fR">a</span></li>
+							<li><span>类别 2.4</span><span class="icon- fR">a</span></li>
+							<li><a href="#">类别 2.5</a></li>
+							<li><a href="#">类别 2.6</a></li>
+							<li><span>类别 2.7</span><span class="icon- fR">a</span></li>
+						</ul>
+						<ul class="navLeve2 autoHeight">
+							<li><a href="#">类别 2.2.1</a></li>
+							<li><a href="#">类别 2.2.2</a></li>
+							<li><a href="demand-library-cate.html">类别 2.2.3(点我)</a></li>
+							<li><a href="#">类别 2.2.4</a></li>
+							<li><a href="#">类别 2.2.5</a></li>
+							<li><a href="#">类别 2.2.6</a></li>
+							<li><a href="#">类别 2.2.7</a></li>
+						</ul>
+					</div>
+				</div>
+				<!--档案库分类-->
+				<div class="libraryContent">
+					<!--顶部搜索-->
+					<div class="libTopSearch">
+						<div class="searchItem">
+							<div class="searchFrame">
+								<input type="text" placeholder='请简单输入您的关键词,如"开发票"'>
+							</div>
+							<a class="searchBtn" href="demand-library-search.html">搜索</a>
+							<div class="hotKey">
+							<span>搜索热词:</span><br>
+							<span class="keyword"><a href="#">合同</a></span>
+							<span class="keyword"><a href="#">计量支付</a></span>
+							<span class="keyword"><a href="#">升级锁</a></span>
+							<span class="keyword"><a href="#">报销单</a></span>
+							<span class="keyword"><a href="#">审批</a></span>
+							</div>
+						</div>
+					</div>
+					<div class="libIndex clearfix">
+						<h3 class="clearfix colGray">重要的文档</h3>
+						<dl class="libList">
+							<dt>财务相关</dt>
+							<dd><span class="icon- colYel" data-placement="bottom" data-toggle="ctooltip" data-original-title="置顶">N</span>&nbsp;<a href="#">团体意外保险</a></dd>
+							<dd><span class="icon- colYel" data-placement="bottom" data-toggle="ctooltip" data-original-title="置顶">N</span>&nbsp;<a href="#">公司应收账款管理办法</a></dd>
+							<dd><a href="#">开发票</a></dd>
+							<dd><a href="#">报销问题</a></dd>
+							<dd><a href="#">汇款问题</a></dd>
+							<dd class="more"><a href="#" class="more">查看全部14篇内容</a></dd>
+						</dl>
+						<dl class="libList">
+							<dt>客服工作</dt>
+							<dd><span class="icon- colYel" data-placement="bottom" data-toggle="ctooltip" data-original-title="置顶">N</span>&nbsp;<a href="demand-library-cate.html">标题标题标题标题(点我)</a></dd>
+							<dd><a href="#">标题标题标题标题标题标题</a></dd>
+							<dd><a href="#">标题标题标题标题标题标题</a></dd>
+							<dd><a href="#">标题标题标题标题标题标题</a></dd>
+							<dd><a href="#">标题标题标题标题标题标题</a></dd>
+							<dd class="more"><a href="#" class="more">查看全部14篇内容</a></dd>
+						</dl>
+						<dl class="libList">
+							<dt>日常工作</dt>
+							<dd><a href="#">标题标题标题标题标题标题</a></dd>
+							<dd><a href="#">标题标题标题标题标题标题</a></dd>
+							<dd><a href="#">标题标题标题标题标题标题</a></dd>
+							<dd><a href="#">标题标题标题标题标题标题</a></dd>
+							<dd><a href="#">标题标题标题标题标题标题</a></dd>
+							<dd class="more"><a href="#" class="more">查看全部14篇内容</a></dd>
+						</dl>
+					</div>
+					<div class="libIndex clearfix">
+						<h3 class="clearfix colGray">新增文档</h3>
+						<dl class="libList" style="width:560px">
+							<dt>类别</dt>
+							<dd><span class="fR colGray">冷淑梅 • 2015-06-09</span><a href="#">标题标题标题标题标题标题</a></dd>
+							<dd><span class="fR colGray">冷淑梅 • 2015-06-09</span><a href="#">标题标题标题标题标题标题</a></dd>
+							<dd><span class="fR colGray">冷淑梅 • 2015-06-09</span><a href="#">标题标题标题标题标题标题</a></dd>
+							<dd><span class="fR colGray">冷淑梅 • 2015-06-09</span><a href="#">标题标题标题标题标题标题</a></dd>
+							<dd><span class="fR colGray">冷淑梅 • 2015-06-09</span><a href="#">标题标题标题标题标题标题</a></dd>
+							<dd><span class="fR colGray">冷淑梅 • 2015-06-09</span><a href="#">标题标题标题标题标题标题</a></dd>
+							<dd><span class="fR colGray">冷淑梅 • 2015-06-09</span><a href="#">标题标题标题标题标题标题</a></dd>
+							<dd><span class="fR colGray">冷淑梅 • 2015-06-09</span><a href="#">标题标题标题标题标题标题</a></dd>
+							<dd><span class="fR colGray">冷淑梅 • 2015-06-09</span><a href="#">标题标题标题标题标题标题</a></dd>
+							<dd><span class="fR colGray">冷淑梅 • 2015-06-09</span><a href="#">标题标题标题标题标题标题</a></dd>
+						</dl>
+					</div>
+					<div class="libIndex clearfix">
+						<h3 class="clearfix colGray">推荐文档</h3>
+						<dl class="libList">
+							<dt>类别</dt>
+							<dd><a href="#">标题标题标题标题标题标题</a></dd>
+							<dd><a href="#">标题标题标题标题标题标题</a></dd>
+							<dd><a href="#">标题标题标题标题标题标题</a></dd>
+							<dd><a href="#">标题标题标题标题标题标题</a></dd>
+							<dd><a href="#">标题标题标题标题标题标题</a></dd>
+							<dd class="more"><a href="#" class="more">查看全部14篇内容</a></dd>
+						</dl>
+						<dl class="libList">
+							<dt>类别</dt>
+							<dd><a href="#">标题标题标题标题标题标题</a></dd>
+							<dd><a href="#">标题标题标题标题标题标题</a></dd>
+							<dd><a href="#">标题标题标题标题标题标题</a></dd>
+							<dd><a href="#">标题标题标题标题标题标题</a></dd>
+							<dd><a href="#">标题标题标题标题标题标题</a></dd>
+							<dd class="more"><a href="#" class="more">查看全部14篇内容</a></dd>
+						</dl>
+						<dl class="libList">
+							<dt>类别</dt>
+							<dd><a href="#">标题标题标题标题标题标题</a></dd>
+							<dd><a href="#">标题标题标题标题标题标题</a></dd>
+							<dd><a href="#">标题标题标题标题标题标题</a></dd>
+							<dd><a href="#">标题标题标题标题标题标题</a></dd>
+							<dd><a href="#">标题标题标题标题标题标题</a></dd>
+							<dd class="more"><a href="#" class="more">查看全部14篇内容</a></dd>
+						</dl>
+						<dl class="libList">
+							<dt>类别</dt>
+							<dd><a href="#">标题标题标题标题标题标题</a></dd>
+							<dd><a href="#">标题标题标题标题标题标题</a></dd>
+							<dd><a href="#">标题标题标题标题标题标题</a></dd>
+							<dd><a href="#">标题标题标题标题标题标题</a></dd>
+							<dd><a href="#">标题标题标题标题标题标题</a></dd>
+							<dd class="more"><a href="#" class="more">查看全部14篇内容</a></dd>
+						</dl>
+					</div>
+				</div>
+			</div>
+		</div>
+	</div>
+<script type="text/javascript">autoFlashHeight();</script>	
+</body>

+ 143 - 0
demand-list-todevelop.html

@@ -0,0 +1,143 @@
+<!DOCTYPE html>
+<html lang=zh-cn> 
+<head>
+	<meta charset=utf-8> 
+	<title>CLD.System</title> 
+	<meta name=description content=电子版晴雨表,在线晴雨表,网页晴雨表> 
+	<link rel="shortcut icon" href="images/favicon.ico"> 
+	<meta name=copyright content=smartcost.com.cn> 
+	<link rel=stylesheet href=css/global.css> 
+	<script src=js/jquery-1.7.1.min.js></script> 
+	<script src=js/global.js></script>
+</head>
+<body>
+	<div class="mainLayout">
+		<div class="mainMenu">
+			<div class="menuItem">
+				<a href="#" class="mLogo">CLD</a>
+				<ul>
+					<li data-placement="right" data-toggle="ctooltip" data-original-title="信息中心" class="topLine"><a href="#" class="icon-" >B</a></li>
+					<li data-placement="right" data-toggle="ctooltip" data-original-title="通讯录"><a href="#" class="icon-">A</a></li>
+					<li data-placement="right" data-toggle="ctooltip" data-original-title="在线锁库"><a href="#" class="icon-">C</a></li>
+					<li data-placement="right" data-toggle="ctooltip" data-original-title="日程表"><a href="#" class="icon-">X</a></li>
+					<li data-placement="right" data-toggle="ctooltip" data-original-title="开发需求" class="topLine"><a href="#" class="icon- selected">V</a></li>
+					<li data-placement="right" data-toggle="ctooltip" data-original-title="邮件推广"><a href="#" class="icon- ">Z</a></li>
+					<li data-placement="right" data-toggle="ctooltip" data-original-title="报销单"><a href="#" class="icon-">U</a></li>
+					<li data-placement="right" data-toggle="ctooltip" data-original-title="物品申请"><a href="#" class="icon-">W</a></li>
+					<li data-placement="right" data-toggle="ctooltip" data-original-title="APP" class="topLine"><a href="#" class="icon-">Y</a></li>
+					<li data-placement="right" data-toggle="ctooltip" data-original-title="个人设置"><a href="#" class="icon-">F</a></li>
+					<li data-placement="right" data-toggle="ctooltip" data-original-title="退出系统"><a href="#" class="icon-">G</a></li>
+				</ul>
+			</div>
+		</div>
+		<div class="warpContent">
+			<div class="subMenu fL">
+				<div class="menuItem">
+					<ul>
+						<li class="demandTitle">需求中心</li>
+						<li><a href="demand-index.html">首页</a></li>
+						<li><a href="demand-list.html" class="selected">需求</a></li>
+						<li><a href="demand-tab.html">话题</a></li>
+						<li class="topLine"><a href="demand-library.html"><span class="icon-">S</span>&nbsp;档案库</a></li>
+						<li><a href="demand-develop.html"><span class="icon-">T</span>&nbsp;开发库</a></li>
+						<li class="topLine"><a href="demand-my.html">我的需求</a></li>
+					</ul>
+				</div>
+			</div>
+			<div class="adminContent autoHeight">
+				<legend>移至<span class="icon-">T</span>开发库</legend>
+				<!--新增-->
+				<form class="form-horizontal">
+					<div class="control-group">
+				    <label class="control-label">选择移动方式</label>
+				    <div class="controls">
+				      <label class="radio inline">
+							  <input type="radio" checked=""> 新增
+							</label>
+							<label class="radio inline">
+							  <input type="radio"> 归档
+							</label>
+				    </div>
+				  </div>
+					<div class="control-group">
+				    <label class="control-label">类别</label>
+				    <div class="controls">
+					     <select>
+					     	<option>产品类别</option>
+					     	<option>分区</option>
+					     </select>
+					     <select>
+					     	<option>造价软件</option>
+					     	<option>计量支付</option>
+					     	<option>养护软件</option>
+					     </select>
+				    </div>
+				  </div>
+					<div class="control-group">
+				    <label class="control-label">标题</label>
+				    <div class="controls">
+					     <input type="text" class="span8" value="把需求的标题作为默认标题">
+				    </div>
+				  </div>
+					<div class="control-group">
+				    <label class="control-label">内容</label>
+				    <div class="controls">
+					     <textarea class="span8">把需求的内容作为默认内容</textarea>
+				    </div>
+				  </div>
+					<div class="control-group">
+				    <label class="control-label">优先级</label>
+				    <div class="controls">
+					     <label class="radio inline"><input type="radio" checked="">无</label>
+					     <label class="radio inline"><input type="radio"><span class="icon- colRed" data-placement="bottom" data-toggle="ctooltip" data-original-title="优先级1">1</span></label>
+					     <label class="radio inline"><input type="radio"><span class="icon- colOrange" data-placement="bottom" data-toggle="ctooltip" data-original-title="优先级2">2</span></label>
+					     <label class="radio inline"><input type="radio"><span class="icon- colGreen" data-placement="bottom" data-toggle="ctooltip" data-original-title="优先级3">3</span></label>
+					     <label class="radio inline"><input type="radio"><span class="icon- colBlue" data-placement="bottom" data-toggle="ctooltip" data-original-title="优先级4">4</span></label>
+					     <label class="radio inline"><input type="radio"><span class="icon- colGray" data-placement="bottom" data-toggle="ctooltip" data-original-title="优先级5">5</span></label>
+				    </div>
+				  </div>
+					<div class="control-group">
+				    <label class="control-label"></label>
+				    <div class="controls">
+					     <a href="" class="button">确认新增</a>
+				    </div>
+				  </div>
+			  </form>
+				<!--归档-->
+				<form class="form-horizontal">
+					<div class="control-group">
+				    <label class="control-label" for="inputEmail">选择移动方式</label>
+				    <div class="controls">
+				      <label class="radio inline">
+							  <input type="radio"> 新增
+							</label>
+							<label class="radio inline">
+							  <input type="radio" checked=""> 归档
+							</label>
+				    </div>
+				  </div>
+					<div class="control-group">
+				    <label class="control-label">目标任务ID</label>
+				    <div class="controls">
+					     <input type="text" class="span4" value="865" placeholder="输入任务ID,按回车检索">
+				    </div>
+				  </div>
+					<div class="control-group">
+				    <label class="control-label"></label>
+				    <div class="controls">
+					     <a href="#">865# 开发任务标题</a>
+					     <br>该任务下已归档需求 4 条
+				    </div>
+				  </div>
+					<div class="control-group">
+				    <label class="control-label"></label>
+				    <div class="controls">
+					     <a href="" class="button">确认归档</a>
+				    </div>
+				  </div>
+			  </form>
+			</div>
+		</div>
+	</div>
+<script type="text/javascript">autoFlashHeight();</script>	
+</body>

+ 148 - 0
demand-list-tolibrary.html

@@ -0,0 +1,148 @@
+<!DOCTYPE html>
+<html lang=zh-cn> 
+<head>
+	<meta charset=utf-8> 
+	<title>CLD.System</title> 
+	<meta name=description content=电子版晴雨表,在线晴雨表,网页晴雨表> 
+	<link rel="shortcut icon" href="images/favicon.ico"> 
+	<meta name=copyright content=smartcost.com.cn> 
+	<link rel=stylesheet href=css/global.css> 
+	<script src=js/jquery-1.7.1.min.js></script> 
+	<script src=js/global.js></script>
+</head>
+<body>
+	<div class="mainLayout">
+		<div class="mainMenu">
+			<div class="menuItem">
+				<a href="#" class="mLogo">CLD</a>
+				<ul>
+					<li data-placement="right" data-toggle="ctooltip" data-original-title="信息中心" class="topLine"><a href="#" class="icon-" >B</a></li>
+					<li data-placement="right" data-toggle="ctooltip" data-original-title="通讯录"><a href="#" class="icon-">A</a></li>
+					<li data-placement="right" data-toggle="ctooltip" data-original-title="在线锁库"><a href="#" class="icon-">C</a></li>
+					<li data-placement="right" data-toggle="ctooltip" data-original-title="日程表"><a href="#" class="icon-">X</a></li>
+					<li data-placement="right" data-toggle="ctooltip" data-original-title="开发需求" class="topLine"><a href="#" class="icon- selected">V</a></li>
+					<li data-placement="right" data-toggle="ctooltip" data-original-title="邮件推广"><a href="#" class="icon- ">Z</a></li>
+					<li data-placement="right" data-toggle="ctooltip" data-original-title="报销单"><a href="#" class="icon-">U</a></li>
+					<li data-placement="right" data-toggle="ctooltip" data-original-title="物品申请"><a href="#" class="icon-">W</a></li>
+					<li data-placement="right" data-toggle="ctooltip" data-original-title="APP" class="topLine"><a href="#" class="icon-">Y</a></li>
+					<li data-placement="right" data-toggle="ctooltip" data-original-title="个人设置"><a href="#" class="icon-">F</a></li>
+					<li data-placement="right" data-toggle="ctooltip" data-original-title="退出系统"><a href="#" class="icon-">G</a></li>
+				</ul>
+			</div>
+		</div>
+		<div class="warpContent">
+			<div class="subMenu fL">
+				<div class="menuItem">
+					<ul>
+						<li class="demandTitle">需求中心</li>
+						<li><a href="demand-index.html">首页</a></li>
+						<li><a href="demand-list.html" class="selected">需求</a></li>
+						<li><a href="demand-tab.html">话题</a></li>
+						<li class="topLine"><a href="demand-library.html"><span class="icon-">S</span>&nbsp;档案库</a></li>
+						<li><a href="demand-develop.html"><span class="icon-">T</span>&nbsp;开发库</a></li>
+						<li class="topLine"><a href="demand-my.html">我的需求</a></li>
+					</ul>
+				</div>
+			</div>
+			<div class="adminContent autoHeight">
+				<legend>移至<span class="icon-">S</span>档案库</legend>
+				<!--新增-->
+				<form class="form-horizontal">
+					<div class="control-group">
+				    <label class="control-label" for="inputEmail">选择移动方式</label>
+				    <div class="controls">
+				      <label class="radio inline">
+							  <input type="radio" checked=""> 新增
+							</label>
+							<label class="radio inline">
+							  <input type="radio"> 归档
+							</label>
+				    </div>
+				  </div>
+					<div class="control-group">
+				    <label class="control-label">类别</label>
+				    <div class="controls">
+					     <select>
+					     	<option>分区1</option>
+					     	<option>分区2</option>
+					     	<option>分区3</option>
+					     </select>
+					     <select>
+					     	<option>类别1</option>
+					     	<option>类别2</option>
+					     	<option>类别3</option>
+					     </select>
+					     <select>
+					     	<option>类别1.1</option>
+					     	<option>类别1.2</option>
+					     	<option>类别1.3</option>
+					     </select>
+					     <select>
+					     	<option>类别1.1.1</option>
+					     	<option>类别1.1.2</option>
+					     	<option>类别1.1.3</option>
+					     </select>
+					     <select>
+					     	<option>类别1.1.1.1</option>
+					     	<option>类别1.1.1.2</option>
+					     	<option>类别1.1.1.3</option>
+					     </select>
+				    </div>
+				  </div>
+					<div class="control-group">
+				    <label class="control-label">标题</label>
+				    <div class="controls">
+					     <input type="text" class="span8" value="把需求的标题作为默认标题">
+				    </div>
+				  </div>
+					<div class="control-group">
+				    <label class="control-label">内容</label>
+				    <div class="controls">
+					     <textarea class="span8">把需求的内容作为默认标题</textarea>
+				    </div>
+				  </div>
+					<div class="control-group">
+				    <label class="control-label"></label>
+				    <div class="controls">
+					     <a href="" class="button">确认新增</a>
+				    </div>
+				  </div>
+			  </form>
+				<!--归档-->
+				<form class="form-horizontal">
+					<div class="control-group">
+				    <label class="control-label">选择移动方式</label>
+				    <div class="controls">
+				      <label class="radio inline">
+							  <input type="radio"> 新增
+							</label>
+							<label class="radio inline">
+							  <input type="radio" checked=""> 归档
+							</label>
+				    </div>
+				  </div>
+					<div class="control-group">
+				    <label class="control-label">目标文档ID</label>
+				    <div class="controls">
+					     <input type="text" class="span4" value="865" placeholder="输入文档ID,按回车检索">
+				    </div>
+				  </div>
+					<div class="control-group">
+				    <label class="control-label"></label>
+				    <div class="controls">
+					     <a href="#">865# 文档标题</a>
+					     <br>该文档下已归档需求 4 条
+				    </div>
+				  </div>
+					<div class="control-group">
+				    <label class="control-label"></label>
+				    <div class="controls">
+					     <a href="" class="button">确认归档</a>
+				    </div>
+				  </div>
+			  </form>
+			</div>
+		</div>
+	</div>
+<script type="text/javascript">autoFlashHeight();</script>	
+</body>

+ 614 - 0
demand-list.html

@@ -0,0 +1,614 @@
+<!DOCTYPE html>
+<html lang=zh-cn> 
+<head>
+	<meta charset=utf-8> 
+	<title>CLD.System</title> 
+	<meta name=description content=电子版晴雨表,在线晴雨表,网页晴雨表> 
+	<link rel="shortcut icon" href="images/favicon.ico"> 
+	<meta name=copyright content=smartcost.com.cn> 
+	<link rel=stylesheet href=css/global.css> 
+	<script src=js/jquery-1.7.1.min.js></script> 
+	<script src=js/global.js></script>
+</head>
+<body>
+	<div class="mainLayout">
+		<div class="mainMenu">
+			<div class="menuItem">
+				<a href="#" class="mLogo">CLD</a>
+				<ul>
+					<li data-placement="right" data-toggle="ctooltip" data-original-title="信息中心" class="topLine"><a href="#" class="icon-" >B</a></li>
+					<li data-placement="right" data-toggle="ctooltip" data-original-title="通讯录"><a href="#" class="icon-">A</a></li>
+					<li data-placement="right" data-toggle="ctooltip" data-original-title="在线锁库"><a href="#" class="icon-">C</a></li>
+					<li data-placement="right" data-toggle="ctooltip" data-original-title="日程表"><a href="#" class="icon-">X</a></li>
+					<li data-placement="right" data-toggle="ctooltip" data-original-title="开发需求" class="topLine"><a href="#" class="icon- selected">V</a></li>
+					<li data-placement="right" data-toggle="ctooltip" data-original-title="邮件推广"><a href="#" class="icon- ">Z</a></li>
+					<li data-placement="right" data-toggle="ctooltip" data-original-title="报销单"><a href="#" class="icon-">U</a></li>
+					<li data-placement="right" data-toggle="ctooltip" data-original-title="物品申请"><a href="#" class="icon-">W</a></li>
+					<li data-placement="right" data-toggle="ctooltip" data-original-title="APP" class="topLine"><a href="#" class="icon-">Y</a></li>
+					<li data-placement="right" data-toggle="ctooltip" data-original-title="个人设置"><a href="#" class="icon-">F</a></li>
+					<li data-placement="right" data-toggle="ctooltip" data-original-title="退出系统"><a href="#" class="icon-">G</a></li>
+				</ul>
+			</div>
+		</div>
+		<div class="warpContent">
+			<div class="subMenu fL">
+				<div class="menuItem">
+					<ul>
+						<li class="demandTitle">需求中心</li>
+						<li><a href="demand-index.html">首页</a></li>
+						<li><a href="demand-list.html" class="selected">需求</a></li>
+						<li><a href="demand-tab.html">话题</a></li>
+						<li class="topLine"><a href="demand-library.html"><span class="icon-">S</span>&nbsp;档案库</a></li>
+						<li><a href="demand-develop.html"><span class="icon-">T</span>&nbsp;开发库</a></li>
+						<li class="topLine"><a href="demand-my.html">我的需求</a></li>
+					</ul>
+				</div>
+			</div>
+			<div class="adminContent autoHeight">
+				<legend><div class="fR">
+					<div class="search fL">
+						<div class="input-append">
+	      			<input class="span3" type="text">
+	      			<button class="btn btn-small" type="button">搜索</button>
+	    			</div>
+    			</div>
+    			<a href="demand-add.html" class="button">发布需求</a></div><span class="icon-">V</span>需求
+    			</legend>
+				<div class="demandCate">
+					<ul class="cateList">
+	  					<li><a class="now" href="#">所有</a><a href="#" title="最新发布">发布</a><a href="#" title="7天浏览最多">查看</a><a href="#" title="最新评论">评论</a></li>
+	  					<li class="demandTab colGray">热门话题:<a class="dTab" href="#" title="查看话题的需求">造价软件</a><a class="dTab" href="demand-tab-list.html" title="查看话题的需求" target="_blank">Bug(点我)</a><a class="dTab" href="#" title="查看话题的需求">用户体验</a><a class="dTab" href="#" title="查看话题的需求">新增功能</a><a class="dTab" href="#" title="查看话题的需求">计量支付</a></li>
+	  			</ul>
+	  			</div>
+	  			<div class="boardList">
+					<ul class="entry">
+						<li>
+							<div class="avtra"><img src="images/avtra_n.jpg"></div>
+							<div class="content">
+								<h4><a href="#" class="opensidebar">这是需求标题(点我打开预览)</a> <a title="已移至档案" href="demand-library-cate-content.html" target="_blank"><span class="icon-">S</span></a></h4>
+								<p class="colGray">
+								2014-05-08 发布 • 0 个回复 • 27 次浏览
+								</p>
+							</div>
+							<div class="info">
+								<div class="entry demandTab">
+									<a class="dTab" href="demand-tab-list.html" title="查看话题的需求" target="_blank">Bug(点我)</a>
+									<a class="dTab" href="#" title="查看话题的需求">造价软件</a>
+								</div>
+								<div class="entry colGray">陈特
+									<p>10分钟前评论</p>
+								</div>
+							</div>
+						</li>
+						<li>
+							<div class="avtra"><img src="images/avtra_n.jpg"></div>
+							<div class="content">
+								<h4><a href="#">这是需求标题</a> <span class="icon-" title="已移至开发">T</span></h4>
+								<p class="colGray">
+									2014-05-08 发布 • 0 个回复 • 27 次浏览
+								</p>
+							</div>
+							<div class="info">
+								<div class="entry demandTab">
+									<a class="dTab" href="#" title="查看话题的需求">Bug</a>
+									<a class="dTab" href="#" title="查看话题的需求">造价软件</a>
+								</div>
+								<div class="entry colGray">陈特
+									<p>10分钟前评论</p>
+								</div>
+							</div>
+						</li>
+						<li>
+							<div class="avtra"><img src="images/avtra_n.jpg"></div>
+							<div class="content">
+								<h4><a href="#">这是需求标题</a> <a title="已移至档案" href="demand-library-cate-content.html" target="_blank"><span class="icon-">S</span></a></h4>
+								<p class="colGray">
+									2014-05-08 发布 • 1 个回复 • 27 次浏览
+								</p>
+							</div>
+							<div class="info">
+								<div class="entry demandTab">
+									<a class="dTab" href="#" title="查看话题的需求">Bug</a>
+									<a class="dTab" href="#" title="查看话题的需求">造价软件</a>
+								</div>
+								<div class="entry colGray">陈特
+									<p>10分钟前评论</p>
+								</div>
+							</div>
+						</li>
+						<li>
+							<div class="avtra"><img src="images/avtra_n.jpg"></div>
+							<div class="content">
+								<h4><a href="#">这是需求标题</a> <a title="已移至档案" href="demand-library-cate-content.html" target="_blank"><span class="icon-">S</span></a></h4>
+								<p class="colGray">
+									2014-05-08 发布 • 1 个回复 • 27 次浏览
+								</p>
+							</div>
+							<div class="info">
+								<div class="entry demandTab">
+									<a class="dTab" href="#" title="查看话题的需求">造价软件</a>
+								</div>
+								<div class="entry colGray">陈特
+									<p>10分钟前评论</p>
+								</div>
+							</div>
+						</li>
+						<li>
+							<div class="avtra"><img src="images/avtra_n.jpg"></div>
+							<div class="content">
+								<h4><a href="#">这是需求标题</a></h4>
+								<p class="colGray">
+									2014-05-08 发布 • 1 个回复 • 27 次浏览
+								</p>
+							</div>
+							<div class="info">
+								<div class="entry demandTab">
+									<a class="dTab" href="#" title="查看话题的需求">养护软件</a>
+									<a class="dTab" href="#" title="查看话题的需求">升级</a>
+								</div>
+								<div class="entry colGray">陈特
+									<p>10分钟前评论</p>
+								</div>
+							</div>
+						</li>
+						<li>
+							<div class="avtra"><img src="images/avtra_n.jpg"></div>
+							<div class="content">
+								<h4><a href="#" class="opensidebar">这是需求标题(点我打开预览)</a></h4>
+								<p class="colGray">
+								2014-05-08 发布 • 0 个回复 • 27 次浏览
+								</p>
+							</div>
+							<div class="info">
+								<div class="entry demandTab">
+									<a class="dTab" href="#" title="查看话题的需求">Bug</a>
+									<a class="dTab" href="#" title="查看话题的需求">造价软件</a>
+								</div>
+								<div class="entry colGray">陈特
+									<p>10分钟前评论</p>
+								</div>
+							</div>
+						</li>
+						<li>
+							<div class="avtra"><img src="images/avtra_n.jpg"></div>
+							<div class="content">
+								<h4><a href="#">这是需求标题</a></h4>
+								<p class="colGray">
+									2014-05-08 发布 • 0 个回复 • 27 次浏览
+								</p>
+							</div>
+							<div class="info">
+								<div class="entry demandTab">
+									<a class="dTab" href="#" title="查看话题的需求">Bug</a>
+									<a class="dTab" href="#" title="查看话题的需求">造价软件</a>
+								</div>
+								<div class="entry colGray">陈特
+									<p>10分钟前评论</p>
+								</div>
+							</div>
+						</li>
+						<li>
+							<div class="avtra"><img src="images/avtra_n.jpg"></div>
+							<div class="content">
+								<h4><a href="#">这是需求标题</a></h4>
+								<p class="colGray">
+									2014-05-08 发布 • 1 个回复 • 27 次浏览
+								</p>
+							</div>
+							<div class="info">
+								<div class="entry demandTab">
+									<a class="dTab" href="#" title="查看话题的需求">Bug</a>
+									<a class="dTab" href="#" title="查看话题的需求">造价软件</a>
+								</div>
+								<div class="entry colGray">陈特
+									<p>10分钟前评论</p>
+								</div>
+							</div>
+						</li>
+						<li>
+							<div class="avtra"><img src="images/avtra_n.jpg"></div>
+							<div class="content">
+								<h4><a href="#">这是需求标题</a></h4>
+								<p class="colGray">
+									2014-05-08 发布 • 1 个回复 • 27 次浏览
+								</p>
+							</div>
+							<div class="info">
+								<div class="entry demandTab">
+									<a class="dTab" href="#" title="查看话题的需求">Bug</a>
+									<a class="dTab" href="#" title="查看话题的需求">造价软件</a>
+								</div>
+								<div class="entry colGray">陈特
+									<p>10分钟前评论</p>
+								</div>
+							</div>
+						</li>
+						<li>
+							<div class="avtra"><img src="images/avtra_n.jpg"></div>
+							<div class="content">
+								<h4><a href="#">这是需求标题</a></h4>
+								<p class="colGray">
+									2014-05-08 发布 • 1 个回复 • 27 次浏览
+								</p>
+							</div>
+							<div class="info">
+								<div class="entry demandTab">
+									<a class="dTab" href="#" title="查看话题的需求">Bug</a>
+									<a class="dTab" href="#" title="查看话题的需求">造价软件</a>
+								</div>
+								<div class="entry colGray">陈特
+									<p>10分钟前评论</p>
+								</div>
+							</div>
+						</li>
+						<li>
+							<div class="avtra"><img src="images/avtra_n.jpg"></div>
+							<div class="content">
+								<h4><a href="#" class="opensidebar">这是需求标题(点我打开预览)</a></h4>
+								<p class="colGray">
+								2014-05-08 发布 • 0 个回复 • 27 次浏览
+								</p>
+							</div>
+							<div class="info">
+								<div class="entry demandTab">
+									<a class="dTab" href="#" title="查看话题的需求">Bug</a>
+									<a class="dTab" href="#" title="查看话题的需求">造价软件</a>
+								</div>
+								<div class="entry colGray">陈特
+									<p>10分钟前评论</p>
+								</div>
+							</div>
+						</li>
+						<li>
+							<div class="avtra"><img src="images/avtra_n.jpg"></div>
+							<div class="content">
+								<h4><a href="#">这是需求标题</a></h4>
+								<p class="colGray">
+									2014-05-08 发布 • 0 个回复 • 27 次浏览
+								</p>
+							</div>
+							<div class="info">
+								<div class="entry demandTab">
+									<a class="dTab" href="#" title="查看话题的需求">Bug</a>
+									<a class="dTab" href="#" title="查看话题的需求">造价软件</a>
+								</div>
+								<div class="entry colGray">陈特
+									<p>10分钟前评论</p>
+								</div>
+							</div>
+						</li>
+						<li>
+							<div class="avtra"><img src="images/avtra_n.jpg"></div>
+							<div class="content">
+								<h4><a href="#">这是需求标题</a></h4>
+								<p class="colGray">
+									2014-05-08 发布 • 1 个回复 • 27 次浏览
+								</p>
+							</div>
+							<div class="info">
+								<div class="entry demandTab">
+									<a class="dTab" href="#" title="查看话题的需求">Bug</a>
+									<a class="dTab" href="#" title="查看话题的需求">造价软件</a>
+								</div>
+								<div class="entry colGray">陈特
+									<p>10分钟前评论</p>
+								</div>
+							</div>
+						</li>
+						<li>
+							<div class="avtra"><img src="images/avtra_n.jpg"></div>
+							<div class="content">
+								<h4><a href="#">这是需求标题</a></h4>
+								<p class="colGray">
+									2014-05-08 发布 • 1 个回复 • 27 次浏览
+								</p>
+							</div>
+							<div class="info">
+								<div class="entry demandTab">
+									<a class="dTab" href="#" title="查看话题的需求">Bug</a>
+									<a class="dTab" href="#" title="查看话题的需求">造价软件</a>
+								</div>
+								<div class="entry colGray">陈特
+									<p>10分钟前评论</p>
+								</div>
+							</div>
+						</li>
+						<li>
+							<div class="avtra"><img src="images/avtra_n.jpg"></div>
+							<div class="content">
+								<h4><a href="#">这是需求标题</a></h4>
+								<p class="colGray">
+									2014-05-08 发布 • 1 个回复 • 27 次浏览
+								</p>
+							</div>
+							<div class="info">
+								<div class="entry demandTab">
+									<a class="dTab" href="#" title="查看话题的需求">Bug</a>
+									<a class="dTab" href="#" title="查看话题的需求">造价软件</a>
+								</div>
+								<div class="entry colGray">陈特
+									<p>10分钟前评论</p>
+								</div>
+							</div>
+						</li>
+					</ul>
+				</div>
+				<!--翻页-->
+				<div class="demandPage">
+		  				<ul class="pagination fR">
+		  					<li><a href="#">&lt;</a></li>
+		  					<li><a href="#">1</a></li>
+		  					<li class="active"><a href="#">2</a></li>
+		  					<li><a href="#">3</a></li>
+		  					<li><a href="#">4</a></li>
+		  					<li><a href="#">5</a></li>
+		  					<li><a href="#">&gt;</a></li>
+		  				</ul>
+		  		</div>
+				<!--翻页-->
+		    <div class="wrapDetil">
+		    	<div class="demandContent autoHeight" data-spy="scroll" data-target=".side">
+		    		<div class="side fR">
+		    			<ul class="timeLine">
+		    				<li class="year">2015</li>
+		    				<li class="clearfix"><p class="mon">5月</p><p class="day">13</p>
+		    					<div class="con"><p class="colGray">总部 <b>陈特</b></p><p><a  data-toggle="modal" href="#todevelop" title="打开所属档案" href="demand-library-cate-content.html" target="_blank"><span class="icon-">S</span></a>移至档案</p></div>
+		    				</li>
+		    				<li class="clearfix"><p class="mon">5月</p><p class="day">05</p>
+		    					<div class="con"><p class="colGray">总部 <b>冷淑梅</b></p><p><span class="icon-">T</span>移至开发</p></div>
+		    				</li>
+		    				<li class="clearfix"><p class="mon">5月</p><p class="day">03</p>
+		    					<div class="con"><p class="colGray">广东办 <b>刘飞</b></p><p>发布需求</p></div>
+		    				</li>
+		    			</ul>
+		    			<div class="btnBar clearfix">
+		    				<a class="button" href="demand-list-todevelop.html" target="_blank"><span class="icon-">T</span>开发</a>
+		    				<a class="button" href="demand-list-tolibrary.html" target="_blank"><span class="icon-">S</span>档案</a>
+		    			</div>
+		    		</div>
+		    		<div class="wrap">
+		    			<div class="title">
+		    				<div class="demandTab"><a class="dTab" href="#" title="查看话题的需求">造价软件</a><a class="dTab" href="demand-tab-list.html" title="查看话题的需求" target="_blank">Bug(点我)</a></div>
+		    				<h2>这是需求需求标题</h2>
+		    			</div>
+		    			<div class="content">
+		    				<p>发测试邮件出现错误:Fatal error: Class 'Zend_Mime_Message' not found in /data/home/qxu1606580153/htdocs/system/Zend/Mail.php on line 52</p>
+		    				<br>
+		    				<p><img src="http://smartcost.com.cn/global/img/aboutUs-img-8.jpg"></p>
+		    				<br>
+		    				<p>反馈给万网客服,对方回应:应该是Zend_Mime_Message这个类文件找不到。 这个是zend本身的类库。您检查一下zend的版本,看看zend库是否完整。 我们的测试代码在ZendFramework-1.12.13 版本下测试成功</p>
+		    				<br>
+		    				<p><img src="http://smartcost.com.cn/global/img/zhzdwk2.png"></p>
+		    			</div>
+		    			<div class="comment">
+		    				<h1 class="colGray">发布新评论</h1>
+	    					<!--发布新评论-->
+	    					<div class="postCom newPost">
+	    						<div class="newCom">
+    								<div class="avtra">
+			    						<img src="images/avatar_15_2.jpg" width="42"><br>
+			    						<a title="四川办">全冰</a>
+			    					</div><textarea rows="3" class="quickArea" placeholder="对需求进行评论"></textarea>
+			    				</div>
+    							<div class="postBar">
+    								<div class="fR"><input value="提交" class="btn btn-mini btn-warning" type="button"></div>
+    								<div class="smile"><img src="images/smile.png" class="smileImg" title="使用表情"><img src="images/file.png" class="fileImg"  data-placement="right" data-toggle="ctooltip" data-original-title="上传的附件不能超过5MB">
+    									<!--表情-->
+    									<div class="smileItem">
+    										<ul class="smileBox" style="display: block;">
+									        <li><a href="javascript:void(0)" class="smile1" default-data="[糗大了]" title="糗大了" _hover-ignore="1"></a></li>
+									        <li><a href="javascript:void(0)" class="smile2" default-data="[示爱]" title="示爱" _hover-ignore="1"></a></li>
+									        <li><a href="javascript:void(0)" class="smile3" default-data="[晕]" title="晕" _hover-ignore="1"></a></li>
+									        <li><a href="javascript:void(0)" class="smile4" default-data="[酷]" title="酷"></a></li>
+									        <li><a href="javascript:void(0)" class="smile5" default-data="[流泪]" title="流泪"></a></li>
+									        <li><a href="javascript:void(0)" class="smile6" default-data="[饿了]" title="饿了"></a></li>
+									        <li><a href="javascript:void(0)" class="smile7" default-data="[闭嘴]" title="闭嘴"></a></li>
+									        <li><a href="javascript:void(0)" class="smile8" default-data="[做鬼脸]" title="做鬼脸"></a></li>
+									        <li><a href="javascript:void(0)" class="smile9" default-data="[馋]" title="馋"></a></li>
+									        <li><a href="javascript:void(0)" class="smile10" default-data="[坏笑]" title="坏笑"></a></li>
+									        <li><a href="javascript:void(0)" class="smile11" default-data="[抓狂]" title="抓狂"></a></li>
+									        <li><a href="javascript:void(0)" class="smile12" default-data="[呵呵]" title="呵呵"></a></li>
+									        <li><a href="javascript:void(0)" class="smile13" default-data="[淡定]" title="淡定" _hover-ignore="1"></a></li>
+									        <li><a href="javascript:void(0)" class="smile14" default-data="[冷汗]" title="冷汗" _hover-ignore="1"></a></li>
+									        <li><a href="javascript:void(0)" class="smile15" default-data="[色]" title="色" _hover-ignore="1"></a></li>
+									        <li><a href="javascript:void(0)" class="smile16" default-data="[惊讶]" title="惊讶" _hover-ignore="1"></a></li>
+									        <li><a href="javascript:void(0)" class="smile17" default-data="[希望]" title="希望"></a></li>
+									        <li><a href="javascript:void(0)" class="smile18" default-data="[伤心]" title="伤心" _hover-ignore="1"></a></li>
+									        <li><a href="javascript:void(0)" class="smile19" default-data="[微笑]" title="微笑"></a></li>
+									        <li><a href="javascript:void(0)" class="smile20" default-data="[惊吓]" title="惊吓"></a></li>
+									        <li><a href="javascript:void(0)" class="smile21" default-data="[哈哈]" title="哈哈"></a></li>
+									        <li><a href="javascript:void(0)" class="smile22" default-data="[吃饭]" title="吃饭"></a></li>
+									    </ul>
+    									</div>
+    									<!--表情-->
+    								</div>
+    							</div>
+    							<div class="fileBar">
+    								<table class="table table-condensed">
+    									<thead><tr><td>附件列表</td><td></td></tr></thead>
+    									<tbody><tr><td><a href="demand-list-todevelop.html">asdasdas.jpg</a></td><td width="20"><a class="icon-">k</a></td></tr>
+    									<tr><td><a>测试.doc</a></td><td width="20"><a class="icon-">k</a></td></tr>
+    								</tbody></table>
+    							</div>			
+			    			</div>
+	    					<!--发布新评论-->
+		    				<h1 class="colGray">5 个评论&nbsp;•&nbsp;27 个浏览</h1>
+		    				<div class="commentList">
+		    					<!--一条评论-->
+		    					<div class="comEntry">
+		    						<div class="item">
+				    					<div class="avtra">
+				    						<img src="images/avatar_15_2.jpg" width="42"><br>
+				    						<a title="四川办">全冰</a>
+				    					</div>
+				    					<div class="post">
+				    						评论内容<img src="images/smilies/2.gif" class="smiley">评论内容
+				    					</div>
+				    					<div class="extra clearfix">
+				    						<span class="fR"><a href="">讨论一下</a></span><span class="colGray fR">6小时前&nbsp;</span>
+				    					</div>
+								    		<!--发布评论-->
+				    					<div class="postCom">
+				    							<div class="quickReplyArrowBox"><span class="quickReplyArrow"></span></div>
+				    							<textarea rows="3" class="quickArea" placeholder="有什么和Ta讨论一下?"></textarea>
+				    							<div class="postBar">
+				    								<div class="fR"><input type="button" value="提交" class="btn btn-mini btn-warning"></div>
+				    								<div class="smile">
+				    									<img src="images/smile.png" class="smileImg" title="使用表情">
+				    									<img src="images/file.png" class="fileImg" data-placement="right" data-toggle="ctooltip" data-original-title="上传的附件不能超过5MB">
+				    									<!--表情-->
+				    									<div class="smileItem">
+				    										<ul class="smileBox" style="display: block;">
+													        <li><a href="javascript:void(0)" class="smile1" default-data="[糗大了]" title="糗大了" _hover-ignore="1"></a></li>
+													        <li><a href="javascript:void(0)" class="smile2" default-data="[示爱]" title="示爱" _hover-ignore="1"></a></li>
+													        <li><a href="javascript:void(0)" class="smile3" default-data="[晕]" title="晕" _hover-ignore="1"></a></li>
+													        <li><a href="javascript:void(0)" class="smile4" default-data="[酷]" title="酷"></a></li>
+													        <li><a href="javascript:void(0)" class="smile5" default-data="[流泪]" title="流泪"></a></li>
+													        <li><a href="javascript:void(0)" class="smile6" default-data="[饿了]" title="饿了"></a></li>
+													        <li><a href="javascript:void(0)" class="smile7" default-data="[闭嘴]" title="闭嘴"></a></li>
+													        <li><a href="javascript:void(0)" class="smile8" default-data="[做鬼脸]" title="做鬼脸"></a></li>
+													        <li><a href="javascript:void(0)" class="smile9" default-data="[馋]" title="馋"></a></li>
+													        <li><a href="javascript:void(0)" class="smile10" default-data="[坏笑]" title="坏笑"></a></li>
+													        <li><a href="javascript:void(0)" class="smile11" default-data="[抓狂]" title="抓狂"></a></li>
+													        <li><a href="javascript:void(0)" class="smile12" default-data="[呵呵]" title="呵呵"></a></li>
+													        <li><a href="javascript:void(0)" class="smile13" default-data="[淡定]" title="淡定" _hover-ignore="1"></a></li>
+													        <li><a href="javascript:void(0)" class="smile14" default-data="[冷汗]" title="冷汗" _hover-ignore="1"></a></li>
+													        <li><a href="javascript:void(0)" class="smile15" default-data="[色]" title="色" _hover-ignore="1"></a></li>
+													        <li><a href="javascript:void(0)" class="smile16" default-data="[惊讶]" title="惊讶" _hover-ignore="1"></a></li>
+													        <li><a href="javascript:void(0)" class="smile17" default-data="[希望]" title="希望"></a></li>
+													        <li><a href="javascript:void(0)" class="smile18" default-data="[伤心]" title="伤心" _hover-ignore="1"></a></li>
+													        <li><a href="javascript:void(0)" class="smile19" default-data="[微笑]" title="微笑"></a></li>
+													        <li><a href="javascript:void(0)" class="smile20" default-data="[惊吓]" title="惊吓"></a></li>
+													        <li><a href="javascript:void(0)" class="smile21" default-data="[哈哈]" title="哈哈"></a></li>
+													        <li><a href="javascript:void(0)" class="smile22" default-data="[吃饭]" title="吃饭"></a></li>
+													    	</ul>
+				    									</div>
+				    									<!--表情-->
+				    								</div>
+				    							</div>
+				    							<div class="fileBar">
+				    								<table class="table table-condensed">
+				    									<thead><td>附件列表</td><td></td></thead>
+				    									<tr><td><a href="demand-list-todevelop.html">asdasdas.jpg</a></td><td width="20"><a class="icon-">k</a></td></tr>
+				    									<tr><td><a>测试.doc</a></td><td width="20"><a class="icon-">k</a></td></tr>
+				    								</table>
+				    							</div>
+				    					</div>
+				    						<!--发布评论-->
+				    				</div>
+		    						<!--二级评论-->
+				    				<div class="reCom">
+				    					<div class="comEntry">
+				    						<div class="item">
+						    					<div class="avtra">
+						    						<img src="images/avatar_2_2.jpg" width="42"><br>
+						    						<a title="浙江办">陈帅</a>
+						    					</div>
+						    					<div class="post">
+						    						<p>评论内容评论内容评论内容评论内容</p>
+						    					</div>
+						    					<div class="extra clearfix">
+						    						<span class="fR"><a href="">@Ta</a></span><span class="colGray fR">2015-05-06&nbsp;</span>
+						    					</div>
+								    			<!--发布评论-->
+				    							<div class="postCom">
+					    							<div class="quickReplyArrowBox"><span class="quickReplyArrow"></span></div>
+					    							<textarea rows="3" class="quickArea">@陈帅 </textarea>
+					    							<div class="postBar">
+					    								<div class="fR"><input type="button" value="提交" class="btn btn-mini btn-warning"></div>
+					    								<div class="smile">
+						    								<img src="images/smile.png" class="smileImg" title="使用表情">
+						    								<img src="images/file.png" class="fileImg" data-placement="right" data-toggle="ctooltip" data-original-title="上传的附件不能超过5MB">
+					    									<!--表情-->
+					    									<div class="smileItem">
+					    										<ul class="smileBox" style="display: block;">
+														        <li><a href="javascript:void(0)" class="smile1" default-data="[糗大了]" title="糗大了" _hover-ignore="1"></a></li>
+														        <li><a href="javascript:void(0)" class="smile2" default-data="[示爱]" title="示爱" _hover-ignore="1"></a></li>
+														        <li><a href="javascript:void(0)" class="smile3" default-data="[晕]" title="晕" _hover-ignore="1"></a></li>
+														        <li><a href="javascript:void(0)" class="smile4" default-data="[酷]" title="酷"></a></li>
+														        <li><a href="javascript:void(0)" class="smile5" default-data="[流泪]" title="流泪"></a></li>
+														        <li><a href="javascript:void(0)" class="smile6" default-data="[饿了]" title="饿了"></a></li>
+														        <li><a href="javascript:void(0)" class="smile7" default-data="[闭嘴]" title="闭嘴"></a></li>
+														        <li><a href="javascript:void(0)" class="smile8" default-data="[做鬼脸]" title="做鬼脸"></a></li>
+														        <li><a href="javascript:void(0)" class="smile9" default-data="[馋]" title="馋"></a></li>
+														        <li><a href="javascript:void(0)" class="smile10" default-data="[坏笑]" title="坏笑"></a></li>
+														        <li><a href="javascript:void(0)" class="smile11" default-data="[抓狂]" title="抓狂"></a></li>
+														        <li><a href="javascript:void(0)" class="smile12" default-data="[呵呵]" title="呵呵"></a></li>
+														        <li><a href="javascript:void(0)" class="smile13" default-data="[淡定]" title="淡定" _hover-ignore="1"></a></li>
+														        <li><a href="javascript:void(0)" class="smile14" default-data="[冷汗]" title="冷汗" _hover-ignore="1"></a></li>
+														        <li><a href="javascript:void(0)" class="smile15" default-data="[色]" title="色" _hover-ignore="1"></a></li>
+														        <li><a href="javascript:void(0)" class="smile16" default-data="[惊讶]" title="惊讶" _hover-ignore="1"></a></li>
+														        <li><a href="javascript:void(0)" class="smile17" default-data="[希望]" title="希望"></a></li>
+														        <li><a href="javascript:void(0)" class="smile18" default-data="[伤心]" title="伤心" _hover-ignore="1"></a></li>
+														        <li><a href="javascript:void(0)" class="smile19" default-data="[微笑]" title="微笑"></a></li>
+														        <li><a href="javascript:void(0)" class="smile20" default-data="[惊吓]" title="惊吓"></a></li>
+														        <li><a href="javascript:void(0)" class="smile21" default-data="[哈哈]" title="哈哈"></a></li>
+														        <li><a href="javascript:void(0)" class="smile22" default-data="[吃饭]" title="吃饭"></a></li>
+														    	</ul>
+					    									</div>
+					    									<!--表情-->
+					    								</div>
+					    							</div>
+						    					</div>
+				    							<!--发布评论-->
+				    						</div>
+				    					<div class="comEntry">
+				    						<div class="item">
+						    					<div class="avtra">
+						    						<img src="images/avatar_33_2.jpg" width="42"><br>
+						    						<a title="总部">杨福芳</a>
+						    					</div>
+						    					<div class="post">
+						    						<p><span class="colBlue">@陈帅</span> 评论内容评论内容评论内容评论内容</p>
+						    					</div>
+						    					<div class="extra clearfix">
+						    						<span class="fR"><a href="">@Ta</a></span><span class="colGray fR">6小时前&nbsp;</span>
+						    					</div>
+						    				</div>
+				    					</div>
+				    				</div>
+		    					</div>
+		    					<!--一条评论-->
+		    					<div class="comEntry">
+		    						<div class="item">
+				    					<div class="avtra">
+				    						<img src="images/avatar_15_2.jpg" width="42"><br>
+				    						<a title="四川办">全冰</a>
+				    					</div>
+				    					<div class="post">
+				    						<p>评论内容</p>
+				    						<ul class="fileItem">
+				    							<li><a href="#" target="_blank">QQ截图20150604165625.png</a></li>
+				    							<li><a href="#" target="_blank">网站客户服务记录.xlsx</a></li>
+				    						</ul>
+				    					</div>
+				    					<div class="extra clearfix">
+				    						<span class="fR"><a href="">讨论一下</a></span><span class="colGray fR">6小时前&nbsp;</span>
+				    					</div>
+				    				</div>
+		    					</div>
+	    						<!--一条评论-->
+		    					<div class="comEntry">
+		    						<div class="item">
+				    					<div class="avtra">
+				    						<img src="images/avatar_6_2.jpg" width="42"><br>
+				    						<a title="广东办">刘飞</a>
+				    					</div>
+				    					<div class="post">
+				    						评论内容
+				    					</div>
+				    					<div class="extra clearfix">
+				    						<span class="fR"><a href="">讨论一下</a></span><span class="colGray fR">6小时前&nbsp;</span>
+				    					</div>
+				    				</div>
+		    					</div>
+		    				</div>
+		    			</div>
+		    		</div>
+		    	</div>
+		    	</div>
+			</div>
+		</div>
+	</div>
+<script type="text/javascript">autoFlashHeight();</script>	
+</body>

+ 550 - 0
demand-my-tab.html

@@ -0,0 +1,550 @@
+<!DOCTYPE html>
+<html lang=zh-cn> 
+<head>
+	<meta charset=utf-8> 
+	<title>CLD.System</title> 
+	<meta name=description content=电子版晴雨表,在线晴雨表,网页晴雨表> 
+	<link rel="shortcut icon" href="images/favicon.ico"> 
+	<meta name=copyright content=smartcost.com.cn> 
+	<link rel=stylesheet href=css/global.css> 
+	<script src=js/jquery-1.7.1.min.js></script> 
+	<script src=js/global.js></script>
+</head>
+<body>
+	<div class="mainLayout">
+		<div class="mainMenu">
+			<div class="menuItem">
+				<a href="#" class="mLogo">CLD</a>
+				<ul>
+					<li data-placement="right" data-toggle="ctooltip" data-original-title="信息中心" class="topLine"><a href="#" class="icon-" >B</a></li>
+					<li data-placement="right" data-toggle="ctooltip" data-original-title="通讯录"><a href="#" class="icon-">A</a></li>
+					<li data-placement="right" data-toggle="ctooltip" data-original-title="在线锁库"><a href="#" class="icon-">C</a></li>
+					<li data-placement="right" data-toggle="ctooltip" data-original-title="日程表"><a href="#" class="icon-">X</a></li>
+					<li data-placement="right" data-toggle="ctooltip" data-original-title="开发需求" class="topLine"><a href="#" class="icon- selected">V</a></li>
+					<li data-placement="right" data-toggle="ctooltip" data-original-title="邮件推广"><a href="#" class="icon- ">Z</a></li>
+					<li data-placement="right" data-toggle="ctooltip" data-original-title="报销单"><a href="#" class="icon-">U</a></li>
+					<li data-placement="right" data-toggle="ctooltip" data-original-title="物品申请"><a href="#" class="icon-">W</a></li>
+					<li data-placement="right" data-toggle="ctooltip" data-original-title="APP" class="topLine"><a href="#" class="icon-">Y</a></li>
+					<li data-placement="right" data-toggle="ctooltip" data-original-title="个人设置"><a href="#" class="icon-">F</a></li>
+					<li data-placement="right" data-toggle="ctooltip" data-original-title="退出系统"><a href="#" class="icon-">G</a></li>
+				</ul>
+			</div>
+		</div>
+		<div class="warpContent">
+			<div class="subMenu fL">
+				<div class="menuItem">
+					<ul>
+						<li class="demandTitle">需求中心</li>
+						<li><a href="demand-index.html">首页</a></li>
+						<li><a href="demand-list.html">需求</a></li>
+						<li><a href="demand-tab.html">话题</a></li>
+						<li class="topLine"><a href="demand-library.html"><span class="icon-">S</span>&nbsp;档案库</a></li>
+						<li><a href="demand-develop.html"><span class="icon-">T</span>&nbsp;开发库</a></li>
+						<li class="topLine"><a href="demand-my.html" class="selected">我的需求</a></li>
+					</ul>
+				</div>
+			</div>
+			<div class="adminContent autoHeight">
+				<legend><div class="fR">
+					<div class="search fL">
+						<div class="input-append">
+	      			<input class="span3" type="text">
+	      			<button class="btn btn-small" type="button">搜索</button>
+	    			</div>
+    			</div>
+    			<a href="demand-add.html" class="button">发布需求</a></div><img src="images/tabImg.png">&nbsp;Bug
+    		</legend>
+	  		<div class="boardList">
+					<ul class="entry">
+						<li>
+							<div class="avtra"><img src="images/avtra_n.jpg"></div>
+							<div class="content">
+								<h4><a href="#" class="opensidebar">这是需求标题(点我打开预览)</a> <a title="已移至档案" href="demand-library-cate-content.html" target="_blank"><span class="icon-">S</span></a></h4>
+								<p class="colGray">
+								2014-05-08 发布 • 0 个回复 • 27 次浏览
+								</p>
+							</div>
+							<div class="info">
+								<div class="entry demandTab">
+									<a class="dTab" href="demand-my-tab.html" title="查看话题的需求">Bug</a>
+									<a class="dTab" href="#" title="查看话题的需求">造价软件</a>
+								</div>
+								<div class="entry colGray">陈特
+									<p>10分钟前评论</p>
+								</div>
+							</div>
+						</li>
+						<li>
+							<div class="avtra"><img src="images/avtra_n.jpg"></div>
+							<div class="content">
+								<h4><a href="#">这是需求标题</a> <span class="icon-" title="已移至开发">T</span></h4>
+								<p class="colGray">
+									2014-05-08 发布 • 0 个回复 • 27 次浏览
+								</p>
+							</div>
+							<div class="info">
+								<div class="entry demandTab">
+									<a class="dTab" href="#" title="查看话题的需求">Bug</a>
+									<a class="dTab" href="#" title="查看话题的需求">造价软件</a>
+								</div>
+								<div class="entry colGray">陈特
+									<p>10分钟前评论</p>
+								</div>
+							</div>
+						</li>
+						<li>
+							<div class="avtra"><img src="images/avtra_n.jpg"></div>
+							<div class="content">
+								<h4><a href="#">这是需求标题</a> <a title="已移至档案" href="demand-library-cate-content.html" target="_blank"><span class="icon-">S</span></a></h4>
+								<p class="colGray">
+									2014-05-08 发布 • 1 个回复 • 27 次浏览
+								</p>
+							</div>
+							<div class="info">
+								<div class="entry demandTab">
+									<a class="dTab" href="#" title="查看话题的需求">Bug</a>
+									<a class="dTab" href="#" title="查看话题的需求">造价软件</a>
+								</div>
+								<div class="entry colGray">陈特
+									<p>10分钟前评论</p>
+								</div>
+							</div>
+						</li>
+						<li>
+							<div class="avtra"><img src="images/avtra_n.jpg"></div>
+							<div class="content">
+								<h4><a href="#">这是需求标题</a> <a title="已移至档案" href="demand-library-cate-content.html" target="_blank"><span class="icon-">S</span></a></h4>
+								<p class="colGray">
+									2014-05-08 发布 • 1 个回复 • 27 次浏览
+								</p>
+							</div>
+							<div class="info">
+								<div class="entry demandTab">
+									<a class="dTab" href="#" title="查看话题的需求">造价软件</a>
+								</div>
+								<div class="entry colGray">陈特
+									<p>10分钟前评论</p>
+								</div>
+							</div>
+						</li>
+						<li>
+							<div class="avtra"><img src="images/avtra_n.jpg"></div>
+							<div class="content">
+								<h4><a href="#">这是需求标题</a></h4>
+								<p class="colGray">
+									2014-05-08 发布 • 1 个回复 • 27 次浏览
+								</p>
+							</div>
+							<div class="info">
+								<div class="entry demandTab">
+									<a class="dTab" href="#" title="查看话题的需求">养护软件</a>
+									<a class="dTab" href="#" title="查看话题的需求">升级</a>
+								</div>
+								<div class="entry colGray">陈特
+									<p>10分钟前评论</p>
+								</div>
+							</div>
+						</li>
+						<li>
+							<div class="avtra"><img src="images/avtra_n.jpg"></div>
+							<div class="content">
+								<h4><a href="#" class="opensidebar">这是需求标题(点我打开预览)</a></h4>
+								<p class="colGray">
+								2014-05-08 发布 • 0 个回复 • 27 次浏览
+								</p>
+							</div>
+							<div class="info">
+								<div class="entry demandTab">
+									<a class="dTab" href="#" title="查看话题的需求">Bug</a>
+									<a class="dTab" href="#" title="查看话题的需求">造价软件</a>
+								</div>
+								<div class="entry colGray">陈特
+									<p>10分钟前评论</p>
+								</div>
+							</div>
+						</li>
+						<li>
+							<div class="avtra"><img src="images/avtra_n.jpg"></div>
+							<div class="content">
+								<h4><a href="#">这是需求标题</a></h4>
+								<p class="colGray">
+									2014-05-08 发布 • 0 个回复 • 27 次浏览
+								</p>
+							</div>
+							<div class="info">
+								<div class="entry demandTab">
+									<a class="dTab" href="#" title="查看话题的需求">Bug</a>
+									<a class="dTab" href="#" title="查看话题的需求">造价软件</a>
+								</div>
+								<div class="entry colGray">陈特
+									<p>10分钟前评论</p>
+								</div>
+							</div>
+						</li>
+						<li>
+							<div class="avtra"><img src="images/avtra_n.jpg"></div>
+							<div class="content">
+								<h4><a href="#">这是需求标题</a></h4>
+								<p class="colGray">
+									2014-05-08 发布 • 1 个回复 • 27 次浏览
+								</p>
+							</div>
+							<div class="info">
+								<div class="entry demandTab">
+									<a class="dTab" href="#" title="查看话题的需求">Bug</a>
+									<a class="dTab" href="#" title="查看话题的需求">造价软件</a>
+								</div>
+								<div class="entry colGray">陈特
+									<p>10分钟前评论</p>
+								</div>
+							</div>
+						</li>
+						<li>
+							<div class="avtra"><img src="images/avtra_n.jpg"></div>
+							<div class="content">
+								<h4><a href="#">这是需求标题</a></h4>
+								<p class="colGray">
+									2014-05-08 发布 • 1 个回复 • 27 次浏览
+								</p>
+							</div>
+							<div class="info">
+								<div class="entry demandTab">
+									<a class="dTab" href="#" title="查看话题的需求">Bug</a>
+									<a class="dTab" href="#" title="查看话题的需求">造价软件</a>
+								</div>
+								<div class="entry colGray">陈特
+									<p>10分钟前评论</p>
+								</div>
+							</div>
+						</li>
+						<li>
+							<div class="avtra"><img src="images/avtra_n.jpg"></div>
+							<div class="content">
+								<h4><a href="#">这是需求标题</a></h4>
+								<p class="colGray">
+									2014-05-08 发布 • 1 个回复 • 27 次浏览
+								</p>
+							</div>
+							<div class="info">
+								<div class="entry demandTab">
+									<a class="dTab" href="#" title="查看话题的需求">Bug</a>
+									<a class="dTab" href="#" title="查看话题的需求">造价软件</a>
+								</div>
+								<div class="entry colGray">陈特
+									<p>10分钟前评论</p>
+								</div>
+							</div>
+						</li>
+						<li>
+							<div class="avtra"><img src="images/avtra_n.jpg"></div>
+							<div class="content">
+								<h4><a href="#" class="opensidebar">这是需求标题(点我打开预览)</a></h4>
+								<p class="colGray">
+								2014-05-08 发布 • 0 个回复 • 27 次浏览
+								</p>
+							</div>
+							<div class="info">
+								<div class="entry demandTab">
+									<a class="dTab" href="#" title="查看话题的需求">Bug</a>
+									<a class="dTab" href="#" title="查看话题的需求">造价软件</a>
+								</div>
+								<div class="entry colGray">陈特
+									<p>10分钟前评论</p>
+								</div>
+							</div>
+						</li>
+						<li>
+							<div class="avtra"><img src="images/avtra_n.jpg"></div>
+							<div class="content">
+								<h4><a href="#">这是需求标题</a></h4>
+								<p class="colGray">
+									2014-05-08 发布 • 0 个回复 • 27 次浏览
+								</p>
+							</div>
+							<div class="info">
+								<div class="entry demandTab">
+									<a class="dTab" href="#" title="查看话题的需求">Bug</a>
+									<a class="dTab" href="#" title="查看话题的需求">造价软件</a>
+								</div>
+								<div class="entry colGray">陈特
+									<p>10分钟前评论</p>
+								</div>
+							</div>
+						</li>
+						<li>
+							<div class="avtra"><img src="images/avtra_n.jpg"></div>
+							<div class="content">
+								<h4><a href="#">这是需求标题</a></h4>
+								<p class="colGray">
+									2014-05-08 发布 • 1 个回复 • 27 次浏览
+								</p>
+							</div>
+							<div class="info">
+								<div class="entry demandTab">
+									<a class="dTab" href="#" title="查看话题的需求">Bug</a>
+									<a class="dTab" href="#" title="查看话题的需求">造价软件</a>
+								</div>
+								<div class="entry colGray">陈特
+									<p>10分钟前评论</p>
+								</div>
+							</div>
+						</li>
+						<li>
+							<div class="avtra"><img src="images/avtra_n.jpg"></div>
+							<div class="content">
+								<h4><a href="#">这是需求标题</a></h4>
+								<p class="colGray">
+									2014-05-08 发布 • 1 个回复 • 27 次浏览
+								</p>
+							</div>
+							<div class="info">
+								<div class="entry demandTab">
+									<a class="dTab" href="#" title="查看话题的需求">Bug</a>
+									<a class="dTab" href="#" title="查看话题的需求">造价软件</a>
+								</div>
+								<div class="entry colGray">陈特
+									<p>10分钟前评论</p>
+								</div>
+							</div>
+						</li>
+						<li>
+							<div class="avtra"><img src="images/avtra_n.jpg"></div>
+							<div class="content">
+								<h4><a href="#">这是需求标题</a></h4>
+								<p class="colGray">
+									2014-05-08 发布 • 1 个回复 • 27 次浏览
+								</p>
+							</div>
+							<div class="info">
+								<div class="entry demandTab">
+									<a class="dTab" href="#" title="查看话题的需求">Bug</a>
+									<a class="dTab" href="#" title="查看话题的需求">造价软件</a>
+								</div>
+								<div class="entry colGray">陈特
+									<p>10分钟前评论</p>
+								</div>
+							</div>
+						</li>
+					</ul>
+				</div>
+				<!--翻页-->
+				<div class="demandPage">
+		  				<ul class="pagination fL">
+		  					<li><a href="#">&lt;</a></li>
+		  					<li><a href="#">1</a></li>
+		  					<li class="active"><a href="#">2</a></li>
+		  					<li><a href="#">3</a></li>
+		  					<li><a href="#">4</a></li>
+		  					<li><a href="#">5</a></li>
+		  					<li><a href="#">&gt;</a></li>
+		  				</ul>
+		  	</div>
+				<!--翻页-->
+		    <div class="wrapDetil">
+		    	<div class="demandContent autoHeight" data-spy="scroll" data-target=".side">
+		    		<div class="side fR">
+		    			<ul class="timeLine">
+		    				<li class="year">2015</li>
+		    				<li class="clearfix"><p class="mon">5月</p><p class="day">13</p>
+		    					<div class="con"><p class="colGray">总部 <b>陈特</b></p><p><a href="#" title="打开所属档案" href="demand-library-cate-content.html" target="_blank"><span class="icon-">S</span></a>移至档案</p></div>
+		    				</li>
+		    				<li class="clearfix"><p class="mon">5月</p><p class="day">05</p>
+		    					<div class="con"><p class="colGray">总部 <b>冷淑梅</b></p><p><span class="icon-">T</span>移至开发</p></div>
+		    				</li>
+		    				<li class="clearfix"><p class="mon">5月</p><p class="day">03</p>
+		    					<div class="con"><p class="colGray">广东办 <b>刘飞</b></p><p>发布需求</p></div>
+		    				</li>
+		    			</ul>
+		    		</div>
+		    		<div class="wrap">
+		    			<div class="title">
+		    				<div class="demandTab"><a class="dTab" href="#" title="查看话题的需求">造价软件</a><a class="dTab" href="#" title="查看话题的需求">Bug</a></div>
+		    				<h2>这是需求需求标题</h2>
+		    			</div>
+		    			<div class="content">
+		    				<p>发测试邮件出现错误:Fatal error: Class 'Zend_Mime_Message' not found in /data/home/qxu1606580153/htdocs/system/Zend/Mail.php on line 52</p>
+		    				<br>
+		    				<p><img src="http://smartcost.com.cn/global/img/aboutUs-img-8.jpg"></p>
+		    				<br>
+		    				<p>反馈给万网客服,对方回应:应该是Zend_Mime_Message这个类文件找不到。 这个是zend本身的类库。您检查一下zend的版本,看看zend库是否完整。 我们的测试代码在ZendFramework-1.12.13 版本下测试成功</p>
+		    				<br>
+		    				<p><img src="http://smartcost.com.cn/global/img/zhzdwk2.png"></p>
+
+		    			</div>
+		    			<div class="comment">
+		    				<h1 class="colGray">5 个评论&nbsp;•&nbsp;27 个浏览</h1>
+		    				<div class="commentList">
+		    					<div class="comEntry">
+		    						<div class="item">
+				    					<div class="avtra">
+				    						<img src="images/avatar_15_2.jpg" width="42"><br>
+				    						<a title="四川办">全冰</a>
+				    					</div>
+				    					<div class="post">
+				    						评论内容<img src="images/smilies/2.gif" class="smiley">评论内容
+				    					</div>
+				    					<div class="extra clearfix">
+				    						<span class="fR"><a href="">讨论一下</a></span><span class="colGray fR">6小时前&nbsp;</span>
+				    					</div>
+								    		<!--发布评论-->
+				    					<div class="postCom">
+				    							<div class="quickReplyArrowBox"><span class="quickReplyArrow"></span></div>
+				    							<textarea rows="3" class="quickArea"></textarea>
+				    							<div class="postBar">
+				    								<div class="fR"><input type="button" value="提交" class="btn btn-mini btn-warning"></div>
+				    								<div class="smile"><img src="images/smile.png" class="smileImg" title="使用表情"><img src="images/file.png" class="fileImg" title="添加文件">
+				    									<!--表情-->
+				    									<div class="smileItem">
+				    										<ul class="smileBox" style="display: block;">
+													        <li><a href="javascript:void(0)" class="smile1" default-data="[糗大了]" title="糗大了" _hover-ignore="1"></a></li>
+													        <li><a href="javascript:void(0)" class="smile2" default-data="[示爱]" title="示爱" _hover-ignore="1"></a></li>
+													        <li><a href="javascript:void(0)" class="smile3" default-data="[晕]" title="晕" _hover-ignore="1"></a></li>
+													        <li><a href="javascript:void(0)" class="smile4" default-data="[酷]" title="酷"></a></li>
+													        <li><a href="javascript:void(0)" class="smile5" default-data="[流泪]" title="流泪"></a></li>
+													        <li><a href="javascript:void(0)" class="smile6" default-data="[饿了]" title="饿了"></a></li>
+													        <li><a href="javascript:void(0)" class="smile7" default-data="[闭嘴]" title="闭嘴"></a></li>
+													        <li><a href="javascript:void(0)" class="smile8" default-data="[做鬼脸]" title="做鬼脸"></a></li>
+													        <li><a href="javascript:void(0)" class="smile9" default-data="[馋]" title="馋"></a></li>
+													        <li><a href="javascript:void(0)" class="smile10" default-data="[坏笑]" title="坏笑"></a></li>
+													        <li><a href="javascript:void(0)" class="smile11" default-data="[抓狂]" title="抓狂"></a></li>
+													        <li><a href="javascript:void(0)" class="smile12" default-data="[呵呵]" title="呵呵"></a></li>
+													        <li><a href="javascript:void(0)" class="smile13" default-data="[淡定]" title="淡定" _hover-ignore="1"></a></li>
+													        <li><a href="javascript:void(0)" class="smile14" default-data="[冷汗]" title="冷汗" _hover-ignore="1"></a></li>
+													        <li><a href="javascript:void(0)" class="smile15" default-data="[色]" title="色" _hover-ignore="1"></a></li>
+													        <li><a href="javascript:void(0)" class="smile16" default-data="[惊讶]" title="惊讶" _hover-ignore="1"></a></li>
+													        <li><a href="javascript:void(0)" class="smile17" default-data="[希望]" title="希望"></a></li>
+													        <li><a href="javascript:void(0)" class="smile18" default-data="[伤心]" title="伤心" _hover-ignore="1"></a></li>
+													        <li><a href="javascript:void(0)" class="smile19" default-data="[微笑]" title="微笑"></a></li>
+													        <li><a href="javascript:void(0)" class="smile20" default-data="[惊吓]" title="惊吓"></a></li>
+													        <li><a href="javascript:void(0)" class="smile21" default-data="[哈哈]" title="哈哈"></a></li>
+													        <li><a href="javascript:void(0)" class="smile22" default-data="[吃饭]" title="吃饭"></a></li>
+													    </ul>
+				    									</div>
+				    									<!--表情-->
+				    								</div>
+				    							</div>
+				    							<div class="fileBar">
+				    								<table class="table table-condensed">
+				    									<thead><td>文件列表</td><td></td></thead>
+				    									<tr><td><a>asdasdas.jpg</a></td><td width="20"><a class="icon-">k</a></td></tr>
+				    									<tr><td><a>测试.doc</a></td><td width="20"><a class="icon-">k</a></td></tr>
+				    								</table>
+				    							</div>
+				    						<!--发布评论-->
+				    				</div>
+		    						<!--二级评论-->
+				    				<div class="reCom">
+				    					<div class="comEntry">
+				    						<div class="item">
+						    					<div class="avtra">
+						    						<img src="images/avatar_2_2.jpg" width="42"><br>
+						    						<a title="浙江办">陈帅</a>
+						    					</div>
+						    					<div class="post">
+						    						<p>评论内容评论内容评论内容评论内容</p>
+						    					</div>
+						    					<div class="extra clearfix">
+						    						<span class="fR"><a href="">@Ta</a></span><span class="colGray fR">2015-05-06&nbsp;</span>
+						    					</div>
+								    		<!--发布评论-->
+				    							<div class="postCom">
+				    							<div class="quickReplyArrowBox"><span class="quickReplyArrow"></span></div>
+				    							<textarea rows="3" class="quickArea">@陈帅 </textarea>
+				    							<div class="postBar">
+				    								<div class="fR"><input type="button" value="提交" class="btn btn-mini btn-warning"></div>
+				    								<div class="smile"><img src="images/smile.png" class="smileImg" title="使用表情"><img src="images/file.png" class="fileImg" title="添加文件">
+				    									<!--表情-->
+				    									<div class="smileItem">
+				    										<ul class="smileBox" style="display: block;">
+													        <li><a href="javascript:void(0)" class="smile1" default-data="[糗大了]" title="糗大了" _hover-ignore="1"></a></li>
+													        <li><a href="javascript:void(0)" class="smile2" default-data="[示爱]" title="示爱" _hover-ignore="1"></a></li>
+													        <li><a href="javascript:void(0)" class="smile3" default-data="[晕]" title="晕" _hover-ignore="1"></a></li>
+													        <li><a href="javascript:void(0)" class="smile4" default-data="[酷]" title="酷"></a></li>
+													        <li><a href="javascript:void(0)" class="smile5" default-data="[流泪]" title="流泪"></a></li>
+													        <li><a href="javascript:void(0)" class="smile6" default-data="[饿了]" title="饿了"></a></li>
+													        <li><a href="javascript:void(0)" class="smile7" default-data="[闭嘴]" title="闭嘴"></a></li>
+													        <li><a href="javascript:void(0)" class="smile8" default-data="[做鬼脸]" title="做鬼脸"></a></li>
+													        <li><a href="javascript:void(0)" class="smile9" default-data="[馋]" title="馋"></a></li>
+													        <li><a href="javascript:void(0)" class="smile10" default-data="[坏笑]" title="坏笑"></a></li>
+													        <li><a href="javascript:void(0)" class="smile11" default-data="[抓狂]" title="抓狂"></a></li>
+													        <li><a href="javascript:void(0)" class="smile12" default-data="[呵呵]" title="呵呵"></a></li>
+													        <li><a href="javascript:void(0)" class="smile13" default-data="[淡定]" title="淡定" _hover-ignore="1"></a></li>
+													        <li><a href="javascript:void(0)" class="smile14" default-data="[冷汗]" title="冷汗" _hover-ignore="1"></a></li>
+													        <li><a href="javascript:void(0)" class="smile15" default-data="[色]" title="色" _hover-ignore="1"></a></li>
+													        <li><a href="javascript:void(0)" class="smile16" default-data="[惊讶]" title="惊讶" _hover-ignore="1"></a></li>
+													        <li><a href="javascript:void(0)" class="smile17" default-data="[希望]" title="希望"></a></li>
+													        <li><a href="javascript:void(0)" class="smile18" default-data="[伤心]" title="伤心" _hover-ignore="1"></a></li>
+													        <li><a href="javascript:void(0)" class="smile19" default-data="[微笑]" title="微笑"></a></li>
+													        <li><a href="javascript:void(0)" class="smile20" default-data="[惊吓]" title="惊吓"></a></li>
+													        <li><a href="javascript:void(0)" class="smile21" default-data="[哈哈]" title="哈哈"></a></li>
+													        <li><a href="javascript:void(0)" class="smile22" default-data="[吃饭]" title="吃饭"></a></li>
+													    </ul>
+				    									</div>
+				    									<!--表情-->
+				    								</div>
+				    							</div>
+				    						<!--发布评论-->
+						    				</div>
+				    					</div>
+				    					<div class="comEntry">
+				    						<div class="item">
+						    					<div class="avtra">
+						    						<img src="images/avatar_33_2.jpg" width="42"><br>
+						    						<a title="总部">杨福芳</a>
+						    					</div>
+						    					<div class="post">
+						    						<p><span class="colBlue">@陈帅</span> 评论内容评论内容评论内容评论内容</p>
+						    					</div>
+						    					<div class="extra clearfix">
+						    						<span class="fR"><a href="">@Ta</a></span><span class="colGray fR">6小时前&nbsp;</span>
+						    					</div>
+						    				</div>
+				    					</div>
+				    				</div>
+		    					</div>
+		    					<!--一条评论-->
+		    					<div class="comEntry">
+		    						<div class="item">
+				    					<div class="avtra">
+				    						<img src="images/avatar_15_2.jpg" width="42"><br>
+				    						<a title="四川办">全冰</a>
+				    					</div>
+				    					<div class="post">
+				    						<p>评论内容</p>
+				    						<ul class="fileItem">
+				    							<li><a href="#" target="_blank">QQ截图20150604165625.png</a></li>
+				    							<li><a href="#" target="_blank">网站客户服务记录.xlsx</a></li>
+				    						</ul>
+				    					</div>
+				    					<div class="extra clearfix">
+				    						<span class="fR"><a href="">讨论一下</a></span><span class="colGray fR">6小时前&nbsp;</span>
+				    					</div>
+				    				</div>
+		    					</div>
+		    					<!--一条评论-->
+		    					<div class="comEntry">
+		    						<div class="item">
+				    					<div class="avtra">
+				    						<img src="images/avatar_6_2.jpg" width="42"><br>
+				    						<a title="广东办">刘飞</a>
+				    					</div>
+				    					<div class="post">
+				    						评论内容
+				    					</div>
+				    					<div class="extra clearfix">
+				    						<span class="fR"><a href="">讨论一下</a></span><span class="colGray fR">6小时前&nbsp;</span>
+				    					</div>
+				    				</div>
+		    					</div>
+		    					<!--发布评论-->
+		    					<!--发布评论-->
+		    				</div>
+		    			</div>
+		    		</div>
+		    	</div>
+		    </div>
+			</div>
+		</div>
+	</div>
+<script type="text/javascript">autoFlashHeight();</script>	
+</body>

+ 555 - 0
demand-my.html

@@ -0,0 +1,555 @@
+<!DOCTYPE html>
+<html lang=zh-cn> 
+<head>
+	<meta charset=utf-8> 
+	<title>CLD.System</title> 
+	<meta name=description content=电子版晴雨表,在线晴雨表,网页晴雨表> 
+	<link rel="shortcut icon" href="images/favicon.ico"> 
+	<meta name=copyright content=smartcost.com.cn> 
+	<link rel=stylesheet href=css/global.css> 
+	<script src=js/jquery-1.7.1.min.js></script> 
+	<script src=js/global.js></script>
+</head>
+<body>
+	<div class="mainLayout">
+		<div class="mainMenu">
+			<div class="menuItem">
+				<a href="#" class="mLogo">CLD</a>
+				<ul>
+					<li data-placement="right" data-toggle="ctooltip" data-original-title="信息中心" class="topLine"><a href="#" class="icon-" >B</a></li>
+					<li data-placement="right" data-toggle="ctooltip" data-original-title="通讯录"><a href="#" class="icon-">A</a></li>
+					<li data-placement="right" data-toggle="ctooltip" data-original-title="在线锁库"><a href="#" class="icon-">C</a></li>
+					<li data-placement="right" data-toggle="ctooltip" data-original-title="日程表"><a href="#" class="icon-">X</a></li>
+					<li data-placement="right" data-toggle="ctooltip" data-original-title="开发需求" class="topLine"><a href="#" class="icon- selected">V</a></li>
+					<li data-placement="right" data-toggle="ctooltip" data-original-title="邮件推广"><a href="#" class="icon- ">Z</a></li>
+					<li data-placement="right" data-toggle="ctooltip" data-original-title="报销单"><a href="#" class="icon-">U</a></li>
+					<li data-placement="right" data-toggle="ctooltip" data-original-title="物品申请"><a href="#" class="icon-">W</a></li>
+					<li data-placement="right" data-toggle="ctooltip" data-original-title="APP" class="topLine"><a href="#" class="icon-">Y</a></li>
+					<li data-placement="right" data-toggle="ctooltip" data-original-title="个人设置"><a href="#" class="icon-">F</a></li>
+					<li data-placement="right" data-toggle="ctooltip" data-original-title="退出系统"><a href="#" class="icon-">G</a></li>
+				</ul>
+			</div>
+		</div>
+		<div class="warpContent">
+			<div class="subMenu fL">
+				<div class="menuItem">
+					<ul>
+						<li class="demandTitle">需求中心</li>
+						<li><a href="demand-index.html">首页</a></li>
+						<li><a href="demand-list.html">需求</a></li>
+						<li><a href="demand-tab.html">话题</a></li>
+						<li class="topLine"><a href="demand-library.html"><span class="icon-">S</span>&nbsp;档案库</a></li>
+						<li><a href="demand-develop.html"><span class="icon-">T</span>&nbsp;开发库</a></li>
+						<li class="topLine"><a href="demand-my.html" class="selected">我的需求</a></li>
+					</ul>
+				</div>
+			</div>
+			<div class="adminContent autoHeight">
+				<legend><div class="fR">
+					<div class="search fL">
+						<div class="input-append">
+	      			<input class="span3" type="text">
+	      			<button class="btn btn-small" type="button">搜索</button>
+	    			</div>
+    			</div>
+    			<a href="demand-add.html" class="button">发布需求</a></div>我的需求
+    		</legend>
+				<div class="demandCate">
+					<ul class="cateList">
+	  					<li><a class="now" href="#">所有</a><a href="#" title="已移至开发库">开发库</a><a href="#" title="已移至档案库">档案库</a></li>
+	  			</ul>
+	  		</div>
+	  		<div class="boardList">
+					<ul class="entry">
+						<li>
+							<div class="avtra"><img src="images/avtra_n.jpg"></div>
+							<div class="content">
+								<h4><a href="#" class="opensidebar">这是需求标题(点我打开预览)</a> <a title="已移至档案" href="demand-library-cate-content.html" target="_blank"><span class="icon-">S</span></a></h4>
+								<p class="colGray">
+								2014-05-08 发布 • 0 个回复 • 27 次浏览
+								</p>
+							</div>
+							<div class="info">
+								<div class="entry demandTab">
+									<a class="dTab" href="demand-my-tab.html" title="查看话题的需求">Bug(点我)</a>
+									<a class="dTab" href="#" title="查看话题的需求">造价软件</a>
+								</div>
+								<div class="entry colGray">陈特
+									<p>10分钟前评论</p>
+								</div>
+							</div>
+						</li>
+						<li>
+							<div class="avtra"><img src="images/avtra_n.jpg"></div>
+							<div class="content">
+								<h4><a href="#">这是需求标题</a> <span class="icon-" title="已移至开发">T</span></h4>
+								<p class="colGray">
+									2014-05-08 发布 • 0 个回复 • 27 次浏览
+								</p>
+							</div>
+							<div class="info">
+								<div class="entry demandTab">
+									<a class="dTab" href="#" title="查看话题的需求">Bug</a>
+									<a class="dTab" href="#" title="查看话题的需求">造价软件</a>
+								</div>
+								<div class="entry colGray">陈特
+									<p>10分钟前评论</p>
+								</div>
+							</div>
+						</li>
+						<li>
+							<div class="avtra"><img src="images/avtra_n.jpg"></div>
+							<div class="content">
+								<h4><a href="#">这是需求标题</a> <a title="已移至档案" href="demand-library-cate-content.html" target="_blank"><span class="icon-">S</span></a></h4>
+								<p class="colGray">
+									2014-05-08 发布 • 1 个回复 • 27 次浏览
+								</p>
+							</div>
+							<div class="info">
+								<div class="entry demandTab">
+									<a class="dTab" href="#" title="查看话题的需求">Bug</a>
+									<a class="dTab" href="#" title="查看话题的需求">造价软件</a>
+								</div>
+								<div class="entry colGray">陈特
+									<p>10分钟前评论</p>
+								</div>
+							</div>
+						</li>
+						<li>
+							<div class="avtra"><img src="images/avtra_n.jpg"></div>
+							<div class="content">
+								<h4><a href="#">这是需求标题</a> <a title="已移至档案" href="demand-library-cate-content.html" target="_blank"><span class="icon-">S</span></a></h4>
+								<p class="colGray">
+									2014-05-08 发布 • 1 个回复 • 27 次浏览
+								</p>
+							</div>
+							<div class="info">
+								<div class="entry demandTab">
+									<a class="dTab" href="#" title="查看话题的需求">造价软件</a>
+								</div>
+								<div class="entry colGray">陈特
+									<p>10分钟前评论</p>
+								</div>
+							</div>
+						</li>
+						<li>
+							<div class="avtra"><img src="images/avtra_n.jpg"></div>
+							<div class="content">
+								<h4><a href="#">这是需求标题</a></h4>
+								<p class="colGray">
+									2014-05-08 发布 • 1 个回复 • 27 次浏览
+								</p>
+							</div>
+							<div class="info">
+								<div class="entry demandTab">
+									<a class="dTab" href="#" title="查看话题的需求">养护软件</a>
+									<a class="dTab" href="#" title="查看话题的需求">升级</a>
+								</div>
+								<div class="entry colGray">陈特
+									<p>10分钟前评论</p>
+								</div>
+							</div>
+						</li>
+						<li>
+							<div class="avtra"><img src="images/avtra_n.jpg"></div>
+							<div class="content">
+								<h4><a href="#" class="opensidebar">这是需求标题(点我打开预览)</a></h4>
+								<p class="colGray">
+								2014-05-08 发布 • 0 个回复 • 27 次浏览
+								</p>
+							</div>
+							<div class="info">
+								<div class="entry demandTab">
+									<a class="dTab" href="#" title="查看话题的需求">Bug</a>
+									<a class="dTab" href="#" title="查看话题的需求">造价软件</a>
+								</div>
+								<div class="entry colGray">陈特
+									<p>10分钟前评论</p>
+								</div>
+							</div>
+						</li>
+						<li>
+							<div class="avtra"><img src="images/avtra_n.jpg"></div>
+							<div class="content">
+								<h4><a href="#">这是需求标题</a></h4>
+								<p class="colGray">
+									2014-05-08 发布 • 0 个回复 • 27 次浏览
+								</p>
+							</div>
+							<div class="info">
+								<div class="entry demandTab">
+									<a class="dTab" href="#" title="查看话题的需求">Bug</a>
+									<a class="dTab" href="#" title="查看话题的需求">造价软件</a>
+								</div>
+								<div class="entry colGray">陈特
+									<p>10分钟前评论</p>
+								</div>
+							</div>
+						</li>
+						<li>
+							<div class="avtra"><img src="images/avtra_n.jpg"></div>
+							<div class="content">
+								<h4><a href="#">这是需求标题</a></h4>
+								<p class="colGray">
+									2014-05-08 发布 • 1 个回复 • 27 次浏览
+								</p>
+							</div>
+							<div class="info">
+								<div class="entry demandTab">
+									<a class="dTab" href="#" title="查看话题的需求">Bug</a>
+									<a class="dTab" href="#" title="查看话题的需求">造价软件</a>
+								</div>
+								<div class="entry colGray">陈特
+									<p>10分钟前评论</p>
+								</div>
+							</div>
+						</li>
+						<li>
+							<div class="avtra"><img src="images/avtra_n.jpg"></div>
+							<div class="content">
+								<h4><a href="#">这是需求标题</a></h4>
+								<p class="colGray">
+									2014-05-08 发布 • 1 个回复 • 27 次浏览
+								</p>
+							</div>
+							<div class="info">
+								<div class="entry demandTab">
+									<a class="dTab" href="#" title="查看话题的需求">Bug</a>
+									<a class="dTab" href="#" title="查看话题的需求">造价软件</a>
+								</div>
+								<div class="entry colGray">陈特
+									<p>10分钟前评论</p>
+								</div>
+							</div>
+						</li>
+						<li>
+							<div class="avtra"><img src="images/avtra_n.jpg"></div>
+							<div class="content">
+								<h4><a href="#">这是需求标题</a></h4>
+								<p class="colGray">
+									2014-05-08 发布 • 1 个回复 • 27 次浏览
+								</p>
+							</div>
+							<div class="info">
+								<div class="entry demandTab">
+									<a class="dTab" href="#" title="查看话题的需求">Bug</a>
+									<a class="dTab" href="#" title="查看话题的需求">造价软件</a>
+								</div>
+								<div class="entry colGray">陈特
+									<p>10分钟前评论</p>
+								</div>
+							</div>
+						</li>
+						<li>
+							<div class="avtra"><img src="images/avtra_n.jpg"></div>
+							<div class="content">
+								<h4><a href="#" class="opensidebar">这是需求标题(点我打开预览)</a></h4>
+								<p class="colGray">
+								2014-05-08 发布 • 0 个回复 • 27 次浏览
+								</p>
+							</div>
+							<div class="info">
+								<div class="entry demandTab">
+									<a class="dTab" href="#" title="查看话题的需求">Bug</a>
+									<a class="dTab" href="#" title="查看话题的需求">造价软件</a>
+								</div>
+								<div class="entry colGray">陈特
+									<p>10分钟前评论</p>
+								</div>
+							</div>
+						</li>
+						<li>
+							<div class="avtra"><img src="images/avtra_n.jpg"></div>
+							<div class="content">
+								<h4><a href="#">这是需求标题</a></h4>
+								<p class="colGray">
+									2014-05-08 发布 • 0 个回复 • 27 次浏览
+								</p>
+							</div>
+							<div class="info">
+								<div class="entry demandTab">
+									<a class="dTab" href="#" title="查看话题的需求">Bug</a>
+									<a class="dTab" href="#" title="查看话题的需求">造价软件</a>
+								</div>
+								<div class="entry colGray">陈特
+									<p>10分钟前评论</p>
+								</div>
+							</div>
+						</li>
+						<li>
+							<div class="avtra"><img src="images/avtra_n.jpg"></div>
+							<div class="content">
+								<h4><a href="#">这是需求标题</a></h4>
+								<p class="colGray">
+									2014-05-08 发布 • 1 个回复 • 27 次浏览
+								</p>
+							</div>
+							<div class="info">
+								<div class="entry demandTab">
+									<a class="dTab" href="#" title="查看话题的需求">Bug</a>
+									<a class="dTab" href="#" title="查看话题的需求">造价软件</a>
+								</div>
+								<div class="entry colGray">陈特
+									<p>10分钟前评论</p>
+								</div>
+							</div>
+						</li>
+						<li>
+							<div class="avtra"><img src="images/avtra_n.jpg"></div>
+							<div class="content">
+								<h4><a href="#">这是需求标题</a></h4>
+								<p class="colGray">
+									2014-05-08 发布 • 1 个回复 • 27 次浏览
+								</p>
+							</div>
+							<div class="info">
+								<div class="entry demandTab">
+									<a class="dTab" href="#" title="查看话题的需求">Bug</a>
+									<a class="dTab" href="#" title="查看话题的需求">造价软件</a>
+								</div>
+								<div class="entry colGray">陈特
+									<p>10分钟前评论</p>
+								</div>
+							</div>
+						</li>
+						<li>
+							<div class="avtra"><img src="images/avtra_n.jpg"></div>
+							<div class="content">
+								<h4><a href="#">这是需求标题</a></h4>
+								<p class="colGray">
+									2014-05-08 发布 • 1 个回复 • 27 次浏览
+								</p>
+							</div>
+							<div class="info">
+								<div class="entry demandTab">
+									<a class="dTab" href="#" title="查看话题的需求">Bug</a>
+									<a class="dTab" href="#" title="查看话题的需求">造价软件</a>
+								</div>
+								<div class="entry colGray">陈特
+									<p>10分钟前评论</p>
+								</div>
+							</div>
+						</li>
+					</ul>
+				</div>
+				<!--翻页-->
+				<div class="demandPage">
+		  				<ul class="pagination fL">
+		  					<li><a href="#">&lt;</a></li>
+		  					<li><a href="#">1</a></li>
+		  					<li class="active"><a href="#">2</a></li>
+		  					<li><a href="#">3</a></li>
+		  					<li><a href="#">4</a></li>
+		  					<li><a href="#">5</a></li>
+		  					<li><a href="#">&gt;</a></li>
+		  				</ul>
+		  	</div>
+				<!--翻页-->
+		    <div class="wrapDetil">
+		    	<div class="demandContent autoHeight" data-spy="scroll" data-target=".side">
+		    		<div class="side fR">
+		    			<ul class="timeLine">
+		    				<li class="year">2015</li>
+		    				<li class="clearfix"><p class="mon">5月</p><p class="day">13</p>
+		    					<div class="con"><p class="colGray">总部 <b>陈特</b></p><p><a href="#" title="打开所属档案" href="demand-library-cate-content.html" target="_blank"><span class="icon-">S</span></a>移至档案</p></div>
+		    				</li>
+		    				<li class="clearfix"><p class="mon">5月</p><p class="day">05</p>
+		    					<div class="con"><p class="colGray">总部 <b>冷淑梅</b></p><p><span class="icon-">T</span>移至开发</p></div>
+		    				</li>
+		    				<li class="clearfix"><p class="mon">5月</p><p class="day">03</p>
+		    					<div class="con"><p class="colGray">广东办 <b>刘飞</b></p><p>发布需求</p></div>
+		    				</li>
+		    			</ul>
+		    		</div>
+		    		<div class="wrap">
+		    			<div class="title">
+		    				<div class="demandTab"><a class="dTab" href="#" title="查看话题的需求">造价软件</a><a class="dTab" href="#" title="查看话题的需求">Bug</a></div>
+		    				<h2>这是需求需求标题</h2>
+		    			</div>
+		    			<div class="content">
+		    				<p>发测试邮件出现错误:Fatal error: Class 'Zend_Mime_Message' not found in /data/home/qxu1606580153/htdocs/system/Zend/Mail.php on line 52</p>
+		    				<br>
+		    				<p><img src="http://smartcost.com.cn/global/img/aboutUs-img-8.jpg"></p>
+		    				<br>
+		    				<p>反馈给万网客服,对方回应:应该是Zend_Mime_Message这个类文件找不到。 这个是zend本身的类库。您检查一下zend的版本,看看zend库是否完整。 我们的测试代码在ZendFramework-1.12.13 版本下测试成功</p>
+		    				<br>
+		    				<p><img src="http://smartcost.com.cn/global/img/zhzdwk2.png"></p>
+
+		    			</div>
+		    			<div class="comment">
+		    				<h1 class="colGray">5 个评论&nbsp;•&nbsp;27 个浏览</h1>
+		    				<div class="commentList">
+		    					<div class="comEntry">
+		    						<div class="item">
+				    					<div class="avtra">
+				    						<img src="images/avatar_15_2.jpg" width="42"><br>
+				    						<a title="四川办">全冰</a>
+				    					</div>
+				    					<div class="post">
+				    						评论内容<img src="images/smilies/2.gif" class="smiley">评论内容
+				    					</div>
+				    					<div class="extra clearfix">
+				    						<span class="fR"><a href="">讨论一下</a></span><span class="colGray fR">6小时前&nbsp;</span>
+				    					</div>
+								    		<!--发布评论-->
+				    					<div class="postCom">
+				    							<div class="quickReplyArrowBox"><span class="quickReplyArrow"></span></div>
+				    							<textarea rows="3" class="quickArea"></textarea>
+				    							<div class="postBar">
+				    								<div class="fR"><input type="button" value="提交" class="btn btn-mini btn-warning"></div>
+				    								<div class="smile"><img src="images/smile.png" class="smileImg" title="使用表情"><img src="images/file.png" class="fileImg" title="添加文件">
+				    									<!--表情-->
+				    									<div class="smileItem">
+				    										<ul class="smileBox" style="display: block;">
+													        <li><a href="javascript:void(0)" class="smile1" default-data="[糗大了]" title="糗大了" _hover-ignore="1"></a></li>
+													        <li><a href="javascript:void(0)" class="smile2" default-data="[示爱]" title="示爱" _hover-ignore="1"></a></li>
+													        <li><a href="javascript:void(0)" class="smile3" default-data="[晕]" title="晕" _hover-ignore="1"></a></li>
+													        <li><a href="javascript:void(0)" class="smile4" default-data="[酷]" title="酷"></a></li>
+													        <li><a href="javascript:void(0)" class="smile5" default-data="[流泪]" title="流泪"></a></li>
+													        <li><a href="javascript:void(0)" class="smile6" default-data="[饿了]" title="饿了"></a></li>
+													        <li><a href="javascript:void(0)" class="smile7" default-data="[闭嘴]" title="闭嘴"></a></li>
+													        <li><a href="javascript:void(0)" class="smile8" default-data="[做鬼脸]" title="做鬼脸"></a></li>
+													        <li><a href="javascript:void(0)" class="smile9" default-data="[馋]" title="馋"></a></li>
+													        <li><a href="javascript:void(0)" class="smile10" default-data="[坏笑]" title="坏笑"></a></li>
+													        <li><a href="javascript:void(0)" class="smile11" default-data="[抓狂]" title="抓狂"></a></li>
+													        <li><a href="javascript:void(0)" class="smile12" default-data="[呵呵]" title="呵呵"></a></li>
+													        <li><a href="javascript:void(0)" class="smile13" default-data="[淡定]" title="淡定" _hover-ignore="1"></a></li>
+													        <li><a href="javascript:void(0)" class="smile14" default-data="[冷汗]" title="冷汗" _hover-ignore="1"></a></li>
+													        <li><a href="javascript:void(0)" class="smile15" default-data="[色]" title="色" _hover-ignore="1"></a></li>
+													        <li><a href="javascript:void(0)" class="smile16" default-data="[惊讶]" title="惊讶" _hover-ignore="1"></a></li>
+													        <li><a href="javascript:void(0)" class="smile17" default-data="[希望]" title="希望"></a></li>
+													        <li><a href="javascript:void(0)" class="smile18" default-data="[伤心]" title="伤心" _hover-ignore="1"></a></li>
+													        <li><a href="javascript:void(0)" class="smile19" default-data="[微笑]" title="微笑"></a></li>
+													        <li><a href="javascript:void(0)" class="smile20" default-data="[惊吓]" title="惊吓"></a></li>
+													        <li><a href="javascript:void(0)" class="smile21" default-data="[哈哈]" title="哈哈"></a></li>
+													        <li><a href="javascript:void(0)" class="smile22" default-data="[吃饭]" title="吃饭"></a></li>
+													    </ul>
+				    									</div>
+				    									<!--表情-->
+				    								</div>
+				    							</div>
+				    							<div class="fileBar">
+				    								<table class="table table-condensed">
+				    									<thead><td>文件列表</td><td></td></thead>
+				    									<tr><td><a>asdasdas.jpg</a></td><td width="20"><a class="icon-">k</a></td></tr>
+				    									<tr><td><a>测试.doc</a></td><td width="20"><a class="icon-">k</a></td></tr>
+				    								</table>
+				    							</div>
+				    						<!--发布评论-->
+				    				</div>
+		    						<!--二级评论-->
+				    				<div class="reCom">
+				    					<div class="comEntry">
+				    						<div class="item">
+						    					<div class="avtra">
+						    						<img src="images/avatar_2_2.jpg" width="42"><br>
+						    						<a title="浙江办">陈帅</a>
+						    					</div>
+						    					<div class="post">
+						    						<p>评论内容评论内容评论内容评论内容</p>
+						    					</div>
+						    					<div class="extra clearfix">
+						    						<span class="fR"><a href="">@Ta</a></span><span class="colGray fR">2015-05-06&nbsp;</span>
+						    					</div>
+								    		<!--发布评论-->
+				    							<div class="postCom">
+				    							<div class="quickReplyArrowBox"><span class="quickReplyArrow"></span></div>
+				    							<textarea rows="3" class="quickArea">@陈帅 </textarea>
+				    							<div class="postBar">
+				    								<div class="fR"><input type="button" value="提交" class="btn btn-mini btn-warning"></div>
+				    								<div class="smile"><img src="images/smile.png" class="smileImg" title="使用表情"><img src="images/file.png" class="fileImg" title="添加文件">
+				    									<!--表情-->
+				    									<div class="smileItem">
+				    										<ul class="smileBox" style="display: block;">
+													        <li><a href="javascript:void(0)" class="smile1" default-data="[糗大了]" title="糗大了" _hover-ignore="1"></a></li>
+													        <li><a href="javascript:void(0)" class="smile2" default-data="[示爱]" title="示爱" _hover-ignore="1"></a></li>
+													        <li><a href="javascript:void(0)" class="smile3" default-data="[晕]" title="晕" _hover-ignore="1"></a></li>
+													        <li><a href="javascript:void(0)" class="smile4" default-data="[酷]" title="酷"></a></li>
+													        <li><a href="javascript:void(0)" class="smile5" default-data="[流泪]" title="流泪"></a></li>
+													        <li><a href="javascript:void(0)" class="smile6" default-data="[饿了]" title="饿了"></a></li>
+													        <li><a href="javascript:void(0)" class="smile7" default-data="[闭嘴]" title="闭嘴"></a></li>
+													        <li><a href="javascript:void(0)" class="smile8" default-data="[做鬼脸]" title="做鬼脸"></a></li>
+													        <li><a href="javascript:void(0)" class="smile9" default-data="[馋]" title="馋"></a></li>
+													        <li><a href="javascript:void(0)" class="smile10" default-data="[坏笑]" title="坏笑"></a></li>
+													        <li><a href="javascript:void(0)" class="smile11" default-data="[抓狂]" title="抓狂"></a></li>
+													        <li><a href="javascript:void(0)" class="smile12" default-data="[呵呵]" title="呵呵"></a></li>
+													        <li><a href="javascript:void(0)" class="smile13" default-data="[淡定]" title="淡定" _hover-ignore="1"></a></li>
+													        <li><a href="javascript:void(0)" class="smile14" default-data="[冷汗]" title="冷汗" _hover-ignore="1"></a></li>
+													        <li><a href="javascript:void(0)" class="smile15" default-data="[色]" title="色" _hover-ignore="1"></a></li>
+													        <li><a href="javascript:void(0)" class="smile16" default-data="[惊讶]" title="惊讶" _hover-ignore="1"></a></li>
+													        <li><a href="javascript:void(0)" class="smile17" default-data="[希望]" title="希望"></a></li>
+													        <li><a href="javascript:void(0)" class="smile18" default-data="[伤心]" title="伤心" _hover-ignore="1"></a></li>
+													        <li><a href="javascript:void(0)" class="smile19" default-data="[微笑]" title="微笑"></a></li>
+													        <li><a href="javascript:void(0)" class="smile20" default-data="[惊吓]" title="惊吓"></a></li>
+													        <li><a href="javascript:void(0)" class="smile21" default-data="[哈哈]" title="哈哈"></a></li>
+													        <li><a href="javascript:void(0)" class="smile22" default-data="[吃饭]" title="吃饭"></a></li>
+													    </ul>
+				    									</div>
+				    									<!--表情-->
+				    								</div>
+				    							</div>
+				    						<!--发布评论-->
+						    				</div>
+				    					</div>
+				    					<div class="comEntry">
+				    						<div class="item">
+						    					<div class="avtra">
+						    						<img src="images/avatar_33_2.jpg" width="42"><br>
+						    						<a title="总部">杨福芳</a>
+						    					</div>
+						    					<div class="post">
+						    						<p><span class="colBlue">@陈帅</span> 评论内容评论内容评论内容评论内容</p>
+						    					</div>
+						    					<div class="extra clearfix">
+						    						<span class="fR"><a href="">@Ta</a></span><span class="colGray fR">6小时前&nbsp;</span>
+						    					</div>
+						    				</div>
+				    					</div>
+				    				</div>
+		    					</div>
+		    					<!--一条评论-->
+		    					<div class="comEntry">
+		    						<div class="item">
+				    					<div class="avtra">
+				    						<img src="images/avatar_15_2.jpg" width="42"><br>
+				    						<a title="四川办">全冰</a>
+				    					</div>
+				    					<div class="post">
+				    						<p>评论内容</p>
+				    						<ul class="fileItem">
+				    							<li><a href="#" target="_blank">QQ截图20150604165625.png</a></li>
+				    							<li><a href="#" target="_blank">网站客户服务记录.xlsx</a></li>
+				    						</ul>
+				    					</div>
+				    					<div class="extra clearfix">
+				    						<span class="fR"><a href="">讨论一下</a></span><span class="colGray fR">6小时前&nbsp;</span>
+				    					</div>
+				    				</div>
+		    					</div>
+		    					<!--一条评论-->
+		    					<div class="comEntry">
+		    						<div class="item">
+				    					<div class="avtra">
+				    						<img src="images/avatar_6_2.jpg" width="42"><br>
+				    						<a title="广东办">刘飞</a>
+				    					</div>
+				    					<div class="post">
+				    						评论内容
+				    					</div>
+				    					<div class="extra clearfix">
+				    						<span class="fR"><a href="">讨论一下</a></span><span class="colGray fR">6小时前&nbsp;</span>
+				    					</div>
+				    				</div>
+		    					</div>
+		    					<!--发布评论-->
+		    					<!--发布评论-->
+		    				</div>
+		    			</div>
+		    		</div>
+		    	</div>
+		    </div>
+			</div>
+		</div>
+	</div>
+<script type="text/javascript">autoFlashHeight();</script>	
+</body>

Разлика између датотеке није приказан због своје велике величине
+ 544 - 0
demand-tab-list.html


Разлика између датотеке није приказан због своје велике величине
+ 220 - 0
demand-tab.html


BIN
images/03_Waterfall_x.mp4


BIN
images/04_picnic_x.mp4


BIN
images/13_nature_l.mp4



BIN
images/avatar-1.png


BIN
images/avatar-2.png


BIN
images/avatar-3.png


BIN
images/avatar-4.png


BIN
images/avatar-5.png


BIN
images/avatar-6.png


BIN
images/avatar_15_2.jpg


+ 0 - 0
images/avatar_2_2.jpg


Неке датотеке нису приказане због велике количине промена