Chente 9 năm trước cách đây
commit
ad303ff5ae

+ 102 - 0
add-server.html

@@ -0,0 +1,102 @@
+<!DOCTYPE html>
+<html lang=zh-cn> 
+<head>
+  <meta charset=utf-8> 
+  <title>VC</title> 
+  <meta name=description content="VC">   
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <meta name="renderer" content="webkit">
+  <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/global.js></script> 
+</head>
+<body>
+  <div class="side-nav">
+    <h1>VC</h1>
+    <ul>
+      <li data-toggle="tooltip" data-placement="right" title="客户机列表"><a href="main.html" class="active"><i class="glyphicon glyphicon-list"></i></a></li>
+      <li data-toggle="tooltip" data-placement="right" title="退出登录"><a href="set-cate.html"><i class="glyphicon glyphicon-off"></i></a></li>
+    </ul>
+  </div>
+  <div class="warp-content">
+    <div class="container">
+      <div class="page-header">
+        <h2 id="basis-info">添加客户机</h2>
+      </div>
+      <div class="row">
+        <div class="col-md-9">
+          <!--基础信息-->
+          <div class="tc-section">
+              <div class="form-group ">
+                <label>客户机名称</label>
+                <div class="row">
+                  <div class="col-xs-5">
+                    <input type="text" class="form-control input-sm" placeholder="">
+                  </div>
+                </div>
+              </div>
+              <div class="form-group ">
+                <label>服务器</label>
+                <div class="row">
+                  <div class="col-xs-3"><select class="form-control input-sm"><option>选择服务器</option><option>服务器A(120.24.54.118)</option><option>服务器B(120.24.94.156)</option><option>服务器C(120.24.78.161)</option><option>服务器D(120.25.103.35)</option></select></div>
+                </div>
+              </div>
+              <div class="form-group">
+                <label>通讯地址</label>
+                <div class="row">
+                  <div class="col-xs-5">
+                    <input type="text" class="form-control input-sm" placeholder="">
+                  </div>
+                </div>
+              </div>
+              <div class="form-group">
+                <label>域名</label>
+                <div class="row">
+                  <div class="col-xs-5">
+                    <input type="text" class="form-control input-sm" placeholder="">
+                  </div>
+                </div>
+              </div>
+              <div class="form-group">
+                <label>销售负责人</label>
+                <div class="row">
+                  <div class="col-xs-5">
+                    <input type="text" class="form-control input-sm" placeholder="">
+                  </div>
+                </div>
+              </div>
+              <div class="form-group ">
+                <label>版本</label>
+                <div class="row">
+                  <div class="col-xs-3">
+                    <div class="input-group">
+                      <div class="input-group-addon">云端</div>
+                      <input type="text" class="form-control input-sm" value="自动获取" disabled>
+                    </div>
+                  </div>
+                  <div class="col-xs-3">
+                    <div class="input-group">
+                      <div class="input-group-addon">软件</div>
+                      <input type="text" class="form-control input-sm">
+                    </div>
+                  </div>  
+                </div>
+              </div>
+              <div class="form-group ">
+                <label></label>
+                <div class="row">
+                  <div class="col-xs-5">
+                    <a href="main.html" class="btn btn-default">返回</a>
+                    <a href="main.html" class="btn btn-info">确认添加</a>
+                  </div>
+                </div>
+              </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</body>

Những thai đổi đã bị hủy bỏ vì nó quá lớn
+ 6800 - 0
css/bootstrap.css


Những thai đổi đã bị hủy bỏ vì nó quá lớn
+ 5 - 0
css/bootstrap.min.css


BIN
css/fonts/glyphicons-halflings-regular.eot


Những thai đổi đã bị hủy bỏ vì nó quá lớn
+ 288 - 0
css/fonts/glyphicons-halflings-regular.svg


BIN
css/fonts/glyphicons-halflings-regular.ttf


BIN
css/fonts/glyphicons-halflings-regular.woff


BIN
css/fonts/glyphicons-halflings-regular.woff2


BIN
css/login-bg.jpg


+ 96 - 0
css/style.css

