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. Young's theorem杨氏定理

    杨氏定理 定理叙述 参考百度百科. Young's Theorem: Let \(f\) be a differentiable function of \(n\) variables. If eac ...

  2. 可视化—AntV G6 高亮相邻节点的两种方式

    目录 内置的高亮节点 自定义高亮 自定义高亮时保持原始颜色 总结 案例完整代码 通过官方文档,可知高亮相邻节点分为两种方法,文档描述并不是很清楚,对刚接触这个库的小白并不是很友好,慢慢总结慢慢来吧 内 ...

  3. Azure DevOps 的架构窥探

    工作的缘故,接触 TFS (Team Foundation Server)挺多的,现在改名为 Azure DevOps,分为 可私有化部署版本 Azure DevOps Server,简称ADS,以及 ...

  4. 痞子衡嵌入式：Farewell, 我的写博故事2016-2019

    -- 题图:苏州天平山枫叶 现在是 2022 年末,痞子衡又要起笔博文年终总结了,看着 2020 年之前的博文总结缺失,始终觉得缺憾,所以写下此篇 2016 - 2019 总结合辑.2016 年之前, ...

  5. react 高效高质量搭建后台系统 系列 —— antd和样式

    其他章节请看: react 高效高质量搭建后台系统 系列 antd 后续要做登录模块(主页),不仅要解决请求数据的问题,还需要完成 antd 配置以及样式的准备. antd 多种主题风格 详情请看 这 ...

  6. python之路46 django request对象 form表单 pycharm连接数据库 ORM简介

    静态文件配置 1.编写一个用户登录页面 2.静态文件 不怎么经常变化的文件 主要针对html文件所使用的到的各种资源 css文件.js文件.img文件.第三方框架文件 django针对静态文件资源需要 ...

  7. python之路30 网络编程之初识并发编程1

    并发编程理论 研究网络编程其实就是在研究计算机的底层原理及发展史 """ 计算机中真正干活的是CPU """ 操作系统发展史 1.穿孔卡片阶 ...

  8. 激光炸弹【算法竞赛进阶指南, HNOI2003】

    激光炸弹 地图上有 \(N\) 个目标,用整数 \(Xi,Yi\)表示目标在地图上的位置,每个目标都有一个价值 \(Wi\). 注意:不同目标可能在同一位置. 现在有一种新型的激光炸弹,可以摧毁一个包 ...

  9. LCD副屏-CPU，内存，时显，日期显示

    文章结构: 项目概述 成品预览 项目框架 硬件资料,代码 项目槽点 -项目概述- 以前的旧模块搁置很久没用,最近看到圈子很多倒腾电脑副屏的,咱虽然没钱,但是闲啊,刚好手头有这些东西,开干. 目的: 显 ...

  10. 一幅图像为f=[1 4 7;2 5 8;3 6 9]，设kx=1.8，ky=1.3，试采用最邻近插值对其进行放大，写出新图像矩阵。

    一幅图像为f=[1 4 7;2 5 8;3 6 9],设kx=1.8,ky=1.3,试采用最邻近插值对其进行放大,写出新图像矩阵.(请写出解题步骤,并编写程序进行结果验证) 参考 matlab代码如下 ...