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>

list.ftl的更多相关文章

  1. Using FreeMarker templates (FTL)- Tutorial

    Lars Vogel, (c) 2012, 2016 vogella GmbHVersion 1.4,06.10.2016 Table of Contents 1. Introduction to F ...

  2. Spring mvc 中使用ftl引用共通文件出错 FreeMarker template error: Error reading included file "/WEB-INF/ftl/common/errormessage.ftl"

    初次接触spring mvc,想做一个小的练习项目,结果在ftl文件中引用其它的共通ftl文件时出错.

  3. [Freemarker] - 使用struts的component调用freemarker的ftl模板方法

    struts中的component标签,可以用来调用freemarker的ftl模板文件,使用component标签传参可以这样写: 使用property方式写法: <s:component t ...

  4. ftl文件格式化jsp形式显示

    通过myeclipse设置ftl的编辑器为jsp的编辑器,达到效果. Myeclipse->windows->preferences 1\ 2\ 3\ 完成后即可.

  5. Freemarker的初次使用之FTL标签嵌套与map的使用

    入职第二周了,在熟悉了公司自动化测试脚本的编写(使用什么数据库,使用哪种语言,框架带了哪些方法)后,现在开始熟悉模拟器,我们把请求发到服务器1,服务器1根据请求参数处理后将结果发给模拟器,模拟器根据服 ...

  6. spring-mvc整合freemarker并在ftl模版中显示服务端校验的错误信息,JSR303或者JSR349

    写法有多种,应该可以任意组合,最重要的是要引入spring.ftl 1.Bean里面的就不再多写了,来个简单就可以了 @NotEmpty(message="用户密码码不可为空") ...

  7. [ofbiz]screen中应用form和ftl，控制页面元素属性

    可以在screen中定义form与ftl两个文件,ftl中可以使用js控制form中的页面元素属性. 控制元素是否可编辑:        $("#oaDataReport_budget&qu ...

  8. 在struts2中整合ajax时出现Template /template/ajax/head.ftl not found错误时的处理方法

    Struts2 Ajax出现错误“Template /template/ajax/head.ftl not found” 2013-02-08 18:26:27|  分类: 默认分类|字号 订阅   ...

  9. Eclipse下如何打开ftl文件

    ftl文件是freemarker模板文件,用freemarker时,常用该文件模板:但是该文件在eclipse编辑时,黑白底的,没有任何提示,下面介绍如何用JSP编辑器打开该文件. 工具/原料   e ...

  10. FTL（Flash translation layer）闪存转换层

    前面说过,闪存的读写单位为页,而页的大小一般为4KB或8KB,但我们的操作系统读写数据是按HDD的扇区尺寸进行的(512Byte(字节)),更麻烦的是闪存擦除以块作单位,而且未擦除就无法写入,这导致操 ...

随机推荐

  1. 洛谷P2196例题分析

    [NOIP1996 提高组] 挖地雷(原题) 题目描述 在一个地图上有\(N\)个地窖\((N \le 20)\),每个地窖中埋有一定数量的地雷.同时,给出地窖之间的连接路径.当地窖及其连接的数据给出 ...

  2. 【转载】EXCEL VBA 工作表拆分

    用VBA拆分工作表是一个不错的方法,特别是在处理大量数据的时候,能节省不少时间.   1.高级筛选: 筛选并复制到新工作表的关键代码如下: Range("Database").Ad ...

  3. 期望与概率 dp

    期望与概率 dp \(\text{By DaiRuiChen007}\) I. [洛谷4316] - 绿豆蛙的归宿 \(\text{Link}\) 思路分析 DAG 上做期望 dp,可以爆搜,也可以拓 ...

  4. hashmap的一些性能测试

    目录 0.前言 1.准备工作. 1.1模拟哈希冲突 1.2 java的基准测试. 2.测试初始化长度 3.模拟一百万个元素put,get的差异. 4.模拟无红黑树情况下get效率 4.1 将rando ...

  5. Java后台如何接收与处理JSON类型数据

    项目开发中偶尔会使用到某个为JSON类型的字段,一个字段中又包含多个其他的字段. 这种设计方式是根据实际需要来进行处理的,比如规则可能包含多条,每一条规则又包含 多个字段:再比如一些特殊的应用场景如标 ...

  6. SQLSERVER 的 nolock 到底是怎样的无锁？

    一:背景 1. 讲故事 相信绝大部分用 SQLSERVER 作为底层存储的程序员都知道 nolock 关键词,即使当时不知道也会在踩过若干阻塞坑之后果断的加上 nolock,但这玩意有什么注意事项呢? ...

  7. springboot输出json日志

    <dependency> <groupId>net.logstash.logback</groupId> <artifactId>logstash-lo ...

  8. Vue19 常用指令及自定义指令

    部分转自:https://blog.csdn.net/weixin_58032613/article/details/122759818 1 常用指令 1) v-bind 单向数据绑定 https:/ ...

  9. 【KAWAKO】deepface-在基于m1芯片的macbook上进行安装

    ​目录 前言 本机配置 安装miniforge tips 安装tensorflow 安装deepface及相关库 Reference 前言 deepface是一款"即插即用"的人脸 ...

  10. JZOJ 【2020.11.30提高组模拟】剪辣椒(chilli)

    题目大意 给出一棵 \(n\) 个节点的树,删去其中两条边 使得分出的三个子树大小中最大与最小的差最小 分析 先一边 \(dfs\) 预处理出以 \(1\) 为根每个点的 \(size\) 然后按 \ ...