|
|
@@ -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">×</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">×</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>
|
