侧栏菜单和产品内容更新

admin-articlelist-add.html

@@ -19,43 +19,30 @@
   <div class="leftWrapper">
     <div class="leftContent">
       <div class="logo logoGw">
-          <h2>官<span class="logoInfo">网后台</span><span class="caret"></span></h2>
-          <div class="logoList">
-            <ul>
-              <li><a href="#">文库</a></li>
-              <li><a href="#">问答</a></li>
-              <li><a href="#">价格信息</a></li>
-              <li><a href="#">通行帐号</a></li>
-            </ul>
-          </div>
-        </div>
-      <!-- <div class="subMenu">
-        <h2 class="subMenuTitle"><a href="#"><i class="iconImg icon-">D</i><div class="subMenuText">用户管理</div></a></h2>
-        <div class="subMenuContent">
+        <h2>官<span class="logoInfo">网后台</span><span class="caret"></span></h2>
+        <div class="logoList">
           <ul>
-            <li><a href="#">询价付费用户</a></li>
-            <li><a href="#">报价用户列表</a></li>
+            <li><a href="#">文库</a></li>
+            <li><a href="#">问答</a></li>
+            <li><a href="#">价格信息</a></li>
+            <li><a href="#">通行帐号</a></li>
           </ul>
         </div>
-      </div> -->
+      </div>
       <div class="subMenu">
-        <h2 class="subMenuTitle"><a href="#" class="active"><i class="iconImg icon-">A</i><div class="subMenuText">内容管理<span class="fR caret caret-triangle"></span></div></a></h2>
-        <div class="subMenuContent">
-          <ul>
-            <li><a href="admin-articlelist.html">文章</a></li>
-            <li><a href="admin-trainlist.html">培训班</a></li>
-            <li><a href="admin-producelist.html">产品</a></li>
-            <li><a href="admin-cartoonlist1.html">通用动画</a></li>
-          </ul>
-        </div>
+        <h2 class="subMenuTitle"><a href="admin-articlelist.html" class="active"><i class="iconImg icon-">A</i><div class="subMenuText">文章</div></a></h2>
       </div>
       <div class="subMenu">
-        <h2 class="subMenuTitle"><a href="#"><i class="iconImg icon-">F</i><div class="subMenuText">设置管理<span class="fR caret caret-triangle"></span></div></a></h2>
-        <div class="subMenuContent">
-          <ul>
-            <li><a href="admin-columnlist.html">栏目设置</a></li>
-          </ul>
-        </div>
+        <h2 class="subMenuTitle"><a href="admin-trainlist.html"><i class="iconImg icon-">L</i><div class="subMenuText">培训班</div></a></h2>
+      </div>
+      <div class="subMenu">
+        <h2 class="subMenuTitle"><a href="admin-producelist.html"><i class="iconImg icon-">H</i><div class="subMenuText">产品</div></a></h2>
+      </div>
+      <div class="subMenu">
+        <h2 class="subMenuTitle"><a href="admin-cartoonlist.html"><i class="iconImg icon-">J</i><div class="subMenuText">动画教程</div></a></h2>
+      </div>
+      <div class="subMenu">
+        <h2 class="subMenuTitle"><a href="admin-columnlist.html"><i class="iconImg icon-">F</i><div class="subMenuText">栏目设置</div></a></h2>
       </div>
       <div class="userMain">
       <div class="userContent">
@@ -111,6 +98,7 @@
           <label for="" class="col-sm-1 control-label">缩略图</label>
           <div class="col-sm-5">
             <input type="file" id=""><span>612 x 280</span>
+            <div class="source"><img src="images/2.png"></div>
           </div>
         </div>
         <div class="form-group">

admin-articlelist-edit.html

@@ -19,43 +19,30 @@
   <div class="leftWrapper">
     <div class="leftContent">
       <div class="logo logoGw">
-          <h2>官<span class="logoInfo">网后台</span><span class="caret"></span></h2>
-          <div class="logoList">
-            <ul>
-              <li><a href="#">文库</a></li>
-              <li><a href="#">问答</a></li>
-              <li><a href="#">价格信息</a></li>
-              <li><a href="#">通行帐号</a></li>
-            </ul>
-          </div>
-        </div>
-      <!-- <div class="subMenu">
-        <h2 class="subMenuTitle"><a href="#"><i class="iconImg icon-">D</i><div class="subMenuText">用户管理</div></a></h2>
-        <div class="subMenuContent">
+        <h2>官<span class="logoInfo">网后台</span><span class="caret"></span></h2>
+        <div class="logoList">
           <ul>
-            <li><a href="#">询价付费用户</a></li>
-            <li><a href="#">报价用户列表</a></li>
+            <li><a href="#">文库</a></li>
+            <li><a href="#">问答</a></li>
+            <li><a href="#">价格信息</a></li>
+            <li><a href="#">通行帐号</a></li>
           </ul>
         </div>
-      </div> -->
+      </div>
       <div class="subMenu">
-        <h2 class="subMenuTitle"><a href="#" class="active"><i class="iconImg icon-">A</i><div class="subMenuText">内容管理<span class="fR caret caret-triangle"></span></div></a></h2>
-        <div class="subMenuContent">
-          <ul>
-            <li><a href="admin-articlelist.html">文章</a></li>
-            <li><a href="admin-trainlist.html">培训班</a></li>
-            <li><a href="admin-producelist.html">产品</a></li>
-            <li><a href="admin-cartoonlist1.html">通用动画</a></li>
-          </ul>
-        </div>
+        <h2 class="subMenuTitle"><a href="admin-articlelist.html" class="active"><i class="iconImg icon-">A</i><div class="subMenuText">文章</div></a></h2>
       </div>
       <div class="subMenu">
-        <h2 class="subMenuTitle"><a href="#"><i class="iconImg icon-">F</i><div class="subMenuText">设置管理<span class="fR caret caret-triangle"></span></div></a></h2>
-        <div class="subMenuContent">
-          <ul>
-            <li><a href="admin-columnlist.html">栏目设置</a></li>
-          </ul>
-        </div>
+        <h2 class="subMenuTitle"><a href="admin-trainlist.html"><i class="iconImg icon-">L</i><div class="subMenuText">培训班</div></a></h2>
+      </div>
+      <div class="subMenu">
+        <h2 class="subMenuTitle"><a href="admin-producelist.html"><i class="iconImg icon-">H</i><div class="subMenuText">产品</div></a></h2>
+      </div>
+      <div class="subMenu">
+        <h2 class="subMenuTitle"><a href="admin-cartoonlist.html"><i class="iconImg icon-">J</i><div class="subMenuText">动画教程</div></a></h2>
+      </div>
+      <div class="subMenu">
+        <h2 class="subMenuTitle"><a href="admin-columnlist.html"><i class="iconImg icon-">F</i><div class="subMenuText">栏目设置</div></a></h2>
       </div>
       <div class="userMain">
       <div class="userContent">
@@ -111,6 +98,7 @@
           <label for="" class="col-sm-1 control-label">缩略图</label>
           <div class="col-sm-5">
             <input type="file" id=""><span>612 x 280</span>
+            <div class="source"><img src="images/2.png"></div>
           </div>
         </div>
         <div class="form-group">

admin-articlelist.html

@@ -19,51 +19,38 @@
   <div class="leftWrapper">
     <div class="leftContent">
       <div class="logo logoGw">
-          <h2>官<span class="logoInfo">网后台</span><span class="caret"></span></h2>
-          <div class="logoList">
-            <ul>
-              <li><a href="#">文库</a></li>
-              <li><a href="#">问答</a></li>
-              <li><a href="#">价格信息</a></li>
-              <li><a href="#">通行帐号</a></li>
-            </ul>
-          </div>
-        </div>
-      <!-- <div class="subMenu">
-        <h2 class="subMenuTitle"><a href="#"><i class="iconImg icon-">D</i><div class="subMenuText">用户管理</div></a></h2>
-        <div class="subMenuContent">
+        <h2>官<span class="logoInfo">网后台</span><span class="caret"></span></h2>
+        <div class="logoList">
           <ul>
-            <li><a href="#">询价付费用户</a></li>
-            <li><a href="#">报价用户列表</a></li>
+            <li><a href="#">文库</a></li>
+            <li><a href="#">问答</a></li>
+            <li><a href="#">价格信息</a></li>
+            <li><a href="#">通行帐号</a></li>
           </ul>
         </div>
-      </div> -->
+      </div>
       <div class="subMenu">
-        <h2 class="subMenuTitle"><a href="#" class="active"><i class="iconImg icon-">A</i><div class="subMenuText">内容管理<span class="fR caret caret-triangle"></span></div></a></h2>
-        <div class="subMenuContent">
-          <ul>
-            <li><a href="admin-articlelist.html">文章</a></li>
-            <li><a href="admin-trainlist.html">培训班</a></li>
-            <li><a href="admin-producelist.html">产品</a></li>
-            <li><a href="admin-cartoonlist1.html">通用动画</a></li>
-          </ul>
-        </div>
+        <h2 class="subMenuTitle"><a href="admin-articlelist.html" class="active"><i class="iconImg icon-">A</i><div class="subMenuText">文章</div></a></h2>
       </div>
       <div class="subMenu">
-        <h2 class="subMenuTitle"><a href="#"><i class="iconImg icon-">F</i><div class="subMenuText">设置管理<span class="fR caret caret-triangle"></span></div></a></h2>
-        <div class="subMenuContent">
-          <ul>
-            <li><a href="admin-columnlist.html">栏目设置</a></li>
-          </ul>
-        </div>
+        <h2 class="subMenuTitle"><a href="admin-trainlist.html"><i class="iconImg icon-">L</i><div class="subMenuText">培训班</div></a></h2>
+      </div>
+      <div class="subMenu">
+        <h2 class="subMenuTitle"><a href="admin-producelist.html"><i class="iconImg icon-">H</i><div class="subMenuText">产品</div></a></h2>
+      </div>
+      <div class="subMenu">
+        <h2 class="subMenuTitle"><a href="admin-cartoonlist.html"><i class="iconImg icon-">J</i><div class="subMenuText">动画教程</div></a></h2>
+      </div>
+      <div class="subMenu">
+        <h2 class="subMenuTitle"><a href="admin-columnlist.html"><i class="iconImg icon-">F</i><div class="subMenuText">栏目设置</div></a></h2>
       </div>
       <div class="userMain">
-      <div class="userContent">
-          <span><img class="userImg" src="images/01.jpg"></span>
-          <div class="subMenuText userName"><a href="admin-userinfo.html">管理员</a> <a class="exit" href="#"><span class="glyphicon glyphicon-log-out"></span> 退出</a></div>
+        <div class="userContent">
+            <span><img class="userImg" src="images/01.jpg"></span>
+            <div class="subMenuText userName"><a href="admin-userinfo.html">管理员</a> <a class="exit" href="#"><span class="glyphicon glyphicon-log-out"></span> 退出</a></div>
+        </div>
       </div>
     </div>
-    </div>
   </div>
   <!-- leftWrapper end -->
   <div class="mainWrapper container-fluid">
@@ -73,11 +60,14 @@
     <div class="shopContent clearfix">
       <div class="btnGroup">
         <a href="admin-articlelist-add.html" class="btn btn-primary">添加文章</a>
-        <a href="#" class="btn btn-danger" data-toggle="modal" data-target="#myModal">删除</a>
+        <!-- <a href="#" class="btn btn-danger" data-toggle="modal" data-target="#myModal">删除</a> -->
       </div>
+      <select class="selectBox form-control">
+        <option>请选择栏目</option>
+      </select>
       <div class="search">
         <div class="input-group">
-          <input type="text" class="form-control" placeholder="Search for...">
+          <input type="text" class="form-control" placeholder="请输入标题">
           <span class="input-group-btn">
             <button class="btn btn-default" type="button">点击搜索</button>
           </span>
@@ -88,17 +78,17 @@
       <table class="table table-hover">
         <thead>
           <tr>
-            <th><input type="checkbox"></th>
             <th>标题</th>
             <th>类别</th>
+            <th>栏目</th>
             <th>时间</th>
             <th>操作</th>
           </tr>
         </thead>
         <tr>
-          <td><input type="checkbox"></td>
-          <td>纵横携手广东交通实业投资有限公司成功举办公路工程造价标准化管理培训</td>
+          <td><a href="#" target="_blank">纵横携手广东交通实业投资有限公司成功举办公路工程造价标准化管理培训</a></td>
           <td>新闻</td>
+          <td>公司新闻</td>
           <td>2016-03-08</td>
           <td>
             <a href="admin-articlelist-edit.html" class="btn btn-default btn-xs"><span class="glyphicon glyphicon-pencil text-primary"></span></a>
@@ -106,9 +96,9 @@
           </td>
         </tr>
         <tr>
-          <td><input type="checkbox"></td>
-          <td>纵横携手双牌县国道贰零柒五里牌段一级公路建设有限公司成功举办纵横软件应用培训</td>
+          <td><a href="#" target="_blank">纵横携手双牌县国道贰零柒五里牌段一级公路建设有限公司成功举办纵横软件应用培训</a></td>
           <td>新闻</td>
+          <td>行业新闻</td>
           <td>2016-03-08</td>
           <td>
             <a href="admin-articlelist-edit.html" class="btn btn-default btn-xs"><span class="glyphicon glyphicon-pencil text-primary"></span></a>
@@ -116,9 +106,9 @@
           </td>
         </tr>
         <tr>
-          <td><input type="checkbox"></td>
-          <td>热烈祝贺江西理工大学 “纵横公路造价全过程专业讲座”圆满成功</td>
+          <td><a href="#" target="_blank">热烈祝贺江西理工大学 “纵横公路造价全过程专业讲座”圆满成功</a></td>
           <td>新闻</td>
+          <td>网络应用</td>
           <td>2016-03-08</td>
           <td>
             <a href="admin-articlelist-edit.html" class="btn btn-default btn-xs"><span class="glyphicon glyphicon-pencil text-primary"></span></a>
@@ -126,9 +116,9 @@
           </td>
         </tr>
         <tr>
-          <td><input type="checkbox"></td>
-          <td>纵横内蒙办3月份软件应用免费培训班顺利开展</td>
+          <td><a href="#" target="_blank">纵横内蒙办3月份软件应用免费培训班顺利开展</a></td>
           <td>新闻</td>
+          <td>纵横风采</td>
           <td>2016-03-07</td>
           <td>
             <a href="admin-articlelist-edit.html" class="btn btn-default btn-xs"><span class="glyphicon glyphicon-pencil text-primary"></span></a>
@@ -136,9 +126,9 @@
           </td>
         </tr>
         <tr>
-          <td><input type="checkbox"></td>
-          <td>纵横携手庐江公路分局成功举办纵横软件实战培训</td>
+          <td><a href="#" target="_blank">纵横携手庐江公路分局成功举办纵横软件实战培训</a></td>
           <td>新闻</td>
+          <td>桌面软件</td>
           <td>2016-03-07</td>
           <td>
             <a href="admin-articlelist-edit.html" class="btn btn-default btn-xs"><span class="glyphicon glyphicon-pencil text-primary"></span></a>
@@ -146,9 +136,9 @@
           </td>
         </tr>
         <tr>
-          <td><input type="checkbox"></td>
-          <td>热烈祝贺“纵横公司与东莞理工学院校企教学合作签约仪式”圆满成功</td>
+          <td><a href="#" target="_blank">热烈祝贺“纵横公司与东莞理工学院校企教学合作签约仪式”圆满成功</a></td>
           <td>新闻</td>
+          <td>公司新闻</td>
           <td>2016-03-04</td>
           <td>
             <a href="admin-articlelist-edit.html" class="btn btn-default btn-xs"><span class="glyphicon glyphicon-pencil text-primary"></span></a>

admin-cartoonlist-add.html

@@ -19,43 +19,30 @@
   <div class="leftWrapper">
     <div class="leftContent">
       <div class="logo logoGw">
-          <h2>官<span class="logoInfo">网后台</span><span class="caret"></span></h2>
-          <div class="logoList">
-            <ul>
-              <li><a href="#">文库</a></li>
-              <li><a href="#">问答</a></li>
-              <li><a href="#">价格信息</a></li>
-              <li><a href="#">通行帐号</a></li>
-            </ul>
-          </div>
-        </div>
-      <!-- <div class="subMenu">
-        <h2 class="subMenuTitle"><a href="#"><i class="iconImg icon-">D</i><div class="subMenuText">用户管理</div></a></h2>
-        <div class="subMenuContent">
+        <h2>官<span class="logoInfo">网后台</span><span class="caret"></span></h2>
+        <div class="logoList">
           <ul>
-            <li><a href="#">询价付费用户</a></li>
-            <li><a href="#">报价用户列表</a></li>
+            <li><a href="#">文库</a></li>
+            <li><a href="#">问答</a></li>
+            <li><a href="#">价格信息</a></li>
+            <li><a href="#">通行帐号</a></li>
           </ul>
         </div>
-      </div> -->
+      </div>
       <div class="subMenu">