@@ -0,0 +1,96 @@
+@charset "utf-8";
+ul, ol, li{
+  line-height:normal;
+  list-style-image:none;
+  list-style-position:outside;
+  list-style-type:none;
+  margin:0
+}
+dl {
+  margin:0
+}
+dd {
+  margin-left:0
+}
+body{
+  font: 12px/1.5 tahoma,arial,'Hiragino Sans GB',"微软雅黑",sans-serif;
+}
+a {
+  outline:none;
+} 
+a {
+  color: #0088cc;
+  text-decoration: none;
+}
+a:hover,
+a:focus {
+  color: #005580;
+  text-decoration:none;
+}
+.login.copy-right{
+  position:fixed;
+  bottom: 0;
+  left:50%;
+  margin-left: -112px
+}
+.login-top{
+  width:100%;
+  height:220px;
+  background: url(login-bg.jpg) no-repeat center center;
+  margin-bottom:30px;
+}
+.login-top h4,.login-top h5{
+  text-align: center;
+  color:#fff;
+  text-shadow:1px 1px 1px #333;
+}
+.login-top h4{
+  font-size:48px;
+  margin:70px 0 0 0;
+}
+.login-item .login-form{
+  width: 400px;
+  margin:0 auto;
+}
+.side-nav {
+  width:50px;
+  position:fixed;
+  left:0;
+  top:0;
+}
+.side-nav h1{
+  background:#5bc0de;
+  color:#fff;
+  font-size: 24px;
+  height:50px;
+  line-height: 50px;
+  margin:0;
+  text-align: center
+}
+.side-nav ul{
+  margin:0;
+  padding:0;
+  border-right:1px solid #5bc0de;
+}
+.side-nav ul li {
+  width:50px;
+  height:50px;
+}
+.side-nav ul li a{
+  display:inline-block;
+  color:#999;
+  font-size: 18px;
+  width:50px;
+  height:50px;
+  line-height: 50px;
+  text-align: center
+}
+.side-nav ul li a:hover{
+  color:#31b0d5
+}
+.side-nav ul li a.active{
+  color:#5bc0de;
+}
+.warp-content {
+  margin-left:50px;
+}

+ 115 - 0
edit-server.html

@@ -0,0 +1,115 @@
+<!DOCTYPE html>
+<html lang=zh-cn> 
+<head>
+  <meta charset=utf-8> 
+  <title>VC</title> 
+  <meta name=description content="VC">   
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <meta name="renderer" content="webkit">
+  <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/global.js></script> 
+</head>
+<body>
+  <div class="side-nav">
+    <h1>VC</h1>
+    <ul>
+      <li data-toggle="tooltip" data-placement="right" title="客户机列表"><a href="main.html" class="active"><i class="glyphicon glyphicon-list"></i></a></li>
+      <li data-toggle="tooltip" data-placement="right" title="退出登录"><a href="set-cate.html"><i class="glyphicon glyphicon-off"></i></a></li>
+    </ul>
+  </div>
+  <div class="warp-content">
+    <div class="container">
+      <div class="page-header">
+        <h2 id="basis-info">编辑客户机</h2>
+      </div>
+      <div class="row">
+        <div class="col-md-9">
+          <!--基础信息-->
+          <div class="tc-section">
+              <div class="form-group ">
+                <label>客户机维护</label>
+                <div class="row">
+                  <div class="col-xs-5">
+                    <div class="checkbox">
+                      <label>
+                        <input type="checkbox" value="">
+                          禁止客户端登陆
+                        </label>
+                    </div>
+                  </div>
+                </div>
+              </div>
+              <div class="form-group ">
+                <label>客户机名称</label>
+                <div class="row">
+                  <div class="col-xs-5">
+                    <input type="text" class="form-control input-sm" placeholder="">
+                  </div>
+                </div>
+              </div>
+              <div class="form-group ">
+                <label>服务器</label>
+                <div class="row">
+                  <div class="col-xs-3"><select class="form-control input-sm"><option>服务器A(120.24.54.118)</option><option>服务器B(120.24.94.156)</option><option>服务器C(120.24.78.161)</option><option>服务器D(120.25.103.35)</option></select></div>
+                </div>
+              </div>
+              <div class="form-group">
+                <label>通讯地址</label>
+                <div class="row">
+                  <div class="col-xs-5">
+                    <input type="text" class="form-control input-sm" placeholder="">
+                  </div>
+                </div>
+              </div>
+              <div class="form-group">
+                <label>域名</label>
+                <div class="row">
+                  <div class="col-xs-5">
+                    <input type="text" class="form-control input-sm" placeholder="">
+                  </div>
+                </div>
+              </div>
+              <div class="form-group">
+                <label>销售负责人</label>
+                <div class="row">
+                  <div class="col-xs-5">
+                    <input type="text" class="form-control input-sm" placeholder="">
+                  </div>
+                </div>
+              </div>
+              <div class="form-group ">
+                <label>版本</label>
+                <div class="row">
+                  <div class="col-xs-3">
+                    <div class="input-group">
+                      <div class="input-group-addon">云端</div>
+                      <input type="text" class="form-control input-sm" value="v1.2 2842783" disabled>
+                    </div>
+                  </div>
+                  <div class="col-xs-3">
+                    <div class="input-group">
+                      <div class="input-group-addon">软件</div>
+                      <input type="text" class="form-control input-sm" value="v3.1.3.234" disabled>
+                    </div>
+                  </div>  
+                </div>
+              </div>
+              <div class="form-group ">
+                <label></label>
+                <div class="row">
+                  <div class="col-xs-5">
+                    <a href="main.html" class="btn btn-default">返回</a>
+                    <a href="main.html" class="btn btn-info">保存</a>
+                  </div>
+                </div>
+              </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</body>

