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. linux基础：1、linux简介、虚拟化软件的安装与配置、Xshell的安装与配置

    Linux 目录 Linux 一.linux简介 二.linux发展史 三.虚拟化技术 1.简介 2.虚拟化软件下载 3.重要名词解释 4.远程链接工具 一.linux简介 常见岗位 1.自动化运维 ...

  2. python进阶之路21 正则应用 第三方模块之requests模块 openpyxl模块 简易爬虫(pandas)

    作业讲解 """ 网络爬虫没有我们现在接触的那么简单 有时候页面数据无法直接拷贝获取 有时候页面还存在防爬机制 弄不好ip会被短暂拉黑 """ ...

  3. 【FAQ】推送服务常见问题及解决方案

    一.推送成功收不到消息,推送返回:{"message":"success","requestID":"1523868*****28 ...

  4. AspNetCore底层源码剖析（三）IOC

    title: AspNetCore底层源码剖析(三)IOC date: 2022-09-21 13:20:01 categories: 后端 tags: - .NET 介绍 每个 ASP.NET Co ...

  5. runtime-第一篇

    第一次接触runtime,先介绍下自学的几个runtime方法 1.获取类的属性列表 先导入runtime文件 #import <objc/runtime.h>   我这边创建了一个Per ...

  6. Java基础学习笔记-类的静态属性和静态方法--待继续补充

    程序运行时的内存占用 代码区(code area) 存放代码 数据区(data area) 存放全局数据.静态数据 堆区(heap area) 存放动态申请的数据 栈区(stack area) 存放局 ...

  7. ASCLL编码器-算术运算符_四则与取模运算

    ASCLL编码器 public static void main(String[] args) { //字符类型变量 char c = 'a'; int i = 1; //字符类型和int类型计算 S ...

  8. saas解决redis数据库分离的一种方案

    package com.xf.config; import java.util.HashMap; import java.util.Map; import java.util.Set; import ...

  9. JavaScript 函数所能传递的最大参数

    取决于实现,取决于浏览器和操作系统标准没有规定(65535一般是有的) 来源:https://stackoverflow.com/questions/22747068/is-there-a-max-n ...

  10. 亲测有效！ TG Pro 实时温度工具 V2.7.6 for mac 破解版

    亲测有效! TG Pro 实时温度工具 V2.7.6 for mac 破解版 TG Pro (Temperature Gauge Pro) 是一款专业显示你的Mac实时温度的软件,可以在系统内的菜单栏 ...