-        <h2 class="subMenuTitle"><a href="#" class="active"><i class="iconImg icon-">A</i><div class="subMenuText">内容管理<span class="fR caret caret-triangle"></span></div></a></h2>
-        <div class="subMenuContent">
-          <ul>
-            <li><a href="admin-articlelist.html">文章</a></li>
-            <li><a href="admin-trainlist.html">培训班</a></li>
-            <li><a href="admin-producelist.html">产品</a></li>
-            <li><a href="admin-cartoonlist1.html">通用动画</a></li>
-          </ul>
-        </div>
+        <h2 class="subMenuTitle"><a href="admin-articlelist.html"><i class="iconImg icon-">A</i><div class="subMenuText">文章</div></a></h2>
       </div>
       <div class="subMenu">
-        <h2 class="subMenuTitle"><a href="#"><i class="iconImg icon-">F</i><div class="subMenuText">设置管理<span class="fR caret caret-triangle"></span></div></a></h2>
-        <div class="subMenuContent">
-          <ul>
-            <li><a href="admin-columnlist.html">栏目设置</a></li>
-          </ul>
-        </div>
+        <h2 class="subMenuTitle"><a href="admin-trainlist.html"><i class="iconImg icon-">L</i><div class="subMenuText">培训班</div></a></h2>
+      </div>
+      <div class="subMenu">
+        <h2 class="subMenuTitle"><a href="admin-producelist.html" class="active"><i class="iconImg icon-">H</i><div class="subMenuText">产品</div></a></h2>
+      </div>
+      <div class="subMenu">
+        <h2 class="subMenuTitle"><a href="admin-cartoonlist.html"><i class="iconImg icon-">J</i><div class="subMenuText">动画教程</div></a></h2>
+      </div>
+      <div class="subMenu">
+        <h2 class="subMenuTitle"><a href="admin-columnlist.html"><i class="iconImg icon-">F</i><div class="subMenuText">栏目设置</div></a></h2>
       </div>
       <div class="userMain">
       <div class="userContent">
@@ -73,14 +60,11 @@
     <div class="tableContent">
       <form class="form-horizontal">
         <div class="form-group">
-          <label for="" class="col-sm-1 control-label">属性</label>
+          <label for="" class="col-sm-1 control-label">所属产品</label>
           <div class="col-sm-5">
-            <label class="radio-inline">
-              <input type="radio" name="inlineRadioOptions" id="inlineRadio1" value="option1" checked> 通用
-            </label>
-            <label class="radio-inline">
-              <input type="radio" name="inlineRadioOptions" id="inlineRadio1" value="option1"> 专属
-            </label>
+            <select multiple class="form-control">
+              <option>计量支付结算决算</option>
+            </select>
           </div>
         </div>
         <div class="form-group">
@@ -92,7 +76,16 @@
         <div class="form-group">
           <label for="" class="col-sm-1 control-label">播放代码</label>
           <div class="col-sm-5">
-            <textarea class="form-control" rows="3"></textarea>
+            <textarea class="form-control" rows="12"><p><a target="_blank" href="http://d1.video.smartcost.com.cn/video/纵横公路造价软件建设期贷款利息计算.rar">备用下载地址</a></p>
+<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,0,0" width="858" height="558" id="Untitled-1" align="middle">
+<param name="movie" value="http://d2.smartcost.com.cn/video/play/22.swf" />
+<param name="quality" value="high" />
+<param name="bgcolor" value="#ffffff" />
+<embed src="http://d1.video.smartcost.com.cn/video/play/22.swf" quality="high" bgcolor="#ffffff" width="858" 
+   height="558" name="mymovie" align="middle" allowScriptAccess="sameDomain" 
+   type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" />
+</object></textarea>
+            <a href="#" data-toggle="modal" data-target="#cartoonAdd">播放代码</a>
           </div>
         </div>
         <div class="form-group">
@@ -119,6 +112,31 @@
   <!-- mainWrapper end -->    
 </div>
 
+<!-- 播放代码 -->
+<div class="modal fade" id="cartoonAdd" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
+  <div class="modal-dialog" role="document">
+    <div class="modal-content">
+      <div class="modal-header">
+        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
+        <h4 class="modal-title" id="myModalLabel">播放代码</h4>
+      </div>
+      <div class="modal-body">
+        <textarea class="form-control" rows="12"><p><a target="_blank" href="http://d1.video.smartcost.com.cn/video/动画名称.rar">备用下载地址</a></p>
+<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,0,0" width="858" height="558" id="Untitled-1" align="middle">
+<param name="movie" value="http://d2.smartcost.com.cn/video/play/动画名称.swf" />
+<param name="quality" value="high" />
+<param name="bgcolor" value="#ffffff" />
+<embed src="http://d1.video.smartcost.com.cn/video/play/动画名称.swf" quality="high" bgcolor="#ffffff" width="858" 
+   height="558" name="mymovie" align="middle" allowScriptAccess="sameDomain" 
+   type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" />
+</object></textarea>
+      </div>
+      <div class="modal-footer">
+        <button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
+      </div>
+    </div>
+  </div>
+</div>
 
 </body>
 </html>

admin-cartoonlist-edit.html

@@ -19,43 +19,30 @@
   <div class="leftWrapper">
     <div class="leftContent">
       <div class="logo logoGw">
-          <h2>官<span class="logoInfo">网后台</span><span class="caret"></span></h2>
-          <div class="logoList">
-            <ul>
-              <li><a href="#">文库</a></li>
-              <li><a href="#">问答</a></li>
-              <li><a href="#">价格信息</a></li>
-              <li><a href="#">通行帐号</a></li>
-            </ul>
-          </div>
-        </div>
-      <!-- <div class="subMenu">
-        <h2 class="subMenuTitle"><a href="#"><i class="iconImg icon-">D</i><div class="subMenuText">用户管理</div></a></h2>
-        <div class="subMenuContent">
+        <h2>官<span class="logoInfo">网后台</span><span class="caret"></span></h2>
+        <div class="logoList">
           <ul>
-            <li><a href="#">询价付费用户</a></li>
-            <li><a href="#">报价用户列表</a></li>
+            <li><a href="#">文库</a></li>
+            <li><a href="#">问答</a></li>
+            <li><a href="#">价格信息</a></li>
+            <li><a href="#">通行帐号</a></li>
           </ul>
         </div>
-      </div> -->
+      </div>
       <div class="subMenu">
-        <h2 class="subMenuTitle"><a href="#" class="active"><i class="iconImg icon-">A</i><div class="subMenuText">内容管理<span class="fR caret caret-triangle"></span></div></a></h2>
-        <div class="subMenuContent">
-          <ul>
-            <li><a href="admin-articlelist.html">文章</a></li>
-            <li><a href="admin-trainlist.html">培训班</a></li>
-            <li><a href="admin-producelist.html">产品</a></li>
-            <li><a href="admin-cartoonlist1.html">通用动画</a></li>
-          </ul>
-        </div>
+        <h2 class="subMenuTitle"><a href="admin-articlelist.html"><i class="iconImg icon-">A</i><div class="subMenuText">文章</div></a></h2>
       </div>
       <div class="subMenu">
-        <h2 class="subMenuTitle"><a href="#"><i class="iconImg icon-">F</i><div class="subMenuText">设置管理<span class="fR caret caret-triangle"></span></div></a></h2>
-        <div class="subMenuContent">
-          <ul>
-            <li><a href="admin-columnlist.html">栏目设置</a></li>
-          </ul>
-        </div>
+        <h2 class="subMenuTitle"><a href="admin-trainlist.html"><i class="iconImg icon-">L</i><div class="subMenuText">培训班</div></a></h2>
+      </div>
+      <div class="subMenu">
+        <h2 class="subMenuTitle"><a href="admin-producelist.html" class="active"><i class="iconImg icon-">H</i><div class="subMenuText">产品</div></a></h2>
+      </div>
+      <div class="subMenu">
+        <h2 class="subMenuTitle"><a href="admin-cartoonlist.html"><i class="iconImg icon-">J</i><div class="subMenuText">动画教程</div></a></h2>
+      </div>
+      <div class="subMenu">
+        <h2 class="subMenuTitle"><a href="admin-columnlist.html"><i class="iconImg icon-">F</i><div class="subMenuText">栏目设置</div></a></h2>
       </div>
       <div class="userMain">
       <div class="userContent">
@@ -73,14 +60,11 @@
     <div class="tableContent">
       <form class="form-horizontal">
         <div class="form-group">
-          <label for="" class="col-sm-1 control-label">属性</label>
+          <label for="" class="col-sm-1 control-label">所属产品</label>
           <div class="col-sm-5">
-            <label class="radio-inline">
-              <input type="radio" name="inlineRadioOptions" id="inlineRadio1" value="option1" checked> 通用
-            </label>
-            <label class="radio-inline">
-              <input type="radio" name="inlineRadioOptions" id="inlineRadio1" value="option1"> 专属
-            </label>
+            <select multiple class="form-control">
+              <option>计量支付结算决算</option>
+            </select>
           </div>
         </div>
         <div class="form-group">
@@ -92,7 +76,16 @@
         <div class="form-group">
           <label for="" class="col-sm-1 control-label">播放代码</label>
           <div class="col-sm-5">
-            <textarea class="form-control" rows="3"></textarea>
+            <textarea class="form-control" rows="12"><p><a target="_blank" href="http://d1.video.smartcost.com.cn/video/纵横公路造价软件建设期贷款利息计算.rar">备用下载地址</a></p>
+<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,0,0" width="858" height="558" id="Untitled-1" align="middle">
+<param name="movie" value="http://d2.smartcost.com.cn/video/play/22.swf" />
+<param name="quality" value="high" />
+<param name="bgcolor" value="#ffffff" />
+<embed src="http://d1.video.smartcost.com.cn/video/play/22.swf" quality="high" bgcolor="#ffffff" width="858" 
+   height="558" name="mymovie" align="middle" allowScriptAccess="sameDomain" 
+   type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" />
+</object></textarea>
+<a href="#" data-toggle="modal" data-target="#cartoonAdd">播放代码</a>
           </div>
         </div>
         <div class="form-group">
@@ -113,12 +106,44 @@
             <button type="submit" class="btn btn-primary">提交</button>
           </div>
         </div>
+        <!-- <div class="form-group">
+          <div class="col-sm-offset-1 col-sm-5">
+            <div class="alert alert-danger" role="alert">
+              <a href="#" class="alert-link">修改的动画将从原来的产品列表移除！</a>
+            </div>
+          </div>
+        </div> -->
       </form>
     </div>
   </div>
   <!-- mainWrapper end -->    
 </div>
 
+<!-- 播放代码 -->
+<div class="modal fade" id="cartoonAdd" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
+  <div class="modal-dialog" role="document">
+    <div class="modal-content">
+      <div class="modal-header">
+        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
+        <h4 class="modal-title" id="myModalLabel">播放代码</h4>
+      </div>
+      <div class="modal-body">
+        <textarea class="form-control" rows="12"><p><a target="_blank" href="http://d1.video.smartcost.com.cn/video/动画名称.rar">备用下载地址</a></p>
+<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,0,0" width="858" height="558" id="Untitled-1" align="middle">
+<param name="movie" value="http://d2.smartcost.com.cn/video/play/动画名称.swf" />
+<param name="quality" value="high" />
+<param name="bgcolor" value="#ffffff" />
+<embed src="http://d1.video.smartcost.com.cn/video/play/动画名称.swf" quality="high" bgcolor="#ffffff" width="858" 
+   height="558" name="mymovie" align="middle" allowScriptAccess="sameDomain" 
+   type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" />
+</object></textarea>
+      </div>
+      <div class="modal-footer">
+        <button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
+      </div>
+    </div>
+  </div>
+</div>
 
 </body>
 </html>

admin-cartoonlist.html

@@ -19,43 +19,30 @@
   <div class="leftWrapper">
     <div class="leftContent">
       <div class="logo logoGw">
-          <h2>官<span class="logoInfo">网后台</span><span class="caret"></span></h2>
-          <div class="logoList">
-            <ul>
-              <li><a href="#">文库</a></li>
-              <li><a href="#">问答</a></li>
-              <li><a href="#">价格信息</a></li>
-              <li><a href="#">通行帐号</a></li>
-            </ul>
-          </div>
-        </div>
-      <!-- <div class="subMenu">
-        <h2 class="subMenuTitle"><a href="#"><i class="iconImg icon-">D</i><div class="subMenuText">div用户管理</div></a></h2>
-        <div class="subMenuContent">
+        <h2>官<span class="logoInfo">网后台</span><span class="caret"></span></h2>
+        <div class="logoList">
           <ul>
-            <li><a href="#">询价付费用户</a></li>
-            <li><a href="#">报价用户列表</a></li>
+            <li><a href="#">文库</a></li>
+            <li><a href="#">问答</a></li>
+            <li><a href="#">价格信息</a></li>
+            <li><a href="#">通行帐号</a></li>
           </ul>
         </div>
-      </div> -->
+      </div>
       <div class="subMenu">
-        <h2 class="subMenuTitle"><a href="#" class="active"><i class="iconImg icon-">A</i><div class="subMenuText">内容管理<span class="fR caret caret-triangle"></span></div></a></h2>
-        <div class="subMenuContent">
-          <ul>
-            <li><a href="admin-articlelist.html">文章</a></li>
-            <li><a href="admin-trainlist.html">培训班</a></li>
-            <li><a href="admin-producelist.html">产品</a></li>
-            <li><a href="admin-cartoonlist1.html">通用动画</a></li>
-          </ul>
-        </div>
+        <h2 class="subMenuTitle"><a href="admin-articlelist.html"><i class="iconImg icon-">A</i><div class="subMenuText">文章</div></a></h2>
       </div>
       <div class="subMenu">
-        <h2 class="subMenuTitle"><a href="#"><i class="iconImg icon-">F</i><div class="subMenuText">设置管理<span class="fR caret caret-triangle"></span></div></a></h2>
-        <div class="subMenuContent">
-          <ul>
-            <li><a href="admin-columnlist.html">栏目设置</a></li><a href="admin-producelist.html"><span class="glyphicon glyphicon-chevron-left"></span></a>
-          </ul>
-        </div>
+        <h2 class="subMenuTitle"><a href="admin-trainlist.html"><i class="iconImg icon-">L</i><div class="subMenuText">培训班</div></a></h2>
+      </div>
+      <div class="subMenu">
+        <h2 class="subMenuTitle"><a href="admin-producelist.html"><i class="iconImg icon-">H</i><div class="subMenuText">产品</div></a></h2>
+      </div>
+      <div class="subMenu">
+        <h2 class="subMenuTitle"><a href="admin-cartoonlist.html" class="active"><i class="iconImg icon-">J</i><div class="subMenuText">动画教程</div></a></h2>
+      </div>
+      <div class="subMenu">
+        <h2 class="subMenuTitle"><a href="admin-columnlist.html"><i class="iconImg icon-">F</i><div class="subMenuText">栏目设置</div></a></h2>
       </div>
       <div class="userMain">
       <div class="userContent">
@@ -68,16 +55,15 @@
   <!-- leftWrapper end -->
   <div class="mainWrapper container-fluid">
     <div class="page-header pageTop">
-      <h3><a href="admin-producelist.html"><span class="glyphicon glyphicon-chevron-left"></span></a>固化清单</h3>
+      <h3>动画教程</h3>
     </div>
     <div class="shopContent clearfix">
       <div class="btnGroup">
         <a href="admin-cartoonlist-add.html" class="btn btn-primary">添加动画</a>
-        <a href="#" class="btn btn-danger" data-toggle="modal" data-target="#myModal">删除</a>
       </div>
       <div class="search">
         <div class="input-group">
-          <input type="text" class="form-control" placeholder="Search for...">
+          <input type="text" class="form-control" placeholder="请输入标题">
           <span class="input-group-btn">
             <button class="btn btn-default" type="button">点击搜索</button>
           </span>
@@ -88,68 +74,61 @@
       <table class="table table-hover">
         <thead>
           <tr>
-            <th><input type="checkbox"></th>
             <th>ID</th>
             <th>标题</th>
-            <th>属性</th>
+            <th>所属产品</th>
             <th>操作</th>
           </tr>
         </thead>
         <tr>
-          <td><input type="checkbox"></td>
           <td>24</td>
-          <td>纵横公路造价软件建设期贷款利息计算</td>
-          <td>专属</td>
+          <td><a href="#" target="_blank">纵横公路造价软件建设期贷款利息计算</a></td>
+          <td><a href="admin-producelist-cartoonlist.html">养护造价（增值税）</a></td>
           <td>
             <a href="admin-cartoonlist-edit.html" class="btn btn-default btn-xs"><span class="glyphicon glyphicon-pencil text-primary"></span></a>
             <a href="#" class="btn btn-default btn-xs" data-toggle="modal" data-target="#myModal"><span class="glyphicon glyphicon-trash text-danger"></span></a>
           </td>
         </tr>
         <tr>
-          <td><input type="checkbox"></td>
           <td>23</td>
