PowerStart.js 6.8 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179
  1. <%@ page contentType="text/html;charset=UTF-8" %>
  2. <script>
  3. $(document).ready(function() {
  4. var procInsId = $("#procInsId").val();
  5. $('#testPicTable').bootstrapTable({
  6. //请求方法
  7. method: 'post',
  8. //类型json
  9. dataType: "json",
  10. contentType: "application/x-www-form-urlencoded",
  11. //显示检索按钮
  12. showSearch: true,
  13. //显示刷新按钮
  14. showRefresh: true,
  15. //显示切换手机试图按钮
  16. showToggle: true,
  17. //显示 内容列下拉框
  18. showColumns: true,
  19. //显示到处按钮
  20. showExport: true,
  21. //显示切换分页按钮
  22. showPaginationSwitch: true,
  23. //最低显示2行
  24. minimumCountColumns: 2,
  25. //是否显示行间隔色
  26. striped: true,
  27. //是否使用缓存,默认为true,所以一般情况下需要设置一下这个属性(*)
  28. cache: false,
  29. //是否显示分页(*)
  30. pagination: true,
  31. //排序方式
  32. sortOrder: "asc",
  33. //初始化加载第一页,默认第一页
  34. pageNumber:1,
  35. //每页的记录行数(*)
  36. pageSize: 10,
  37. //可供选择的每页的行数(*)
  38. pageList: [10, 25, 50, 100],
  39. //这个接口需要处理bootstrap table传递的固定参数,并返回特定格式的json数据
  40. url: "${ctx}/managementcenter/upload/materialUploadData?procInsId="+procInsId,
  41. //默认值为 'limit',传给服务端的参数为:limit, offset, search, sort, order Else
  42. //queryParamsType:'',
  43. ////查询参数,每次调用是会带上这个参数,可自定义
  44. queryParams : function(params) {
  45. var searchParam = $("#searchForm").serializeJSON();
  46. searchParam.pageNo = params.limit === undefined? "1" :params.offset/params.limit+1;
  47. searchParam.pageSize = params.limit === undefined? -1 : params.limit;
  48. searchParam.orderBy = params.sort === undefined? "" : params.sort+ " "+ params.order;
  49. return searchParam;
  50. },
  51. //分页方式:client客户端分页,server服务端分页(*)
  52. sidePagination: "server",
  53. contextMenuTrigger:"right",//pc端 按右键弹出菜单
  54. contextMenuTriggerMobile:"press",//手机端 弹出菜单,click:单击, press:长按。
  55. contextMenu: '#context-menu',
  56. onContextMenuItem: function(row, $el){
  57. if($el.data("item") == "edit"){
  58. edit(row.id);
  59. }else if($el.data("item") == "view"){
  60. view(row.id);
  61. } else if($el.data("item") == "delete"){
  62. jp.confirm('确认要删除该图片管理记录吗?', function(){
  63. jp.loading();
  64. jp.get("${ctx}/test/pic/testPic/delete?id="+row.id, function(data){
  65. if(data.success){
  66. $('#testPicTable').bootstrapTable('refresh');
  67. jp.success(data.msg);
  68. }else{
  69. jp.error(data.msg);
  70. }
  71. })
  72. });
  73. }
  74. },
  75. onClickRow: function(row, $el){
  76. },
  77. onShowSearch: function () {
  78. $("#search-collapse").slideToggle();
  79. },
  80. columns: [{
  81. field: 'path',
  82. title: '图片路径',
  83. sortable: true,
  84. sortName: 'path',
  85. formatter:function(value, row , index){
  86. var valueArray = value.split("|");
  87. var labelArray = [];
  88. for(var i =0 ; i<valueArray.length; i++){
  89. if(!/\.(gif|jpg|jpeg|png|GIF|JPG|PNG)$/.test(valueArray[i]))
  90. {
  91. labelArray[i] = "<a href=\""+valueArray[i]+"\" url=\""+valueArray[i]+"\" target=\"_blank\">"+decodeURIComponent(valueArray[i].substring(valueArray[i].lastIndexOf("/")+1))+"</a>"
  92. }else{
  93. labelArray[i] = '<img onclick="jp.showPic(\''+valueArray[i]+'\')"'+' height="50px" src="'+valueArray[i]+'">';
  94. }
  95. }
  96. return labelArray.join(" ");
  97. }
  98. },{
  99. field: 'imgName',
  100. title: '上传用途',
  101. sortable: true,
  102. sortName: 'imgName',
  103. },{
  104. field: 'uId',
  105. title: '上传人员',
  106. sortable: true,
  107. sortName: 'uId',
  108. }]
  109. });
  110. if(navigator.userAgent.match(/(iPhone|iPod|Android|ios)/i)){//如果是移动端
  111. $('#testPicTable').bootstrapTable("toggleView");
  112. }
  113. $('#testPicTable').on('check.bs.table uncheck.bs.table load-success.bs.table ' +
  114. 'check-all.bs.table uncheck-all.bs.table', function () {
  115. $('#remove').prop('disabled', ! $('#testPicTable').bootstrapTable('getSelections').length);
  116. $('#view,#edit').prop('disabled', $('#testPicTable').bootstrapTable('getSelections').length!=1);
  117. });
  118. $("#export").click(function(){//导出Excel文件
  119. jp.downloadFile('${ctx}/test/pic/testPic/export');
  120. });
  121. $("#search").click("click", function() {// 绑定查询按扭
  122. $('#testPicTable').bootstrapTable('refresh');
  123. });
  124. $("#reset").click("click", function() {// 绑定查询按扭
  125. $("#searchForm input").val("");
  126. $("#searchForm select").val("");
  127. $("#searchForm .select-item").html("");
  128. $('#testPicTable').bootstrapTable('refresh');
  129. });
  130. $("#agree").click(function () {
  131. var currentFileValues = $("input[name='pic']").val();
  132. if (currentFileValues == "" || currentFileValues == null) {
  133. jp.error("请上传文件");
  134. } else {
  135. jp.prompt("审核意见", function (message) {
  136. jp.post("${ctx}/act/task/PowerStartTask",
  137. {
  138. "taskId":"${materialModule.act.taskId}",
  139. "taskName":"${materialModule.act.taskName}",
  140. "taskDefKey":"${materialModule.act.taskDefKey}",
  141. "procInsId":"${materialModule.act.procInsId}",
  142. "procDefId":"${materialModule.act.procDefId}",
  143. "flag":"yes",
  144. "pic":currentFileValues,
  145. "comment":window.encodeURI(message)
  146. },
  147. function (data) {
  148. if(data.success){
  149. jp.success(data.msg);
  150. jp.go("${ctx}/act/task/todo")
  151. }
  152. })
  153. });
  154. }
  155. });
  156. });
  157. function getIdSelections() {
  158. return $.map($("#testPicTable").bootstrapTable('getSelections'), function (row) {
  159. return row.id
  160. });
  161. }
  162. //刷新列表
  163. function refresh(){
  164. $('#testPicTable').bootstrapTable('refresh');
  165. }
  166. </script>