|
@@ -1,86 +1,86 @@
|
|
|
<%@ page contentType="text/html;charset=UTF-8" %>
|
|
|
<script>
|
|
|
$(document).ready(function() {
|
|
|
+
|
|
|
$('#testPicTable').bootstrapTable({
|
|
|
-
|
|
|
- //请求方法
|
|
|
- method: 'post',
|
|
|
- //类型json
|
|
|
- dataType: "json",
|
|
|
- contentType: "application/x-www-form-urlencoded",
|
|
|
- //显示检索按钮
|
|
|
- showSearch: false,
|
|
|
- //显示刷新按钮
|
|
|
- showRefresh: true,
|
|
|
- //显示切换手机试图按钮
|
|
|
- showToggle: false,
|
|
|
- //显示 内容列下拉框
|
|
|
- showColumns: false,
|
|
|
- //显示到处按钮
|
|
|
- showExport: false,
|
|
|
- //显示切换分页按钮
|
|
|
- showPaginationSwitch: false,
|
|
|
- //最低显示2行
|
|
|
- minimumCountColumns: 2,
|
|
|
- //是否显示行间隔色
|
|
|
- striped: true,
|
|
|
- //是否使用缓存,默认为true,所以一般情况下需要设置一下这个属性(*)
|
|
|
- cache: false,
|
|
|
- //是否显示分页(*)
|
|
|
- pagination: true,
|
|
|
- //排序方式
|
|
|
- sortOrder: "asc",
|
|
|
- //初始化加载第一页,默认第一页
|
|
|
- pageNumber:1,
|
|
|
- //每页的记录行数(*)
|
|
|
- pageSize: 10,
|
|
|
- //可供选择的每页的行数(*)
|
|
|
- pageList: [10, 25, 50, 100],
|
|
|
- //这个接口需要处理bootstrap table传递的固定参数,并返回特定格式的json数据
|
|
|
- url: "${ctx}/managementcenter/upload/data",
|
|
|
- //默认值为 'limit',传给服务端的参数为:limit, offset, search, sort, order Else
|
|
|
- //queryParamsType:'',
|
|
|
- ////查询参数,每次调用是会带上这个参数,可自定义
|
|
|
- queryParams : function(params) {
|
|
|
- var searchParam = $("#searchForm").serializeJSON();
|
|
|
- searchParam.pageNo = params.limit === undefined? "1" :params.offset/params.limit+1;
|
|
|
- searchParam.pageSize = params.limit === undefined? -1 : params.limit;
|
|
|
- searchParam.orderBy = params.sort === undefined? "" : params.sort+ " "+ params.order;
|
|
|
- return searchParam;
|
|
|
- },
|
|
|
- //分页方式:client客户端分页,server服务端分页(*)
|
|
|
- sidePagination: "server",
|
|
|
- contextMenuTrigger:"right",//pc端 按右键弹出菜单
|
|
|
- contextMenuTriggerMobile:"press",//手机端 弹出菜单,click:单击, press:长按。
|
|
|
- contextMenu: '#context-menu',
|
|
|
- onContextMenuItem: function(row, $el){
|
|
|
- if($el.data("item") == "edit"){
|
|
|
- edit(row.id);
|
|
|
- }else if($el.data("item") == "view"){
|
|
|
- view(row.id);
|
|
|
- } else if($el.data("item") == "delete"){
|
|
|
- jp.confirm('确认要删除该图片管理记录吗?', function(){
|
|
|
- jp.loading();
|
|
|
- jp.get("${ctx}/test/pic/testPic/delete?id="+row.id, function(data){
|
|
|
- if(data.success){
|
|
|
- $('#testPicTable').bootstrapTable('refresh');
|
|
|
- jp.success(data.msg);
|
|
|
- }else{
|
|
|
- jp.error(data.msg);
|
|
|
- }
|
|
|
- })
|
|
|
-
|
|
|
- });
|
|
|
-
|
|
|
- }
|
|
|
- },
|
|
|
-
|
|
|
- onClickRow: function(row, $el){
|
|
|
- },
|
|
|
- onShowSearch: function () {
|
|
|
+ //请求方法
|
|
|
+ method: 'post',
|
|
|
+ //类型json
|
|
|
+ dataType: "json",
|
|
|
+ contentType: "application/x-www-form-urlencoded",
|
|
|
+ //显示检索按钮
|
|
|
+ showSearch: true,
|
|
|
+ //显示刷新按钮
|
|
|
+ showRefresh: true,
|
|
|
+ //显示切换手机试图按钮
|
|
|
+ showToggle: true,
|
|
|
+ //显示 内容列下拉框
|
|
|
+ showColumns: true,
|
|
|
+ //显示到处按钮
|
|
|
+ showExport: true,
|
|
|
+ //显示切换分页按钮
|
|
|
+ showPaginationSwitch: true,
|
|
|
+ //最低显示2行
|
|
|
+ minimumCountColumns: 2,
|
|
|
+ //是否显示行间隔色
|
|
|
+ striped: true,
|
|
|
+ //是否使用缓存,默认为true,所以一般情况下需要设置一下这个属性(*)
|
|
|
+ cache: false,
|
|
|
+ //是否显示分页(*)
|
|
|
+ pagination: true,
|
|
|
+ //排序方式
|
|
|
+ sortOrder: "asc",
|
|
|
+ //初始化加载第一页,默认第一页
|
|
|
+ pageNumber:1,
|
|
|
+ //每页的记录行数(*)
|
|
|
+ pageSize: 10,
|
|
|
+ //可供选择的每页的行数(*)
|
|
|
+ pageList: [10, 25, 50, 100],
|
|
|
+ //这个接口需要处理bootstrap table传递的固定参数,并返回特定格式的json数据
|
|
|
+ url: "${ctx}/managementcenter/upload/data",
|
|
|
+ //默认值为 'limit',传给服务端的参数为:limit, offset, search, sort, order Else
|
|
|
+ //queryParamsType:'',
|
|
|
+ ////查询参数,每次调用是会带上这个参数,可自定义
|
|
|
+ queryParams : function(params) {
|
|
|
+ var searchParam = $("#searchForm").serializeJSON();
|
|
|
+ searchParam.pageNo = params.limit === undefined? "1" :params.offset/params.limit+1;
|
|
|
+ searchParam.pageSize = params.limit === undefined? -1 : params.limit;
|
|
|
+ searchParam.orderBy = params.sort === undefined? "" : params.sort+ " "+ params.order;
|
|
|
+ return searchParam;
|
|
|
+ },
|
|
|
+ //分页方式:client客户端分页,server服务端分页(*)
|
|
|
+ sidePagination: "server",
|
|
|
+ contextMenuTrigger:"right",//pc端 按右键弹出菜单
|
|
|
+ contextMenuTriggerMobile:"press",//手机端 弹出菜单,click:单击, press:长按。
|
|
|
+ contextMenu: '#context-menu',
|
|
|
+ onContextMenuItem: function(row, $el){
|
|
|
+ if($el.data("item") == "edit"){
|
|
|
+ edit(row.id);
|
|
|
+ }else if($el.data("item") == "view"){
|
|
|
+ view(row.id);
|
|
|
+ } else if($el.data("item") == "delete"){
|
|
|
+ jp.confirm('确认要删除该图片管理记录吗?', function(){
|
|
|
+ jp.loading();
|
|
|
+ jp.get("${ctx}/test/pic/testPic/delete?id="+row.id, function(data){
|
|
|
+ if(data.success){
|
|
|
+ $('#testPicTable').bootstrapTable('refresh');
|
|
|
+ jp.success(data.msg);
|
|
|
+ }else{
|
|
|
+ jp.error(data.msg);
|
|
|
+ }
|
|
|
+ })
|
|
|
+
|
|
|
+ });
|
|
|
+
|
|
|
+ }
|
|
|
+ },
|
|
|
+
|
|
|
+ onClickRow: function(row, $el){
|
|
|
+ },
|
|
|
+ onShowSearch: function () {
|
|
|
$("#search-collapse").slideToggle();
|
|
|
},
|
|
|
- columns: [/*{
|
|
|
+ columns: [/*{
|
|
|
field: 'uId',
|
|
|
title: '标题',
|
|
|
sortable: true,
|
|
@@ -101,142 +101,147 @@ $(document).ready(function() {
|
|
|
}
|
|
|
|
|
|
},*/{
|
|
|
- field: 'path',
|
|
|
- title: '图片路径',
|
|
|
- sortable: true,
|
|
|
- sortName: 'path',
|
|
|
- formatter:function(value, row , index){
|
|
|
- var valueArray = value.split("|");
|
|
|
- var labelArray = [];
|
|
|
- for(var i =0 ; i<valueArray.length; i++){
|
|
|
- if(!/\.(gif|jpg|jpeg|png|GIF|JPG|PNG)$/.test(valueArray[i]))
|
|
|
- {
|
|
|
- labelArray[i] = "<a href=\""+valueArray[i]+"\" url=\""+valueArray[i]+"\" target=\"_blank\">"+decodeURIComponent(valueArray[i].substring(valueArray[i].lastIndexOf("/")+1))+"</a>"
|
|
|
- }else{
|
|
|
- labelArray[i] = '<img onclick="jp.showPic(\''+valueArray[i]+'\')"'+' height="50px" src="'+valueArray[i]+'">';
|
|
|
- }
|
|
|
- }
|
|
|
- return labelArray.join(" ");
|
|
|
- }
|
|
|
-
|
|
|
- },{
|
|
|
- field: 'uId',
|
|
|
- title: '上传人员',
|
|
|
- sortable: true,
|
|
|
- sortName: 'uId',
|
|
|
- }]
|
|
|
- });
|
|
|
-
|
|
|
-
|
|
|
- if(navigator.userAgent.match(/(iPhone|iPod|Android|ios)/i)){//如果是移动端
|
|
|
-
|
|
|
-
|
|
|
- $('#testPicTable').bootstrapTable("toggleView");
|
|
|
- }
|
|
|
-
|
|
|
- $('#testPicTable').on('check.bs.table uncheck.bs.table load-success.bs.table ' +
|
|
|
- 'check-all.bs.table uncheck-all.bs.table', function () {
|
|
|
- $('#remove').prop('disabled', ! $('#testPicTable').bootstrapTable('getSelections').length);
|
|
|
- $('#view,#edit').prop('disabled', $('#testPicTable').bootstrapTable('getSelections').length!=1);
|
|
|
- });
|
|
|
-
|
|
|
- $("#btnImport").click(function(){
|
|
|
- jp.open({
|
|
|
- type: 2,
|
|
|
- area: [500, 200],
|
|
|
- auto: true,
|
|
|
- title:"导入数据",
|
|
|
- content: "${ctx}/tag/importExcel" ,
|
|
|
- btn: ['下载模板','确定', '关闭'],
|
|
|
- btn1: function(index, layero){
|
|
|
- jp.downloadFile('${ctx}/test/pic/testPic/import/template');
|
|
|
- },
|
|
|
- btn2: function(index, layero){
|
|
|
- var iframeWin = layero.find('iframe')[0]; //得到iframe页的窗口对象,执行iframe页的方法:iframeWin.method();
|
|
|
- iframeWin.contentWindow.importExcel('${ctx}/test/pic/testPic/import', function (data) {
|
|
|
- if(data.success){
|
|
|
- jp.success(data.msg);
|
|
|
- refresh();
|
|
|
- }else{
|
|
|
- jp.error(data.msg);
|
|
|
- }
|
|
|
- jp.close(index);
|
|
|
- });//调用保存事件
|
|
|
- return false;
|
|
|
- },
|
|
|
-
|
|
|
- btn3: function(index){
|
|
|
- jp.close(index);
|
|
|
- }
|
|
|
- });
|
|
|
- });
|
|
|
-
|
|
|
-
|
|
|
- $("#export").click(function(){//导出Excel文件
|
|
|
- jp.downloadFile('${ctx}/test/pic/testPic/export');
|
|
|
- });
|
|
|
-
|
|
|
-
|
|
|
- $("#search").click("click", function() {// 绑定查询按扭
|
|
|
- $('#testPicTable').bootstrapTable('refresh');
|
|
|
- });
|
|
|
-
|
|
|
- $("#reset").click("click", function() {// 绑定查询按扭
|
|
|
- $("#searchForm input").val("");
|
|
|
- $("#searchForm select").val("");
|
|
|
- $("#searchForm .select-item").html("");
|
|
|
- $('#testPicTable').bootstrapTable('refresh');
|
|
|
+ field: 'path',
|
|
|
+ title: '图片路径',
|
|
|
+ sortable: true,
|
|
|
+ sortName: 'path',
|
|
|
+ formatter:function(value, row , index){
|
|
|
+ var valueArray = value.split("|");
|
|
|
+ var labelArray = [];
|
|
|
+ for(var i =0 ; i<valueArray.length; i++){
|
|
|
+ if(!/\.(gif|jpg|jpeg|png|GIF|JPG|PNG)$/.test(valueArray[i]))
|
|
|
+ {
|
|
|
+ labelArray[i] = "<a href=\""+valueArray[i]+"\" url=\""+valueArray[i]+"\" target=\"_blank\">"+decodeURIComponent(valueArray[i].substring(valueArray[i].lastIndexOf("/")+1))+"</a>"
|
|
|
+ }else{
|
|
|
+ labelArray[i] = '<img onclick="jp.showPic(\''+valueArray[i]+'\')"'+' height="50px" src="'+valueArray[i]+'">';
|
|
|
+ }
|
|
|
+ }
|
|
|
+ return labelArray.join(" ");
|
|
|
+ }
|
|
|
+
|
|
|
+ },{
|
|
|
+ field: 'imgName',
|
|
|
+ title: '上传用途',
|
|
|
+ sortable: true,
|
|
|
+ sortName: 'imgName',
|
|
|
+ },{
|
|
|
+ field: 'uId',
|
|
|
+ title: '上传人员',
|
|
|
+ sortable: true,
|
|
|
+ sortName: 'uId',
|
|
|
+ }]
|
|
|
+ });
|
|
|
+
|
|
|
+
|
|
|
+ if(navigator.userAgent.match(/(iPhone|iPod|Android|ios)/i)){//如果是移动端
|
|
|
+
|
|
|
+
|
|
|
+ $('#testPicTable').bootstrapTable("toggleView");
|
|
|
+ }
|
|
|
+
|
|
|
+ $('#testPicTable').on('check.bs.table uncheck.bs.table load-success.bs.table ' +
|
|
|
+ 'check-all.bs.table uncheck-all.bs.table', function () {
|
|
|
+ $('#remove').prop('disabled', ! $('#testPicTable').bootstrapTable('getSelections').length);
|
|
|
+ $('#view,#edit').prop('disabled', $('#testPicTable').bootstrapTable('getSelections').length!=1);
|
|
|
+ });
|
|
|
+
|
|
|
+ $("#btnImport").click(function(){
|
|
|
+ jp.open({
|
|
|
+ type: 2,
|
|
|
+ area: [500, 200],
|
|
|
+ auto: true,
|
|
|
+ title:"导入数据",
|
|
|
+ content: "${ctx}/tag/importExcel" ,
|
|
|
+ btn: ['下载模板','确定', '关闭'],
|
|
|
+ btn1: function(index, layero){
|
|
|
+ jp.downloadFile('${ctx}/test/pic/testPic/import/template');
|
|
|
+ },
|
|
|
+ btn2: function(index, layero){
|
|
|
+ var iframeWin = layero.find('iframe')[0]; //得到iframe页的窗口对象,执行iframe页的方法:iframeWin.method();
|
|
|
+ iframeWin.contentWindow.importExcel('${ctx}/test/pic/testPic/import', function (data) {
|
|
|
+ if(data.success){
|
|
|
+ jp.success(data.msg);
|
|
|
+ refresh();
|
|
|
+ }else{
|
|
|
+ jp.error(data.msg);
|
|
|
+ }
|
|
|
+ jp.close(index);
|
|
|
+ });//调用保存事件
|
|
|
+ return false;
|
|
|
+ },
|
|
|
+
|
|
|
+ btn3: function(index){
|
|
|
+ jp.close(index);
|
|
|
+ }
|
|
|
});
|
|
|
-
|
|
|
-
|
|
|
});
|
|
|
-
|
|
|
- function getIdSelections() {
|
|
|
- return $.map($("#testPicTable").bootstrapTable('getSelections'), function (row) {
|
|
|
- return row.id
|
|
|
- });
|
|
|
- }
|
|
|
-
|
|
|
- function deleteAll(){
|
|
|
-
|
|
|
- jp.confirm('确认要删除该图片管理记录吗?', function(){
|
|
|
- jp.loading();
|
|
|
- jp.get("${ctx}/test/pic/testPic/deleteAll?ids=" + getIdSelections(), function(data){
|
|
|
- if(data.success){
|
|
|
- $('#testPicTable').bootstrapTable('refresh');
|
|
|
- jp.success(data.msg);
|
|
|
- }else{
|
|
|
- jp.error(data.msg);
|
|
|
- }
|
|
|
- })
|
|
|
-
|
|
|
+
|
|
|
+
|
|
|
+ $("#export").click(function(){//导出Excel文件
|
|
|
+ jp.downloadFile('${ctx}/test/pic/testPic/export');
|
|
|
+ });
|
|
|
+
|
|
|
+
|
|
|
+ $("#search").click("click", function() {// 绑定查询按扭
|
|
|
+ $('#testPicTable').bootstrapTable('refresh');
|
|
|
+ });
|
|
|
+
|
|
|
+ $("#reset").click("click", function() {// 绑定查询按扭
|
|
|
+ $("#searchForm input").val("");
|
|
|
+ $("#searchForm select").val("");
|
|
|
+ $("#searchForm .select-item").html("");
|
|
|
+ $('#testPicTable').bootstrapTable('refresh');
|
|
|
+ });
|
|
|
+
|
|
|
+
|
|
|
+});
|
|
|
+
|
|
|
+function getIdSelections() {
|
|
|
+ return $.map($("#testPicTable").bootstrapTable('getSelections'), function (row) {
|
|
|
+ return row.id
|
|
|
+ });
|
|
|
+}
|
|
|
+
|
|
|
+function deleteAll(){
|
|
|
+
|
|
|
+ jp.confirm('确认要删除该图片管理记录吗?', function(){
|
|
|
+ jp.loading();
|
|
|
+ jp.get("${ctx}/test/pic/testPic/deleteAll?ids=" + getIdSelections(), function(data){
|
|
|
+ if(data.success){
|
|
|
+ $('#testPicTable').bootstrapTable('refresh');
|
|
|
+ jp.success(data.msg);
|
|
|
+ }else{
|
|
|
+ jp.error(data.msg);
|
|
|
+ }
|
|
|
})
|
|
|
- }
|
|
|
-
|
|
|
- //刷新列表
|
|
|
- function refresh(){
|
|
|
- $('#testPicTable').bootstrapTable('refresh');
|
|
|
- }
|
|
|
-
|
|
|
- function add(){
|
|
|
- jp.openSaveDialog('新增图片管理', "${ctx}/test/pic/testPic/form",'800px', '500px');
|
|
|
- }
|
|
|
-
|
|
|
-
|
|
|
-
|
|
|
- function edit(id){//没有权限时,不显示确定按钮
|
|
|
- if(id == undefined){
|
|
|
- id = getIdSelections();
|
|
|
+
|
|
|
+ })
|
|
|
+}
|
|
|
+
|
|
|
+//刷新列表
|
|
|
+function refresh(){
|
|
|
+ $('#testPicTable').bootstrapTable('refresh');
|
|
|
+}
|
|
|
+
|
|
|
+function add(){
|
|
|
+ jp.openSaveDialog('新增图片管理', "${ctx}/test/pic/testPic/form",'800px', '500px');
|
|
|
+}
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+function edit(id){//没有权限时,不显示确定按钮
|
|
|
+ if(id == undefined){
|
|
|
+ id = getIdSelections();
|
|
|
}
|
|
|
jp.openSaveDialog('编辑图片管理', "${ctx}/managementcenter/upload/imagesForm?id=" + id, '800px', '500px');
|
|
|
- }
|
|
|
-
|
|
|
- function view(id){//没有权限时,不显示确定按钮
|
|
|
- if(id == undefined){
|
|
|
- id = getIdSelections();
|
|
|
- }
|
|
|
- jp.openViewDialog('查看图片管理', "${ctx}/managementcenter/upload/imagesForm?id=" + id, '800px', '500px');
|
|
|
- }
|
|
|
+}
|
|
|
+
|
|
|
+function view(id){//没有权限时,不显示确定按钮
|
|
|
+ if(id == undefined){
|
|
|
+ id = getIdSelections();
|
|
|
+ }
|
|
|
+ jp.openViewDialog('查看图片管理', "${ctx}/managementcenter/upload/imagesForm?id=" + id, '800px', '500px');
|
|
|
+}
|
|
|
|
|
|
|
|
|
|