-          <td>纵横估概预算版-第三部分费用(步骤8)</td>
-          <td>专属</td>
+          <td><a href="#" target="_blank">纵横估概预算版-第三部分费用(步骤8)</a></td>
+          <td></td>
           <td>
             <a href="admin-cartoonlist-edit.html" class="btn btn-default btn-xs"><span class="glyphicon glyphicon-pencil text-primary"></span></a>
             <a href="#" class="btn btn-default btn-xs" data-toggle="modal" data-target="#myModal"><span class="glyphicon glyphicon-trash text-danger"></span></a>
           </td>
         </tr>
         <tr>
-          <td><input type="checkbox"></td>
           <td>22</td>
-          <td>纵横公路造价软件新建补充定额</td>
-          <td>专属</td>
+          <td><a href="#" target="_blank">纵横公路造价软件新建补充定额</a></td>
+          <td></td>
           <td>
             <a href="admin-cartoonlist-edit.html" class="btn btn-default btn-xs"><span class="glyphicon glyphicon-pencil text-primary"></span></a>
             <a href="#" class="btn btn-default btn-xs" data-toggle="modal" data-target="#myModal"><span class="glyphicon glyphicon-trash text-danger"></span></a>
           </td>
         </tr>
         <tr>
-          <td><input type="checkbox"></td>
           <td>21</td>
-          <td>纵横结算决算计量支付软件-变更令教程</td>
-          <td>专属</td>
+          <td><a href="#" target="_blank">纵横结算决算计量支付软件-变更令教程</a></td>
+          <td><a href="admin-producelist-cartoonlist.html">固化清单</a></td>
           <td>
             <a href="admin-cartoonlist-edit.html" class="btn btn-default btn-xs"><span class="glyphicon glyphicon-pencil text-primary"></span></a>
             <a href="#" class="btn btn-default btn-xs" data-toggle="modal" data-target="#myModal"><span class="glyphicon glyphicon-trash text-danger"></span></a>
           </td>
         </tr>
         <tr>
-          <td><input type="checkbox"></td>
           <td>20</td>
-          <td>纵横估概预算版-第二部分费用(步骤7)</td>
-          <td>专属</td>
+          <td><a href="#" target="_blank">纵横估概预算版-第二部分费用(步骤7)</a></td>
+          <td><a href="admin-producelist-cartoonlist.html">计量支付结算决算</a></td>
           <td>
             <a href="admin-cartoonlist-edit.html" class="btn btn-default btn-xs"><span class="glyphicon glyphicon-pencil text-primary"></span></a>
             <a href="#" class="btn btn-default btn-xs" data-toggle="modal" data-target="#myModal"><span class="glyphicon glyphicon-trash text-danger"></span></a>
           </td>
         </tr>
         <tr>
-          <td><input type="checkbox"></td>
           <td>19</td>
-          <td>纵横结算决算计量支付软件动画教程</td>
-          <td>专属</td>
+          <td><a href="#" target="_blank">纵横结算决算计量支付软件动画教程</a></td>
+          <td><a href="admin-producelist-cartoonlist.html">养护造价（增值税）</a></td>
           <td>
             <a href="admin-cartoonlist-edit.html" class="btn btn-default btn-xs"><span class="glyphicon glyphicon-pencil text-primary"></span></a>
             <a href="#" class="btn btn-default btn-xs" data-toggle="modal" data-target="#myModal"><span class="glyphicon glyphicon-trash text-danger"></span></a>

admin-columnlist-add.html

@@ -19,43 +19,30 @@
   <div class="leftWrapper">
     <div class="leftContent">
       <div class="logo logoGw">
-          <h2>官<span class="logoInfo">网后台</span><span class="caret"></span></h2>
-          <div class="logoList">
-            <ul>
-              <li><a href="#">文库</a></li>
-              <li><a href="#">问答</a></li>
-              <li><a href="#">价格信息</a></li>
-              <li><a href="#">通行帐号</a></li>
-            </ul>
-          </div>
-        </div>
-      <!-- <div class="subMenu">
-        <h2 class="subMenuTitle"><a href="#"><i class="iconImg icon-">D</i><div class="subMenuText">用户管理</div></a></h2>
-        <div class="subMenuContent">
+        <h2>官<span class="logoInfo">网后台</span><span class="caret"></span></h2>
+        <div class="logoList">
           <ul>
-            <li><a href="#">询价付费用户</a></li>
-            <li><a href="#">报价用户列表</a></li>
+            <li><a href="#">文库</a></li>
+            <li><a href="#">问答</a></li>
+            <li><a href="#">价格信息</a></li>
+            <li><a href="#">通行帐号</a></li>
           </ul>
         </div>
-      </div> -->
+      </div>
       <div class="subMenu">
-        <h2 class="subMenuTitle"><a href="#" class="active"><i class="iconImg icon-">A</i><div class="subMenuText">内容管理<span class="fR caret caret-triangle"></span></div></a></h2>
-        <div class="subMenuContent">
-          <ul>
-            <li><a href="admin-articlelist.html">文章</a></li>
-            <li><a href="admin-trainlist.html">培训班</a></li>
-            <li><a href="admin-producelist.html">产品</a></li>
-            <li><a href="admin-cartoonlist1.html">通用动画</a></li>
-          </ul>
-        </div>
+        <h2 class="subMenuTitle"><a href="admin-articlelist.html"><i class="iconImg icon-">A</i><div class="subMenuText">文章</div></a></h2>
       </div>
       <div class="subMenu">
-        <h2 class="subMenuTitle"><a href="#"><i class="iconImg icon-">F</i><div class="subMenuText">设置管理<span class="fR caret caret-triangle"></span></div></a></h2>
-        <div class="subMenuContent">
-          <ul>
-            <li><a href="admin-columnlist.html">栏目设置</a></li>
-          </ul>
-        </div>
+        <h2 class="subMenuTitle"><a href="admin-trainlist.html"><i class="iconImg icon-">L</i><div class="subMenuText">培训班</div></a></h2>
+      </div>
+      <div class="subMenu">
+        <h2 class="subMenuTitle"><a href="admin-producelist.html"><i class="iconImg icon-">H</i><div class="subMenuText">产品</div></a></h2>
+      </div>
+      <div class="subMenu">
+        <h2 class="subMenuTitle"><a href="admin-cartoonlist.html"><i class="iconImg icon-">J</i><div class="subMenuText">动画教程</div></a></h2>
+      </div>
+      <div class="subMenu">
+        <h2 class="subMenuTitle"><a href="admin-columnlist.html" class="active"><i class="iconImg icon-">F</i><div class="subMenuText">栏目设置</div></a></h2>
       </div>
       <div class="userMain">
       <div class="userContent">
@@ -106,6 +93,90 @@
         </div>
       </form>
     </div>
+    <div class="tableContent">
+      <form class="form-horizontal">
+        <div class="form-group">
+          <label for="" class="col-sm-1 control-label">栏目属性</label>
+          <div class="col-sm-5">
+            <label class="radio-inline">
+              <input type="radio" name="inlineRadioOptions1" id="inlineRadio1" value="option1"> 系统
+            </label>
+            <label class="radio-inline">
+              <input type="radio" name="inlineRadioOptions1" id="inlineRadio1" value="option1" checked> 链接
+            </label>
+            <label class="radio-inline">
+              <input type="radio" name="inlineRadioOptions1" id="inlineRadio1" value="option1"> 介绍
+            </label>
+          </div>
+        </div>
+        <div class="form-group">
+          <label for="" class="col-sm-1 control-label">排序</label>
+          <div class="col-sm-2">
+            <input type="" class="form-control" id="" placeholder="">
+            <span>（数字越大越前面）</span>
+          </div>
+        </div>
+        <div class="form-group">
+          <label for="" class="col-sm-1 control-label">标题</label>
+          <div class="col-sm-5">
+            <input type="" class="form-control" id="" placeholder="">
+          </div>
+        </div>
+        <div class="form-group">
+          <label for="" class="col-sm-1 control-label">链接</label>
+          <div class="col-sm-5">
+            <input type="" class="form-control" id="" placeholder="">
+          </div>
+        </div>
+        <div class="form-group">
+          <div class="col-sm-offset-1 col-sm-5">
+            <button type="submit" class="btn btn-primary">提交</button>
+          </div>
+        </div>
+      </form>
+    </div>
+    <div class="tableContent">
+      <form class="form-horizontal">
+        <div class="form-group">
+          <label for="" class="col-sm-1 control-label">栏目属性</label>
+          <div class="col-sm-5">
+            <label class="radio-inline">
+              <input type="radio" name="inlineRadioOptions2" id="inlineRadio1" value="option1"> 系统
+            </label>
+            <label class="radio-inline">
+              <input type="radio" name="inlineRadioOptions2" id="inlineRadio1" value="option1"> 链接
+            </label>
+            <label class="radio-inline">
+              <input type="radio" name="inlineRadioOptions2" id="inlineRadio1" value="option1" checked> 介绍
+            </label>
+          </div>
+        </div>
+        <div class="form-group">
+          <label for="" class="col-sm-1 control-label">排序</label>
+          <div class="col-sm-2">
+            <input type="" class="form-control" id="" placeholder="">
+            <span>（数字越大越前面）</span>
+          </div>
+        </div>
+        <div class="form-group">
+          <label for="" class="col-sm-1 control-label">标题</label>
+          <div class="col-sm-5">
+            <input type="" class="form-control" id="" placeholder="">
+          </div>
+        </div>
+        <div class="form-group">
+          <label for="" class="col-sm-1 control-label">介绍内容</label>
+          <div class="col-sm-5">
+            <textarea class="form-control" id="exampleTextarea" rows="5"></textarea>
+          </div>
+        </div>
+        <div class="form-group">
+          <div class="col-sm-offset-1 col-sm-5">
+            <button type="submit" class="btn btn-primary">提交</button>
+          </div>
+        </div>
+      </form>
+    </div>
   </div>
   <!-- mainWrapper end -->    
 </div>

admin-columnlist-edit.html

@@ -19,43 +19,30 @@
   <div class="leftWrapper">
     <div class="leftContent">
       <div class="logo logoGw">
-          <h2>官<span class="logoInfo">网后台</span><span class="caret"></span></h2>
-          <div class="logoList">
-            <ul>
-              <li><a href="#">文库</a></li>
-              <li><a href="#">问答</a></li>
-              <li><a href="#">价格信息</a></li>
-              <li><a href="#">通行帐号</a></li>
-            </ul>
-          </div>
-        </div>
-      <!-- <div class="subMenu">
-        <h2 class="subMenuTitle"><a href="#"><i class="iconImg icon-">D</i><div class="subMenuText">用户管理</div></a></h2>
-        <div class="subMenuContent">
+        <h2>官<span class="logoInfo">网后台</span><span class="caret"></span></h2>
+        <div class="logoList">
           <ul>
-            <li><a href="#">询价付费用户</a></li>
-            <li><a href="#">报价用户列表</a></li>
+            <li><a href="#">文库</a></li>
+            <li><a href="#">问答</a></li>
+            <li><a href="#">价格信息</a></li>
+            <li><a href="#">通行帐号</a></li>
           </ul>
         </div>
-      </div> -->
+      </div>
       <div class="subMenu">
-        <h2 class="subMenuTitle"><a href="#" class="active"><i class="iconImg icon-">A</i><div class="subMenuText">内容管理<span class="fR caret caret-triangle"></span></div></a></h2>
-        <div class="subMenuContent">
-          <ul>
-            <li><a href="admin-articlelist.html">文章</a></li>
-            <li><a href="admin-trainlist.html">培训班</a></li>
-            <li><a href="admin-producelist.html">产品</a></li>
-            <li><a href="admin-cartoonlist1.html">通用动画</a></li>
-          </ul>
-        </div>
+        <h2 class="subMenuTitle"><a href="admin-articlelist.html"><i class="iconImg icon-">A</i><div class="subMenuText">文章</div></a></h2>
       </div>
       <div class="subMenu">
-        <h2 class="subMenuTitle"><a href="#"><i class="iconImg icon-">F</i><div class="subMenuText">设置管理<span class="fR caret caret-triangle"></span></div></a></h2>
-        <div class="subMenuContent">
-          <ul>
-            <li><a href="admin-columnlist.html">栏目设置</a></li>
-          </ul>
-        </div>
+        <h2 class="subMenuTitle"><a href="admin-trainlist.html"><i class="iconImg icon-">L</i><div class="subMenuText">培训班</div></a></h2>
+      </div>
+      <div class="subMenu">
+        <h2 class="subMenuTitle"><a href="admin-producelist.html"><i class="iconImg icon-">H</i><div class="subMenuText">产品</div></a></h2>
+      </div>
+      <div class="subMenu">
+        <h2 class="subMenuTitle"><a href="admin-cartoonlist.html"><i class="iconImg icon-">J</i><div class="subMenuText">动画教程</div></a></h2>
+      </div>
+      <div class="subMenu">
+        <h2 class="subMenuTitle"><a href="admin-columnlist.html" class="active"><i class="iconImg icon-">F</i><div class="subMenuText">栏目设置</div></a></h2>
       </div>
       <div class="userMain">
       <div class="userContent">

admin-columnlist.html

@@ -19,43 +19,30 @@
   <div class="leftWrapper">
     <div class="leftContent">
       <div class="logo logoGw">
-          <h2>官<span class="logoInfo">网后台</span><span class="caret"></span></h2>
-          <div class="logoList">
-            <ul>
-              <li><a href="#">文库</a></li>
-              <li><a href="#">问答</a></li>
-              <li><a href="#">价格信息</a></li>
-              <li><a href="#">通行帐号</a></li>
-            </ul>
-          </div>
-        </div>
-      <!-- <div class="subMenu">
-        <h2 class="subMenuTitle"><a href="#"><i class="iconImg icon-">D</i><div class="subMenuText">用户管理</div></a></h2>
-        <div class="subMenuContent">
+        <h2>官<span class="logoInfo">网后台</span><span class="caret"></span></h2>
+        <div class="logoList">
           <ul>
-            <li><a href="#">询价付费用户</a></li>
-            <li><a href="#">报价用户列表</a></li>
+            <li><a href="#">文库</a></li>
+            <li><a href="#">问答</a></li>
+            <li><a href="#">价格信息</a></li>
+            <li><a href="#">通行帐号</a></li>
           </ul>
         </div>
-      </div> -->
+      </div>
       <div class="subMenu">
-        <h2 class="subMenuTitle"><a href="#"><i class="iconImg icon-">A</i><div class="subMenuText">内容管理<span class="fR caret caret-triangle"></span></div></a></h2>
-        <div class="subMenuContent">
-          <ul>
-            <li><a href="admin-articlelist.html">文章</a></li>
-            <li><a href="admin-trainlist.html">培训班</a></li>
-            <li><a href="admin-producelist.html">产品</a></li>
-            <li><a href="admin-cartoonlist1.html">通用动画</a></li>
-          </ul>
-        </div>
+        <h2 class="subMenuTitle"><a href="admin-articlelist.html"><i class="iconImg icon-">A</i><div class="subMenuText">文章</div></a></h2>
       </div>
       <div class="subMenu">
-        <h2 class="subMenuTitle"><a href="#" class="active"><i class="iconImg icon-">F</i><div class="subMenuText">设置管理<span class="fR caret caret-triangle"></span></div></a></h2>
-        <div class="subMenuContent">
-          <ul>
-            <li><a href="admin-columnlist.html">栏目设置</a></li>
-          </ul>
-        </div>
+        <h2 class="subMenuTitle"><a href="admin-trainlist.html"><i class="iconImg icon-">L</i><div class="subMenuText">培训班</div></a></h2>
+      </div>
+      <div class="subMenu">
+        <h2 class="subMenuTitle"><a href="admin-producelist.html"><i class="iconImg icon-">H</i><div class="subMenuText">产品</div></a></h2>
+      </div>
+      <div class="subMenu">
+        <h2 class="subMenuTitle"><a href="admin-cartoonlist.html"><i class="iconImg icon-">J</i><div class="subMenuText">动画教程</div></a></h2>
+      </div>
+      <div class="subMenu">
+        <h2 class="subMenuTitle"><a href="admin-columnlist.html" class="active"><i class="iconImg icon-">F</i><div class="subMenuText">栏目设置</div></a></h2>
       </div>
       <div class="userMain">
       <div class="userContent">
@@ -73,11 +60,10 @@
     <div class="shopContent clearfix">
       <div class="btnGroup">
         <a href="admin-columnlist-add.html" class="btn btn-primary">添加栏目</a>
-        <a href="#" class="btn btn-danger" data-toggle="modal" data-target="#myModal">删除</a>
       </div>
       <div class="search">
         <div class="input-group">
-          <input type="text" class="form-control" placeholder="Search for...">
+          <input type="text" class="form-control" placeholder="请输入名称">
           <span class="input-group-btn">
             <button class="btn btn-default" type="button">点击搜索</button>
           </span>
@@ -88,7 +74,6 @@
       <table class="table table-hover">
         <thead>
           <tr>
-            <th><input type="checkbox"></th>
             <th>ID</th>
             <th>名称</th>
             <th>类型</th>
@@ -96,7 +81,6 @@
           </tr>
         </thead>
         <tr>
