建筑激活码密码修改显示方式

building-code.html

@@ -45,14 +45,14 @@
 		  				<table class="buildingUl">
 		  					<tbody>
 		  						<tr>
-		  							<td width="150">激活码编号</td>
-			  						<td width="300">激活码密码</td>
-			  						<td width="80">办事处</td>
+		  							<td width="200">激活码编号</td>
+			  						<td width="150">激活码密码</td>
+			  						<td width="100">办事处</td>
 			  						<td width="120">出库</td>
 			  						<td width="75">责任人</td>
-			  						<td width="70">状态</td>
+			  						<td width="90">状态</td>
 			  						<td width="90">客户</td>
-			  						<td width="110">通行帐号手机号</td>
+			  						<td width="150">通行帐号手机号</td>
 			  						<td>激活时间</td>
 		  						</tr>
 		  					</tbody>
@@ -62,179 +62,25 @@
 	  			<div class="contactList autoHeightL2">
 	  				<table class="contactTable">
 	  					<tr>
-	  						<td width="150"><a href="#">DG-180400010</a></td>
-	  						<td width="300">0000-0000-0000-0001</td>
-	  						<td width="80">广东办</td>
+	  						<td width="200"><a href="#">DG-180400010</a></td>
+	  						<td width="150"><a href="#">查看密码</a></td>
+	  						<td width="100">广东办</td>
 	  						<td width="120">2018-04-01</td>
 	  						<td width="75"><a href="#">刘飞</a></td>
-	  						<td width="70">已激活</td>
+	  						<td width="90">已激活</td>
 	  						<td width="90"><a href="#">周乃君</a></td>
-	  						<td width="110"><a href="#">18225880860</a></td>
+	  						<td width="150"><a href="#">18225880860</a></td>
 	  						<td>2018-04-02</td>
 	  					</tr>
 	  					<tr>
-	  						<td width="150"><a href="#">DG-180400010</a></td>
-	  						<td width="300">0000-0000-0000-0001</td>
-	  						<td width="80">广东办</td>
+	  						<td width="200"><a href="#">DG-180400010</a></td>
+	  						<td width="150"><a href="#">查看密码</a><!-- 0000-0000-0000-0001 --></td>
+	  						<td width="100">广东办</td>
 	  						<td width="120">2018-04-01</td>
 	  						<td width="75"><a href="#">刘飞</a></td>
