Sfoglia il codice sorgente

增加报表管理入口,服务管理页面命名修改

Chente 9 anni fa
parent
commit
97fa52eecf
8 ha cambiato i file con 466 aggiunte e 7 eliminazioni
  1. 137 0
      add-form.html
  2. 3 2
      add-server.html
  3. 3 0
      css/style.css
  4. 165 0
      edit-form.html
  5. 3 2
      edit-server.html
  6. 151 0
      form-list.html
  7. 1 1
      login.html
  8. 3 2
      main.html

+ 137 - 0
add-form.html

@@ -0,0 +1,137 @@
+<!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="server-list.html"><i class="glyphicon glyphicon-list"></i></a></li>
+      <li data-toggle="tooltip" data-placement="right" title="报表库"><a href="form-list.html" class="active"><i class="glyphicon glyphicon-list-alt"></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">
+        <h2 id="basis-info">添加新报表</h2>
+      </div>
+      <div class="page-nav clearfix">
+        <ul class="nav nav-tabs">
+          <li role="presentation" class="active"><a href="#">通用报表</a></li>
+          <li role="presentation"><a href="#">定制报表</a></li>
+        </ul>
+      </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-3"><select class="form-control input-sm"><option>选择类别</option><option>6.结算表</option></select></div>
+                  <div class="col-xs-3"><select class="form-control input-sm"><option>选择类别</option><option>6.结算表</option></select></div>
+                  <div class="col-xs-3"><a href="edit-formcate.html" class="btn btn-link" target="_blank">类别管理</a></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="file" >
+                  </div>
+                </div>
+              </div>
+              <div class="form-group">
+                <label>版本信息</label>
+                <div class="row">
+                  <div class="col-xs-5">
+                    <textarea class="form-control"></textarea>
+                  </div>
+                </div>
+              </div>
+              <div class="form-group ">
+                <label></label>
+                <div class="row">
+                  <div class="col-xs-5">
+                    <a href="form-list.html" class="btn btn-default">返回</a>
+                    <a href="form-list.html" class="btn btn-info">确认添加</a>
+                  </div>
+                </div>
+              </div>
+              <!--通用报表-->
+              <!--定制报表-->
+              <div class="form-group ">
+                <label>所在项目</label>
+                <div class="row">
+                  <div class="col-xs-4"><select class="form-control input-sm"><option>选择类别</option><option>佛青从</option></select></div>
+                  <div class="col-xs-3"><a href="edit-formpoj.html" class="btn btn-link" target="_blank">项目管理</a></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>6.结算表</option></select></div>
+                  <div class="col-xs-3"><select class="form-control input-sm"><option>选择类别</option><option>6.结算表</option></select></div>
+                  <div class="col-xs-3"><a href="edit-formcate.html" class="btn btn-link" target="_blank">类别管理</a></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="file" >
+                  </div>
+                </div>
+              </div>
+              <div class="form-group">
+                <label>版本信息</label>
+                <div class="row">
+                  <div class="col-xs-5">
+                    <textarea class="form-control"></textarea>
+                  </div>
+                </div>
+              </div>
+              <div class="form-group ">
+                <label></label>
+                <div class="row">
+                  <div class="col-xs-5">
+                    <a href="form-list.html" class="btn btn-default">返回</a>
+                    <a href="form-list.html" class="btn btn-info">确认添加</a>
+                  </div>
+                </div>
+              </div>
+              <!--定制报表-->
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</body>

+ 3 - 2
add-server.html

@@ -17,8 +17,9 @@
   <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>
+      <li data-toggle="tooltip" data-placement="right" title="客户机列表"><a href="server-list.html" class="active"><i class="glyphicon glyphicon-list"></i></a></li>
+      <li data-toggle="tooltip" data-placement="right" title="报表库"><a href="form-list.html"><i class="glyphicon glyphicon-list-alt"></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">

+ 3 - 0
css/style.css

@@ -93,4 +93,7 @@ a:focus {
 }
 .warp-content {
   margin-left:50px;
+}
+.page-nav {
+  margin-bottom:10px;
 }

+ 165 - 0
edit-form.html

