reElectricalEnd.js 7.2 KB

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