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(字节)),更麻烦的是闪存擦除以块作单位,而且未擦除就无法写入,这导致操 ...
随机推荐
- 基于SqlSugar的开发框架循序渐进介绍（24）-- 使用Serialize.Linq对Lambda表达式进行序列化和反序列化
在上篇随笔<基于SqlSugar的开发框架循序渐进介绍(23)-- Winform端管理系统中平滑增加对Web API对接的需求>中介绍了基于一个接口,实现对两种不同接入方式(直接访问数据 ...
- [OpenCV实战]28 基于OpenCV的GUI库cvui
目录 1 cvui的使用 1.1 如何在您的应用程序中添加cvui 1.2 基本的"hello world"应用程序 2 更高级的应用 3 代码 4 参考 有很多很棒的GUI库,例 ...
- AspNetCore底层源码剖析（三）IOC
title: AspNetCore底层源码剖析(三)IOC date: 2022-09-21 13:20:01 categories: 后端 tags: - .NET 介绍 每个 ASP.NET Co ...
- CSS文字超出宽度---换行总结
2021-5-5重新总结---CSS文字超出宽度---附代码 <!DOCTYPE html> <html lang="en"> <head> ...
- 【ASP.NET Core】动态映射MVC路由
ASP.NET Core 中的几大功能模块(Razor Pages.MVC.SignalR/Blazor.Mini-API 等等)都以终结点(End Point)的方式公开.在HTTP管道上调用时,其 ...
- win32com操作word API精讲 第七集 Range（五）字体格式精讲
本课程<win32com操作word API精讲&项目实战>视频平台以视频为主,本平台以文字为主,公众号ID:一灯编程 本节课主要讲解使用Range操作Font接口中的字体.字号. ...
- 委派模式——从SLF4J说起
作者:vivo 互联网服务器团队- Xiong yangxin 将某个通用解决方案包装成成熟的工具包,是每一个技术建设工作者必须思考且必须解决的问题.本文从业内流行的既有工具包入手,解析实现思路,沉淀 ...
- C#如何提高代码质量（一）
代码部分 1.正确操作字符串 尽量少装箱 String str1 = "str2"+9.ToString(); 避免分配额外的内存空间 StringBuilder 2.使用默认转型 ...
- iterator_traits技法
问题 在 C++ 泛型编程中,如何知道"迭代器所指对象的类型",以便声明临时变量呢?我们把迭代器所指对象的类型称为value type. template <class It ...
- TS不能将类型“any[]”分配给类型“never[]”
一.问题 在处理接口返回的数据,赋值给store中的数组时,报类型错误 data:{ cateList: [] } const getCateList = async () => { const ...