-	  						<td width="70">未激活</td>
-	  						<td width="90"></td>
-	  						<td width="110"></td>
-	  						<td></td>
-	  					</tr>
-	  					<tr>
-	  						<td width="150"><a href="#">DG-180400010</a></td>
-	  						<td width="300">0000-0000-0000-0001</td>
-	  						<td width="80">广东办</td>
-	  						<td width="120">2018-04-01</td>
-	  						<td width="75"><a href="#">刘飞</a></td>
-	  						<td width="70">未激活</td>
-	  						<td width="90"></td>
-	  						<td width="110"></td>
-	  						<td></td>
-	  					</tr>
-	  					<tr>
-	  						<td width="150"><a href="#">DG-180400010</a></td>
-	  						<td width="300">0000-0000-0000-0001</td>
-	  						<td width="80">广东办</td>
-	  						<td width="120">2018-04-01</td>
-	  						<td width="75"><a href="#">刘飞</a></td>
-	  						<td width="70">未激活</td>
-	  						<td width="90"></td>
-	  						<td width="110"></td>
-	  						<td></td>
-	  					</tr>
-	  					<tr>
-	  						<td width="150"><a href="#">DG-180400010</a></td>
-	  						<td width="300">0000-0000-0000-0001</td>
-	  						<td width="80">广东办</td>
-	  						<td width="120">2018-04-01</td>
-	  						<td width="75"><a href="#">刘飞</a></td>
-	  						<td width="70">已激活</td>
-	  						<td width="90"><a href="#">周乃君</a></td>
-	  						<td width="110"><a href="#">18225880860</a></td>
-	  						<td>2018-04-02</td>
-	  					</tr>
-	  					<tr>
-	  						<td width="150"><a href="#">DG-180400010</a></td>
-	  						<td width="300">0000-0000-0000-0001</td>
-	  						<td width="80">广东办</td>
-	  						<td width="120">2018-04-01</td>
-	  						<td width="75"><a href="#">刘飞</a></td>
-	  						<td width="70">已激活</td>
-	  						<td width="90"><a href="#">周乃君</a></td>
-	  						<td width="110"><a href="#">18225880860</a></td>
-	  						<td>2018-04-02</td>
-	  					</tr>
-	  					<tr>
-	  						<td width="150"><a href="#">DG-180400010</a></td>
-	  						<td width="300">0000-0000-0000-0001</td>
-	  						<td width="80">广东办</td>
-	  						<td width="120">2018-04-01</td>
-	  						<td width="75"><a href="#">刘飞</a></td>
-	  						<td width="70">已激活</td>
-	  						<td width="90"><a href="#">周乃君</a></td>
-	  						<td width="110"><a href="#">18225880860</a></td>
-	  						<td>2018-04-02</td>
-	  					</tr>
-	  					<tr>
-	  						<td width="150"><a href="#">DG-180400010</a></td>
-	  						<td width="300">0000-0000-0000-0001</td>
-	  						<td width="80">广东办</td>
-	  						<td width="120">2018-04-01</td>
-	  						<td width="75"><a href="#">刘飞</a></td>
-	  						<td width="70">已激活</td>
-	  						<td width="90"><a href="#">周乃君</a></td>
-	  						<td width="110"><a href="#">18225880860</a></td>
-	  						<td>2018-04-02</td>
-	  					</tr>
-	  					<tr>
-	  						<td width="150"><a href="#">DG-180400010</a></td>
-	  						<td width="300">0000-0000-0000-0001</td>
-	  						<td width="80">广东办</td>
-	  						<td width="120">2018-04-01</td>
-	  						<td width="75"><a href="#">刘飞</a></td>
-	  						<td width="70">已激活</td>
-	  						<td width="90"><a href="#">周乃君</a></td>
-	  						<td width="110"><a href="#">18225880860</a></td>
-	  						<td>2018-04-02</td>
-	  					</tr>
-	  					<tr>
-	  						<td width="150"><a href="#">DG-180400010</a></td>
-	  						<td width="300">0000-0000-0000-0001</td>
-	  						<td width="80">广东办</td>
-	  						<td width="120">2018-04-01</td>
-	  						<td width="75"><a href="#">刘飞</a></td>
-	  						<td width="70">已激活</td>
-	  						<td width="90"><a href="#">周乃君</a></td>
-	  						<td width="110"><a href="#">18225880860</a></td>
-	  						<td>2018-04-02</td>
-	  					</tr>
-	  					<tr>
-	  						<td width="150"><a href="#">DG-180400010</a></td>
-	  						<td width="300">0000-0000-0000-0001</td>
-	  						<td width="80">广东办</td>
-	  						<td width="120">2018-04-01</td>
-	  						<td width="75"><a href="#">刘飞</a></td>
-	  						<td width="70">已激活</td>
-	  						<td width="90"><a href="#">周乃君</a></td>
-	  						<td width="110"><a href="#">18225880860</a></td>
-	  						<td>2018-04-02</td>
-	  					</tr>
-	  					<tr>
-	  						<td width="150"><a href="#">DG-180400010</a></td>
-	  						<td width="300">0000-0000-0000-0001</td>
-	  						<td width="80">广东办</td>
-	  						<td width="120">2018-04-01</td>
-	  						<td width="75"><a href="#">刘飞</a></td>
-	  						<td width="70">已激活</td>
-	  						<td width="90"><a href="#">周乃君</a></td>
-	  						<td width="110"><a href="#">18225880860</a></td>
-	  						<td>2018-04-02</td>
-	  					</tr>
-	  					<tr>
-	  						<td width="150"><a href="#">DG-180400010</a></td>
-	  						<td width="300">0000-0000-0000-0001</td>
-	  						<td width="80">广东办</td>
-	  						<td width="120">2018-04-01</td>
-	  						<td width="75"><a href="#">刘飞</a></td>
-	  						<td width="70">已激活</td>
-	  						<td width="90"><a href="#">周乃君</a></td>
-	  						<td width="110"><a href="#">18225880860</a></td>
-	  						<td>2018-04-02</td>
-	  					</tr>
-	  					<tr>
-	  						<td width="150"><a href="#">DG-180400010</a></td>
-	  						<td width="300">0000-0000-0000-0001</td>
-	  						<td width="80">广东办</td>
-	  						<td width="120">2018-04-01</td>
-	  						<td width="75"><a href="#">刘飞</a></td>
-	  						<td width="70">已激活</td>
-	  						<td width="90"><a href="#">周乃君</a></td>
-	  						<td width="110"><a href="#">18225880860</a></td>
-	  						<td>2018-04-02</td>
-	  					</tr>
-	  					<tr>
-	  						<td width="150"><a href="#">DG-180400010</a></td>
-	  						<td width="300">0000-0000-0000-0001</td>
-	  						<td width="80">广东办</td>
-	  						<td width="120">2018-04-01</td>
-	  						<td width="75"><a href="#">刘飞</a></td>
-	  						<td width="70">已激活</td>
-	  						<td width="90"><a href="#">周乃君</a></td>
-	  						<td width="110"><a href="#">18225880860</a></td>
-	  						<td>2018-04-02</td>
-	  					</tr>
-	  					<tr>
-	  						<td width="150"><a href="#">DG-180400010</a></td>
-	  						<td width="300">0000-0000-0000-0001</td>
-	  						<td width="80">广东办</td>
-	  						<td width="120">2018-04-01</td>
-	  						<td width="75"><a href="#">刘飞</a></td>
-	  						<td width="70">已激活</td>
+	  						<td width="90">已激活</td>
 	  						<td width="90"><a href="#">周乃君</a></td>
