Prechádzať zdrojové kódy

后台用户管理新增“备注”信息,“审批标段“”创建标段“ 和 ”创建项目“ 信息”

Chente 8 rokov pred
rodič
commit
c19fbad16a
4 zmenil súbory, kde vykonal 238 pridanie a 46 odobranie
  1. 16 10
      admin-addUser.html
  2. 62 24
      admin-editUser.html
  3. 15 11
      admin-userlist.html
  4. 145 1
      js/bootstrap.js

+ 16 - 10
admin-addUser.html

@@ -1,15 +1,15 @@
 <!DOCTYPE html>
-<html lang=zh-cn> 
+<html lang=zh-cn>
 <head>
-	<meta charset=utf-8> 
-	<title>纵横计量支付系统</title> 
-	<meta name=description content=计量支付> 
-	<meta name=copyright content=smartcost.com.cn> 
-	<link rel=stylesheet href=css/bootstrap.css> 
+	<meta charset=utf-8>
+	<title>纵横计量支付系统</title>
+	<meta name=description content=计量支付>
+	<meta name=copyright content=smartcost.com.cn>
+	<link rel=stylesheet href=css/bootstrap.css>
 	<link rel=stylesheet href=css/style.css>
-	<script src=js/jquery-1.9.1.min.js></script> 
-	<script src=js/bootstrap.js></script>  
-	<script src=js/jl.js></script>  
+	<script src=js/jquery-1.9.1.min.js></script>
+	<script src=js/bootstrap.js></script>
+	<script src=js/jl.js></script>
 </head>
 <body>
 <div class="wrapHeader">
@@ -63,6 +63,12 @@
 				        		<input type="text" placeholder="输入联系电话(手机)">
 				        	</div>
 				        </div>
+						<div class="control-group">
+				        	<label class="control-label">备注</label>
+				        	<div class="controls">
+				        		<input type="text" placeholder="输入备注信息">
+				        	</div>
+				        </div>
 				     <div class="alert alert-info">
 						    添加成功后,系统将会发送一封确认邮件给该用户,邮件中将包含登录密码。
 						    </div>
@@ -78,4 +84,4 @@
 		</div>
 	</div>
 	<script type="text/javascript">autoFlashHeight();</script>
-</body>
+</body>

+ 62 - 24
admin-editUser.html

@@ -1,15 +1,15 @@
 <!DOCTYPE html>
-<html lang=zh-cn> 
+<html lang=zh-cn>
 <head>
-	<meta charset=utf-8> 
-	<title>纵横计量支付系统</title> 
-	<meta name=description content=计量支付> 
-	<meta name=copyright content=smartcost.com.cn> 
-	<link rel=stylesheet href=css/bootstrap.css> 
-	<link rel=stylesheet href=css/style.css> 
-	<script src=js/jquery-1.9.1.min.js></script> 
-	<script src=js/bootstrap.js></script>  
-	<script src=js/jl.js></script> 
+	<meta charset=utf-8>
+	<title>纵横计量支付系统</title>
+	<meta name=description content=计量支付>
+	<meta name=copyright content=smartcost.com.cn>
+	<link rel=stylesheet href=css/bootstrap.css>
+	<link rel=stylesheet href=css/style.css>
+	<script src=js/jquery-1.9.1.min.js></script>
+	<script src=js/bootstrap.js></script>
+	<script src=js/jl.js></script>
 </head>
 <body>
 <div class="wrapHeader">
@@ -62,7 +62,13 @@
 				        	<div class="controls">
 				        		<input type="text" placeholder="输入联系电话(手机)">
 				        	</div>
-				        </div> 
+				        </div>
+						<div class="control-group">
+				        	<label class="control-label">备注</label>
+				        	<div class="controls">
+				        		<input type="text" placeholder="输入备注信息">
+				        	</div>
+				        </div>
 			              <div class="control-group">
 			                <label class="control-label" for="inputEmail">短信通知</label>
 			                <div class="controls">
@@ -83,21 +89,53 @@
 				        </div>
 					</fieldset>
 				</form>
