浏览代码

修改动画教程

Chente 5 年之前
父节点
当前提交
da0bb444bd

+ 1 - 1
admin-articlelist-add.html

@@ -39,7 +39,7 @@
         <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>
+        <h2 class="subMenuTitle"><a href="admin-videolist.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>

+ 1 - 1
admin-articlelist-edit.html

@@ -39,7 +39,7 @@
         <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>
+        <h2 class="subMenuTitle"><a href="admin-videolist.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>

+ 1 - 1
admin-articlelist.html

@@ -39,7 +39,7 @@
         <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>
+        <h2 class="subMenuTitle"><a href="admin-videolist.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>

+ 8 - 10
admin-cartoonlist-add.html

@@ -39,7 +39,13 @@
         <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>
+        <h2 class="subMenuTitle"><a href="#" class="active"><i class="iconImg icon-">J</i><div class="subMenuText">视频教程<span class="caret"></span></div></a></h2>
+        <div class="subMenuContent">
+          <ul>
+            <li><a href="admin-videolist.html">教程列表</a></li>
+            <li><a href="admin-cartoonlist.html">视频库</a></li>
+          </ul>
+        </div>
       </div>
       <div class="subMenu">
         <h2 class="subMenuTitle"><a href="admin-columnlist.html"><i class="iconImg icon-">F</i><div class="subMenuText">栏目设置</div></a></h2>
@@ -55,19 +61,11 @@
   <!-- leftWrapper end -->
   <div class="mainWrapper container-fluid">
     <div class="page-header pageTop">
-      <h3><a href="admin-cartoonlist.html"><span class="glyphicon glyphicon-chevron-left"></span></a>动画添加</h3>
+      <h3><a href="admin-cartoonlist.html"><span class="glyphicon glyphicon-chevron-left"></span></a>视频添加</h3>
     </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">
-            <select multiple class="form-control" size="8">
-              <option>计量支付结算决算</option>
-            </select>
-          </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="">

+ 0 - 149
admin-cartoonlist-edit.html

@@ -1,149 +0,0 @@
-<!DOCTYPE html>
-<html lang=zh-cn> 
-<head>
-  <meta charset=utf-8> 
-  <title>官网后台管理</title> 
-  <meta name=description content=>  
-  <meta http-equiv="X-UA-Compatible" content="IE=edge">
-  <meta name="renderer" content="webkit"> 
-  <link rel=stylesheet href=css/bootstrap.css> 
-  <link rel=stylesheet href=css/style.css>
-  <script src=js/jquery-1.9.1.min.js></script>
-  <script src=js/bootstrap.js></script>
-  <script src=js/global.js></script>
-</head>
-
-<body>
-<div class="headerWrapper"></div>
-<div class="wrapper">
-  <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="admin-articlelist.html"><i class="iconImg icon-">A</i><div class="subMenuText">文章</div></a></h2>
-      </div>
-      <div class="subMenu">
-        <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">
-          <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>
-  <!-- leftWrapper end -->
-  <div class="mainWrapper container-fluid">
-    <div class="page-header pageTop">
-      <h3><a href="admin-cartoonlist.html"><span class="glyphicon glyphicon-chevron-left"></span></a>动画编辑</h3>
-    </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">
-            <select multiple class="form-control" size="8">
-              <option>计量支付结算决算</option>
-            </select>
-          </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="纵横公路造价软件建设期贷款利息计算">
-          </div>
-        </div>
-        <div class="form-group">
-          <label for="" class="col-sm-1 control-label">播放代码</label>
-          <div class="col-sm-5">
-            <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">
-          <label for="" class="col-sm-1 control-label">图片地址</label>
-          <div class="col-sm-5">
-            <input type="" class="form-control" id="" value="/global/upload/img/20150807/14389379951012.png">
-          </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://pan.baidu.com/s/1kTnbKWJ">
-            <span>http://d1.smartcost.com.cn/video/文件名</span>
-          </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>
-        <!-- <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>

+ 17 - 11
admin-cartoonlist.html

@@ -39,7 +39,13 @@
         <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>
+        <h2 class="subMenuTitle"><a href="#" class="active"><i class="iconImg icon-">J</i><div class="subMenuText">视频教程<span class="caret"></span></div></a></h2>
+        <div class="subMenuContent">
+          <ul>
+            <li><a href="admin-videolist.html">教程列表</a></li>
+            <li><a href="admin-cartoonlist.html">视频库</a></li>
+          </ul>
+        </div>
       </div>
       <div class="subMenu">
         <h2 class="subMenuTitle"><a href="admin-columnlist.html"><i class="iconImg icon-">F</i><div class="subMenuText">栏目设置</div></a></h2>
