S.H.I.E.L.D.
/
admin-gw


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202
							<!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-videolist-add.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 公路造价软件建设期贷款利息计算
                    <a class="btn btn-xs btn-primary" title="上移"  disabled="disabled"><i class="glyphicon glyphicon-triangle-top"></i></a>
                    <a class="btn btn-primary btn-xs " title="下移"><i class="glyphicon glyphicon-triangle-bottom"></i></a>
                  </li>
                  <li class="list-group-item">#3 公路造价软件新建补充定额
                    <a class="btn btn-xs btn-primary" title="上移"><i class="glyphicon glyphicon-triangle-top"></i></a>
                    <a class="btn btn-primary btn-xs " title="下移"><i class="glyphicon glyphicon-triangle-bottom"></i></a>
                  </li>
                  <li class="list-group-item">#3 造价软件定额视频
                    <a class="btn btn-xs btn-primary" title="上移"><i class="glyphicon glyphicon-triangle-top"></i></a>
                    <a class="btn btn-primary btn-xs " title="下移"><i class="glyphicon glyphicon-triangle-bottom"></i></a>
                  </li>
                  <li class="list-group-item">#4 公路造价软件新建
                    <a class="btn btn-xs btn-primary" title="上移"><i class="glyphicon glyphicon-triangle-top"></i></a>
                    <a class="btn btn-primary btn-xs " title="下移"  disabled="disabled"><i class="glyphicon glyphicon-triangle-bottom"></i></a>
                  </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>