-          <td><input type="checkbox"></td>
           <td>7</td>
           <td>纵横风采</td>
           <td>系统</td>
@@ -106,7 +90,6 @@
           </td>
         </tr>
         <tr>
-          <td><input type="checkbox"></td>
           <td>5</td>
           <td>行业新闻</td>
           <td>系统</td>
@@ -116,7 +99,6 @@
           </td>
         </tr>
         <tr>
-          <td><input type="checkbox"></td>
           <td>4</td>
           <td>公司新闻</td>
           <td>系统</td>
@@ -126,7 +108,6 @@
           </td>
         </tr>
         <tr>
-          <td><input type="checkbox"></td>
           <td>3</td>
           <td>培训</td>
           <td>系统</td>
@@ -136,7 +117,6 @@
           </td>
         </tr>
         <tr>
-          <td><input type="checkbox"></td>
           <td>2</td>
           <td>网络应用</td>
           <td>系统</td>
@@ -146,7 +126,6 @@
           </td>
         </tr>
         <tr>
-          <td><input type="checkbox"></td>
           <td>1</td>
           <td>桌面软件</td>
           <td>系统</td>

admin-producelist-add.html

@@ -19,43 +19,30 @@
   <div class="leftWrapper">
     <div class="leftContent">
       <div class="logo logoGw">
-          <h2>官<span class="logoInfo">网后台</span><span class="caret"></span></h2>
-          <div class="logoList">
-            <ul>
-              <li><a href="#">文库</a></li>
-              <li><a href="#">问答</a></li>
-              <li><a href="#">价格信息</a></li>
-              <li><a href="#">通行帐号</a></li>
-            </ul>
-          </div>
-        </div>
-      <!-- <div class="subMenu">
-        <h2 class="subMenuTitle"><a href="#"><i class="iconImg icon-">D</i><div class="subMenuText">用户管理</div></a></h2>
-        <div class="subMenuContent">
+        <h2>官<span class="logoInfo">网后台</span><span class="caret"></span></h2>
+        <div class="logoList">
           <ul>
-            <li><a href="#">询价付费用户</a></li>
-            <li><a href="#">报价用户列表</a></li>
+            <li><a href="#">文库</a></li>
+            <li><a href="#">问答</a></li>
+            <li><a href="#">价格信息</a></li>
+            <li><a href="#">通行帐号</a></li>
           </ul>
         </div>
-      </div> -->
+      </div>
       <div class="subMenu">
-        <h2 class="subMenuTitle"><a href="#" class="active"><i class="iconImg icon-">A</i><div class="subMenuText">内容管理<span class="fR caret caret-triangle"></span></div></a></h2>
-        <div class="subMenuContent">
-          <ul>
-            <li><a href="admin-articlelist.html">文章</a></li>
-            <li><a href="admin-trainlist.html">培训班</a></li>
-            <li><a href="admin-producelist.html">产品</a></li>
-            <li><a href="admin-cartoonlist1.html">通用动画</a></li>
-          </ul>
-        </div>
+        <h2 class="subMenuTitle"><a href="admin-articlelist.html"><i class="iconImg icon-">A</i><div class="subMenuText">文章</div></a></h2>
       </div>
       <div class="subMenu">
-        <h2 class="subMenuTitle"><a href="#"><i class="iconImg icon-">F</i><div class="subMenuText">设置管理<span class="fR caret caret-triangle"></span></div></a></h2>
-        <div class="subMenuContent">
-          <ul>
-            <li><a href="admin-columnlist.html">栏目设置</a></li>
-          </ul>
-        </div>
+        <h2 class="subMenuTitle"><a href="admin-trainlist.html"><i class="iconImg icon-">L</i><div class="subMenuText">培训班</div></a></h2>
+      </div>
+      <div class="subMenu">
+        <h2 class="subMenuTitle"><a href="admin-producelist.html" class="active"><i class="iconImg icon-">H</i><div class="subMenuText">产品</div></a></h2>
+      </div>
+      <div class="subMenu">
+        <h2 class="subMenuTitle"><a href="admin-cartoonlist.html"><i class="iconImg icon-">J</i><div class="subMenuText">动画教程</div></a></h2>
+      </div>
+      <div class="subMenu">
+        <h2 class="subMenuTitle"><a href="admin-columnlist.html"><i class="iconImg icon-">F</i><div class="subMenuText">栏目设置</div></a></h2>
       </div>
       <div class="userMain">
       <div class="userContent">
@@ -114,44 +101,6 @@
             </div>
           </div>
         </div>
-        <!-- <div class="form-group">
-          <label for="" class="col-sm-1 control-label">下载信息</label>
-          <div class="col-sm-3">
-            <select class="form-control">
-              <option>请选择</option>
-              <option>纵横公路造价标准版</option>
-              <option>纵横公路造价专业版</option>
-              <option>纵横公路造价招投标版</option>
-              <option>纵横公路造价估概预算版</option>
-              <option>纵横公路材料调差专业版</option>
-              <option>纵横公路造价多用户专业版</option>
-              <option>纵横公路造价山西版</option>
-              <option>纵横公路造价免费网络版</option>
-              <option>纵横公路造价学习版</option>
-              <option>广东公路造价编审系统专业版</option>
-              <option>广东公路造价编审系统简装版</option>
-            </select>
-          </div>
-        </div> -->
-        <!-- <div class="form-group">
-          <label for="" class="col-sm-1 control-label">添加动画</label>
-          <div class="col-sm-3">
-            <select class="form-control">
-              <option>请选择</option>
-              <option>纵横公路造价招投标版完整实例教程</option>
-              <option>纵横材料调差教程</option>
-              <option>纵横固化清单简易教程</option>
-              <option>纵横估概预算版-导出导入建设项目</option>
-              <option>纵横估概预算版-另存复制项目文件</option>
-              <option>纵横估概预算版-新建项目文件(步骤1)</option>
-              <option>纵横估概预算版-项目属性设置(步骤2)</option>
-              <option>纵横估概预算版-费率参数设置(步骤3)</option>
-              <option>纵横估概预算版-建立项目表(步骤4)</option>
-              <option>纵横估概预算版-套用定额(步骤5)</option>
-              <option>纵横估概预算版-定额调整(步骤6)</option>
-            </select>
-          </div>
-        </div> -->
         <div class="form-group">
           <label for="" class="col-sm-1 control-label">产品logo</label>
           <div class="col-sm-5">
@@ -177,6 +126,134 @@
         </div>
       </form>
     </div>
+    <div class="tableContent">
+      <form class="form-horizontal">
+        <div class="form-group">
+          <label for="" class="col-sm-1 control-label">类别</label>
+          <div class="col-sm-5">
+            <label class="radio-inline">
+              <input type="radio" name="inlineRadioOptions1" id="inlineRadio1" value="option1"> 产品
+            </label>
+            <label class="radio-inline">
+              <input type="radio" name="inlineRadioOptions1" id="inlineRadio1" value="option1" checked> 驱动
+            </label>
+            <label class="radio-inline">
+              <input type="radio" name="inlineRadioOptions1" id="inlineRadio1" value="option1"> 链接
+            </label>
+          </div>
+        </div>
+        <div class="form-group">
+          <label for="" class="col-sm-1 control-label">标题</label>
+          <div class="col-sm-5">
+            <input type="" class="form-control" id="" placeholder="">
+          </div>
+        </div>
+        <div class="form-group">
+          <label for="" class="col-sm-1 control-label">全称</label>
+          <div class="col-sm-5">
+            <input type="" class="form-control" id="" placeholder="">
+          </div>
+        </div>
+        <div class="form-group">
+          <label for="" class="col-sm-1 control-label">所属栏目</label>
+          <div class="col-sm-5">
+            <div class="sort">
+              <select class="form-control">
+                <option>请选择</option>
+                <option>桌面软件</option>
+                <option>网络应用</option>
+                <option>培训</option>
+                <option>公司新闻</option>
+                <option>行业新闻</option>
+                <option>纵横风采</option>
+              </select>
+            </div>
+          </div>
+        </div>
+        <div class="form-group">
+          <label for="" class="col-sm-1 control-label">下载信息</label>
+          <div class="col-sm-5">
+            <div class="sort">
+              <select class="form-control">
+                <option>请选择</option>
+              </select>
+            </div>
+          </div>
+        </div>
+        <div class="form-group">
+          <div class="col-sm-offset-1 col-sm-5">
+            <button type="submit" class="btn btn-primary">提交</button>
+          </div>
+        </div>
+      </form>
+    </div>
+    <div class="tableContent">
+      <form class="form-horizontal">
+        <div class="form-group">
+          <label for="" class="col-sm-1 control-label">类别</label>
+          <div class="col-sm-5">
+            <label class="radio-inline">
+              <input type="radio" name="inlineRadioOptions2" id="inlineRadio1" value="option1"> 产品
+            </label>
+            <label class="radio-inline">
+              <input type="radio" name="inlineRadioOptions2" id="inlineRadio1" value="option1"> 驱动
+            </label>
+            <label class="radio-inline">
+              <input type="radio" name="inlineRadioOptions2" id="inlineRadio1" value="option1" checked> 链接
+            </label>
+          </div>
+        </div>
+        <div class="form-group">
+          <label for="" class="col-sm-1 control-label">标题</label>
+          <div class="col-sm-5">
+            <input type="" class="form-control" id="" placeholder="">
+          </div>
+        </div>
+        <div class="form-group">
+          <label for="" class="col-sm-1 control-label">全称</label>
+          <div class="col-sm-5">
+            <input type="" class="form-control" id="" placeholder="">
+          </div>
+        </div>
+        <div class="form-group">
+          <label for="" class="col-sm-1 control-label">链接</label>
+          <div class="col-sm-5">
+            <input type="" class="form-control" id="" value="http://">
+          </div>
+        </div>
+        <div class="form-group">
+          <label for="" class="col-sm-1 control-label">所属栏目</label>
+          <div class="col-sm-5">
+            <div class="sort">
+              <select class="form-control">
+                <option>请选择</option>
+                <option>桌面软件</option>
+                <option>网络应用</option>
+                <option>培训</option>
+                <option>公司新闻</option>
+                <option>行业新闻</option>
+                <option>纵横风采</option>
+              </select>
+            </div>
+          </div>
+        </div>
+        <div class="form-group">
+          <label for="" class="col-sm-1 control-label">下载信息</label>
+          <div class="col-sm-5">
+            <div class="sort">
+              <select class="form-control">
+                <option>请选择</option>
+              </select>
+            </div>
+          </div>
+        </div>
+        <div class="form-group">
+          <div class="col-sm-offset-1 col-sm-5">
+            <button type="submit" class="btn btn-primary">提交</button>
+          </div>
+        </div>
+      </form>
+    </div>
   </div>
   <!-- mainWrapper end -->    
 </div>

admin-cartoonlist1.html

@@ -19,43 +19,30 @@
   <div class="leftWrapper">
     <div class="leftContent">
       <div class="logo logoGw">
-          <h2>官<span class="logoInfo">网后台</span><span class="caret"></span></h2>
-          <div class="logoList">
-            <ul>
-              <li><a href="#">文库</a></li>
-              <li><a href="#">问答</a></li>
-              <li><a href="#">价格信息</a></li>
-              <li><a href="#">通行帐号</a></li>
-            </ul>
-          </div>
-        </div>
-      <!-- <div class="subMenu">
-        <h2 class="subMenuTitle"><a href="#"><i class="iconImg icon-">D</i><div class="subMenuText">div用户管理</div></a></h2>
-        <div class="subMenuContent">
+        <h2>官<span class="logoInfo">网后台</span><span class="caret"></span></h2>
+        <div class="logoList">
           <ul>
-            <li><a href="#">询价付费用户</a></li>
-            <li><a href="#">报价用户列表</a></li>
+            <li><a href="#">文库</a></li>
+            <li><a href="#">问答</a></li>
+            <li><a href="#">价格信息</a></li>
+            <li><a href="#">通行帐号</a></li>
           </ul>
         </div>
-      </div> -->
+      </div>
       <div class="subMenu">
-        <h2 class="subMenuTitle"><a href="#" class="active"><i class="iconImg icon-">A</i><div class="subMenuText">内容管理<span class="fR caret caret-triangle"></span></div></a></h2>
-        <div class="subMenuContent">
-          <ul>
-            <li><a href="admin-articlelist.html">文章</a></li>
-            <li><a href="admin-trainlist.html">培训班</a></li>
-            <li><a href="admin-producelist.html">产品</a></li>
-            <li><a href="admin-cartoonlist1.html">通用动画</a></li>
-          </ul>
-        </div>
+        <h2 class="subMenuTitle"><a href="admin-articlelist.html"><i class="iconImg icon-">A</i><div class="subMenuText">文章</div></a></h2>
       </div>
       <div class="subMenu">
-        <h2 class="subMenuTitle"><a href="#"><i class="iconImg icon-">F</i><div class="subMenuText">设置管理<span class="fR caret caret-triangle"></span></div></a></h2>
-        <div class="subMenuContent">
-          <ul>
-            <li><a href="admin-columnlist.html">栏目设置</a></li>
-          </ul>
-        </div>
+        <h2 class="subMenuTitle"><a href="admin-trainlist.html"><i class="iconImg icon-">L</i><div class="subMenuText">培训班</div></a></h2>
+      </div>
+      <div class="subMenu">
+        <h2 class="subMenuTitle"><a href="admin-producelist.html" class="active"><i class="iconImg icon-">H</i><div class="subMenuText">产品</div></a></h2>
+      </div>
+      <div class="subMenu">
+        <h2 class="subMenuTitle"><a href="admin-cartoonlist.html"><i class="iconImg icon-">J</i><div class="subMenuText">动画教程</div></a></h2>
+      </div>
+      <div class="subMenu">
+        <h2 class="subMenuTitle"><a href="admin-columnlist.html"><i class="iconImg icon-">F</i><div class="subMenuText">栏目设置</div></a></h2>
       </div>
       <div class="userMain">
       <div class="userContent">
@@ -68,16 +55,15 @@
   <!-- leftWrapper end -->
   <div class="mainWrapper container-fluid">
     <div class="page-header pageTop">
-      <h3>通用动画</h3>
+      <h3><a href="admin-producelist.html"><span class="glyphicon glyphicon-chevron-left"></span></a>固化清单</h3>
     </div>
     <div class="shopContent clearfix">
       <div class="btnGroup">
-        <a href="admin-cartoonlist-add.html" class="btn btn-primary">添加动画</a>
-        <a href="#" class="btn btn-danger" data-toggle="modal" data-target="#myModal">删除</a>
+        <a href="#" class="btn btn-primary" data-toggle="modal" data-target="#cartoon">添加所属动画</a>
       </div>
       <div class="search">
         <div class="input-group">
-          <input type="text" class="form-control" placeholder="Search for...">
+          <input type="text" class="form-control" placeholder="请输入标题">
           <span class="input-group-btn">
             <button class="btn btn-default" type="button">点击搜索</button>
           </span>
@@ -88,64 +74,51 @@
       <table class="table table-hover">
         <thead>
           <tr>
-            <th><input type="checkbox"></th>
             <th>ID</th>
             <th>标题</th>
             <th>操作</th>
           </tr>
         </thead>
         <tr>
-          <td><input type="checkbox"></td>
           <td>24</td>
           <td>纵横公路造价软件建设期贷款利息计算</td>
           <td>
-            <a href="admin-cartoonlist-edit.html" class="btn btn-default btn-xs"><span class="glyphicon glyphicon-pencil text-primary"></span></a>
-            <a href="#" class="btn btn-default btn-xs" data-toggle="modal" data-target="#myModal"><span class="glyphicon glyphicon-trash text-danger"></span></a>
+            <a href="#" class="btn btn-default btn-xs" data-toggle="modal" data-target="#myModal"><span class="glyphicon glyphicon-remove-circle text-danger"></span></a>
           </td>
         </tr>
         <tr>
-          <td><input type="checkbox"></td>
           <td>23</td>
           <td>纵横估概预算版-第三部分费用(步骤8)</td>
           <td>
-            <a href="admin-cartoonlist-edit.html" class="btn btn-default btn-xs"><span class="glyphicon glyphicon-pencil text-primary"></span></a>
-            <a href="#" class="btn btn-default btn-xs" data-toggle="modal" data-target="#myModal"><span class="glyphicon glyphicon-trash text-danger"></span></a>
+            <a href="#" class="btn btn-default btn-xs" data-toggle="modal" data-target="#myModal"><span class="glyphicon glyphicon-remove-circle text-danger"></span></a>
           </td>
         </tr>
         <tr>
-          <td><input type="checkbox"></td>
           <td>22</td>
           <td>纵横公路造价软件新建补充定额</td>
           <td>
-            <a href="admin-cartoonlist-edit.html" class="btn btn-default btn-xs"><span class="glyphicon glyphicon-pencil text-primary"></span></a>
-            <a href="#" class="btn btn-default btn-xs" data-toggle="modal" data-target="#myModal"><span class="glyphicon glyphicon-trash text-danger"></span></a>
+            <a href="#" class="btn btn-default btn-xs" data-toggle="modal" data-target="#myModal"><span class="glyphicon glyphicon-remove-circle text-danger"></span></a>
           </td>
         </tr>
         <tr>