@@ -55,11 +61,11 @@
   <!-- leftWrapper end -->
   <div class="mainWrapper container-fluid">
     <div class="page-header pageTop">
-      <h3>动画教程</h3>
+      <h3>视频库</h3>
     </div>
     <div class="shopContent clearfix">
       <div class="btnGroup">
-        <a href="admin-cartoonlist-add.html" class="btn btn-primary">添加动画</a>
+        <a href="admin-cartoonlist-add.html" class="btn btn-primary">添加视频</a>
       </div>
       <div class="search">
         <div class="input-group">
@@ -75,15 +81,15 @@
         <thead>
           <tr>
             <th>ID</th>
-            <th>标题</th>
-            <th>所属产品</th>
+            <th>视频标题</th>
+            <th>所属教程</th>
             <th>操作</th>
           </tr>
         </thead>
         <tr>
           <td>24</td>
           <td><a href="#" target="_blank">纵横公路造价软件建设期贷款利息计算</a></td>
-          <td><a href="admin-producelist-cartoonlist.html">养护造价(增值税)</a></td>
+          <td><a href="admin-videolist-video.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>
@@ -92,7 +98,7 @@
         <tr>
           <td>23</td>
           <td><a href="#" target="_blank">纵横估概预算版-第三部分费用(步骤8)</a></td>
-          <td></td>
+          <td><a href="admin-videolist-video.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>
@@ -101,7 +107,7 @@
         <tr>
           <td>22</td>
           <td><a href="#" target="_blank">纵横公路造价软件新建补充定额</a></td>
-          <td></td>
+          <td><a href="admin-videolist-video.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>
@@ -110,7 +116,7 @@
         <tr>
           <td>21</td>
           <td><a href="#" target="_blank">纵横结算决算计量支付软件-变更令教程</a></td>
-          <td><a href="admin-producelist-cartoonlist.html">固化清单</a></td>
+          <td><a href="admin-videolist-video.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>
@@ -119,7 +125,7 @@
         <tr>
           <td>20</td>
           <td><a href="#" target="_blank">纵横估概预算版-第二部分费用(步骤7)</a></td>
-          <td><a href="admin-producelist-cartoonlist.html">计量支付结算决算</a></td>
+          <td><a href="admin-videolist-video.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>
@@ -128,7 +134,7 @@
         <tr>
           <td>19</td>
           <td><a href="#" target="_blank">纵横结算决算计量支付软件动画教程</a></td>
-          <td><a href="admin-producelist-cartoonlist.html">养护造价(增值税)</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>

+ 8 - 2
admin-contact.html

@@ -58,10 +58,16 @@
         <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>
+        <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>
+        <h2 class="subMenuTitle"><a href="#" class="active"><i class="iconImg icon-">J</i><div class="subMenuText">视频教程<span class="caret"></span></div></a></h2>
+        <div class="subMenuContent">
+          <ul>
+            <li><a href="admin-videolist.html">教程列表</a></li>
+            <li><a href="admin-cartoonlist.html">视频库</a></li>
+          </ul>
+        </div>
       </div>
       <div class="subMenu">
         <h2 class="subMenuTitle"><a href="admin-columnlist.html"><i class="iconImg icon-">F</i><div class="subMenuText">栏目设置</div></a></h2>

+ 187 - 0
admin-videolist-add.html