-				<div class="userPrj">
-					<legend>该用户参与的标段</legend>
-					<table class="table table-striped">
-					<thead>
-						<tr><th>项目名称</th><th>标段名称</th></tr>
-					</thead>
-					<tbody>
-						<tr><td>XXXX项目</td><td>A标段</td></tr>
-						<tr><td>XXXX项目</td><td>B标段</td></tr>
-						<tr><td>XXXX项目</td><td>C标段</td></tr>
-					</tbody>
-					</table>
+				<div class="tabbable">
+					<ul class="nav nav-tabs">
+						<li class="active"><a href="#tab1" data-toggle="tab">该用户审批标段</a></li>
+						<li><a href="#tab2" data-toggle="tab">该用户创建标段</a></li>
+						<li><a href="#tab3" data-toggle="tab">该用户创建项目</a></li>
+					</ul>
+					<div class="tab-content">
+						<div class="tab-pane active" id="tab1">
+							<table class="table table-striped">
+							<thead>
+								<tr><th>标段名称</th><th>所属项目</th></tr>
+							</thead>
+							<tbody>
+								<tr><td>A标段</td><td>XXXX项目</td></tr>
+								<tr><td>B标段</td><td>XXXX项目</td></tr>
+								<tr><td>C标段</td><td>XXXX项目</td></tr>
+							</tbody>
+							</table>
+						</div>
+						<div class="tab-pane" id="tab2">
+							<table class="table table-striped">
+								<thead>
+									<tr><th>标段名称</th><th>所属项目</th><th>创建时间</th></tr>
+								</thead>
+								<tbody>
+									<tr><td>A标段</td><td>XXXX项目</td><td>2017-03-09 09:30:30</td></tr>
+									<tr><td>B标段</td><td>XXXX项目</td><td>2017-03-09 09:30:30</td></tr>
+									<tr><td>C标段</td><td>XXXX项目</td><td>2017-03-09 09:30:30</td></tr>
+								</tbody>
+							</table>
+						</div>
+						<div class="tab-pane" id="tab3">
+							<table class="table table-striped">
+								<thead>
+									<tr><th>项目名称</th><th>创建时间</th></tr>
+								</thead>
+								<tbody>
+									<tr><td>XXXX项目</td><td>2017-03-09 09:30:30</td></tr>
+									<tr><td>XXXX项目</td><td>2017-03-09 09:30:30</td></tr>
+									<tr><td>XXXX项目</td><td>2017-03-09 09:30:30</td></tr>
+								</tbody>
+							</table>
+						</div>
+					</div>
 				</div>
 			</div>
 		</div>
 	</div>
 	<script type="text/javascript">autoFlashHeight();</script>
-</body>
+</body>

+ 15 - 11
admin-userlist.html

@@ -1,15 +1,15 @@
 <!DOCTYPE html>
-<html lang=zh-cn> 
+<html lang=zh-cn>
 <head>
-	<meta charset=utf-8> 
-	<title>纵横计量支付系统</title> 
-	<meta name=description content=计量支付> 
-	<meta name=copyright content=smartcost.com.cn> 
-	<link rel=stylesheet href=css/bootstrap.css> 
-	<link rel=stylesheet href=css/style.css> 
-	<script src=js/jquery-1.9.1.min.js></script> 
-	<script src=js/bootstrap.js></script>  
-	<script src=js/jl.js></script> 
+	<meta charset=utf-8>
+	<title>纵横计量支付系统</title>
+	<meta name=description content=计量支付>
+	<meta name=copyright content=smartcost.com.cn>
+	<link rel=stylesheet href=css/bootstrap.css>
+	<link rel=stylesheet href=css/style.css>
+	<script src=js/jquery-1.9.1.min.js></script>
+	<script src=js/bootstrap.js></script>
+	<script src=js/jl.js></script>
 </head>
 <body>
 <div class="wrapHeader">
@@ -40,6 +40,7 @@
                   <th>姓名</th>
                   <th>单位(公司)</th>
                   <th>职位</th>
+                  <th>备注</th>
                   <th>联系电话</th>
                   <th>短信通知</th>
                   <th>邮箱(登录使用)</th>
@@ -52,6 +53,7 @@
                   <td>陈工</td>
                   <td>XXX公司</td>
                   <td>编制人</td>
+									<td>备注内容</td>
                   <td>0756-3850888</td>
                   <td>12345678901</td>
                   <td>sg@qq.com</td>