@@ -0,0 +1,165 @@
+<!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="server-list.html"><i class="glyphicon glyphicon-list"></i></a></li>
+      <li data-toggle="tooltip" data-placement="right" title="报表库"><a href="form-list.html" class="active"><i class="glyphicon glyphicon-list-alt"></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">
+        <h2 id="basis-info">编辑报表信息</h2>
+      </div>
+      <!--通用报表信息-->
+      <div class="form-group ">
+        <label>报表类别</label>
+        <div class="row">
+          <div class="col-xs-3"><select class="form-control input-sm"><option>选择类别</option><option>6.结算表</option></select></div>
+          <div class="col-xs-3"><select class="form-control input-sm"><option>选择类别</option><option>6.结算表</option></select></div>
+          <div class="col-xs-3"><a href="edit-formcate.html" class="btn btn-link" target="_blank">类别管理</a></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-4"><select class="form-control input-sm"><option>选择类别</option><option>佛青从</option></select></div>
+          <div class="col-xs-3"><a href="edit-formpoj.html" class="btn btn-link" target="_blank">项目管理</a></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>6.结算表</option></select></div>
+          <div class="col-xs-3"><select class="form-control input-sm"><option>选择类别</option><option>6.结算表</option></select></div>
+          <div class="col-xs-3"><a href="edit-formcate.html" class="btn btn-link" target="_blank">类别管理</a></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">
+            <a href="form-list.html" class="btn btn-default">返回</a>
+            <a href="form-list.html" class="btn btn-info">确认修改</a>
+          </div>
+        </div>
+      </div>
+      <div class="page-header">
+        <a href="#addver"  data-toggle="modal" class="btn btn-info pull-right">添加新版本</a>
+        <h2 id="basis-info">报表历史版本</h2>
+      </div>
+      <table class="table table-hover">
+        <thead>
+          <tr>
+            <th>版本时间</th>
+            <th>报表文件</th>
+            <th>版本内容</th>
+            <th>操作</th>
+          </tr>
+        </thead>
+        <tbody>
+          <tr>
+            <td>2016-04-03</td>
+            <td><a href="#">下载</a></td>
+            <td>内容文本</td>
+            <td><a href="#" class="text-danger">删除</a></td>
+          </tr>
+          <tr>
+            <td>2016-03-15</td>
+            <td><a href="#">下载</a></td>
+            <td>内容文本</td>
+            <td><a href="#" class="text-danger">删除</a></td>
+          </tr>
+          <tr>
+            <td>2015-11-21</td>
+            <td><a href="#">下载</a></td>
+            <td>内容文本</td>
+            <td><a href="#" class="text-danger">删除</a></td>
+          </tr>
+          <tr>
+            <td>2015-11-14</td>
+            <td><a href="#">下载</a></td>
+            <td>内容文本</td>
+            <td><a href="#" class="text-danger">删除</a></td>
+          </tr>
+        </tobdy>
+      </table>
+    </div>
+  </div>
+<!--弹框-添加新版本-->
+<div class="modal fade " tabindex="-1" role="dialog" aria-hidden="true" id="addver">
+  <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" >添加新版本</h4>
+      </div>
+      <div class="modal-body">
+        <div class="form-group">
+          <label>版本时间</label>
+          <div class="row">
+            <div class="col-xs-5">
+              <input type="text" class="form-control input-sm" value="2016-06-30"><!--默认当前时间-->
+            </div>
+          </div>
+        </div>
+        <div class="form-group">
+          <label>报表文件</label>
+          <div class="row">
+            <div class="col-xs-5">
+              <input type="file" >
+            </div>
+          </div>
+        </div>
+        <div class="form-group">
+          <label>版本信息</label>
+          <div class="row">
+            <div class="col-xs-6">
+              <textarea class="form-control"></textarea>
+            </div>
+          </div>
+        </div>
+      </div>
+      <div class="modal-footer">
+        <a type="button" class="btn btn-info" href="#">确定添加</a>
+      </div>
+    </div>
+  </div>
+</div>
+<!--弹框-结束-->  
+</body>

+ 3 - 2
edit-server.html

@@ -17,8 +17,9 @@
   <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>
