|
@@ -0,0 +1,264 @@
|
|
|
+<!DOCTYPE html>
|
|
|
+<html lang="en">
|
|
|
+<head>
|
|
|
+ <meta charset="utf-8">
|
|
|
+ <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
|
|
|
+ <meta http-equiv="x-ua-compatible" content="ie=edge">
|
|
|
+ <title>报表定制-计量支付SAAS</title>
|
|
|
+ <link rel="stylesheet" href="css/bootstrap/bootstrap.min.css">
|
|
|
+ <link rel="stylesheet" href="css/main.css">
|
|
|
+ <link rel="stylesheet" href="css/font-awesome/font-awesome.min.css">
|
|
|
+</head>
|
|
|
+<body>
|
|
|
+ <div class="wrapper">
|
|
|
+ <div class="top-bar">
|
|
|
+ <div class="logo">
|
|
|
+ <a>计量支付SAAS后台</a>
|
|
|
+ </div>
|
|
|
+ <div class="nav d-flex justify-content-between">
|
|
|
+ <h4 class="title"><i class="fa fa-wrench"></i> 工具 / 报表定制</h4>
|
|
|
+ <div class="dropdown mt-3">
|
|
|
+ <button type="button" class="btn btn-primary btn-sm" data-toggle="dropdown">
|
|
|
+ <i class="fa fa-ellipsis-v"></i>
|
|
|
+ </button>
|
|
|
+ <div class="dropdown-menu dropdown-menu-right">
|
|
|
+ <a class="dropdown-item" href="#add" data-toggle="modal" data-target="#add">添加项目</a>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="aside">
|
|
|
+ <div class="user-info">
|
|
|
+ <div class="user-img"><img src="img/avatar-1.jpg"></div>
|
|
|
+ <h5>admin</h5>
|
|
|
+ <ul class="min-menu">
|
|
|
+ <li><a href="user-profile.html"><i class="fa fa-cog"></i></a></li>
|
|
|
+ <li><a href="login.html"><i class="fa fa-power-off"></i></a></li>
|
|
|
+ </ul>
|
|
|
+ </div>
|
|
|
+ <div class="menu" id="menu">
|
|
|
+ <li>
|
|
|
+ <a href="index.html">
|
|
|
+ <i class="fa fa-dashboard"></i>控制面板
|
|
|
+ </a>
|
|
|
+ </li>
|
|
|
+ <li>
|
|
|
+ <a href="javascript:void(0);">
|
|
|
+ <i class="fa fa-users"></i>客户管理<i class="fa fa-angle-down menu-arrow"></i>
|
|
|
+ </a>
|
|
|
+ <ul class="sub-menu">
|
|
|
+ <li><a href="poj-list.html">项目版客户</a></li>
|
|
|
+ </ul>
|
|
|
+ <ul class="sub-menu">
|
|
|
+ <li><a href="preview-list.html">演示版客户</a></li>
|
|
|
+ </ul>
|
|
|
+ </li>
|
|
|
+ <li>
|
|
|
+ <a href="news.html">
|
|
|
+ <i class="fa fa-bell"></i>通知管理</i>
|
|
|
+ </a>
|
|
|
+ </li>
|
|
|
+ <li class="active">
|
|
|
+ <a href="javascript:void(0);">
|
|
|
+ <i class="fa fa-wrench"></i>工具<i class="fa fa-angle-down menu-arrow"></i>
|
|
|
+ </a>
|
|
|
+ <ul class="sub-menu">
|
|
|
+ <li><a href="xiangmu.html">项目节</a></li>
|
|
|
+ <li><a href="qingdan.html">工程量清单</a></li>
|
|
|
+ <li><a href="bgqingdan.html">标准清单</a></li>
|
|
|
+ <li><a href="baobiao.html">报表定制</a></li>
|
|
|
+ </ul>
|
|
|
+ </li>
|
|
|
+ <li>
|
|
|
+ <a href="javascript:void(0);">
|
|
|
+ <i class="fa fa-cog"></i>系统管理<i class="fa fa-angle-down menu-arrow"></i>
|
|
|
+ </a>
|
|
|
+ <ul class="sub-menu">
|
|
|
+ <li><a href="permission.html">权限管理</a></li>
|
|
|
+ </ul>
|
|
|
+ </li>
|
|
|
+ <li>
|
|
|
+ <a href="javascript:void(0);">
|
|
|
+ <i class="fa fa-user"></i>用户管理<i class="fa fa-angle-down menu-arrow"></i>
|
|
|
+ </a>
|
|
|
+ <ul class="sub-menu">
|
|
|
+ <li><a href="manager.html">用户列表</a></li>
|
|
|
+ <li><a href="group.html">用户组管理</a></li>
|
|
|
+ </ul>
|
|
|
+ </li>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="content-page container-fluid">
|
|
|
+ <div class="row">
|
|
|
+ <div class="col-lg-12">
|
|
|
+ <div class="card-box ">
|
|
|
+ <div class="panel-body mt-3">
|
|
|
+ <form class="form-inline mb-2 d-flex justify-content-end">
|
|
|
+ <div class="mr-2">
|
|
|
+ <select id="type" class="form-control form-control-sm" name="type">
|
|
|
+ <option value="1">所有办事处</option>
|
|
|
+ <option value="2">广东办</option>
|
|
|
+ <option value="3">重庆办</option></select>
|
|
|
+ </div>
|
|
|
+ <div class="mr-2">
|
|
|
+ <select id="type" class="form-control form-control-sm" name="type">
|
|
|
+ <option value="1">所有人员</option>
|
|
|
+ <option value="2">刘飞</option>
|
|
|
+ <option value="3">张三</option></select>
|
|
|
+ </div>
|
|
|
+ <div class="input-group">
|
|
|
+ <input class="form-control form-control-sm" placeholder="项目名称" type="text">
|
|
|
+ <span class="input-group-btn">
|
|
|
+ <button class="btn btn-secondary btn-sm" type="button"><i class="fa fa-search" aria-hidden="true"></i></button>
|
|
|
+ </span>
|
|
|
+ </div>
|
|
|
+ </form>
|
|
|
+ <div>
|
|
|
+ <table class="table table-hover table-bordered table-sm">
|
|
|
+ <thead>
|
|
|
+ <tr>
|
|
|
+ <th>项目名称</th>
|
|
|
+ <th>办事处</th>
|
|
|
+ <th>报表数量</th>
|
|
|
+ <th>销售负责人</th>
|
|
|
+ <th width="200">操作</th>
|
|
|
+ </thead>
|
|
|
+ <tbody>
|
|
|
+ <tr>
|
|
|
+ <td><a href="baobiao-detail.html">XXXX项目</a></td>
|
|
|
+ <td>广东办</td>
|
|
|
+ <td>4</td>
|
|
|
+ <td>刘飞</td>
|
|
|
+ <td>
|
|
|
+ <a href="#code" data-toggle="modal" data-target="#code" class="btn btn-sm">提取码</a>
|
|
|
+ <a href="#edit" data-toggle="modal" data-target="#edit" class="btn btn-sm">编辑</a>
|
|
|
+ <a href="#del" data-toggle="modal" data-target="#del" class="btn btn-sm text-danger">删除</a>
|
|
|
+ </td>
|
|
|
+ </tr>
|
|
|
+ </tbody>
|
|
|
+ </table>
|
|
|
+ <nav aria-label="Page navigation example">
|
|
|
+ <ul class="pagination justify-content-center">
|
|
|
+ <li class="page-item disabled">
|
|
|
+ <a class="page-link" href="#" tabindex="-1">上一页</a>
|
|
|
+ </li>
|
|
|
+ <li class="page-item"><a class="page-link" href="#">1</a></li>
|
|
|
+ <li class="page-item"><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>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <!--弹出添加项目-->
|
|
|
+ <div class="modal fade" id="add" data-backdrop="static">
|
|
|
+ <div class="modal-dialog" role="document">
|
|
|
+ <div class="modal-content">
|
|
|
+ <div class="modal-header">
|
|
|
+ <h5 class="modal-title">添加项目</h5>
|
|
|
+ </div>
|
|
|
+ <div class="modal-body">
|
|
|
+ <div class="form-group">
|
|
|
+ <lable>项目名称<b class="text-danger">*</b></lable>
|
|
|
+ <input class="form-control" placeholder="" type="text">
|
|
|
+ </div>
|
|
|
+ <div class="form-group">
|
|
|
+ <lable>办事处</lable>
|
|
|
+ <select class="form-control"><option>请选择办事处</option></select>
|
|
|
+ </div>
|
|
|
+ <div class="form-group">
|
|
|
+ <lable>销售负责人</lable>
|
|
|
+ <select class="form-control"><option>请选择负责人</option></select>
|
|
|
+ </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>
|
|
|
+ <!--弹出编辑项目-->
|
|
|
+ <div class="modal fade" id="edit" data-backdrop="static">
|
|
|
+ <div class="modal-dialog" role="document">
|
|
|
+ <div class="modal-content">
|
|
|
+ <div class="modal-header">
|
|
|
+ <h5 class="modal-title">编辑项目</h5>
|
|
|
+ </div>
|
|
|
+ <div class="modal-body">
|
|
|
+ <div class="form-group">
|
|
|
+ <lable>项目名称<b class="text-danger">*</b></lable>
|
|
|
+ <input class="form-control" placeholder="请输入项目名称" type="text" value="XXX项目">
|
|
|
+ </div>
|
|
|
+ <div class="form-group">
|
|
|
+ <lable>办事处</lable>
|
|
|
+ <select class="form-control"><option>请选择办事处</option></select>
|
|
|
+ </div>
|
|
|
+ <div class="form-group">
|
|
|
+ <lable>销售负责人</lable>
|
|
|
+ <select class="form-control"><option>请选择负责人</option></select>
|
|
|
+ </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>
|
|
|
+ <!--弹出领取码-->
|
|
|
+ <div class="modal fade" id="code" data-backdrop="static">
|
|
|
+ <div class="modal-dialog" role="document">
|
|
|
+ <div class="modal-content">
|
|
|
+ <div class="modal-header">
|
|
|
+ <h5 class="modal-title">领取码</h5>
|
|
|
+ </div>
|
|
|
+ <div class="modal-body">
|
|
|
+ <div class="text-center">
|
|
|
+ <h5>XXX项目</h5>
|
|
|
+ </div>
|
|
|
+ <div class="text-center">
|
|
|
+ <h1><span class="badge badge-default">SAD12R</span></h1>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="modal-footer">
|
|
|
+ <button type="button" class="btn btn-secondary" data-dismiss="modal">关闭</button>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <!--弹出删除-->
|
|
|
+ <div class="modal fade" id="del" data-backdrop="static">
|
|
|
+ <div class="modal-dialog" role="document">
|
|
|
+ <div class="modal-content">
|
|
|
+ <div class="modal-header">
|
|
|
+ <h5 class="modal-title">确认项目</h5>
|
|
|
+ </div>
|
|
|
+ <div class="modal-body">
|
|
|
+ <p class="h5">
|
|
|
+ 确认删除 XXX项目?包含报表将全部删除;
|
|
|
+ </p>
|
|
|
+ <p class="h5">
|
|
|
+ 已经添加该定制报表的用户也将不能继续使用报表。
|
|
|
+ </p>
|
|
|
+ </div>
|
|
|
+ <div class="modal-footer">
|
|
|
+ <button type="button" class="btn btn-secondary" data-dismiss="modal">关闭</button>
|
|
|
+ <button type="button" class="btn btn-danger" >确认删除</button>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+</body>
|
|
|
+<script src="js/jquery/jquery-3.2.1.min.js" type="text/javascript"></script>
|
|
|
+<script src="js/popper/popper.min.js" type="text/javascript"></script>
|
|
|
+<script src="js/bootstrap/bootstrap.min.js" type="text/javascript"></script>
|
|
|
+<script src="js/main.js" type="text/javascript"></script>
|
|
|
+</html>
|