jszfver/form-list.html

<!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">
        <a href="add-form.html" class="btn btn-success pull-right">添加新报表</a>
        <h2><i class="glyphicon glyphicon-list"></i>&nbsp;报表库</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="page-nav clearfix">
        <div class="form-group">
          <div class="row">
            <div class="col-xs-2">
              <select class="form-control"><option>筛选区域</option><option>通用</option><option>全国</option><option>广东</option></select>
            </div>
            <div class="col-xs-3">
              <select class="form-control"><option>筛选类别</option><option>6.结算表</option></select>
            </div>
            <div class="col-xs-2 col-md-offset-5">
              <select class="form-control"><option>按更新时间</option><option>按报表名称</option></select>
            </div>
          </div>
        </div>
      </div>
      <!--通用报表列表-->
      <table class="table table-hover">
        <thead>
          <tr>
            <th>区域</th>
            <th>类别</th>
            <th>报表名</th>
            <th>最新更新</th>
            <th>历史版本</th>
            <th>操作</th>
          </tr>
        </thead>
        <tbody>
          <tr>
            <td>全国</td>
            <td>6.结算表</td>
            <td>【结算】封面</td>
            <td>2016-04-03</td>
            <td><a href="formver-list.html">23</a></td>
            <td><a href="#edit-form" class="btn btn-xs" data-toggle="modal">编辑(点我)</a><a class="btn btn-xs text-danger" href="#delform"  data-toggle="modal">删除(点我)</a></td>
          </tr>
          <tr>
            <td>全国</td>
            <td>6.结算表</td>
            <td>【结算】封面2</td>
            <td>2016-04-03</td>
            <td><a href="formver-list.html">23</a></td>
            <td><a class="btn btn-xs" href="#">编辑</a><a class="btn btn-xs text-danger">删除</a></td>
          </tr>
          <tr>
            <td>全国</td>
            <td>6.结算表</td>
            <td>【结算】封面3</td>
            <td>2016-04-03</td>
            <td><a href="formver-list.html">0</a></td>
            <td><a class="btn btn-xs" href="#">编辑</a><a class="btn btn-xs text-danger" href="">删除</a></td>
          </tr>
        </tobdy>
      </table>
      <!--通用报表列表-->
      <!--定制报表列表-->
      <div class="page-nav clearfix">
        <div class="form-group">
            <div class="row">
              <div class="col-xs-3">
                <select class="form-control"><option>筛选项目</option><option>佛青从</option></select>
              </div>
              <div class="col-xs-2" data-toggle="tooltip" data-placement="left" title="Tooltip on left">
                <a href="#sharekey" class="btn btn-link" data-toggle="modal"><i class="glyphicon glyphicon-link"></i> 领取码</a>
              </div>
              <div class="col-xs-2 col-md-offset-5">
                <select class="form-control"><option>按更新时间</option><option>按报表名称</option></select>
              </div>
            </div>
        </div>
      </div>
      <table class="table table-hover">
        <thead>
          <tr>
            <th>项目</th>
            <th>类别</th>
            <th>报表名</th>
            <th>最新更新</th>
            <th>历史版本</th>
            <th>操作</th>
          </tr>
        </thead>
        <tbody>
          <tr>
            <td>佛青从</td>
            <td>类别</td>
            <td>【结算】封面</td>
            <td>2016-04-05</td>
            <td><a href="formver-list.html">23</a></td>
            <td><a class="btn btn-xs" href="#">编辑</a><a class="btn btn-xs text-danger" href="">删除</a></td>
          </tr>
          <tr>
            <td>佛青从</td>
            <td>类别</td>
            <td>【结算】表名</td>
            <td>2016-04-05</td>
            <td><a href="formver-list.html">23</a></td>
            <td><a class="btn btn-xs" href="#">编辑</a><a class="btn btn-xs text-danger" href="">删除</a></td>
          </tr>
        </tobdy>
      </table>
      <!--定制报表列表-->
      <!--翻页-->
      <nav>
        <ul class="pagination">
          <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>
  </div>
  <!--弹框-领取码-->
  <div class="modal fade " tabindex="-1" role="dialog" aria-hidden="true" id="sharekey">
    <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">
          <p class="text-center">佛青从</p>
          <h1 class="text-center"><span class="label label-default">XJDH21</span></h1>
        </div>
        <div class="modal-footer">

        </div>
      </div>
    </div>
  </div>
  <!--弹框-结束-->
  <!--弹框-删除报表-->
  <div class="modal fade " tabindex="-1" role="dialog" aria-hidden="true" id="delform">
    <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 class="text-center">是否删除 <b>【结算】封面</b> ?</h3>
        </div>
        <div class="modal-footer">
          <a type="button" class="btn btn-danger" href="#">确认删除</a>
        </div>
      </div>
    </div>
  </div>
  <!--弹框-结束-->
  <!--编辑报表-->
  <div class="modal fade " tabindex="-1" role="dialog" aria-hidden="true" id="edit-form">
    <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-4"><select class="form-control input-sm"><option>选择类别</option><option>6.结算表</option></select></div>
              <div class="col-xs-4"><select class="form-control input-sm"><option>选择类别</option><option>6.结算表</option></select></div>
              <div class="col-xs-2"><a href="edit-formcate.html" class="btn btn-link" target="_blank">类别管理</a></div>
            </div>
          </div>
          <div class="form-group">
            <label>报表名</label>
            <div class="row">
              <div class="col-xs-6">
                <input type="text" class="form-control input-sm" placeholder="">
              </div>
            </div>
          </div>
          <!--通用报表信息-->
          <!--定制报表信息-->
          <div class="form-group ">
            <label>所在项目</label>
            <div class="row">
              <div class="col-xs-6"><select class="form-control input-sm"><option>选择类别</option><option>佛青从</option></select></div>
              <div class="col-xs-3"><a href="edit-formpoj.html" class="btn btn-link" target="_blank">项目管理</a></div>
            </div>
          </div>
          <div class="form-group ">
            <label>报表类别</label>
            <div class="row">
              <div class="col-xs-4"><select class="form-control input-sm"><option>选择类别</option><option>6.结算表</option></select></div>
              <div class="col-xs-4"><select class="form-control input-sm"><option>选择类别</option><option>6.结算表</option></select></div>
              <div class="col-xs-2"><a href="edit-formcate.html" class="btn btn-link" target="_blank">类别管理</a></div>
            </div>
          </div>
          <div class="form-group">
            <label>报表名</label>
            <div class="row">
              <div class="col-xs-6">
                <input type="text" class="form-control input-sm" placeholder="">
              </div>
            </div>
          </div>
          <!--定制报表信息-->
        </div>
        <div class="modal-footer">
          <a type="button" class="btn btn-success" href="#">保存</a>
        </div>
      </div>
    </div>
  </div>
  <!--编辑报表-->
</body>