-          <td><input type="checkbox"></td>
           <td>21</td>
           <td>纵横结算决算计量支付软件-变更令教程</td>
           <td>
-            <a href="admin-cartoonlist-edit.html" class="btn btn-default btn-xs"><span class="glyphicon glyphicon-pencil text-primary"></span></a>
-            <a href="#" class="btn btn-default btn-xs" data-toggle="modal" data-target="#myModal"><span class="glyphicon glyphicon-trash text-danger"></span></a>
+            <a href="#" class="btn btn-default btn-xs" data-toggle="modal" data-target="#myModal"><span class="glyphicon glyphicon-remove-circle text-danger"></span></a>
           </td>
         </tr>
         <tr>
-          <td><input type="checkbox"></td>
           <td>20</td>
           <td>纵横估概预算版-第二部分费用(步骤7)</td>
           <td>
-            <a href="admin-cartoonlist-edit.html" class="btn btn-default btn-xs"><span class="glyphicon glyphicon-pencil text-primary"></span></a>
-            <a href="#" class="btn btn-default btn-xs" data-toggle="modal" data-target="#myModal"><span class="glyphicon glyphicon-trash text-danger"></span></a>
+            <a href="#" class="btn btn-default btn-xs" data-toggle="modal" data-target="#myModal"><span class="glyphicon glyphicon-remove-circle text-danger"></span></a>
           </td>
         </tr>
         <tr>
-          <td><input type="checkbox"></td>
           <td>19</td>
           <td>纵横结算决算计量支付软件动画教程</td>
           <td>
-            <a href="admin-cartoonlist-edit.html" class="btn btn-default btn-xs"><span class="glyphicon glyphicon-pencil text-primary"></span></a>
-            <a href="#" class="btn btn-default btn-xs" data-toggle="modal" data-target="#myModal"><span class="glyphicon glyphicon-trash text-danger"></span></a>
+            <a href="#" class="btn btn-default btn-xs" data-toggle="modal" data-target="#myModal"><span class="glyphicon glyphicon-remove-circle text-danger"></span></a>
           </td>
         </tr>
       </table>
@@ -173,16 +146,41 @@
   <!-- mainWrapper end -->    
 </div>
 
+<!-- 选择动画 -->
+<div class="modal fade" id="cartoon" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
+  <div class="modal-dialog" role="document">
+    <div class="modal-content">
+      <div class="modal-header">
+        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
+        <h4 class="modal-title" id="myModalLabel">选择所属动画</h4>
+      </div>
+      <div class="modal-body">
+        <select class="form-control" multiple>
+          <option>纵横公路造价软件建设期贷款利息计算</option>
+          <option>纵横估概预算版-第三部分费用(步骤8)</option>
+          <option>纵横公路造价软件新建补充定额</option>
+          <option>纵横0号台账编制软件动画教程</option>
+          <option>纵横估概预算版-另存复制项目文件</option>
+        </select>
+      </div>
+      <div class="modal-footer">
+        <button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
+        <button type="button" class="btn btn-primary">确认</button>
+      </div>
+    </div>
+  </div>
+</div>
+
 <!-- 删除 -->
 <div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
   <div class="modal-dialog" role="document">
     <div class="modal-content">
       <div class="modal-header">
         <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
-        <h4 class="modal-title" id="myModalLabel">确认删除</h4>
+        <h4 class="modal-title" id="myModalLabel">确认移除</h4>
       </div>
       <div class="modal-body">
-        <p>确定要删除该信息吗？</p>
+        <p>确定要把该动画移除产品吗？</p>
       </div>
       <div class="modal-footer">
         <button type="button" class="btn btn-default">确认</button>

admin-downlist-add.html

@@ -19,43 +19,30 @@
   <div class="leftWrapper">
     <div class="leftContent">
       <div class="logo logoGw">
-          <h2>官<span class="logoInfo">网后台</span><span class="caret"></span></h2>
-          <div class="logoList">
-            <ul>
-              <li><a href="#">文库</a></li>
-              <li><a href="#">问答</a></li>
-              <li><a href="#">价格信息</a></li>
-              <li><a href="#">通行帐号</a></li>
-            </ul>
-          </div>
-        </div>
-      <!-- <div class="subMenu">
-        <h2 class="subMenuTitle"><a href="#"><i class="iconImg icon-">D</i><div class="subMenuText">用户管理</div></a></h2>
-        <div class="subMenuContent">
+        <h2>官<span class="logoInfo">网后台</span><span class="caret"></span></h2>
+        <div class="logoList">
           <ul>
-            <li><a href="#">询价付费用户</a></li>
-            <li><a href="#">报价用户列表</a></li>
+            <li><a href="#">文库</a></li>
+            <li><a href="#">问答</a></li>
+            <li><a href="#">价格信息</a></li>
+            <li><a href="#">通行帐号</a></li>
           </ul>
         </div>
-      </div> -->
+      </div>
       <div class="subMenu">
-        <h2 class="subMenuTitle"><a href="#" class="active"><i class="iconImg icon-">A</i><div class="subMenuText">内容管理<span class="fR caret caret-triangle"></span></div></a></h2>
-        <div class="subMenuContent">
-          <ul>
-            <li><a href="admin-articlelist.html">文章</a></li>
-            <li><a href="admin-trainlist.html">培训班</a></li>
-            <li><a href="admin-producelist.html">产品</a></li>
-            <li><a href="admin-cartoonlist1.html">通用动画</a></li>
-          </ul>
-        </div>
+        <h2 class="subMenuTitle"><a href="admin-articlelist.html"><i class="iconImg icon-">A</i><div class="subMenuText">文章</div></a></h2>
       </div>
       <div class="subMenu">
-        <h2 class="subMenuTitle"><a href="#"><i class="iconImg icon-">F</i><div class="subMenuText">设置管理<span class="fR caret caret-triangle"></span></div></a></h2>
-        <div class="subMenuContent">
-          <ul>
-            <li><a href="admin-columnlist.html">栏目设置</a></li>
-          </ul>
-        </div>
+        <h2 class="subMenuTitle"><a href="admin-trainlist.html"><i class="iconImg icon-">L</i><div class="subMenuText">培训班</div></a></h2>
+      </div>
+      <div class="subMenu">
+        <h2 class="subMenuTitle"><a href="admin-producelist.html" class="active"><i class="iconImg icon-">H</i><div class="subMenuText">产品</div></a></h2>
+      </div>
+      <div class="subMenu">
+        <h2 class="subMenuTitle"><a href="admin-cartoonlist.html"><i class="iconImg icon-">J</i><div class="subMenuText">动画教程</div></a></h2>
+      </div>
+      <div class="subMenu">
+        <h2 class="subMenuTitle"><a href="admin-columnlist.html"><i class="iconImg icon-">F</i><div class="subMenuText">栏目设置</div></a></h2>
       </div>
       <div class="userMain">
       <div class="userContent">
@@ -68,7 +55,7 @@
   <!-- leftWrapper end -->
   <div class="mainWrapper container-fluid">
     <div class="page-header pageTop">
-      <h3><a href="admin-downlist.html"><span class="glyphicon glyphicon-chevron-left"></span></a>下载添加</h3>
+      <h3><a href="admin-producelist-downlist.html"><span class="glyphicon glyphicon-chevron-left"></span></a>下载添加</h3>
     </div> 
     <div class="tableContent">
       <form class="form-horizontal">

admin-downlist-edit.html

@@ -19,43 +19,30 @@
   <div class="leftWrapper">
     <div class="leftContent">
       <div class="logo logoGw">
-          <h2>官<span class="logoInfo">网后台</span><span class="caret"></span></h2>
-          <div class="logoList">
-            <ul>
-              <li><a href="#">文库</a></li>
-              <li><a href="#">问答</a></li>
-              <li><a href="#">价格信息</a></li>
-              <li><a href="#">通行帐号</a></li>
-            </ul>
-          </div>
-        </div>
-      <!-- <div class="subMenu">
-        <h2 class="subMenuTitle"><a href="#"><i class="iconImg icon-">D</i><div class="subMenuText">用户管理</div></a></h2>
-        <div class="subMenuContent">
+        <h2>官<span class="logoInfo">网后台</span><span class="caret"></span></h2>
+        <div class="logoList">
           <ul>
-            <li><a href="#">询价付费用户</a></li>
-            <li><a href="#">报价用户列表</a></li>
+            <li><a href="#">文库</a></li>
+            <li><a href="#">问答</a></li>
+            <li><a href="#">价格信息</a></li>
+            <li><a href="#">通行帐号</a></li>
           </ul>
         </div>
-      </div> -->
+      </div>
       <div class="subMenu">
-        <h2 class="subMenuTitle"><a href="#" class="active"><i class="iconImg icon-">A</i><div class="subMenuText">内容管理<span class="fR caret caret-triangle"></span></div></a></h2>
-        <div class="subMenuContent">
-          <ul>
-            <li><a href="admin-articlelist.html">文章</a></li>
-            <li><a href="admin-trainlist.html">培训班</a></li>
-            <li><a href="admin-producelist.html">产品</a></li>
-            <li><a href="admin-cartoonlist1.html">通用动画</a></li>
-          </ul>
-        </div>
+        <h2 class="subMenuTitle"><a href="admin-articlelist.html"><i class="iconImg icon-">A</i><div class="subMenuText">文章</div></a></h2>
       </div>
       <div class="subMenu">
-        <h2 class="subMenuTitle"><a href="#"><i class="iconImg icon-">F</i><div class="subMenuText">设置管理<span class="fR caret caret-triangle"></span></div></a></h2>
-        <div class="subMenuContent">
-          <ul>
-            <li><a href="admin-columnlist.html">栏目设置</a></li>
-          </ul>
-        </div>
+        <h2 class="subMenuTitle"><a href="admin-trainlist.html"><i class="iconImg icon-">L</i><div class="subMenuText">培训班</div></a></h2>
+      </div>
+      <div class="subMenu">
+        <h2 class="subMenuTitle"><a href="admin-producelist.html" class="active"><i class="iconImg icon-">H</i><div class="subMenuText">产品</div></a></h2>
+      </div>
+      <div class="subMenu">
+        <h2 class="subMenuTitle"><a href="admin-cartoonlist.html"><i class="iconImg icon-">J</i><div class="subMenuText">动画教程</div></a></h2>
+      </div>
+      <div class="subMenu">
+        <h2 class="subMenuTitle"><a href="admin-columnlist.html"><i class="iconImg icon-">F</i><div class="subMenuText">栏目设置</div></a></h2>
       </div>
       <div class="userMain">
       <div class="userContent">
@@ -68,7 +55,7 @@
   <!-- leftWrapper end -->
   <div class="mainWrapper container-fluid">
     <div class="page-header pageTop">
-      <h3><a href="admin-downlist.html"><span class="glyphicon glyphicon-chevron-left"></span></a>下载编辑</h3>
+      <h3><a href="admin-producelist-downlist.html"><span class="glyphicon glyphicon-chevron-left"></span></a>下载编辑</h3>
     </div> 
     <div class="tableContent">
       <form class="form-horizontal">

admin-downlist.html

@@ -19,43 +19,30 @@
   <div class="leftWrapper">
     <div class="leftContent">
       <div class="logo logoGw">
-          <h2>官<span class="logoInfo">网后台</span><span class="caret"></span></h2>
-          <div class="logoList">
-            <ul>
-              <li><a href="#">文库</a></li>
-              <li><a href="#">问答</a></li>
-              <li><a href="#">价格信息</a></li>
-              <li><a href="#">通行帐号</a></li>
-            </ul>
-          </div>
-        </div>
-      <!-- <div class="subMenu">
-        <h2 class="subMenuTitle"><a href="#"><i class="iconImg icon-">D</i><div class="subMenuText">用户管理</div></a></h2>
-        <div class="subMenuContent">
+        <h2>官<span class="logoInfo">网后台</span><span class="caret"></span></h2>
+        <div class="logoList">
           <ul>
-            <li><a href="#">询价付费用户</a></li>
-            <li><a href="#">报价用户列表</a></li>
+            <li><a href="#">文库</a></li>
+            <li><a href="#">问答</a></li>
+            <li><a href="#">价格信息</a></li>
+            <li><a href="#">通行帐号</a></li>
           </ul>
         </div>
-      </div> -->
+      </div>
       <div class="subMenu">
-        <h2 class="subMenuTitle"><a href="#"><i class="iconImg icon-">A</i><div class="subMenuText">内容管理<span class="fR caret caret-triangle"></span></div></a></h2>
-        <div class="subMenuContent">
-          <ul>
-            <li><a href="admin-articlelist.html">文章</a></li>
-            <li><a href="admin-trainlist.html">培训班</a></li>
-            <li><a href="admin-producelist.html">产品</a></li>
-            <li><a href="admin-cartoonlist1.html">通用动画</a></li>
-          </ul>
-        </div>
+        <h2 class="subMenuTitle"><a href="admin-articlelist.html"><i class="iconImg icon-">A</i><div class="subMenuText">文章</div></a></h2>
       </div>
       <div class="subMenu">
-        <h2 class="subMenuTitle"><a href="#" class="active"><i class="iconImg icon-">F</i><div class="subMenuText">设置管理<span class="fR caret caret-triangle"></span></div></a></h2>
-        <div class="subMenuContent">
-          <ul>
-            <li><a href="admin-columnlist.html">栏目设置</a></li>
-          </ul>
-        </div>
+        <h2 class="subMenuTitle"><a href="admin-trainlist.html"><i class="iconImg icon-">L</i><div class="subMenuText">培训班</div></a></h2>
+      </div>
+      <div class="subMenu">
+        <h2 class="subMenuTitle"><a href="admin-producelist.html" class="active"><i class="iconImg icon-">H</i><div class="subMenuText">产品</div></a></h2>
+      </div>
+      <div class="subMenu">
+        <h2 class="subMenuTitle"><a href="admin-cartoonlist.html"><i class="iconImg icon-">J</i><div class="subMenuText">动画教程</div></a></h2>
+      </div>
+      <div class="subMenu">
+        <h2 class="subMenuTitle"><a href="admin-columnlist.html"><i class="iconImg icon-">F</i><div class="subMenuText">栏目设置</div></a></h2>
       </div>
       <div class="userMain">
       <div class="userContent">
@@ -72,60 +59,43 @@
     </div>
     <div class="shopContent clearfix">
       <div class="btnGroup">
-        <a href="admin-downlist-add.html" class="btn btn-primary">添加下载</a>
-        <a href="#" class="btn btn-danger" data-toggle="modal" data-target="#myModal">删除</a>
+        <a href="admin-producelist-downlist-add.html" class="btn btn-primary">添加下载</a>
       </div>
-      <!-- <div class="search">
-        <div class="input-group">
-          <input type="text" class="form-control" placeholder="Search for...">
-          <span class="input-group-btn">
-            <button class="btn btn-default" type="button">点击搜索</button>
-          </span>
-        </div>
-      </div> -->
     </div>  
     <div class="tableContent">
       <table class="table table-hover">
         <thead>
           <tr>
-            <th><input type="checkbox"></th>
             <th>序号</th>
             <th>简称</th>
             <th>全称</th>
-            <th>下载地址</th>
             <th>操作</th>
           </tr>
         </thead>
         <tr>
-          <td><input type="checkbox"></td>
           <td>1</td>
           <td>专业版</td>
-          <td>纵横公路固化清单专业版</td>
-          <td></td>
+          <td><a href="#" target="_blank">纵横公路固化清单专业版</a></td>
           <td>
-            <a href="admin-downlist-edit.html" class="btn btn-default btn-xs"><span class="glyphicon glyphicon-pencil text-primary"></span></a>
+            <a href="admin-producelist-downlist-edit.html" class="btn btn-default btn-xs"><span class="glyphicon glyphicon-pencil text-primary"></span></a>
             <a href="#" class="btn btn-default btn-xs" data-toggle="modal" data-target="#myModal"><span class="glyphicon glyphicon-trash text-danger"></span></a>
           </td>
         </tr>
         <tr>
-          <td><input type="checkbox"></td>
           <td>2</td>
           <td>网络版</td>
-          <td>纵横公路固化清单网络版</td>
-          <td></td>
+          <td><a href="#" target="_blank">纵横公路固化清单网络版</a></td>
           <td>
-            <a href="admin-downlist-edit.html" class="btn btn-default btn-xs"><span class="glyphicon glyphicon-pencil text-primary"></span></a>
+            <a href="admin-producelist-downlist-edit.html" class="btn btn-default btn-xs"><span class="glyphicon glyphicon-pencil text-primary"></span></a>
             <a href="#" class="btn btn-default btn-xs" data-toggle="modal" data-target="#myModal"><span class="glyphicon glyphicon-trash text-danger"></span></a>
           </td>
         </tr>
         <tr>
-          <td><input type="checkbox"></td>
           <td>3</td>
           <td>中山定制版(投标单位使用)</td>
