Browse Source

调整为3栏

Chente 7 years ago
parent
commit
6b179ce18b
1 changed files with 23 additions and 22 deletions
  1. 23 22
      main.html

+ 23 - 22
main.html

@@ -19,17 +19,18 @@
             <div class="navbar-text">系统模板库<i class="fa fa-angle-right fa-fw"></i>XXX报表</div>
         </nav>
         <nav class="navbar navbar-toggleable-lg justify-content-between navbar-light p-0">
-              <ul class="nav nav-tabs" role="tablist">
-                  <li class="nav-item">
-                      <a class="nav-link px-3" href="" title="收起侧栏"><i class="fa fa-sign-out fa-flip-horizontal" aria-hidden="true"></i></a>
-                  </li>
-                  <li class="nav-item">
-                      <a class="nav-link px-3" href="" title="展开侧栏"><i class="fa fa-sign-out" aria-hidden="true"></i></a>
-                  </li>
-                  <li class="nav-item">
-                      <a class="nav-link active px-3" ><select class="form-control form-control-sm"><option>编办A</option></select></a>
-                  </li>
-              </ul>
+                      <div class="px-3 row" >
+                          <div class="col-6">
+                        <select class="form-control form-control-sm"><option>重庆2008</option><option>重庆2007</option></select>
+                      </div>
+                      <div class="col-6">
+                        <select class="form-control form-control-sm"><option>建筑工程</option><option>装饰工程</option></select>
+                      </div>
+                    </div>
+              <div class="p-2">
+                      <button class="btn btn-primary btn-sm">保存</button>
+                      <a class="btn btn-secondary btn-sm" target="_blank">预览</a>
+                    </div>
         </nav>
     </div>
     <div class="main">
@@ -38,8 +39,12 @@
                 <div class="row">
                   <div class="main-side col-lg-3 p-0">
                     <div class="tab-bar">
-                      <a href="#" class="btn btn-secondary btn-sm">增加根节点</a>
-                      <a href="#" class="btn btn-secondary btn-sm">增加模板节点</a>
+                      <div class="input-group input-group-sm">
+                        <input type="text" class="form-control" placeholder="输入报表名检索">
+                        <span class="input-group-btn">
+                          <button class="btn btn-primary" type="button">搜索</button>
+                        </span>
+                      </div>
                     </div>
                     <div class="tab-content">
                       <ul id="treeDemo" class="ztree"></ul>
@@ -49,7 +54,7 @@
                     <div class="container-fluid">
                       <div class="row">
                         <!-- 报表设置 -->
-                        <div class="col-lg-4 p-0">
+                        <div class="col-lg-6 p-0">
                           <ul class="nav nav-tabs tools-bar px-1" role="tablist">
                               <li class="nav-item">
                                   <a class="nav-link p-1 active" data-toggle="tab" href="#mbxx" role="tab">模板信息</a>
@@ -274,15 +279,11 @@
                           </div>
                         </div>
                         <!-- 报表预览 -->
-                        <div class="form-view col-lg-8 p-0">
+                        <div class="form-view col-lg-6 p-0">
                           <div class="main-data-h" style="position:relative">
-                            <img src="img/baobiao.png">
-                            <div class="sub-button p-2">
-                              <button class="btn btn-primary">保存</button>
-                              <button class="btn btn-secondary">保存并发布</button>
-                              <button class="btn btn-danger">删除模板</button>
-                              2017-06-30 13:20:12 由 陈特 发布 <a href="javacript:void(0);" data-toggle="modal" data-target="#history"><i class="fa fa-history"></i></a>
-                            </div>
+                             <div class="p-3">
+                                第三栏
+                             </div>
                           </div>
                         </div>
                       </div>