-	  						<td width="110"><a href="#">18225880860</a></td>
+	  						<td width="150"><a href="#">18225880860</a></td>
 	  						<td>2018-04-02</td>
 	  					</tr>
 	  				</table>
@@ -243,7 +89,7 @@
 	  		<div class="lockDetil fL">
 	  			<div class="header">
 	  				<h1>DG-180400010</h1>
-	  				<h2>0000-0000-0000-0001</h2>
+	  				<!-- <h2>0000-0000-0000-0001</h2> -->
 	  			</div>
 	  			<div class="lockRecord autoHeightR2">
 	  				<div class="toolItem clearfix">

building-codeKey.html

@@ -0,0 +1,118 @@
+<!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="building-code.html" class="icon- selected">e</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='building-code-add.html'"></div>
+			</div>			
+	  		<div class="contactDatabase fL">
+	  			<div class="contactCate">
+	  				<ul class="cateList">
+	  					<li class="clearfix filter"><select><option>广东专业版</option></select>&nbsp;<select><option>2018</option></select>&nbsp;<select><option>广东办</option></select>&nbsp;<select><option>香洲区</option></select>&nbsp;<select><option>负责人</option></select>&nbsp;<select><option>借出</option></select>&nbsp;<select><option>已激活</option></select></li>
+	  				</ul>
+	  				<div class="contactTableHead">
+		  				<table class="buildingUl">
+		  					<tbody>
+		  						<tr>
+		  							<td width="200">激活码编号</td>
+			  						<td width="150">激活码密码</td>
+			  						<td width="100">办事处</td>
+			  						<td width="120">出库</td>
+			  						<td width="75">责任人</td>
+			  						<td width="90">状态</td>
+			  						<td width="90">客户</td>
+			  						<td width="150">通行帐号手机号</td>
+			  						<td>激活时间</td>
+		  						</tr>
+		  					</tbody>
+		  				</table>
+		  			</div>
+	  			</div>
+	  			<div class="contactList autoHeightL2">
+	  				<table class="contactTable">
+	  					<tr>
+	  						<td width="200"><a href="#">DG-180400010</a></td>
+	  						<td width="150"><a href="#">查看密码</a></td>
+	  						<td width="100">广东办</td>
+	  						<td width="120">2018-04-01</td>
+	  						<td width="75"><a href="#">刘飞</a></td>
+	  						<td width="90">已激活</td>
+	  						<td width="90"><a href="#">周乃君</a></td>
+	  						<td width="150"><a href="#">18225880860</a></td>
+	  						<td>2018-04-02</td>
+	  					</tr>
+	  					<tr>
+	  						<td width="200"><a href="#">DG-180400010</a></td>
+	  						<td width="150"><a href="#">查看密码</a></td>
+	  						<td width="100">广东办</td>
+	  						<td width="120">2018-04-01</td>
+	  						<td width="75"><a href="#">刘飞</a></td>
+	  						<td width="90">已激活</td>
+	  						<td width="90"><a href="#">周乃君</a></td>
+	  						<td width="150"><a href="#">18225880860</a></td>
+	  						<td>2018-04-02</td>
+	  					</tr>
+	  				</table>
+	  			</div>
+	  		</div>
+	  		<div class="lockDetil fL">
+	  			<div class="header">
+	  				<h1>DG-180400010</h1>
+	  				<!-- <h2>0000-0000-0000-0001</h2> -->
+	  			</div>
+	  			<div class="lockRecord autoHeightR2">
+	  				<div class="toolItem clearfix">
+							<form >
+							  <div class="control-group">
+							    <label class="control-label" for="inputPassword">产品</label>
+							    <div class="controls">
+							      <input type="text" value="广东专业版" disabled>
+							    </div>
+							  </div>
+							  <div class="control-group">
+							    <label class="control-label" for="inputPassword">激活码密码</label>
+							    <div class="controls">
+							      <input type="text" value="0000-0000-0000-0001" readonly="" onfocus="this.select()" onmouseover="this.focus()">
+							      <p><button class="copy">复制</button></p>
+							      <p style="color:#999;">如果“复制”按钮无法使用，请全选后选择快捷键Ctrl C复制，或者鼠标右键激活码密码使用复制选项</p>
+							    </div>
+							  </div>
+							</form>
+	  				</div>
+	  			</div>
+				</div>
+		</div>
+	</div>
+<script type="text/javascript">autoFlashHeight();</script>	
+</body>

css/global.css

@@ -3788,3 +3788,11 @@ td div.dlLev3{
 .btn-undone:active{
   background:#2a4f00;
 }
+
+.copy{
+  margin-bottom: 5px;
+  background:#fff;
+  color:#333;
+  padding:2px 10px;
+  border:1px solid #ccc;
+}