mesSopStepList.html 4.0 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778
  1. <% layout('/layouts/default.html', {title: '指导书步骤管理', libs: ['dataGrid']}){ %>
  2. <div class="main-content">
  3. <div class="box box-main">
  4. <div class="box-header">
  5. <div class="box-title">
  6. <i class="fa icon-notebook"></i> ${text('指导书|')}${mesSopWay.title}
  7. </div>
  8. <div class="box-tools pull-right">
  9. <a href="#" class="btn btn-default" id="btnSearch" title="${text('查询')}"><i class="fa fa-filter"></i> ${text('查询')}</a>
  10. <% if(hasPermi('mes:mesSop:edit')){ %>
  11. <a href="${ctx}/mes/mesSopStep/form?wayId=${mesSopWay.id}" class="btn btn-default btnTool" title="${text('新增指导书步骤')}"><i class="fa fa-plus"></i> ${text('新增')}</a>
  12. <% } %>
  13. <a href="#" class="btn btn-default" id="btnSetting" title="${text('设置')}"><i class="fa fa-navicon"></i></a>
  14. </div>
  15. </div>
  16. <div class="box-body">
  17. <#form:form id="searchForm" model="${mesSopStep}" action="${ctx}/mes/mesSopStep/listData" method="post" class="form-inline hide"
  18. data-page-no="${parameter.pageNo}" data-page-size="${parameter.pageSize}" data-order-by="${parameter.orderBy}">
  19. <#form:hidden path="wayId"/>
  20. <div class="form-group">
  21. <label class="control-label">${text('步骤名称')}:</label>
  22. <div class="control-inline">
  23. <#form:input path="title" maxlength="200" class="form-control width-120"/>
  24. </div>
  25. </div>
  26. <div class="form-group">
  27. <label class="control-label">${text('备注')}:</label>
  28. <div class="control-inline">
  29. <#form:input path="remark" maxlength="255" class="form-control width-120"/>
  30. </div>
  31. </div>
  32. <div class="form-group">
  33. <label class="control-label">${text('状态')}:</label>
  34. <div class="control-inline width-120">
  35. <#form:select path="status" dictType="sys_search_status" blankOption="true" class="form-control isQuick"/>
  36. </div>
  37. </div>
  38. <div class="form-group">
  39. <button type="submit" class="btn btn-primary btn-sm">${text('查询')}</button>
  40. <button type="reset" class="btn btn-default btn-sm">${text('重置')}</button>
  41. </div>
  42. </#form:form>
  43. <table id="dataGrid"></table>
  44. <div id="dataGridPage"></div>
  45. </div>
  46. </div>
  47. </div>
  48. <% } %>
  49. <script>
  50. // 初始化DataGrid对象
  51. $('#dataGrid').dataGrid({
  52. searchForm: $("#searchForm"),
  53. columnModel: [
  54. {header:'${text("步骤名称")}', name:'title', index:'a.title', width:150, align:"left"},
  55. {header:'${text("备注")}', name:'remark', index:'a.remark', width:150, align:"left"},
  56. {header:'${text("状态")}', name:'status', index:'a.status', width:150, align:"center", formatter: function(val, obj, row, act){
  57. return js.getDictLabel(${@DictUtils.getDictListJson('sys_search_status')}, val, '${text("未知")}', true);
  58. }},
  59. {header:'${text("操作")}', name:'actions', width:120, formatter: function(val, obj, row, act){
  60. var actions = [];
  61. //<% if(hasPermi('mes:mesSop:edit')){ %>
  62. actions.push('<a href="${ctx}/mes/mesSopStep/form?id='+row.id+'" class="btnList" title="${text("编辑指导书步骤")}"><i class="fa fa-pencil"></i></a>&nbsp;');
  63. if (row.status == Global.STATUS_NORMAL){
  64. actions.push('<a href="${ctx}/mes/mesSopStep/disable?id='+row.id+'" class="btnList" title="${text("停用指导书步骤")}" data-confirm="${text("确认要停用该指导书步骤吗?")}"><i class="glyphicon glyphicon-ban-circle"></i></a>&nbsp;');
  65. } else if (row.status == Global.STATUS_DISABLE){
  66. actions.push('<a href="${ctx}/mes/mesSopStep/enable?id='+row.id+'" class="btnList" title="${text("启用指导书步骤")}" data-confirm="${text("确认要启用该指导书步骤吗?")}"><i class="glyphicon glyphicon-ok-circle"></i></a>&nbsp;');
  67. }
  68. actions.push('<a href="${ctx}/mes/mesSopStep/delete?id='+row.id+'" class="btnList" title="${text("删除指导书步骤")}" data-confirm="${text("确认要删除该指导书步骤吗?")}"><i class="fa fa-trash-o"></i></a>&nbsp;');
  69. //<% } %>
  70. return actions.join('');
  71. }}
  72. ],
  73. // 加载成功后执行事件
  74. ajaxSuccess: function(data){
  75. }
  76. });
  77. </script>