@@ -0,0 +1,187 @@
+<!DOCTYPE html>
+<html lang=zh-cn> 
+<head>
+  <meta charset=utf-8> 
+  <title>官网后台管理</title> 
+  <meta name=description content=>  
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <meta name="renderer" content="webkit"> 
+  <link rel=stylesheet href=css/bootstrap.css> 
+  <link rel=stylesheet href=css/style.css>
+  <script src=js/jquery-1.9.1.min.js></script>
+  <script src=js/bootstrap.js></script>
+  <script src=js/global.js></script>
+</head>
+
+<body>
+<div class="headerWrapper"></div>
+<div class="wrapper">
+  <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="admin-articlelist.html"><i class="iconImg icon-">A</i><div class="subMenuText">文章</div></a></h2>
+      </div>
+      <div class="subMenu">
+        <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="#" class="active"><i class="iconImg icon-">J</i><div class="subMenuText">视频教程<span class="caret"></span></div></a></h2>
+        <div class="subMenuContent">
+          <ul>
+            <li><a href="admin-videolist.html">教程列表</a></li>
+            <li><a href="admin-cartoonlist.html">视频库</a></li>
+          </ul>
+        </div>
+      </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>
+    </div>
+    </div>
+  </div>
+  <!-- leftWrapper end -->
+  <div class="mainWrapper container-fluid">
+    <div class="page-header pageTop">
+      <h3><a href="admin-cartoonlist.html"><span class="glyphicon glyphicon-chevron-left"></span></a>教程添加</h3>
+    </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">
+            <div class="row">
+              <div class="col-xs-10">
+                <ul class="list-group">
+                  <li class="list-group-item">#23 造价专业版</li>
+                  <li class="list-group-item">#12 公路养护</li>
+                </ul>
+              </div>
+              <div class="col-xs-2">
+                <button class="btn btn-primary"  type="button" data-toggle="modal" data-target="#c-product">选择</button>
+              </div>
+            </div>
+          </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">
+            <label class="radio-inline">
+              <input type="radio" name="inlineRadioOptions" id="inlineRadio1" value="option1"> 使用第一个视频的图片
+            </label>
+            <label class="radio-inline">
+              <input type="radio" name="inlineRadioOptions" id="inlineRadio2" value="option2"> 自定义图片
+            </label>
+            <!--自定义-->
+            <!-- <div class="col-sm-5">
+              <input type="" class="form-control" id="" placeholder="">
+            </div> -->
+          </div>
+        </div>
+        <div class="form-group">
+          <label for="" class="col-sm-1 control-label">包含视频</label>
+          <div class="col-sm-5">
+            <div class="row">
+              <div class="col-xs-10">
+                <ul class="list-group">
+                  <li class="list-group-item">#2 公路造价软件建设期贷款利息计算</li>
+                  <li class="list-group-item">#3 公路造价软件新建补充定额</li>
+                </ul>
+              </div>
+              <div class="col-xs-2">
+                <button class="btn btn-primary"  type="button" data-toggle="modal" data-target="#c-video">选择</button>
+              </div>
+            </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>
+
+<!-- 选择产品 -->
+<div class="modal fade" id="c-product" 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">
+        <div class="modal-height">
+        <table class="table">
+          <thead><tr><th>id</th><th>产品名称</th><th width="50">选择</th></tr></thead>
+          <tr><td>12</td><td>固化清单(2018定额)</td><td><input type="checkbox"></td></tr>
+          <tr><td>12</td><td>固化清单(2018定额)</td><td><input type="checkbox"></td></tr>
+          <tr class="success"><td>12</td><td>固化清单(2018定额)</td><td><input type="checkbox" checked=""></td></tr>
+          <tr><td>12</td><td>固化清单(2018定额)</td><td><input type="checkbox"></td></tr>
+          <tr><td>12</td><td>固化清单(2018定额)</td><td><input type="checkbox"></td></tr>
+        </table>
+      </div>
+      </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="c-video" 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">
+        <div class="modal-height">
+        <table class="table">
+          <thead><tr><th>id</th><th>产品名称</th><th width="50">选择</th></tr></thead>
+          <tr><td>55</td><td>视频1</td><td><input type="checkbox"></td></tr>
+          <tr><td>56</td><td>视频2</td><td><input type="checkbox"></td></tr>
+          <tr class="success"><td>57</td><td>视频3</td><td><input type="checkbox" checked=""></td></tr>
+          <tr><td>58</td><td>视频4</td><td><input type="checkbox"></td></tr>
+          <tr><td>59</td><td>视频5</td><td><input type="checkbox"></td></tr>
+        </table>
+      </div>
+      </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>
+</body>
+</html>

+ 196 - 0
admin-videolist.html