-          <td>纵横公路固化清单中山定制版</td>
-          <td></td>
+          <td><a href="#" target="_blank">纵横公路固化清单中山定制版</a></td>
           <td>
-            <a href="admin-downlist-edit.html" class="btn btn-default btn-xs"><span class="glyphicon glyphicon-pencil text-primary"></span></a>
+            <a href="admin-producelist-downlist-edit.html" class="btn btn-default btn-xs"><span class="glyphicon glyphicon-pencil text-primary"></span></a>
             <a href="#" class="btn btn-default btn-xs" data-toggle="modal" data-target="#myModal"><span class="glyphicon glyphicon-trash text-danger"></span></a>
           </td>
         </tr>

admin-producelist-edit.html

@@ -19,43 +19,30 @@
   <div class="leftWrapper">
     <div class="leftContent">
       <div class="logo logoGw">
-          <h2>官<span class="logoInfo">网后台</span><span class="caret"></span></h2>
-          <div class="logoList">
-            <ul>
-              <li><a href="#">文库</a></li>
-              <li><a href="#">问答</a></li>
-              <li><a href="#">价格信息</a></li>
-              <li><a href="#">通行帐号</a></li>
-            </ul>
-          </div>
-        </div>
-      <!-- <div class="subMenu">
-        <h2 class="subMenuTitle"><a href="#"><i class="iconImg icon-">D</i><div class="subMenuText">用户管理</div></a></h2>
-        <div class="subMenuContent">
+        <h2>官<span class="logoInfo">网后台</span><span class="caret"></span></h2>
+        <div class="logoList">
           <ul>
-            <li><a href="#">询价付费用户</a></li>
-            <li><a href="#">报价用户列表</a></li>
+            <li><a href="#">文库</a></li>
+            <li><a href="#">问答</a></li>
+            <li><a href="#">价格信息</a></li>
+            <li><a href="#">通行帐号</a></li>
           </ul>
         </div>
-      </div> -->
+      </div>
       <div class="subMenu">
-        <h2 class="subMenuTitle"><a href="#" class="active"><i class="iconImg icon-">A</i><div class="subMenuText">内容管理<span class="fR caret caret-triangle"></span></div></a></h2>
-        <div class="subMenuContent">
-          <ul>
-            <li><a href="admin-articlelist.html">文章</a></li>
-            <li><a href="admin-trainlist.html">培训班</a></li>
-            <li><a href="admin-producelist.html">产品</a></li>
-            <li><a href="admin-cartoonlist1.html">通用动画</a></li>
-          </ul>
-        </div>
+        <h2 class="subMenuTitle"><a href="admin-articlelist.html"><i class="iconImg icon-">A</i><div class="subMenuText">文章</div></a></h2>
       </div>
       <div class="subMenu">
-        <h2 class="subMenuTitle"><a href="#"><i class="iconImg icon-">F</i><div class="subMenuText">设置管理<span class="fR caret caret-triangle"></span></div></a></h2>
-        <div class="subMenuContent">
-          <ul>
-            <li><a href="admin-columnlist.html">栏目设置</a></li>
-          </ul>
-        </div>
+        <h2 class="subMenuTitle"><a href="admin-trainlist.html"><i class="iconImg icon-">L</i><div class="subMenuText">培训班</div></a></h2>
+      </div>
+      <div class="subMenu">
+        <h2 class="subMenuTitle"><a href="admin-producelist.html" class="active"><i class="iconImg icon-">H</i><div class="subMenuText">产品</div></a></h2>
+      </div>
+      <div class="subMenu">
+        <h2 class="subMenuTitle"><a href="admin-cartoonlist.html"><i class="iconImg icon-">J</i><div class="subMenuText">动画教程</div></a></h2>
+      </div>
+      <div class="subMenu">
+        <h2 class="subMenuTitle"><a href="admin-columnlist.html"><i class="iconImg icon-">F</i><div class="subMenuText">栏目设置</div></a></h2>
       </div>
       <div class="userMain">
       <div class="userContent">
@@ -149,6 +136,134 @@
         </div>
       </form>
     </div>
+    <div class="tableContent">
+      <form class="form-horizontal">
+        <div class="form-group">
+          <label for="" class="col-sm-1 control-label">类别</label>
+          <div class="col-sm-5">
+            <label class="radio-inline">
+              <input type="radio" name="inlineRadioOptions1" id="inlineRadio1" value="option1"> 产品
+            </label>
+            <label class="radio-inline">
+              <input type="radio" name="inlineRadioOptions1" id="inlineRadio1" value="option1" checked> 驱动
+            </label>
+            <label class="radio-inline">
+              <input type="radio" name="inlineRadioOptions1" id="inlineRadio1" value="option1"> 链接
+            </label>
+          </div>
+        </div>
+        <div class="form-group">
+          <label for="" class="col-sm-1 control-label">标题</label>
+          <div class="col-sm-5">
+            <input type="" class="form-control" id="" placeholder="">
+          </div>
+        </div>
+        <div class="form-group">
+          <label for="" class="col-sm-1 control-label">全称</label>
+          <div class="col-sm-5">
+            <input type="" class="form-control" id="" placeholder="">
+          </div>
+        </div>
+        <div class="form-group">
+          <label for="" class="col-sm-1 control-label">所属栏目</label>
+          <div class="col-sm-5">
+            <div class="sort">
+              <select class="form-control">
+                <option>请选择</option>
+                <option>桌面软件</option>
+                <option>网络应用</option>
+                <option>培训</option>
+                <option>公司新闻</option>
+                <option>行业新闻</option>
+                <option>纵横风采</option>
+              </select>
+            </div>
+          </div>
+        </div>
+        <div class="form-group">
+          <label for="" class="col-sm-1 control-label">下载信息</label>
+          <div class="col-sm-5">
+            <div class="sort">
+              <select class="form-control">
+                <option>请选择</option>
+              </select>
+            </div>
+          </div>
+        </div>
+        <div class="form-group">
+          <div class="col-sm-offset-1 col-sm-5">
+            <button type="submit" class="btn btn-primary">提交</button>
+          </div>
+        </div>
+      </form>
+    </div>
+    <div class="tableContent">
+      <form class="form-horizontal">
+        <div class="form-group">
+          <label for="" class="col-sm-1 control-label">类别</label>
+          <div class="col-sm-5">
+            <label class="radio-inline">
+              <input type="radio" name="inlineRadioOptions2" id="inlineRadio1" value="option1"> 产品
+            </label>
+            <label class="radio-inline">
+              <input type="radio" name="inlineRadioOptions2" id="inlineRadio1" value="option1"> 驱动
+            </label>
+            <label class="radio-inline">
+              <input type="radio" name="inlineRadioOptions2" id="inlineRadio1" value="option1" checked> 链接
+            </label>
+          </div>
+        </div>
+        <div class="form-group">
+          <label for="" class="col-sm-1 control-label">标题</label>
+          <div class="col-sm-5">
+            <input type="" class="form-control" id="" placeholder="">
+          </div>
+        </div>
+        <div class="form-group">
+          <label for="" class="col-sm-1 control-label">全称</label>
+          <div class="col-sm-5">
+            <input type="" class="form-control" id="" placeholder="">
+          </div>
+        </div>
+        <div class="form-group">
+          <label for="" class="col-sm-1 control-label">链接</label>
+          <div class="col-sm-5">
+            <input type="" class="form-control" id="" value="http://">
+          </div>
+        </div>
+        <div class="form-group">
+          <label for="" class="col-sm-1 control-label">所属栏目</label>
+          <div class="col-sm-5">
+            <div class="sort">
+              <select class="form-control">
+                <option>请选择</option>
+                <option>桌面软件</option>
+                <option>网络应用</option>
+                <option>培训</option>
+                <option>公司新闻</option>
+                <option>行业新闻</option>
+                <option>纵横风采</option>
+              </select>
+            </div>
+          </div>
+        </div>
+        <div class="form-group">
+          <label for="" class="col-sm-1 control-label">下载信息</label>
+          <div class="col-sm-5">
+            <div class="sort">
+              <select class="form-control">
+                <option>请选择</option>
+              </select>
+            </div>
+          </div>
+        </div>
+        <div class="form-group">
+          <div class="col-sm-offset-1 col-sm-5">
+            <button type="submit" class="btn btn-primary">提交</button>
+          </div>
+        </div>
+      </form>
+    </div>
   </div>
   <!-- mainWrapper end -->    
 </div>

admin-producelist.html

@@ -19,43 +19,30 @@
   <div class="leftWrapper">
     <div class="leftContent">
       <div class="logo logoGw">
-          <h2>官<span class="logoInfo">网后台</span><span class="caret"></span></h2>
-          <div class="logoList">
-            <ul>
-              <li><a href="#">文库</a></li>
-              <li><a href="#">问答</a></li>
-              <li><a href="#">价格信息</a></li>
-              <li><a href="#">通行帐号</a></li>
-            </ul>
-          </div>
-        </div>
-      <!-- <div class="subMenu">
-        <h2 class="subMenuTitle"><a href="#"><i class="iconImg icon-">D</i><div class="subMenuText">用户管理</div></a></h2>
-        <div class="subMenuContent">
+        <h2>官<span class="logoInfo">网后台</span><span class="caret"></span></h2>
+        <div class="logoList">
           <ul>
-            <li><a href="#">询价付费用户</a></li>
-            <li><a href="#">报价用户列表</a></li>
+            <li><a href="#">文库</a></li>
+            <li><a href="#">问答</a></li>
+            <li><a href="#">价格信息</a></li>
+            <li><a href="#">通行帐号</a></li>
           </ul>
         </div>
-      </div> -->
+      </div>
       <div class="subMenu">
-        <h2 class="subMenuTitle"><a href="#" class="active"><i class="iconImg icon-">A</i><div class="subMenuText">内容管理<span class="fR caret caret-triangle"></span></div></a></h2>
-        <div class="subMenuContent">
-          <ul>
-            <li><a href="admin-articlelist.html">文章</a></li>
-            <li><a href="admin-trainlist.html">培训班</a></li>
-            <li><a href="admin-producelist.html">产品</a></li>
-            <li><a href="admin-cartoonlist1.html">通用动画</a></li>
-          </ul>
-        </div>
+        <h2 class="subMenuTitle"><a href="admin-articlelist.html"><i class="iconImg icon-">A</i><div class="subMenuText">文章</div></a></h2>
       </div>
       <div class="subMenu">
-        <h2 class="subMenuTitle"><a href="#"><i class="iconImg icon-">F</i><div class="subMenuText">设置管理<span class="fR caret caret-triangle"></span></div></a></h2>
-        <div class="subMenuContent">
-          <ul>
-            <li><a href="admin-columnlist.html">栏目设置</a></li>
-          </ul>
-        </div>
+        <h2 class="subMenuTitle"><a href="admin-trainlist.html"><i class="iconImg icon-">L</i><div class="subMenuText">培训班</div></a></h2>
+      </div>
+      <div class="subMenu">
+        <h2 class="subMenuTitle"><a href="admin-producelist.html" class="active"><i class="iconImg icon-">H</i><div class="subMenuText">产品</div></a></h2>
+      </div>
+      <div class="subMenu">
+        <h2 class="subMenuTitle"><a href="admin-cartoonlist.html"><i class="iconImg icon-">J</i><div class="subMenuText">动画教程</div></a></h2>
+      </div>
+      <div class="subMenu">
+        <h2 class="subMenuTitle"><a href="admin-columnlist.html"><i class="iconImg icon-">F</i><div class="subMenuText">栏目设置</div></a></h2>
       </div>
       <div class="userMain">
       <div class="userContent">
@@ -73,11 +60,10 @@
     <div class="shopContent clearfix">
       <div class="btnGroup">
         <a href="admin-producelist-add.html" class="btn btn-primary">添加产品</a>
-        <a href="#" class="btn btn-danger" data-toggle="modal" data-target="#myModal">删除</a>
       </div>
       <div class="search">
         <div class="input-group">
-          <input type="text" class="form-control" placeholder="Search for...">
+          <input type="text" class="form-control" placeholder="请输入标题全称">
           <span class="input-group-btn">
             <button class="btn btn-default" type="button">点击搜索</button>
           </span>
@@ -88,7 +74,6 @@
       <table class="table table-hover">
         <thead>
           <tr>
-            <th><input type="checkbox"></th>
             <th>序号</th>
             <th>简称</th>
             <th>全称</th>
@@ -99,78 +84,72 @@
           </tr>
         </thead>
         <tr>
-          <td><input type="checkbox"></td>
           <td>1</td>
           <td>固化清单</td>
-          <td>纵横公路固化清单软件</td>
+          <td><a href="#" target="_blank">纵横公路固化清单软件</a></td>
           <td>2015-09-24</td>
-          <td><a href="admin-downlist.html">版本列表</a></td>
-          <td><a href="admin-cartoonlist.html">动画设置</a></td>
+          <td><a href="admin-producelist-downlist.html"><b>3</b>&nbsp;个&nbsp;&nbsp;版本列表</a></td>
+          <td><a href="admin-producelist-cartoonlist.html"><b>6</b>&nbsp;个&nbsp;&nbsp;动画设置</a></td>
           <td>
             <a href="admin-producelist-edit.html" class="btn btn-default btn-xs"><span class="glyphicon glyphicon-pencil text-primary"></span></a>
             <a href="#" class="btn btn-default btn-xs" data-toggle="modal" data-target="#myModal"><span class="glyphicon glyphicon-trash text-danger"></span></a>
           </td>
         </tr>
         <tr>
-          <td><input type="checkbox"></td>
           <td>2</td>
           <td>计量支付</td>
-          <td>纵横公路工程结算决算计量支付一体化软件</td>
+          <td><a href="#" target="_blank">纵横公路工程结算决算计量支付一体化软件</a></td>
           <td>2015-02-02</td>
-          <td><a href="admin-downlist.html">版本列表</a></td>
-          <td><a href="admin-cartoonlist.html">动画设置</a></td>
+          <td><a href="admin-producelist-downlist.html"><b>0</b>&nbsp;个&nbsp;&nbsp;版本列表</a></td>
+          <td><a href="admin-producelist-cartoonlist.html"><b>3</b>&nbsp;个&nbsp;&nbsp;动画设置</a></td>
           <td>
             <a href="admin-producelist-edit.html" class="btn btn-default btn-xs"><span class="glyphicon glyphicon-pencil text-primary"></span></a>
             <a href="#" class="btn btn-default btn-xs" data-toggle="modal" data-target="#myModal"><span class="glyphicon glyphicon-trash text-danger"></span></a>
           </td>
         </tr>
         <tr>
-          <td><input type="checkbox"></td>
           <td>3</td>
           <td>结算决算</td>
-          <td>纵横公路工程结算决算计量支付一体化软件</td>
+          <td><a href="#" target="_blank">纵横公路工程结算决算计量支付一体化软件</a></td>
           <td>2015-02-02</td>
-          <td><a href="admin-downlist.html">版本列表</a></td>
-          <td><a href="admin-cartoonlist.html">动画设置</a></td>
+          <td><a href="admin-producelist-downlist.html"><b>3</b>&nbsp;个&nbsp;&nbsp;版本列表</a></td>
+          <td><a href="admin-producelist-cartoonlist.html"><b>5</b>&nbsp;个&nbsp;&nbsp;动画设置</a></td>
           <td>
             <a href="admin-producelist-edit.html" class="btn btn-default btn-xs"><span class="glyphicon glyphicon-pencil text-primary"></span></a>
             <a href="#" class="btn btn-default btn-xs" data-toggle="modal" data-target="#myModal"><span class="glyphicon glyphicon-trash text-danger"></span></a>
           </td>
         </tr>
         <tr>
-          <td><input type="checkbox"></td>
           <td>4</td>
           <td>0号台账编制</td>
-          <td>纵横公路工程0号台账清单编制软件</td>
+          <td><a href="#" target="_blank">纵横公路工程0号台账清单编制软件</a></td>
           <td>2013-11-08</td>
-          <td><a href="admin-downlist.html">版本列表</a></td>
-          <td><a href="admin-cartoonlist.html">动画设置</a></td>
+          <td><a href="admin-producelist-downlist.html"><b>5</b>&nbsp;个&nbsp;&nbsp;版本列表</a></td>
+          <td><a href="admin-producelist-cartoonlist.html"><b>3</b>&nbsp;个&nbsp;&nbsp;动画设置</a></td>
           <td>
             <a href="admin-producelist-edit.html" class="btn btn-default btn-xs"><span class="glyphicon glyphicon-pencil text-primary"></span></a>
             <a href="#" class="btn btn-default btn-xs" data-toggle="modal" data-target="#myModal"><span class="glyphicon glyphicon-trash text-danger"></span></a>
           </td>
         </tr>
         <tr>
-          <td><input type="checkbox"></td>
           <td>5</td>
           <td>材料调差</td>
-          <td>纵横公路材料调差软件</td>
+          <td><a href="#" target="_blank">纵横公路材料调差软件</a></td>
           <td>2013-07-12</td>
