master

Branches (1)

Manage

Manage

master

cnproject
/
shequht.html

<!--
 * @Author: your name
 * @Date: 2021-08-16 22:57:36
 * @LastEditTime: 2021-08-17 11:47:08
 * @LastEditors: Please set LastEditors
 * @Description: In User Settings Edit
 * @FilePath: \webd:\briup\jinrm\cnproject\comht.html
-->
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>社区驿站服务商</title>
    <link rel="icon" type="image/png" href="./images/icon/titlt_logo.png">
    <link rel="stylesheet" href="./bootstrap-4.5.0-dist/css/bootstrap.css">
    <script src="./js/jquery-3.6.0.min.js"></script>
    <script src="./bootstrap-4.5.0-dist/js/bootstrap.js"></script>
    <link rel="stylesheet" href="./font-awesome-4.7.0/css/font-awesome.css">
    <link rel="stylesheet" href="./css/shequht.css">
</head>
<body>
    <div class="header">
        <div><img src="./images/business/images/TB1lJlwIYr1gK0jSZR0XXbP8XXa-500-220.png" alt=""></div>
        <div>社区驿站服务商</div>
    </div>
    <div class="one">
        <ul>
            <li><a href="#">站点管理</a></li>
            <li><a href="#">快递柜管理</a></li>
            <li><a href="#">包裹管理</a></li>
        </ul>
    </div>

    <div class="col" id="content">
        <div class="col-sm-2">
          <input type="text" class="form-control" id="exampleFormControlInput1" placeholder="search...">
        </div>
        <button type="button" class="btn btn-outline-primary btn-sm"
                data-toggle="modal" data-target="#addModal">
                <i class="fa fa-plus" aria-hidden="true"></i>
               添加
              </button>
        <table class="table table-hover">
          <thead>
            <tr>
              <th scope="col">序号</th>
              <th scope="col">站点名称</th>
              <th scope="col">地址</th>
              <th scope="col">省份</th>
              <th scope="col">删除</th>
            </tr>
          </thead>
          <tbody>
            <tr>
              <th scope="row">1</th>
              <td>aaa</td>
              <td>苏州</td>
              <td>江苏省</td>
              <td><span>删除</span>
                <button type="button" class="btn btn-outline-primary btn-sm"
                data-toggle="modal" data-target="#editModal">
                <i class="fa fa-plus" aria-hidden="true"></i>
               编辑
              </button>
              </td>
            </tr>
            <tr>
              <th scope="row">2</th>
              <td>bbb</td>
              <td>南京</td>
              <td>江苏省</td>
              <td><span>删除</span><span>编辑</span></td>
            </tr>
            <tr>
              <th scope="row">3</th>
              <td>ccc</td>
              <td>无锡</td>
              <td>江苏省</td>
              <td><span>删除</span><span>编辑</span></td>
            </tr>
            <tr>
              <th scope="row">4</th>
              <td>ddd</td>
              <td>扬州</td>
              <td>江苏省</td>
              <td><span>删除</span><span>编辑</span></td>
            </tr>
            <tr>
              <th scope="row">5</th>
              <td>eee</td>
              <td>南通</td>
              <td>江苏省</td>
              <td><span>删除</span><span>编辑</span></td>
            </tr>
          </tbody>
        </table>
        <nav aria-label="...">
            <ul class="pagination">
              <li class="page-item disabled">
                <a class="page-link" href="#" tabindex="-1" aria-disabled="true">Previous</a>
              </li>
              <li class="page-item"><a class="page-link" href="#">1</a></li>
              <li class="page-item active" aria-current="page">
                <a class="page-link" href="#">2</a>
              </li>
              <li class="page-item"><a class="page-link" href="#">3</a></li>
              <li class="page-item">
                <a class="page-link" href="#">下一页</a>
              </li>
            </ul>
          </nav>
</div>

<!-- 编辑 -->
<div class="modal fade" id="editModal" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
  <div class="modal-dialog">
    <div class="modal-content">
      <div class="modal-header">
        <h5 class="modal-title" id="exampleModalLabel">删除</h5>
        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
          <span aria-hidden="true">&times;</span>
        </button>
      </div>
      <div class="modal-body">
        确定删除此站点
      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-secondary" data-dismiss="modal">取消</button>
        <button type="button" class="btn btn-primary">确定</button>
      </div>
    </div>
  </div>
</div>

<!-- 添加 -->
<div class="modal fade" id="addModal" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
  <div class="modal-dialog">
    <div class="modal-content">
      <div class="modal-header">
        <h5 class="modal-title" id="exampleModalLabel">选择省份
          <div class="dropdown">
            <button class="btn btn-secondary dropdown-toggle" type="button" id="dropdownMenuButton" data-toggle="dropdown" aria-expanded="false">
              江苏
            </button>
            <div class="dropdown-menu" aria-labelledby="dropdownMenuButton">
              <a class="dropdown-item" href="#">浙江</a>
              <a class="dropdown-item" href="#">福建</a>
              <a class="dropdown-item" href="#">上海</a>
            </div>
          </div>
        </h5>
        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
          <span aria-hidden="true">&times;</span>
        </button>
      </div>
      <div class="modal-body">
        选择地区
        <div class="dropdown">
          <button class="btn btn-secondary dropdown-toggle" type="button" id="dropdownMenuButton" data-toggle="dropdown" aria-expanded="false">
            苏州
          </button>
          <div class="dropdown-menu" aria-labelledby="dropdownMenuButton">
            <a class="dropdown-item" href="#">南京</a>
            <a class="dropdown-item" href="#">无锡</a>
            <a class="dropdown-item" href="#">扬州</a>
          </div>
        </div>
      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-secondary" data-dismiss="modal">关闭</button>
        <button type="button" class="btn btn-primary">保存</button>
      </div>
    </div>
  </div>
</div>
</body>
</html>