index0.html 9.2 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183
  1. {extend name="common/common2" /}
  2. {block name="main"}
  3. <div class="ibox">
  4. <div class="ibox-content">
  5. <div class="row">
  6. <div class="col-xs-12" style="text-align: right;">
  7. <form class="form-inline" id="form-search" action="{:url('index')}?mode={$mode}">
  8. <div class="input-group">
  9. <input type="text" class="form-control" name="sn" placeholder="工单编号">
  10. </div>
  11. <div class="input-group">
  12. <input type="text" class="form-control" name="order_sn" placeholder="订单编号">
  13. </div>
  14. <div class="input-group">
  15. <input type="text" class="form-control" name="content" placeholder="内容">
  16. </div>
  17. <div class="input-group">
  18. <input type="text" class="form-control" name="name" placeholder="执行人">
  19. </div>
  20. <div class="input-group">
  21. <input class="form-control" id="start" readonly placeholder="开始时间" name="start" >
  22. </div>
  23. <div class="input-group">
  24. <input class="form-control" id="end" readonly placeholder="结束时间" name="end" >
  25. </div>
  26. <div class="input-group">
  27. <select name="work_type_mode" class="form-control">
  28. <option value="">工单类型</option>
  29. {if condition="in_array(1,$auths)"}<option value="1">报修</option>{/if}
  30. {if condition="in_array(2,$auths)"}<option value="2">保洁</option>{/if}
  31. {if condition="in_array(3,$auths)"}<option value="3">运送</option>{/if}
  32. {if condition="in_array(4,$auths)"}<option value="4">应急</option>{/if}
  33. {if condition="in_array(0,$auths)"}<option value="0">一键呼叫</option>{/if}
  34. </select>
  35. </div>
  36. <div class="input-group">
  37. <select name="todo_mode" class="form-control">
  38. <option value="">选择状态</option>
  39. {foreach $todo_mode_list as $k=>$v}
  40. <option value="{$v['id']}">{$v['in_content']}</option>
  41. {/foreach}
  42. <option value="100">已挂起</option>
  43. </select>
  44. </div>
  45. <br/>
  46. <br/>
  47. <div class="input-group">
  48. <select name="from" class="form-control">
  49. <option value="">来源</option>
  50. <option value="1">一键呼叫</option>
  51. <option value="4">报修</option>
  52. <option value="5">保洁</option>
  53. <option value="6">运送</option>
  54. <option value="7">应急</option>
  55. <option value="2">隐患</option>
  56. <option value="3">投诉</option>
  57. </select>
  58. </div>
  59. <!-- <div class="input-group">-->
  60. <!-- <select name="dep_cate" class="form-control">-->
  61. <!-- <option value="">部门分类</option>-->
  62. <!-- {foreach $dep_cate as $k=>$v}-->
  63. <!-- <option value="{$v['id']}">{$v['title']}</option>-->
  64. <!-- {/foreach}-->
  65. <!-- </select>-->
  66. <!-- </div>-->
  67. <div class="input-group">
  68. <span class="input-group-btn">
  69. <button class="btn-sm btn-primary" type="button" id ="search-btn" ><i class="fa fa-search"></i></button>
  70. </span> &nbsp;
  71. <span class="input-group-btn">
  72. <button class="btn-sm btn-warning" type="button" id="search-clear"><i class="fa fa-undo"></i></button>
  73. </span>
  74. &nbsp;
  75. <span class="input-group-btn">
  76. <button data-url="{:url('export',[],'')}/mode/{$mode}" title="导出" class="btn-sm btn-primary" onclick="excel_download(this)" type="button" ><i class="fa fa-cloud-download"></i></button>
  77. </span>
  78. </div>
  79. </form>
  80. </div>
  81. </div>
  82. </div>
  83. <div class="ibox-content">
  84. <div class="jqGrid_wrapper">
  85. <table id="table" style="border-collapse: collapse"></table>
  86. <div id="pager"></div>
  87. </div>
  88. </div>
  89. </div>
  90. {/block}
  91. {block name="script"}
  92. <script src="/static/layDate-v5.0.9/laydate.js"></script>
  93. <script>
  94. //导出
  95. function excel_download(_self){
  96. var url = $(_self).attr('data-url');
  97. var param = $('#form-search').serialize();
  98. window.location.href = url+'?'+param;
  99. }
  100. $(function () {
  101. laydate.render({
  102. elem: '#start',
  103. trigger: 'click' ,
  104. theme: '#148d8f'
  105. });
  106. laydate.render({
  107. elem: '#end',
  108. trigger: 'click' ,
  109. theme: '#148d8f'
  110. });
  111. $(window).bind("resize",function(){
  112. var width=$(".jqGrid_wrapper").width();
  113. $("#table").setGridWidth(width);
  114. });
  115. $.jgrid.defaults.styleUI="Bootstrap";
  116. $("#table").jqGrid({
  117. url:"{:url('index')}?mode={$mode}",
  118. datatype: "json",
  119. colModel:[
  120. {label:'编号',name:'sn',index:'sn', width:80,sortable: false},
  121. {label:'订单编号',name:'order_sn',index:'order_sn',width:80,editable: false,sortable: false},
  122. {label:'所在科室/部门',name:'dep',index:'dep',width:60,sortable: true},
  123. {label:'来源',name:'source_type_text',index:'source_type_text',width:60,sortable: true},
  124. // {label:'部门分类',name:'dep_cate_name',index:'dep_cate_name',width:60,sortable: true},
  125. {label:'发起人',name:'real_name',index:'real_name',width:30,editable: false,sortable: false},
  126. {label:'执行人',name:'to_real_name',index:'to_real_name',width:50,sortable: true},
  127. {label:'工单类型',name:'work_type_mode_text',index:'work_type_mode_text',width:50,sortable: true},
  128. {label:'内容',name:'content',index:'content',width:50,sortable: true},
  129. {label:'调度分派时间',name:'to_create_time',index:'to_create_time',width:50,sortable: true},
  130. {label:'接单时间',name:'confirm_time',index:'confirm_time',width:50,sortable: true},
  131. {label:'完成时间',name:'done_time',index:'done_time',width:50,sortable: true},
  132. {label:'状态',name:'todo_mode_in_content',index:'todo_mode_in_content',width:60,sortable: true,formatter:function (a, b, c) {
  133. if(c.work_type_mode==1 && c.todo_mode==2 && c.pause==1){
  134. return '<span style="color: '+c.todo_mode_color+'">'+a+"(已挂起)"+'</span>'
  135. }else {
  136. return '<span style="color: '+c.todo_mode_color+'">'+a+'</span>'
  137. }
  138. }},
  139. {label:'操作',width:80,sortable: false,formatter: function (a, b, c) {
  140. var detail_url = "{:url('detail',[],'')}/id/"+c.id;
  141. var finish_url = "{:url('finish',[],'')}/id/"+c.id;
  142. var cancel_url = "{:url('disCancel',[],'')}/id/"+c.id;
  143. //var btn = '<a href="'+detail_url+'" ><span class="label label-primary" title="详情">详情</span></a>&nbsp;';
  144. var btn= '<a url="'+detail_url+'" href="javascript:;" data-title="详情" onclick="layer_open(this,1)"><span class="label label-primary" title="详情">详情</span></a>&nbsp;';
  145. if(c.todo_mode==1 ||c.todo_mode==2 ) {
  146. btn += '<a href="'+finish_url+'" class="confirm ajax-get" data-confirm="确定要完成吗?" data-table="1"><span class="label label-primary" title="完成">完成</span></a>&nbsp;';
  147. }
  148. if(c.todo_mode==1 ||c.todo_mode==2 || c.todo_mode==4 ) {
  149. btn += '<a url="'+cancel_url+'" href="javascript:;" data-title="取消" onclick="layer_open(this,1)"><span class="label label-danger" title="取消">取消</span></a>';
  150. }
  151. return btn;
  152. }},
  153. ],
  154. rowNum:10,
  155. rowList:[10,20,30,50,100],
  156. pager: '#pager',
  157. sortname: 'id',
  158. viewrecords: true,
  159. autowidth:true,
  160. mtype: 'post',
  161. height: 'auto',
  162. emptyrecords: "暂无数据",
  163. sortorder: "desc",
  164. caption:"{$m_name}工单列表",
  165. loadComplete: function (xhr) {
  166. if(xhr.code==0){
  167. layer.msg(xhr.msg);
  168. return false;
  169. }
  170. },
  171. });
  172. });
  173. </script>
  174. {/block}