S.H.I.E.L.D.
/
jszfver


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215
							<!DOCTYPE html>
<html lang=zh-cn> 
<head>
  <meta charset=utf-8> 
  <title>VC</title> 
  <meta name=description content="VC">   
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="renderer" content="webkit">
  <meta name=copyright content=smartcost.com.cn> 
  <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="side-nav">
    <h1>VC</h1>
    <ul>
      <li data-toggle="tooltip" data-placement="right" title="客户机列表"><a href="server-list.html"><i class="glyphicon glyphicon-list"></i></a></li>
      <li data-toggle="tooltip" data-placement="right" title="报表库"><a href="form-list.html" class="active"><i class="glyphicon glyphicon-list-alt"></i></a></li>
      <li data-toggle="tooltip" data-placement="right" title="退出登录"><a href="login.html"><i class="glyphicon glyphicon-off"></i></a></li>
    </ul>
  </div>
  <div class="warp-content">
    <div class="container">
      <div class="page-header">
        <h2 id="basis-info">编辑类别</h2>
      </div>
      <div class="page-nav clearfix">
        <ul class="nav nav-tabs">
          <li role="presentation" class="active"><a href="#">通用类别</a></li>
          <li role="presentation"><a href="#">定制报表</a></li>
        </ul>
      </div>
        <!--通用类别-->
        <div class="row">
            <div class="col-md-3">
                <form>
                    <div class="form-group">
                        <label>类别名称</label>
                        <input class="form-control" placeholder="不要太长就是了" type="text">
                    </div>
                    <div class="form-group">
                        <label>父级</label>
                        <select class="form-control"><option>设为父级</option><option>父级类别1</option><option>父级类别2</option><option>父级类别3</option><option>父级类别4</option><option>父级类别5</option><option>父级类别6</option></select>
                    </div>
                    <button type="submit" class="btn btn-info">添加类别</button>
                </form>
            </div>
            <div class="col-md-8 col-md-offset-1">
                <table class="table table-hover">
                    <thead><tr><th>父级类别</th><th>子级类别</th><th width="70">报表</th><th width="110">操作</th></tr></thead>
                    <tbody>
                    <tr><td>父级类别1</td><td></td><td>0</td><td><a href="#edit-cate" data-toggle="modal" class="btn btn-info btn-xs">编辑</a>&nbsp;<a href="#del-cate" data-toggle="modal"  class="btn btn-xs text-danger">删除</a></td></tr>
                    <tr><td>父级类别2</td><td></td><td>2</td><td><a href="#edit-cate" data-toggle="modal" class="btn btn-info btn-xs">编辑</a>&nbsp;<a href="#del-cate" data-toggle="modal"  class="btn btn-xs text-danger">删除</a></td></tr>
                    <tr><td>父级类别3</td><td></td><td>0</td><td><a href="#edit-cate" data-toggle="modal" class="btn btn-info btn-xs">编辑</a>&nbsp;<a href="#del-cate" data-toggle="modal"  class="btn btn-xs text-danger">删除</a></td></tr>
                    <tr><td>父级类别3</td><td>子级类别1</td><td>0</td><td><a href="#edit-cate" data-toggle="modal" class="btn btn-info btn-xs">编辑</a>&nbsp;<a href="#del-cate" data-toggle="modal"  class="btn btn-xs text-danger">删除</a></td></tr>
                    <tr><td>父级类别3</td><td>子级类别2</td><td>0</td><td><a href="#edit-cate" data-toggle="modal" class="btn btn-info btn-xs">编辑</a>&nbsp;<a href="#del-cate" data-toggle="modal"  class="btn btn-xs text-danger">删除</a></td></tr>
                    <tr><td>父级类别4</td><td></td><td>0</td><td><a href="#edit-cate" data-toggle="modal" class="btn btn-info btn-xs">编辑</a>&nbsp;<a href="#del-cate" data-toggle="modal"  class="btn btn-xs text-danger">删除</a></td></tr>
                    <tr><td>父级类别5</td><td></td><td>0</td><td><a href="#edit-cate" data-toggle="modal" class="btn btn-info btn-xs">编辑</a>&nbsp;<a href="#del-cate" data-toggle="modal"  class="btn btn-xs text-danger">删除</a></td></tr>
                    <tr><td>父级类别6</td><td></td><td>0</td><td><a href="#edit-cate" data-toggle="modal" class="btn btn-info btn-xs">编辑</a>&nbsp;<a href="#del-cate" data-toggle="modal"  class="btn btn-xs text-danger">删除</a></td></tr>
                    </tbody>
                </table>
                <nav>
                    <ul class="pagination">
                        <li>
                            <a href="#" aria-label="Previous">
                                <span aria-hidden="true">«</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">»</span>
                            </a>
                        </li>
                    </ul>
                </nav>
            </div>
        </div>
        <!--定制报表-->
        <div class="row">
            <div class="col-md-3">
                <form>
                    <div class="form-group">
                        <a class="pull-right" href="edit-formpoj.html" target="_blank">添加项目</a>
                        <label>项目</label>
                        <select class="form-control"><option>项目1</option><option>项目2</option><option>项目3</option><option>项目4</option><option>项目5</option><option>项目6</option><option>项目7</option></select>
                    </div>
                    <div class="form-group">
                        <label>类别名称</label>
                        <input class="form-control" placeholder="不要太长就是了" type="text">
                    </div>
                    <div class="form-group">
                        <label>父级</label>
                        <select class="form-control"><option>设为父级</option><option>父级类别1</option><option>父级类别2</option><option>父级类别3</option><option>父级类别4</option><option>父级类别5</option><option>父级类别6</option></select>
                    </div>
                    <button type="submit" class="btn btn-info">添加类别</button>
                </form>
            </div>
            <div class="col-md-8 col-md-offset-1">
                <div class="page-nav clearfix">
                    <div class="form-group">
                        <div class="row">
                            <div class="col-xs-6">
                                <select class="form-control"><option>项目1</option><option>项目2</option></select>
                            </div>
                        </div>
                    </div>
                </div>
                <table class="table table-hover">
                    <thead><tr><th>父级类别</th><th>子级类别</th><th width="70">报表</th><th width="110">操作</th></tr></thead>
                    <tbody>
                    <tr><td>父级类别1</td><td></td><td>0</td><td><a href="#edit-cate" data-toggle="modal" class="btn btn-info btn-xs">编辑</a>&nbsp;<a href="#del-cate" data-toggle="modal"  class="btn btn-xs text-danger">删除</a></td></tr>
                    <tr><td>父级类别2</td><td></td><td>2</td><td><a href="#edit-cate" data-toggle="modal" class="btn btn-info btn-xs">编辑</a>&nbsp;<a href="#del-cate" data-toggle="modal"  class="btn btn-xs text-danger">删除</a></td></tr>
                    <tr><td>父级类别3</td><td></td><td>0</td><td><a href="#edit-cate" data-toggle="modal" class="btn btn-info btn-xs">编辑</a>&nbsp;<a href="#del-cate" data-toggle="modal"  class="btn btn-xs text-danger">删除</a></td></tr>
                    <tr><td>父级类别3</td><td>子级类别1</td><td>0</td><td><a href="#edit-cate" data-toggle="modal" class="btn btn-info btn-xs">编辑</a>&nbsp;<a href="#del-cate" data-toggle="modal"  class="btn btn-xs text-danger">删除</a></td></tr>
                    <tr><td>父级类别3</td><td>子级类别2</td><td>0</td><td><a href="#edit-cate" data-toggle="modal" class="btn btn-info btn-xs">编辑</a>&nbsp;<a href="#del-cate" data-toggle="modal"  class="btn btn-xs text-danger">删除</a></td></tr>
                    <tr><td>父级类别4</td><td></td><td>0</td><td><a href="#edit-cate" data-toggle="modal" class="btn btn-info btn-xs">编辑</a>&nbsp;<a href="#del-cate" data-toggle="modal"  class="btn btn-xs text-danger">删除</a></td></tr>
                    <tr><td>父级类别5</td><td></td><td>0</td><td><a href="#edit-cate" data-toggle="modal" class="btn btn-info btn-xs">编辑</a>&nbsp;<a href="#del-cate" data-toggle="modal"  class="btn btn-xs text-danger">删除</a></td></tr>
                    <tr><td>父级类别6</td><td></td><td>0</td><td><a href="#edit-cate" data-toggle="modal" class="btn btn-info btn-xs">编辑</a>&nbsp;<a href="#del-cate" data-toggle="modal"  class="btn btn-xs text-danger">删除</a></td></tr>
                    </tbody>
                </table>
                <nav>
                    <ul class="pagination">
                        <li>
                            <a href="#" aria-label="Previous">
                                <span aria-hidden="true">«</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">»</span>
                            </a>
                        </li>
                    </ul>
                </nav>
            </div>
        </div>
    </div>
  </div>
  <!--编辑类别-->
  <div class="modal fade " tabindex="-1" role="dialog" aria-hidden="true" id="edit-cate">
      <div class="modal-dialog ">
          <div class="modal-content">
              <div class="modal-header">
                  <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">×</span><span class="sr-only">Close</span></button>
                  <h4 class="modal-title" >编辑类别</h4>
              </div>
              <div class="modal-body">
                  <!--定制报表项目-->
                  <div class="form-group">
                      <label>类别名称</label>
                      <div class="row">
                          <div class="col-xs-6">
                              <select class="form-control"><option>项目1</option><option>项目2</option></select>
                          </div>
                      </div>
                  </div>
                  <!--定制报表项目-->
                  <div class="form-group">
                      <label>类别名称</label>
                      <div class="row">
                          <div class="col-xs-4">
                              <input type="text" class="form-control input-sm" value="父级类别" >
                          </div>
                      </div>
                  </div>
                  <div class="form-group">
                      <label>父级类别</label>
                      <div class="row">
                          <div class="col-xs-4">
                              <select class="form-control"><option>设为父级</option><option>父级类别1</option><option>父级类别2</option><option>父级类别3</option><option>父级类别4</option><option>父级类别5</option><option>父级类别6</option></select>
                          </div>
                      </div>
                  </div>
              </div>
              <div class="modal-footer">
                  <a type="button" class="btn btn-info" href="#">保存</a>
              </div>
          </div>
      </div>
  </div>
  <!--编辑类别-->
  <!--编辑类别-->
  <div class="modal fade " tabindex="-1" role="dialog" aria-hidden="true" id="del-cate">
      <div class="modal-dialog ">
          <div class="modal-content">
              <div class="modal-header">
                  <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">×</span><span class="sr-only">Close</span></button>
                  <h4 class="modal-title" >删除类别</h4>
              </div>
              <div class="modal-body">
                  <h3>该类别下包含子类别，无法删除</h3>
                  <h3>该类别下包含报表，无法删除</h3>
                  <h3>是否删除 <b>类别名称</b></h3>
              </div>
              <div class="modal-footer">
                  <a type="button" class="btn btn-danger" href="#">确认删除</a>
              </div>
          </div>
      </div>
  </div>
  <!--编辑类别-->
</body>