Những thai đổi đã bị hủy bỏ vì nó quá lớn
+ 2363 - 0
js/bootstrap.js


Những thai đổi đã bị hủy bỏ vì nó quá lớn
+ 7 - 0
js/bootstrap.min.js


+ 28 - 0
js/global.js

@@ -0,0 +1,28 @@
+$(function(){
+/*侧滑*/
+$(".opensidebar").click(function(){
+    $(".wrapSlide").animate({width:"800"}).addClass("open");
+});
+$("body").click(function(event){
+        var e = event || window.event; //浏览器兼容性
+        if(!$(event.target).is('a')) {
+            var elem = event.target || e.srcElement;
+            while (elem) { //循环判断至跟节点,防止点击的是div子元素
+                if (elem.className == "opensidebar" || elem.className == 'wrapSlide open') {
+                    return false;
+                }
+                elem = elem.parentNode;
+            }
+            $(".wrapSlide").animate({width:"0"}).removeClass("open")// 关闭处理
+        }
+
+    });
+/*侧滑*/
+/*工具提示*/
+$('*[data-toggle=tooltip]').mouseover(function() { 
+ $(this).tooltip('show'); 
+  });
+/*工具提示*/
+});
+
+

Những thai đổi đã bị hủy bỏ vì nó quá lớn
+ 5 - 0
js/jquery-1.9.1.min.js


+ 13 - 0
js/npm.js

@@ -0,0 +1,13 @@
+// This file is autogenerated via the `commonjs` Grunt task. You can require() this file in a CommonJS environment.
+require('../../js/transition.js')
+require('../../js/alert.js')
+require('../../js/button.js')
+require('../../js/carousel.js')
+require('../../js/collapse.js')
+require('../../js/dropdown.js')
+require('../../js/modal.js')
+require('../../js/tooltip.js')
+require('../../js/popover.js')
+require('../../js/scrollspy.js')
+require('../../js/tab.js')
+require('../../js/affix.js')

+ 37 - 0
login.html

@@ -0,0 +1,37 @@
+<!DOCTYPE html>
+<html lang=zh-cn> 
+<head>
+	<meta charset=utf-8> 
+  <title>VC</title> 
+  <meta name=description content="VC">  
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <meta name="renderer" content="webkit">
+	<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/global.js></script> 
+</head>
+<body>
+  <div class="wrap-login">
+    <div class="login-item"> 
+      <div class="login-top clearfix">
+        <h4 class="title">VC</h4>
+        <h5>珠海纵横创新软件有限公司</h5>
+      </div>
+      <div class="login-form">
+        <form>
+          <div class="form-group">
+            <input  class="form-control input-lg"  placeholder="帐号">
+          </div>
+          <div class="form-group">
+            <input type="password" class="form-control input-lg"  placeholder="密码">
+          </div>
+          <a class="btn btn-info btn-block btn-lg" href="main.html">登录</a>
+        </form>
+      </div>
+    </div>
+  </div>
+  <div class="login copy-right">Copyright @XiaoHeiWu all rights reserved</div>
+</body>

+ 157 - 0
main.html