+      <li data-toggle="tooltip" data-placement="right" title="客户机列表"><a href="server-list.html" class="active"><i class="glyphicon glyphicon-list"></i></a></li>
+      <li data-toggle="tooltip" data-placement="right" title="报表库"><a href="form-list.html"><i class="glyphicon glyphicon-list-alt"></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">

+ 151 - 0
form-list.html

@@ -0,0 +1,151 @@
+<!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="server-list.html"><i class="glyphicon glyphicon-list"></i></a></li>
+      <li data-toggle="tooltip" data-placement="right" title="报表库"><a href="form-list.html" class="active"><i class="glyphicon glyphicon-list-alt"></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-form.html" class="btn btn-info pull-right">添加新报表</a>
+        <h2><i class="glyphicon glyphicon-list"></i>&nbsp;报表库</h2>
+      </div>
+      <div class="page-nav clearfix">
+        <ul class="nav nav-tabs">
+          <li role="presentation" class="active"><a href="#">通用报表</a></li>
+          <li role="presentation"><a href="#">定制报表</a></li>
+        </ul>
+      </div>
+      <!--通用报表列表-->
+      <table class="table table-hover">
+        <thead>
+          <tr>
+            <th>类别</th>
+            <th>报表名</th>
+            <th>最新更新</th>
+            <th>历史版本</th>
+            <th>操作</th>
+          </tr>
+        </thead>
+        <tbody>
+          <tr>
+            <td>6.结算表</td>
+            <td>【结算】封面</td>
+            <td>2016-04-05</td>
+            <td>23</td>
+            <td><a href="edit-form.html">编辑(点我)</a></td>
+          </tr>
+          <tr>
+            <td>6.结算表</td>
+            <td>【结算】封面2</td>
+            <td>2016-04-05</td>
+            <td>23</td>
+            <td><a href="#">编辑</a></td>
+          </tr>
+        </tobdy>
+      </table>
+      <!--通用报表列表-->
+      <!--定制报表列表-->
+      <div class="page-nav clearfix">
+        <div class="form-group">
+            <div class="row">
+              <div class="col-xs-3">
+                <select class="form-control"><option>筛选项目</option><option>佛青从</option></select>
+              </div>
+              <div class="col-xs-5">
+                <a href="#sharekey" class="btn btn-link" data-toggle="modal"><i class="glyphicon glyphicon-link"></i>领取码</a>
+              </div>
+            </div>
+        </div>
+      </div>
+      <table class="table table-hover">
+        <thead>
+          <tr>
+            <th>项目</th>
+            <th>类别</th>
+            <th>报表名</th>
+            <th>最新更新</th>
+            <th>历史版本</th>
+            <th>操作</th>
+          </tr>
+        </thead>
+        <tbody>
+          <tr>
+            <td>佛青从</td>
+            <td>类别</td>
+            <td>【结算】封面</td>
+            <td>2016-04-05</td>
+            <td>3</td>
+            <td><a href="#">编辑</a></td>
+          </tr>
+          <tr>
+            <td>佛青从</td>
+            <td>类别</td>
+            <td>【结算】表名</td>
+            <td>2016-04-05</td>
+            <td>3</td>
+            <td><a href="#">编辑</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="sharekey">
+  <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" >定制报表领取码</h4>
+      </div>
+      <div class="modal-body">
+          <p class="text-center">佛青从</p>
+          <h1 class="text-center"><span class="label label-default">XJDH21</span></h1>
+      </div>
+      <div class="modal-footer">
+        
+      </div>
+    </div>
+  </div>
+</div>
+<!--弹框-结束-->  
+</body>

+ 1 - 1
login.html

@@ -28,7 +28,7 @@
           <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>
+          <a class="btn btn-info btn-block btn-lg" href="server-list.html">登录</a>
         </form>
       </div>
     </div>

+ 3 - 2
main.html

@@ -17,7 +17,8 @@
   <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="server-list.html" class="active"><i class="glyphicon glyphicon-list"></i></a></li>
+      <li data-toggle="tooltip" data-placement="right" title="报表库"><a href="form-list.html"><i class="glyphicon glyphicon-list-alt"></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>
@@ -105,7 +106,7 @@
     <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>
+        <h4 class="modal-title" >升级客户机</h4>
       </div>
       <div class="modal-body">
         <div class="form-group">