@@ -62,6 +64,7 @@
                   <td>蔡工</td>
                   <td>XXX公司</td>
                   <td>审批人</td>
+									<td>备注内容</td>
                   <td>0756-3850888,1234567890</td>
                   <td>12345678901</td>
                   <td>sp1@qq.com</td>
@@ -72,6 +75,7 @@
                   <td>任杰</td>
                   <td>XXX公司</td>
                   <td>审批人</td>
+									<td>备注内容</td>
                   <td>0756-3850888</td>
                   <td>12345678901</td>
                   <td>sp2@qq.com</td>
@@ -99,4 +103,4 @@
   </div>
 	<!--重置密码-->
 	<script type="text/javascript">autoFlashHeight();</script>
-</body>
+</body>

+ 145 - 1
js/bootstrap.js

@@ -1434,4 +1434,148 @@
     })
   })
 
-}(window.jQuery);
+}(window.jQuery);
+/* ========================================================
+ * bootstrap-tab.js v2.3.2
+ * http://twbs.github.com/bootstrap/javascript.html#tabs
+ * ========================================================
+ * Copyright 2013 Twitter, Inc.
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ * http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ * ======================================================== */
+
+
+!function ($) {
+
+  "use strict"; // jshint ;_;
+
+
+ /* TAB CLASS DEFINITION
+  * ==================== */
+
+  var Tab = function (element) {
+    this.element = $(element)
+  }
+
+  Tab.prototype = {
+
+    constructor: Tab
+
+  , show: function () {
+      var $this = this.element
+        , $ul = $this.closest('ul:not(.dropdown-menu)')
+        , selector = $this.attr('data-target')
+        , previous
+        , $target
+        , e
+
+      if (!selector) {
+        selector = $this.attr('href')
+        selector = selector && selector.replace(/.*(?=#[^\s]*$)/, '') //strip for ie7
+      }
+
+      if ( $this.parent('li').hasClass('active') ) return
+
+      previous = $ul.find('.active:last a')[0]
+
+      e = $.Event('show', {
+        relatedTarget: previous
+      })
+
+      $this.trigger(e)
+
+      if (e.isDefaultPrevented()) return
+
+      $target = $(selector)
+
+      this.activate($this.parent('li'), $ul)
+      this.activate($target, $target.parent(), function () {
+        $this.trigger({
+          type: 'shown'
+        , relatedTarget: previous
+        })
+      })
+    }
+
+  , activate: function ( element, container, callback) {
+      var $active = container.find('> .active')
+        , transition = callback
+            && $.support.transition
+            && $active.hasClass('fade')
+
+      function next() {
+        $active
+          .removeClass('active')
+          .find('> .dropdown-menu > .active')
+          .removeClass('active')
+
+        element.addClass('active')
+
+        if (transition) {
+          element[0].offsetWidth // reflow for transition
+          element.addClass('in')
+        } else {
+          element.removeClass('fade')
+        }
+
+        if ( element.parent('.dropdown-menu') ) {
+          element.closest('li.dropdown').addClass('active')
+        }
+
+        callback && callback()
+      }
+
+      transition ?
+        $active.one($.support.transition.end, next) :
+        next()
+
+      $active.removeClass('in')
+    }
+  }
+
+
+ /* TAB PLUGIN DEFINITION
+  * ===================== */
+
+  var old = $.fn.tab
+
+  $.fn.tab = function ( option ) {
+    return this.each(function () {
+      var $this = $(this)
+        , data = $this.data('tab')
+      if (!data) $this.data('tab', (data = new Tab(this)))
+      if (typeof option == 'string') data[option]()
+    })
+  }
+
+  $.fn.tab.Constructor = Tab
+
+
+ /* TAB NO CONFLICT
+  * =============== */
+
+  $.fn.tab.noConflict = function () {
+    $.fn.tab = old
+    return this
+  }
+
+
+ /* TAB DATA-API
+  * ============ */
+
+  $(document).on('click.tab.data-api', '[data-toggle="tab"], [data-toggle="pill"]', function (e) {
+    e.preventDefault()
+    $(this).tab('show')
+  })
+
+}(window.jQuery);