@@ -0,0 +1,157 @@
+<!DOCTYPE html>
+<html lang=zh-cn> 
+<head>
+  <meta charset=utf-8> 
+  <title>VC</title> 
+  <meta name=description content="VC">   
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <meta name="renderer" content="webkit">
+	<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/global.js></script> 
+</head>
+<body>
+  <div class="side-nav">
+    <h1>VC</h1>
+    <ul>
+      <li data-toggle="tooltip" data-placement="right" title="客户机列表"><a href="main.html" class="active"><i class="glyphicon glyphicon-list"></i></a></li>
+      <li data-toggle="tooltip" data-placement="right" title="退出登录"><a href="login.html"><i class="glyphicon glyphicon-off"></i></a></li>
+    </ul>
+  </div>
+  <div class="warp-content">
+    <div class="container">
+      <div class="page-header">
+        <a href="add-server.html" class="btn btn-info pull-right">添加客户机</a>
+        <h2><i class="glyphicon glyphicon-list"></i>&nbsp;客户机列表</h2>
+      </div>
+      <div class="clearfix">
+        <div class="form-inline">
+          <div class="form-group">
+            <select class="form-control"><option>筛选服务器</option><option>服务器A(120.24.54.118)</option><option>服务器B(120.24.94.156)</option><option>服务器C(120.24.78.161)</option><option>服务器D(120.25.103.35)</option></select>
+          </div>
+        </div>
+      </div>
+      <!--报表列表-->
+      <table class="table table-hover">
+        <thead>
+          <tr>
+            <th>客户机名称/域名</th>
+            <th>服务器</th>
+            <th>销售</th>
+            <th>创建时间</th>
+            <th>状态</th>
+            <th>版本</th>
+            <th>操作</th>
+          </tr>
+        </thead>
+        <tbody>
+          <tr>
+            <td>肇庆<br>z1503.smartcost.com.cn,z1503.6jlzf.cn</td>
+            <td>服务器D(120.25.103.35)</td>
+            <td>广东办-刘飞</td>
+            <td>2015-10-15 11:23</td>
+            <td><span class="text-success">通讯正常<span></td>
+            <td>v1.2 2842783<br>v3.1.3.234</td>
+            <td><a href="edit-server.html" type="button" class="btn btn-info btn-xs">编辑</a> <a type="button" class="btn btn-info btn-xs" href="#update" data-toggle="modal">升级</a></td>
+          </tr>
+          <tr>
+            <td>广佛高速公路佛山一环沙涌互通立交改造工程<br>g1506.smartcost.com.cn</td>
+            <td>服务器D(120.25.103.35)</td>
+            <td>广东办-刘飞</td>
+            <td>2015-10-15 11:23</td>
+            <td><span class="text-warning">通讯异常<span></td>
+            <td>v1.2 2842783<br>v3.1.3.234</td>
+            <td><a href="edit-server.html" type="button" class="btn btn-info btn-xs">编辑</a> <a type="button" class="btn btn-info btn-xs" href="#update" data-toggle="modal">升级</a></td>
+          </tr>
+          <tr>
+            <td>景泰至兰州高速公路景泰至中川机场段土建工程<br>j1507.6jlzf.cn</td>
+            <td>服务器D(120.25.103.35)</td>
+            <td>甘肃办-苟彦刚</td>
+            <td>2015-10-15 11:23</td>
+            <td><span class="text-danger">关闭<span></td>
+            <td>v1.2 2842783<br>v3.1.3.234</td>
+            <td><a href="edit-server.html" type="button" class="btn btn-info btn-xs">编辑</a> <a type="button" class="btn btn-info btn-xs" href="#update" data-toggle="modal">升级</a></td>
+          </tr>
+        </tobdy>
+      </table>
+      <!--翻页-->
+      <nav>
+        <ul class="pagination">
+          <li>
+            <a href="#" aria-label="Previous">
+              <span aria-hidden="true">&laquo;</span>
+            </a>
+          </li>
+          <li><a href="#">1</a></li>
+          <li><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="#" aria-label="Next">
+              <span aria-hidden="true">&raquo;</span>
+            </a>
+          </li>
+        </ul>
+      </nav>
+    </div>
+  </div>
+<!--弹框-添加页码内容-->
+<div class="modal fade " tabindex="-1" role="dialog" aria-hidden="true" id="update">
+  <div class="modal-dialog ">
+    <div class="modal-content">
+      <div class="modal-header">
+        <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">×</span><span class="sr-only">Close</span></button>
+        <h4 class="modal-title" id="mySmallModalLabel">升级客户机</h4>
+      </div>
+      <div class="modal-body">
+        <div class="form-group">
+          <label>云端版本</label>
+          <div class="row">
+            <div class="col-xs-4">
+              <input type="text" class="form-control input-sm" value="v1.2 2842783" disabled>
+            </div>
+          </div>
+        </div>
+        <div class="form-group">
+          <label>软件版本</label>
+          <div class="row">
+            <div class="col-xs-4">
+              <div class="input-group">
+                <div class="input-group-addon">兼容</div>
+                <select class="form-control input-sm"><option>更高版本</option><option>当前版本</option><select>
+              </div>
+            </div>
+            <div class="col-xs-4">
+              <div class="input-group">
+                <div class="input-group-addon">版本</div>
+              <input type="text" class="form-control input-sm" value="v3.1.3.234">
+              </div>
+            </div>
+          </div>
+        </div>
+        <div class="form-group">
+          <label>下载地址</label>
+          <div class="row">
+            <div class="col-xs-9">
+              <input type="text" class="form-control input-sm" value="http://d2.smartcost.com.cn/soft/Measure_Cloud_V3.1.X.zip">
+            </div>
+          </div>
+        </div>
+        <div class="form-group">
+          <label>升级内容</label>
+            <textarea class="form-control" rows="3">客户端软件有新版本,需要更新才能继续使用。</textarea>
+        </div>        
+        <div class="alert alert-danger" role="alert">升级前请“禁止客户端登陆”,谨慎填写软件版本。</div>
+      </div>
+      <div class="modal-footer">
+        <a type="button" class="btn btn-info" href="#">确定升级</a>
+      </div>
+    </div>
+  </div>
+</div>
+<!--弹框-结束-->  
+</body>