-          <td><a href="admin-downlist.html">版本列表</a></td>
-          <td><a href="admin-cartoonlist.html">动画设置</a></td>
+          <td><a href="admin-producelist-downlist.html"><b>3</b>&nbsp;个&nbsp;&nbsp;版本列表</a></td>
+          <td><a href="admin-producelist-cartoonlist.html"><b>2</b>&nbsp;个&nbsp;&nbsp;动画设置</a></td>
           <td>
             <a href="admin-producelist-edit.html" class="btn btn-default btn-xs"><span class="glyphicon glyphicon-pencil text-primary"></span></a>
             <a href="#" class="btn btn-default btn-xs" data-toggle="modal" data-target="#myModal"><span class="glyphicon glyphicon-trash text-danger"></span></a>
           </td>
         </tr>
         <tr>
-          <td><input type="checkbox"></td>
           <td>6</td>
           <td>公路算量</td>
-          <td>纵横公路工程算量软件</td>
+          <td><a href="#" target="_blank">纵横公路工程算量软件</a></td>
           <td>2013-05-13</td>
-          <td><a href="admin-downlist.html">版本列表</a></td>
-          <td><a href="admin-cartoonlist.html">动画设置</a></td>
+          <td><a href="admin-producelist-downlist.html"><b>3</b>&nbsp;个&nbsp;&nbsp;版本列表</a></td>
+          <td><a href="admin-producelist-cartoonlist.html"><b>3</b>&nbsp;个&nbsp;&nbsp;动画设置</a></td>
           <td>
             <a href="admin-producelist-edit.html" class="btn btn-default btn-xs"><span class="glyphicon glyphicon-pencil text-primary"></span></a>
             <a href="#" class="btn btn-default btn-xs" data-toggle="modal" data-target="#myModal"><span class="glyphicon glyphicon-trash text-danger"></span></a>

admin-trainlist-add.html

@@ -19,43 +19,30 @@
   <div class="leftWrapper">
     <div class="leftContent">
       <div class="logo logoGw">
-          <h2>官<span class="logoInfo">网后台</span><span class="caret"></span></h2>
-          <div class="logoList">
-            <ul>
-              <li><a href="#">文库</a></li>
-              <li><a href="#">问答</a></li>
-              <li><a href="#">价格信息</a></li>
-              <li><a href="#">通行帐号</a></li>
-            </ul>
-          </div>
-        </div>
-      <!-- <div class="subMenu">
-        <h2 class="subMenuTitle"><a href="#"><i class="iconImg icon-">D</i><div class="subMenuText">用户管理</div></a></h2>
-        <div class="subMenuContent">
+        <h2>官<span class="logoInfo">网后台</span><span class="caret"></span></h2>
+        <div class="logoList">
           <ul>
-            <li><a href="#">询价付费用户</a></li>
-            <li><a href="#">报价用户列表</a></li>
+            <li><a href="#">文库</a></li>
+            <li><a href="#">问答</a></li>
+            <li><a href="#">价格信息</a></li>
+            <li><a href="#">通行帐号</a></li>
           </ul>
         </div>
-      </div> -->
+      </div>
       <div class="subMenu">
-        <h2 class="subMenuTitle"><a href="#" class="active"><i class="iconImg icon-">A</i><div class="subMenuText">内容管理<span class="fR caret caret-triangle"></span></div></a></h2>
-        <div class="subMenuContent">
-          <ul>
-            <li><a href="admin-articlelist.html">文章</a></li>
-            <li><a href="admin-trainlist.html">培训班</a></li>
-            <li><a href="admin-producelist.html">产品</a></li>
-            <li><a href="admin-cartoonlist1.html">通用动画</a></li>
-          </ul>
-        </div>
+        <h2 class="subMenuTitle"><a href="admin-articlelist.html"><i class="iconImg icon-">A</i><div class="subMenuText">文章</div></a></h2>
       </div>
       <div class="subMenu">
-        <h2 class="subMenuTitle"><a href="#"><i class="iconImg icon-">F</i><div class="subMenuText">设置管理<span class="fR caret caret-triangle"></span></div></a></h2>
-        <div class="subMenuContent">
-          <ul>
-            <li><a href="admin-columnlist.html">栏目设置</a></li>
-          </ul>
-        </div>
+        <h2 class="subMenuTitle"><a href="admin-trainlist.html" class="active"><i class="iconImg icon-">L</i><div class="subMenuText">培训班</div></a></h2>
+      </div>
+      <div class="subMenu">
+        <h2 class="subMenuTitle"><a href="admin-producelist.html"><i class="iconImg icon-">H</i><div class="subMenuText">产品</div></a></h2>
+      </div>
+      <div class="subMenu">
+        <h2 class="subMenuTitle"><a href="admin-cartoonlist.html"><i class="iconImg icon-">J</i><div class="subMenuText">动画教程</div></a></h2>
+      </div>
+      <div class="subMenu">
+        <h2 class="subMenuTitle"><a href="admin-columnlist.html"><i class="iconImg icon-">F</i><div class="subMenuText">栏目设置</div></a></h2>
       </div>
       <div class="userMain">
       <div class="userContent">
@@ -171,6 +158,7 @@
           <div class="col-sm-5">
             <input type="file" id="">
             <a href="#">取消文件上传</a>
+            <div class="source"><img src="images/2.png"></div>
           </div>
         </div>
         <div class="form-group">

admin-trainlist-edit.html

@@ -19,43 +19,30 @@
   <div class="leftWrapper">
     <div class="leftContent">
       <div class="logo logoGw">
-          <h2>官<span class="logoInfo">网后台</span><span class="caret"></span></h2>
-          <div class="logoList">
-            <ul>
-              <li><a href="#">文库</a></li>
-              <li><a href="#">问答</a></li>
-              <li><a href="#">价格信息</a></li>
-              <li><a href="#">通行帐号</a></li>
-            </ul>
-          </div>
-        </div>
-      <!-- <div class="subMenu">
-        <h2 class="subMenuTitle"><a href="#"><i class="iconImg icon-">D</i><div class="subMenuText">用户管理</div></a></h2>
-        <div class="subMenuContent">
+        <h2>官<span class="logoInfo">网后台</span><span class="caret"></span></h2>
+        <div class="logoList">
           <ul>
-            <li><a href="#">询价付费用户</a></li>
-            <li><a href="#">报价用户列表</a></li>
+            <li><a href="#">文库</a></li>
+            <li><a href="#">问答</a></li>
+            <li><a href="#">价格信息</a></li>
+            <li><a href="#">通行帐号</a></li>
           </ul>
         </div>
-      </div> -->
+      </div>
       <div class="subMenu">
-        <h2 class="subMenuTitle"><a href="#" class="active"><i class="iconImg icon-">A</i><div class="subMenuText">内容管理<span class="fR caret caret-triangle"></span></div></a></h2>
-        <div class="subMenuContent">
-          <ul>
-            <li><a href="admin-articlelist.html">文章</a></li>
-            <li><a href="admin-trainlist.html">培训班</a></li>
-            <li><a href="admin-producelist.html">产品</a></li>
-            <li><a href="admin-cartoonlist1.html">通用动画</a></li>
-          </ul>
-        </div>
+        <h2 class="subMenuTitle"><a href="admin-articlelist.html"><i class="iconImg icon-">A</i><div class="subMenuText">文章</div></a></h2>
       </div>
       <div class="subMenu">
-        <h2 class="subMenuTitle"><a href="#"><i class="iconImg icon-">F</i><div class="subMenuText">设置管理<span class="fR caret caret-triangle"></span></div></a></h2>
-        <div class="subMenuContent">
-          <ul>
-            <li><a href="admin-columnlist.html">栏目设置</a></li>
-          </ul>
-        </div>
+        <h2 class="subMenuTitle"><a href="admin-trainlist.html" class="active"><i class="iconImg icon-">L</i><div class="subMenuText">培训班</div></a></h2>
+      </div>
+      <div class="subMenu">
+        <h2 class="subMenuTitle"><a href="admin-producelist.html"><i class="iconImg icon-">H</i><div class="subMenuText">产品</div></a></h2>
+      </div>
+      <div class="subMenu">
+        <h2 class="subMenuTitle"><a href="admin-cartoonlist.html"><i class="iconImg icon-">J</i><div class="subMenuText">动画教程</div></a></h2>
+      </div>
+      <div class="subMenu">
+        <h2 class="subMenuTitle"><a href="admin-columnlist.html"><i class="iconImg icon-">F</i><div class="subMenuText">栏目设置</div></a></h2>
       </div>
       <div class="userMain">
       <div class="userContent">
@@ -174,6 +161,7 @@
             <input type="file" id="">
             <a href="#">取消文件上传</a>&nbsp;&nbsp;
             <a href="#">删除文件</a>
+            <div class="source"><img src="images/2.png"></div>
           </div>
         </div>
         <div class="form-group">

admin-trainlist.html

@@ -19,43 +19,30 @@
   <div class="leftWrapper">
     <div class="leftContent">
       <div class="logo logoGw">
-          <h2>官<span class="logoInfo">网后台</span><span class="caret"></span></h2>
-          <div class="logoList">
-            <ul>
-              <li><a href="#">文库</a></li>
-              <li><a href="#">问答</a></li>
-              <li><a href="#">价格信息</a></li>
-              <li><a href="#">通行帐号</a></li>
-            </ul>
-          </div>
-        </div>
-      <!-- <div class="subMenu">
-        <h2 class="subMenuTitle"><a href="#"><i class="iconImg icon-">D</i><div class="subMenuText">用户管理</div></a></h2>
-        <div class="subMenuContent">
+        <h2>官<span class="logoInfo">网后台</span><span class="caret"></span></h2>
+        <div class="logoList">
           <ul>
-            <li><a href="#">询价付费用户</a></li>
-            <li><a href="#">报价用户列表</a></li>
+            <li><a href="#">文库</a></li>
+            <li><a href="#">问答</a></li>
+            <li><a href="#">价格信息</a></li>
+            <li><a href="#">通行帐号</a></li>
           </ul>
         </div>
-      </div> -->
+      </div>
       <div class="subMenu">
-        <h2 class="subMenuTitle"><a href="#" class="active"><i class="iconImg icon-">A</i><div class="subMenuText">内容管理<span class="fR caret caret-triangle"></span></div></a></h2>
-        <div class="subMenuContent">
-          <ul>
-            <li><a href="admin-articlelist.html">文章</a></li>
-            <li><a href="admin-trainlist.html">培训班</a></li>
-            <li><a href="admin-producelist.html">产品</a></li>
-            <li><a href="admin-cartoonlist1.html">通用动画</a></li>
-          </ul>
-        </div>
+        <h2 class="subMenuTitle"><a href="admin-articlelist.html"><i class="iconImg icon-">A</i><div class="subMenuText">文章</div></a></h2>
       </div>
       <div class="subMenu">
-        <h2 class="subMenuTitle"><a href="#"><i class="iconImg icon-">F</i><div class="subMenuText">设置管理<span class="fR caret caret-triangle"></span></div></a></h2>
-        <div class="subMenuContent">
-          <ul>
-            <li><a href="admin-columnlist.html">栏目设置</a></li>
-          </ul>
-        </div>
+        <h2 class="subMenuTitle"><a href="admin-trainlist.html" class="active"><i class="iconImg icon-">L</i><div class="subMenuText">培训班</div></a></h2>
+      </div>
+      <div class="subMenu">
+        <h2 class="subMenuTitle"><a href="admin-producelist.html"><i class="iconImg icon-">H</i><div class="subMenuText">产品</div></a></h2>
+      </div>
+      <div class="subMenu">
+        <h2 class="subMenuTitle"><a href="admin-cartoonlist.html"><i class="iconImg icon-">J</i><div class="subMenuText">动画教程</div></a></h2>
+      </div>
+      <div class="subMenu">
+        <h2 class="subMenuTitle"><a href="admin-columnlist.html"><i class="iconImg icon-">F</i><div class="subMenuText">栏目设置</div></a></h2>
       </div>
       <div class="userMain">
       <div class="userContent">
@@ -72,12 +59,14 @@
     </div>
     <div class="shopContent clearfix">
       <div class="btnGroup">
-        <a href="admin-trainlist-add.html" class="btn btn-primary">添加文章</a>
-        <a href="#" class="btn btn-danger" data-toggle="modal" data-target="#myModal">删除</a>
+        <a href="admin-trainlist-add.html" class="btn btn-primary">添加培训班</a>
       </div>
+      <select class="selectBox form-control">
+        <option>请选择地区</option>
+      </select>
       <div class="search">
         <div class="input-group">
-          <input type="text" class="form-control" placeholder="Search for...">
+          <input type="text" class="form-control" placeholder="请输入标题">
           <span class="input-group-btn">
             <button class="btn btn-default" type="button">点击搜索</button>
           </span>
@@ -88,17 +77,17 @@
       <table class="table table-hover">
         <thead>
           <tr>
-            <th><input type="checkbox"></th>
             <th>标题</th>
             <th>类别</th>
+            <th>地区</th>
             <th>时间</th>
             <th>操作</th>
           </tr>
         </thead>
         <tr>
-          <td><input type="checkbox"></td>
-          <td>2016年广西公路工程造价培训</td>
-          <td>培训</td>
+          <td><a href="#" target="_blank">2016年广西公路工程造价培训</a></td>
+          <td>免费</td>
+          <td>广西</td>
           <td>2016-03-04</td>
           <td>
             <a href="admin-trainlist-edit.html" class="btn btn-default btn-xs"><span class="glyphicon glyphicon-pencil text-primary"></span></a>
@@ -106,9 +95,9 @@
           </td>
         </tr>
         <tr>
-          <td><input type="checkbox"></td>
-          <td>2016年江西公路工程造价实战培训</td>
-          <td>培训</td>
+          <td><a href="#" target="_blank">2016年江西公路工程造价实战培训</a></td>
+          <td>收费</td>
+          <td>江西</td>
           <td>2016-03-01</td>
           <td>
             <a href="admin-trainlist-edit.html" class="btn btn-default btn-xs"><span class="glyphicon glyphicon-pencil text-primary"></span></a>
@@ -116,9 +105,9 @@
           </td>
         </tr>
         <tr>
-          <td><input type="checkbox"></td>
-          <td>2016年甘肃公路工程造价培训</td>
-          <td>培训</td>
+          <td><a href="#" target="_blank">2016年甘肃公路工程造价培训</a></td>
+          <td>收费</td>
+          <td>甘肃</td>
           <td>2016-01-18</td>
           <td>
             <a href="admin-trainlist-edit.html" class="btn btn-default btn-xs"><span class="glyphicon glyphicon-pencil text-primary"></span></a>
@@ -126,9 +115,9 @@
           </td>
         </tr>
         <tr>
-          <td><input type="checkbox"></td>
-          <td>2016年安徽公路工程造价培训</td>
-          <td>培训</td>
+          <td><a href="#" target="_blank">2016年安徽公路工程造价培训</a></td>
+          <td>收费</td>
+          <td>安徽</td>
           <td>2016-02-17</td>
           <td>
             <a href="admin-trainlist-edit.html" class="btn btn-default btn-xs"><span class="glyphicon glyphicon-pencil text-primary"></span></a>
@@ -136,9 +125,9 @@
           </td>
         </tr>
         <tr>
-          <td><input type="checkbox"></td>
-          <td>2016年浙江公路工程造价培训</td>
-          <td>培训</td>
+          <td><a href="#" target="_blank">2016年浙江公路工程造价培训</a></td>
+          <td>免费</td>
+          <td>浙江</td>
           <td>2016-01-14</td>
           <td>
             <a href="admin-trainlist-edit.html" class="btn btn-default btn-xs"><span class="glyphicon glyphicon-pencil text-primary"></span></a>
@@ -146,9 +135,9 @@
           </td>
         </tr>
         <tr>
-          <td><input type="checkbox"></td>
-          <td>2016年重庆公路工程造价培训</td>
-          <td>培训</td>
+          <td><a href="#" target="_blank">2016年重庆公路工程造价培训</a></td>
+          <td>收费</td>
+          <td>重庆</td>
           <td>2015-12-16</td>
           <td>
             <a href="admin-trainlist-edit.html" class="btn btn-default btn-xs"><span class="glyphicon glyphicon-pencil text-primary"></span></a>

css/iconMenu/demo-files/demo.css

