list.ftl 

  1 <!DOCTYPE html>
  2 <html>
  3 <head>
  4     <meta charset="utf-8">
  5     <meta http-equiv="X-UA-Compatible" content="IE=edge">
  6     <title>潜在客户报表查询</title>
  7     <!--freemarker引入模板文件 使用相对路径来引入的-->
  8     <#include "../common/link.ftl" >
  9 
 10     <link rel="stylesheet" href="/js/plugins/bootstrap-datepicker/css/bootstrap-datepicker.min.css">
 11     <script src="/js/plugins/bootstrap-datepicker/js/bootstrap-datepicker.min.js"></script>
 12     <script src="/js/plugins/bootstrap-datepicker/locales/bootstrap-datepicker.zh-CN.min.js"></script>
 13 
 14     <script>
 15         $(function () {
 16             $('.input-daterange').datepicker({
 17                 language: "zh-CN",
 18                 autoclose: true,
 19                 todayHighlight: true,
 20                 clearBtn: true
 21             });
 22 
 23             $(".btn-chart").click(function () {
 24                 //清空模态框的缓存
 25                 $('#myModal').removeData('bs.modal');
 26                 //告诉模态框图形报表url是哪个,加载内容并且放到模态框
 27                 var url = $(this).data('url');
 28                 $('#myModal').modal({ //加上高级查询的条件
 29                     remote : url + "?" + $("#searchForm").serialize()
 30                 })
 31                 $("#myModal").modal('show');
 32             })
 33         })
 34     </script>
 35 </head>
 36 <body class="hold-transition skin-blue sidebar-mini">
 37 <div class="wrapper">
 38     <!--页面头部-->
 39     <#include "../common/navbar.ftl" >
 40     <!--菜单回显 声明变量设置值-->
 41     <#assign currentMenu="customerReport"/>
 42     <!--菜单-->
 43     <#include "../common/menu.ftl" >
 44     <div class="content-wrapper">
 45         <section class="content-header">
 46             <h1>潜在客户报表查询</h1>
 47         </section>
 48         <section class="content">
 49             <div class="box">
 50                 <div style="margin: 10px;">
 51                 <!--高级查询--->
 52                 <form class="form-inline" id="searchForm" action="/customerReport/list.do" method="post">
 53                     <input type="hidden" name="currentPage" id="currentPage" value="1">
 54                     <div class="form-group">
 55                         <label for="keyword">员工姓名:</label>
 56                         <input type="text" class="form-control" id="keyword" name="keyword" value="${qo.keyword!}">
 57                     </div>
 58                     <div class="form-group">
 59                         <label>时间段查询:</label>
 60                         <div class="input-daterange input-group" id="datepicker">
 61                             <input type="text" class="input-sm form-control" name="beginDate"
 62                                    value="${(qo.beginDate?string('yyyy-MM-dd'))!}" />
 63                             <span class="input-group-addon">to</span>
 64                             <input type="text" class="input-sm form-control" name="endDate"
 65                                    value="${(qo.endDate?string('yyyy-MM-dd'))!}" />
 66                         </div>
 67                     </div>
 68                     <div class="form-group">
 69                         <label for="status">分组类型:</label>
 70                         <select class="form-control" id="groupType" name="groupType">
 71                             <option value="e.name">员工</option>
 72                             <option value="DATE_FORMAT(c.input_time, '%Y')">
 73                                 年
 74                             </option>
 75                             <option value="DATE_FORMAT(c.input_time, '%Y-%m')">
 76                                 月
 77                             </option>
 78                             <option value="DATE_FORMAT(c.input_time, '%Y-%m-%d')">
 79                                 日
 80                             </option>
 81                         </select>
 82                         <script>
 83                             $("#groupType").val("${qo.groupType!}")
 84                         </script>
 85                     </div>
 86 
 87                     <button id="btn_query" class="btn btn-primary"><span class="glyphicon glyphicon-search"></span> 查询</button>
 88                     <button type="button" class="btn btn-info btn-chart" data-url="/customerReport/listByBar.do">
 89                         <span class="glyphicon glyphicon-stats"></span> 柱状图
 90                     </button>
 91                     <#--<button type="button" class="btn btn-warning btn-chart"  data-url="/customerReport/listByPie.do">
 92                         <span class="glyphicon glyphicon-dashboard"></span> 饼状图
 93                     </button>-->
 94 
 95                 </form>
 96                 </div>
 97                 <!--编写内容-->
 98                 <div class="box-body table-responsive no-padding ">
 99 
100                     <table class="table table-hover table-bordered">
101                         <tr>
102                             <th>分组类型</th>
103                             <th>潜在客户新增数</th>
104                         </tr>
105                             <#list pageInfo.list as map>
106                                   <tr>
107                                       <!--freemarker 如果取值时是空值 会报错-->
108                                       <td>${map.groupType!}</td>
109                                       <td>${map.number!}</td>
110                                   </tr>
111                             </#list>
112                     </table>
113                 </div>
114                 <!--分页-->
115                 <#include "../common/page.ftl">
116             </div>
117         </section>
118     </div>
119      <#include "../common/footer.ftl">
120 </div>
121 
122 <!-- Modal模态框 -->
123 <div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
124     <div class="modal-dialog" role="document">
125         <div class="modal-content">
126         </div>
127     </div>
128 </div>
129 
130 
131 </body>
132 </html>

 

posted @ 2020-12-05 15:15  y海涛  阅读(117)  评论(0)    收藏  举报