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>
list.ftl的更多相关文章
- Using FreeMarker templates (FTL)- Tutorial
Lars Vogel, (c) 2012, 2016 vogella GmbHVersion 1.4,06.10.2016 Table of Contents 1. Introduction to F ...
- Spring mvc 中使用ftl引用共通文件出错 FreeMarker template error: Error reading included file "/WEB-INF/ftl/common/errormessage.ftl"
初次接触spring mvc,想做一个小的练习项目,结果在ftl文件中引用其它的共通ftl文件时出错.
- [Freemarker] - 使用struts的component调用freemarker的ftl模板方法
struts中的component标签,可以用来调用freemarker的ftl模板文件,使用component标签传参可以这样写: 使用property方式写法: <s:component t ...
- ftl文件格式化jsp形式显示
通过myeclipse设置ftl的编辑器为jsp的编辑器,达到效果. Myeclipse->windows->preferences 1\ 2\ 3\ 完成后即可.
- Freemarker的初次使用之FTL标签嵌套与map的使用
入职第二周了,在熟悉了公司自动化测试脚本的编写(使用什么数据库,使用哪种语言,框架带了哪些方法)后,现在开始熟悉模拟器,我们把请求发到服务器1,服务器1根据请求参数处理后将结果发给模拟器,模拟器根据服 ...
- spring-mvc整合freemarker并在ftl模版中显示服务端校验的错误信息,JSR303或者JSR349
写法有多种,应该可以任意组合,最重要的是要引入spring.ftl 1.Bean里面的就不再多写了,来个简单就可以了 @NotEmpty(message="用户密码码不可为空") ...
- [ofbiz]screen中应用form和ftl，控制页面元素属性
可以在screen中定义form与ftl两个文件,ftl中可以使用js控制form中的页面元素属性. 控制元素是否可编辑: $("#oaDataReport_budget&qu ...
- 在struts2中整合ajax时出现Template /template/ajax/head.ftl not found错误时的处理方法
Struts2 Ajax出现错误“Template /template/ajax/head.ftl not found” 2013-02-08 18:26:27| 分类: 默认分类|字号 订阅 ...
- Eclipse下如何打开ftl文件
ftl文件是freemarker模板文件,用freemarker时,常用该文件模板:但是该文件在eclipse编辑时,黑白底的,没有任何提示,下面介绍如何用JSP编辑器打开该文件. 工具/原料 e ...
- FTL（Flash translation layer）闪存转换层
前面说过,闪存的读写单位为页,而页的大小一般为4KB或8KB,但我们的操作系统读写数据是按HDD的扇区尺寸进行的(512Byte(字节)),更麻烦的是闪存擦除以块作单位,而且未擦除就无法写入,这导致操 ...
随机推荐
- [编程基础] C++多线程入门3-小心地将参数传递给线程
原始C++标准仅支持单线程编程.新的C++标准(称为c++11或c++0x)于2011年发布.在c++11中,引入了新的线程库.因此运行本文程序需要C++至少符合c++11标准. 文章目录 3 小心地 ...
- 为测试管理正名，华为云CodeArts TestPlan的守护之道
摘要:华为云CodeArts TestPlan既有公有云版本,也有下沉到私有云的版本. 本文分享自华为云社区<为测试管理正名,华为云CodeArts TestPlan的守护之道>,作者:云 ...
- C Primer Plus (6.16) 編程練習
/*C Primer Plus (6.15) 6*/ 1 #include<stdio.h> 2 int main() 3 { 4 int i,j; 5 for(int i=0;i< ...
- Blazor Pdf Reader PDF阅读器 组件 更新
Blazor Pdf Reader PDF阅读器 组件 https://www.nuget.org/packages/BootstrapBlazor.PdfReader#readme-body-tab ...
- 我们从 CircleCI 安全事件获得的3个经验教训
CircleCI 作为业内最受欢迎的 CI/CD 平台提供商之一,有超过20万个 DevOps 团队使用其平台.该公司在今年1月在其官网报告了一起安全事件引起客户恐慌.在此事件中,有身份不明的恶意攻击 ...
- k8s部署canal-1.1.6版本实现MySQL数据库数据同步
1.版本说明 软件&镜像 版本&镜像信息 说明 Kubernetes v1.23.7 k8s服务器 Kuboard v3.5.2.0 k8s连接管理工具 Canal v1.1.6 数据 ...
- drf-三大认证源码分析、基于APIView编写分页、异常处理
1.权限源码分析 1.APIView源码497行:self.initial(request, *args, **kwargs)中进行了三大认证. 2.在initial的源码中,以下三行代码是进行三大认 ...
- Android IO 框架 Okio 的实现原理，到底哪里 OK？
本文已收录到 AndroidFamily,技术和职场问题,请关注公众号 [彭旭锐] 提问. 前言 大家好,我是小彭. 今天,我们来讨论一个 Square 开源的 I/O 框架 Okio,我们最开始接触 ...
- 初探富文本之CRDT协同算法
初探富文本之CRDT协同算法 CRDT的英文全称是Conflict-free Replicated Data Type,最初是由协同文本编辑和移动计算而发展的,现在还被用作在线聊天系统.音频分发平台等 ...
- 本地python环境安装kylin项目依赖时报认证错误信息
问题描述:项目需要连接kylin数据库查询数据,本地安装kylin项目的依赖环境后报认证错误 python版本3.7 32位 pycharm版本 2022版 成功方法: 更换解释器选择无解释器,创建虚 ...