@@ -1,152 +1,152 @@
 body {
-    padding: 0;
-    margin: 0;
-    font-family: sans-serif;
-    font-size: 1em;
-    line-height: 1.5;
-    color: #555;
-    background: #fff;
+  padding: 0;
+  margin: 0;
+  font-family: sans-serif;
+  font-size: 1em;
+  line-height: 1.5;
+  color: #555;
+  background: #fff;
 }
 h1 {
-    font-size: 1.5em;
-    font-weight: normal;
+  font-size: 1.5em;
+  font-weight: normal;
 }
 small {
-    font-size: .66666667em;
+  font-size: .66666667em;
 }
 a {
-    color: #e74c3c;
-    text-decoration: none;
+  color: #e74c3c;
+  text-decoration: none;
 }
 a:hover, a:focus {
-    box-shadow: 0 1px #e74c3c;
+  box-shadow: 0 1px #e74c3c;
 }
 .bshadow0, input {
-    box-shadow: inset 0 -2px #e7e7e7;
+  box-shadow: inset 0 -2px #e7e7e7;
 }
 input:hover {
-    box-shadow: inset 0 -2px #ccc;
+  box-shadow: inset 0 -2px #ccc;
 }
 input, fieldset {
-    font-family: sans-serif;
-    font-size: 1em;
-    margin: 0;
-    padding: 0;
-    border: 0;
+  font-family: sans-serif;
+  font-size: 1em;
+  margin: 0;
+  padding: 0;
+  border: 0;
 }
 input {
-    color: inherit;
-    line-height: 1.5;
-    height: 1.5em;
-    padding: .25em 0;
+  color: inherit;
+  line-height: 1.5;
+  height: 1.5em;
+  padding: .25em 0;
 }
 input:focus {
-    outline: none;
-    box-shadow: inset 0 -2px #449fdb;
+  outline: none;
+  box-shadow: inset 0 -2px #449fdb;
 }
 .glyph {
-    font-size: 16px;
-    width: 15em;
-    padding-bottom: 1em;
-    margin-right: 4em;
-    margin-bottom: 1em;
-    float: left;
-    overflow: hidden;
+  font-size: 16px;
+  width: 15em;
+  padding-bottom: 1em;
+  margin-right: 4em;
+  margin-bottom: 1em;
+  float: left;
+  overflow: hidden;
 }
 .liga {
-    width: 80%;
-    width: calc(100% - 2.5em);
+  width: 80%;
+  width: calc(100% - 2.5em);
 }
 .talign-right {
-    text-align: right;
+  text-align: right;
 }
 .talign-center {
-    text-align: center;
+  text-align: center;
 }
 .bgc1 {
-    background: #f1f1f1;
+  background: #f1f1f1;
 }
 .fgc1 {
-    color: #999;
+  color: #999;
 }
 .fgc0 {
-    color: #000;
+  color: #000;
 }
 p {
-    margin-top: 1em;
-    margin-bottom: 1em;
+  margin-top: 1em;
+  margin-bottom: 1em;
 }
 .mvm {
-    margin-top: .75em;
-    margin-bottom: .75em;
+  margin-top: .75em;
+  margin-bottom: .75em;
 }
 .mtn {
-    margin-top: 0;
+  margin-top: 0;
 }
 .mtl, .mal {
-    margin-top: 1.5em;
+  margin-top: 1.5em;
 }
 .mbl, .mal {
-    margin-bottom: 1.5em;
+  margin-bottom: 1.5em;
 }
 .mal, .mhl {
-    margin-left: 1.5em;
-    margin-right: 1.5em;
+  margin-left: 1.5em;
+  margin-right: 1.5em;
 }
 .mhmm {
-    margin-left: 1em;
-    margin-right: 1em;
+  margin-left: 1em;
+  margin-right: 1em;
 }
 .mls {
-    margin-left: .25em;
+  margin-left: .25em;
 }
 .ptl {
-    padding-top: 1.5em;
+  padding-top: 1.5em;
 }
 .pbs, .pvs {
-    padding-bottom: .25em;
+  padding-bottom: .25em;
 }
 .pvs, .pts {
-    padding-top: .25em;
+  padding-top: .25em;
 }
 .unit {
-    float: left;
+  float: left;
 }
 .unitRight {
-    float: right;
+  float: right;
 }
 .size1of2 {
-    width: 50%;
+  width: 50%;
 }
 .size1of1 {
-    width: 100%;
+  width: 100%;
 }
 .clearfix:before, .clearfix:after {
-    content: " ";
-    display: table;
+  content: " ";
+  display: table;
 }
 .clearfix:after {
-    clear: both;
+  clear: both;
 }
 .hidden-true {
-    display: none;
+  display: none;
 }
 .textbox0 {
-    width: 3em;
-    background: #f1f1f1;
-    padding: .25em .5em;
-    line-height: 1.5;
-    height: 1.5em;
+  width: 3em;
+  background: #f1f1f1;
+  padding: .25em .5em;
+  line-height: 1.5;
+  height: 1.5em;
 }
 #testDrive {
-    display: block;
-    padding-top: 24px;
-    line-height: 1.5;
+  display: block;
+  padding-top: 24px;
+  line-height: 1.5;
 }
 .fs0 {
-    font-size: 16px;
+  font-size: 16px;
 }
 .fs1 {
-    font-size: 32px;
+  font-size: 32px;
 }
 

css/iconMenu/demo.html

@@ -9,28 +9,12 @@
     <link rel="stylesheet" href="style.css"></head>
 <body>
     <div class="bgc1 clearfix">
-        <h1 class="mhmm mvm"><span class="fgc1">Font Name:</span> iconMenu <small class="fgc1">(Glyphs:&nbsp;6)</small></h1>
+        <h1 class="mhmm mvm"><span class="fgc1">Font Name:</span> iconMenu <small class="fgc1">(Glyphs:&nbsp;11)</small></h1>
     </div>
     <div class="clearfix mhl ptl">
         <h1 class="mvm mtn fgc1">Grid Size: 16</h1>
         <div class="glyph fs1">
             <div class="clearfix bshadow0 pbs">
-                <span class="icon-paste">
-                
-                </span>
-                <span class="mls"> icon-paste</span>
-            </div>
-            <fieldset class="fs0 size1of1 clearfix hidden-false">
-                <input type="text" readonly value="41" class="unit size1of2" />
-                <input type="text" maxlength="1" readonly value="&#x41;" class="unitRight size1of2 talign-right" />
-            </fieldset>
-            <div class="fs0 bshadow0 clearfix hidden-true">
-                <span class="unit pvs fgc1">liga: </span>
-                <input type="text" readonly value="paste, clipboard-file" class="liga unitRight" />
-            </div>
-        </div>
-        <div class="glyph fs1">
-            <div class="clearfix bshadow0 pbs">
                 <span class="icon-coin-yen">
                 
                 </span>
@@ -109,7 +93,103 @@
                 <input type="text" readonly value="tree, branches" class="liga unitRight" />
             </div>
         </div>
-  </div>
+        <div class="glyph fs1">
+            <div class="clearfix bshadow0 pbs">
+                <span class="icon-file-text2">
+                
+                </span>
+                <span class="mls"> icon-file-text2</span>
+            </div>
+            <fieldset class="fs0 size1of1 clearfix hidden-false">
+                <input type="text" readonly value="41" class="unit size1of2" />
+                <input type="text" maxlength="1" readonly value="&#x41;" class="unitRight size1of2 talign-right" />
+            </fieldset>
+            <div class="fs0 bshadow0 clearfix hidden-true">
+                <span class="unit pvs fgc1">liga: </span>
+                <input type="text" readonly value="file-text2, file4" class="liga unitRight" />
+            </div>
+        </div>
+        <div class="glyph fs1">
+            <div class="clearfix bshadow0 pbs">
+                <span class="icon-drawer">
+                
+                </span>
+                <span class="mls"> icon-drawer</span>
+            </div>
+            <fieldset class="fs0 size1of1 clearfix hidden-false">
+                <input type="text" readonly value="48" class="unit size1of2" />
+                <input type="text" maxlength="1" readonly value="&#x48;" class="unitRight size1of2 talign-right" />
+            </fieldset>
+            <div class="fs0 bshadow0 clearfix hidden-true">
+                <span class="unit pvs fgc1">liga: </span>
+                <input type="text" readonly value="drawer, box" class="liga unitRight" />
+            </div>
+        </div>
+        <div class="glyph fs1">
+            <div class="clearfix bshadow0 pbs">
+                <span class="icon-users">
+                
+                </span>
+                <span class="mls"> icon-users</span>
+            </div>
+            <fieldset class="fs0 size1of1 clearfix hidden-false">
+                <input type="text" readonly value="4c" class="unit size1of2" />
+                <input type="text" maxlength="1" readonly value="&#x4c;" class="unitRight size1of2 talign-right" />
+            </fieldset>
+            <div class="fs0 bshadow0 clearfix hidden-true">
+                <span class="unit pvs fgc1">liga: </span>
+                <input type="text" readonly value="users, group" class="liga unitRight" />
+            </div>
+        </div>
+        <div class="glyph fs1">
+            <div class="clearfix bshadow0 pbs">
+                <span class="icon-spinner9">
+                
+                </span>
+                <span class="mls"> icon-spinner9</span>
+            </div>
+            <fieldset class="fs0 size1of1 clearfix hidden-false">
+                <input type="text" readonly value="4b" class="unit size1of2" />
+                <input type="text" maxlength="1" readonly value="&#x4b;" class="unitRight size1of2 talign-right" />
+            </fieldset>
+            <div class="fs0 bshadow0 clearfix hidden-true">
+                <span class="unit pvs fgc1">liga: </span>
+                <input type="text" readonly value="spinner9, loading10" class="liga unitRight" />
+            </div>
+        </div>
+        <div class="glyph fs1">
+            <div class="clearfix bshadow0 pbs">
+                <span class="icon-file-play">
+                
+                </span>
+                <span class="mls"> icon-file-play</span>
+            </div>
+            <fieldset class="fs0 size1of1 clearfix hidden-false">
+                <input type="text" readonly value="4d" class="unit size1of2" />
+                <input type="text" maxlength="1" readonly value="&#x4d;" class="unitRight size1of2 talign-right" />
+            </fieldset>
+            <div class="fs0 bshadow0 clearfix hidden-true">
+                <span class="unit pvs fgc1">liga: </span>
+                <input type="text" readonly value="file-play, file7" class="liga unitRight" />
+            </div>
+        </div>
+        <div class="glyph fs1">
+            <div class="clearfix bshadow0 pbs">
+                <span class="icon-file-video">
+                
+                </span>
+                <span class="mls"> icon-file-video</span>
+            </div>
+            <fieldset class="fs0 size1of1 clearfix hidden-false">
+                <input type="text" readonly value="4a" class="unit size1of2" />
+                <input type="text" maxlength="1" readonly value="&#x4a;" class="unitRight size1of2 talign-right" />
+            </fieldset>
+            <div class="fs0 bshadow0 clearfix hidden-true">
+                <span class="unit pvs fgc1">liga: </span>
+                <input type="text" readonly value="file-video, file8" class="liga unitRight" />
+            </div>
+        </div>
+    </div>
 
     <!--[if gt IE 8]><!-->
     <div class="mhl clearfix mbl">
@@ -121,7 +201,6 @@
         </label>
         <input id="testText" type="text" class="phl size1of1 mvl"
         placeholder="Type some text to test..." value=""/>
-        </label>
         <div id="testDrive" class="icon-">&nbsp;
         </div>
     </div>

css/iconMenu/style.css

@@ -1,45 +1,59 @@
 @font-face {
-    font-family: 'iconMenu';
-    src:    url('fonts/iconMenu.eot?ambimp');
-    src:    url('fonts/iconMenu.eot?ambimp#iefix') format('embedded-opentype'),
-        url('fonts/iconMenu.ttf?ambimp') format('truetype'),
-        url('fonts/iconMenu.woff?ambimp') format('woff'),
-        url('fonts/iconMenu.svg?ambimp#iconMenu') format('svg');
-    font-weight: normal;
-    font-style: normal;
+  font-family: 'iconMenu';
+  src:  url('fonts/iconMenu.eot?8f335y');
+  src:  url('fonts/iconMenu.eot?8f335y#iefix') format('embedded-opentype'),
+    url('fonts/iconMenu.ttf?8f335y') format('truetype'),
+    url('fonts/iconMenu.woff?8f335y') format('woff'),
+    url('fonts/iconMenu.svg?8f335y#iconMenu') format('svg');
+  font-weight: normal;
+  font-style: normal;
 }
 
 [class^="icon-"], [class*=" icon-"] {
-    /* use !important to prevent issues with browser extensions that change fonts */
-    font-family: 'iconMenu' !important;
-    speak: none;
-    font-style: normal;
-    font-weight: normal;
-    font-variant: normal;
-    text-transform: none;
-    line-height: 1;
+  /* use !important to prevent issues with browser extensions that change fonts */
+  font-family: 'iconMenu' !important;
+  speak: none;
+  font-style: normal;
+  font-weight: normal;
+  font-variant: normal;
+  text-transform: none;
+  line-height: 1;
 
-    /* Better Font Rendering =========== */
-    -webkit-font-smoothing: antialiased;
-    -moz-osx-font-smoothing: grayscale;
+  /* Better Font Rendering =========== */
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
 }
 
-.icon-paste:before {
-    content: "\41";
-}
 .icon-coin-yen:before {
-    content: "\42";
+  content: "\42";
 }
 .icon-calendar:before {
-    content: "\43";
+  content: "\43";
 }
 .icon-user:before {
-    content: "\44";
+  content: "\44";
 }
 .icon-cog:before {
-    content: "\46";
+  content: "\46";
 }
 .icon-tree:before {
-    content: "\45";
+  content: "\45";
+}
+.icon-file-text2:before {
+  content: "\41";
+}
+.icon-drawer:before {
+  content: "\48";
+}
+.icon-users:before {
+  content: "\4c";
+}
+.icon-spinner9:before {
+  content: "\4b";
+}
+.icon-file-play:before {
+  content: "\4d";
+}
+.icon-file-video:before {
+  content: "\4a";
 }
-

css/style.css

@@ -48,29 +48,63 @@ table {
   display:block
 }
 @font-face {
-    font-family: 'iconMenu';
-    src:    url('fonts/iconMenu.eot?ambimp');
-    src:    url('fonts/iconMenu.eot?ambimp#iefix') format('embedded-opentype'),
-        url('fonts/iconMenu.ttf?ambimp') format('truetype'),
-        url('fonts/iconMenu.woff?ambimp') format('woff'),
-        url('fonts/iconMenu.svg?ambimp#iconMenu') format('svg');
-    font-weight: normal;
-    font-style: normal;
+  font-family: 'iconMenu';
+  src:  url('fonts/iconMenu.eot?8f335y');
+  src:  url('fonts/iconMenu.eot?8f335y#iefix') format('embedded-opentype'),
+    url('fonts/iconMenu.ttf?8f335y') format('truetype'),
+    url('fonts/iconMenu.woff?8f335y') format('woff'),
+    url('fonts/iconMenu.svg?8f335y#iconMenu') format('svg');
+  font-weight: normal;
+  font-style: normal;
 }
 
 [class^="icon-"], [class*=" icon-"] {
-    /* use !important to prevent issues with browser extensions that change fonts */
-    font-family: 'iconMenu' !important;
-    speak: none;
-    font-style: normal;
-    font-weight: normal;
-    font-variant: normal;
-    text-transform: none;
-    line-height: 1;
+  /* use !important to prevent issues with browser extensions that change fonts */
+  font-family: 'iconMenu' !important;
+  speak: none;
+  font-style: normal;
+  font-weight: normal;
+  font-variant: normal;
+  text-transform: none;
+  line-height: 1;
 
-    /* Better Font Rendering =========== */
-    -webkit-font-smoothing: antialiased;
-    -moz-osx-font-smoothing: grayscale;
+  /* Better Font Rendering =========== */
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+}
+
+.icon-coin-yen:before {
+  content: "\42";
+}
+.icon-calendar:before {
+  content: "\43";
+}
+.icon-user:before {
+  content: "\44";
+}
+.icon-cog:before {
+  content: "\46";
+}
+.icon-tree:before {
+  content: "\45";
+}
+.icon-file-text2:before {
+  content: "\41";
+}
+.icon-drawer:before {
+  content: "\48";
+}
+.icon-users:before {
+  content: "\4c";
+}
+.icon-spinner9:before {
+  content: "\4b";
+}
+.icon-file-play:before {
+  content: "\4d";
+}
+.icon-file-video:before {
+  content: "\4a";
 }
 
 
@@ -127,7 +161,7 @@ table {
   overflow-y:auto;
   height:100%;
   left:0;
-  width:56px;
+  width:60px;
   background:#222;
   color: #fff;
 }
@@ -276,6 +310,11 @@ table {
   float:left;
   margin:0 20px 0 0;
 }
+.selectBox{
+  float:left;
+  width:150px;
+  margin:0 20px 0 0;
+}
 .search{
   float:left;
   width:465px;
@@ -305,4 +344,13 @@ table {
 }
 input[type="file"] {
     display: inline;
+}
+.source{
+  margin:15px 0 0 0;
+  width:328px;
+  height:150px;
+}
+.source img{
+  width:328px;
+  height:150px;
 }

js/global.js

@@ -26,7 +26,7 @@ $(document).ready(function(){
      },300);
   },function(){
     clearTimeout(timer);
-    $(".leftWrapper").stop().animate({width:"56px"},500);
+    $(".leftWrapper").stop().animate({width:"60px"},500);
     $(".mainWrapper").stop().animate({marginLeft:"71px",marginRight:"15px",paddingRight:"0"},500);
     $(".subMenuText").fadeOut("fast");
     $(".logoInfo").hide();