jszfver/edit-formpoj.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">
        <h2 id="basis-info">编辑项目</h2>
      </div>
        <div class="row">
            <div class="col-md-3">
                <form>
                    <div class="form-group">
                        <label>项目名称</label>
                        <select class="form-control">
                          <option>
                            选择所在省份
                          </option>
                          <option>
                            广东省
                          </option>
                          <option>
                            广西省
                          </option>
                        </select>
                    </div>
                    <div class="form-group">
                        <label>项目名称</label>
                        <input class="form-control" placeholder="不要太长就是了" type="text">
                    </div>
                    <button type="submit" class="btn btn-success">添加项目</button>
                </form>
            </div>
            <div class="col-md-8 col-md-offset-1">
                <div>
                  <div class="form-group col-md-3">
                      <select class="form-control">
                        <option>
                          选择所在省份
                        </option>
                        <option>
                          广东省（2）
                        </option>
                        <option>
                          广西省（1）
                        </option>
                      </select>
                  </div>
                </div>
                <table class="table table-hover">
                    <thead><tr><th>项目名称</th><th width="100">省份</th><th width="70">类别</th><th width="70">报表</th><th width="110">操作</th></tr></thead>
                    <tbody>
                    <tr><td>项目1</td><td>广东省</td><td>0</td><td>0</td><td><a href="#edit-poj" data-toggle="modal" class="btn btn-xs">编辑</a>&nbsp;<a href="#del-poj" data-toggle="modal"  class="btn btn-xs text-danger">删除</a></td></tr>
                    <tr><td>项目2</td><td>广东省</td><td>2</td><td>0</td><td><a href="#edit-poj" data-toggle="modal" class="btn btn-xs">编辑</a>&nbsp;<a href="#del-poj" data-toggle="modal"  class="btn btn-xs text-danger">删除</a></td></tr>
                    <tr><td>项目3</td><td>广东省</td><td>0</td><td>0</td><td><a href="#edit-poj" data-toggle="modal" class="btn btn-xs">编辑</a>&nbsp;<a href="#del-poj" data-toggle="modal"  class="btn btn-xs text-danger">删除</a></td></tr>
                    <tr><td>项目4</td><td>广东省</td><td>0</td><td>0</td><td><a href="#edit-poj" data-toggle="modal" class="btn btn-xs">编辑</a>&nbsp;<a href="#del-poj" data-toggle="modal"  class="btn btn-xs text-danger">删除</a></td></tr>
                    <tr><td>项目5</td><td>广东省</td><td>0</td><td>0</td><td><a href="#edit-poj" data-toggle="modal" class="btn btn-xs">编辑</a>&nbsp;<a href="#del-poj" data-toggle="modal"  class="btn btn-xs text-danger">删除</a></td></tr>
                    <tr><td>项目6</td><td>广东省</td><td>0</td><td>0</td><td><a href="#edit-poj" data-toggle="modal" class="btn btn-xs">编辑</a>&nbsp;<a href="#del-poj" data-toggle="modal"  class="btn btn-xs text-danger">删除</a></td></tr>
                    <tr><td>项目7</td><td>广东省</td><td>0</td><td>0</td><td><a href="#edit-poj" data-toggle="modal" class="btn btn-xs">编辑</a>&nbsp;<a href="#del-poj" data-toggle="modal"  class="btn btn-xs text-danger">删除</a></td></tr>
                    <tr><td>项目8</td><td>广东省</td><td>0</td><td>0</td><td><a href="#edit-poj" data-toggle="modal" class="btn btn-xs">编辑</a>&nbsp;<a href="#del-poj" 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-poj">
      <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-9">
                              <input type="text" class="form-control input-sm" value="" >
                          </div>
                      </div>
                  </div>
              </div>
              <div class="modal-footer">
                  <a type="button" class="btn btn-success" href="#">保存</a>
              </div>
          </div>
      </div>
  </div>
  <!--编辑项目-->
  <!--删除项目-->
  <div class="modal fade " tabindex="-1" role="dialog" aria-hidden="true" id="del-poj">
      <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">该类别下包含子类别，无法删除</h3>
                  <h3 class="text-center">该类别下包含报表，无法删除</h3>
                  <h3 class="text-center">是否删除 <b>项目1</b></h3>
              </div>
              <div class="modal-footer">
                  <a type="button" class="btn btn-danger" href="#">确认删除</a>
              </div>
          </div>
      </div>
  </div>
  <!--删除项目-->
</body>