@@ -0,0 +1,196 @@
+<!DOCTYPE html>
+<html lang=zh-cn> 
+<head>
+  <meta charset=utf-8> 
+  <title>官网后台管理</title> 
+  <meta name=description content=>  
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <meta name="renderer" content="webkit"> 
+  <link rel=stylesheet href=css/bootstrap.css> 
+  <link rel=stylesheet href=css/style.css>
+  <script src=js/jquery-1.9.1.min.js></script>
+  <script src=js/bootstrap.js></script>
+  <script src=js/global.js></script>
+</head>
+
+<body>
+<div class="headerWrapper"></div>
+<div class="wrapper">
+  <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="admin-articlelist.html"><i class="iconImg icon-">A</i><div class="subMenuText">文章</div></a></h2>
+      </div>
+      <div class="subMenu">
+        <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="#" class="active"><i class="iconImg icon-">J</i><div class="subMenuText">视频教程<span class="caret"></span></div></a></h2>
+        <div class="subMenuContent">
+          <ul>
+            <li><a href="admin-videolist.html">教程列表</a></li>
+            <li><a href="admin-cartoonlist.html">视频库</a></li>
+          </ul>
+        </div>
+      </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>
+    </div>
+    </div>
+  </div>
+  <!-- leftWrapper end -->
+  <div class="mainWrapper container-fluid">
+    <div class="page-header pageTop">
+      <h3>教程列表</h3>
+    </div>
+    <div class="shopContent clearfix">
+      <div class="btnGroup">
+        <a href="admin-videolist-add.html" class="btn btn-primary">添加教程</a>
+      </div>
+      <div class="search">
+        <div class="input-group">
+          <input type="text" class="form-control" placeholder="请输入标题">
+          <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>ID</th>
+            <th>教程标题</th>
+            <th>包含视频</th>
+            <th>所属产品</th>
+            <th>操作</th>
+          </tr>
+        </thead>
+        <tr>
+          <td>24</td>
+          <td><a href="#" target="_blank">纵横公路造价软件建设期贷款利息计算</a></td>
+          <td><b>6</b>&nbsp;个&nbsp;&nbsp;视频</td>
+          <td><a href="admin-producelist-cartoonlist.html">养护造价(增值税)</a></td>
+          <td>
+            <a href="admin-videolist-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>23</td>
+          <td><a href="#" target="_blank">纵横估概预算版-第三部分费用(步骤8)</a></td>
+          <td><b>1</b>&nbsp;个&nbsp;&nbsp;视频</td>
+          <td></td>
+          <td>
+            <a href="admin-videolist-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>22</td>
+          <td><a href="#" target="_blank">纵横公路造价软件新建补充定额</a></td>
+          <td><b>1</b>&nbsp;个&nbsp;&nbsp;视频</td>
+          <td></td>
+          <td>
+            <a href="admin-videolist-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>21</td>
+          <td><a href="#" target="_blank">纵横结算决算计量支付软件-变更令教程</a></td>
+          <td><b>4</b>&nbsp;个&nbsp;&nbsp;视频</td>
+          <td><a href="admin-producelist-cartoonlist.html">固化清单</a></td>
+          <td>
+            <a href="admin-videolist-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>20</td>
+          <td><a href="#" target="_blank">纵横估概预算版-第二部分费用(步骤7)</a></td>
+          <td><b>6</b>&nbsp;个&nbsp;&nbsp;视频</td>
+          <td><a href="admin-producelist-cartoonlist.html">计量支付结算决算</a></td>
+          <td>
+            <a href="admin-videolist-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>19</td>
+          <td><a href="#" target="_blank">纵横结算决算计量支付软件动画教程</a></td>
+          <td><b>6</b>&nbsp;个&nbsp;&nbsp;视频</td>
+          <td><a href="admin-producelist-cartoonlist.html">养护造价使用急哦成</a></td>
+          <td>
+            <a href="admin-videolist-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>
+      </table>
+    </div>
+    <nav>
+      <ul class="pagination pagination-sm">
+        <li>
+          <a href="#" aria-label="Previous">
+            <span aria-hidden="true">&laquo;</span>
+          </a>
+        </li>
+        <li><a href="#">1</a></li>
+        <li><a href="#">2</a></li>
+        <li><a href="#">3</a></li>
+        <li><a href="#">4</a></li>
+        <li><a href="#">5</a></li>
+        <li>
+          <a href="#" aria-label="Next">
+            <span aria-hidden="true">&raquo;</span>
+          </a>
+        </li>
+      </ul>
+    </nav>
+  </div>
+  <!-- mainWrapper end -->    
+</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>
+      </div>
+      <div class="modal-body">
+        <p>确定要删除该信息吗?</p>
+      </div>
+      <div class="modal-footer">
+        <button type="button" class="btn btn-default">确认</button>
+        <button type="button" class="btn btn-primary" data-dismiss="modal">关闭</button>
+      </div>
+    </div>
+  </div>
+</div>
+
+
+</body>
+</html>

+ 4 - 0
css/style.css

@@ -426,4 +426,8 @@ input[type="file"] {
   -moz-opacity:0;
   -khtml-opacity: 0;
   opacity: 0;
+}
+.modal-height {
+  height:500px;
+  overflow: auto;
 }